@charset "utf-8";


/*header*/

.header .navbar {
    padding: 0 10px;
}
.header .navbar .navbar-brand {
    width: 300px;
    height: 88px;
}
.is_scroll .navbar {
    border: none;
    /* opacity: 0.95; */
    background: rgba(255, 255, 255, 0.9);
}
/*.bsnav-mobile.full.in .navbar .navbar-brand {
    background-image: url(../images/logo_nav.png);
}*/


.is_scroll .header .navbar .navbar-brand {
    background-size: contain;
    width: 204px;
}
.header .navbar-nav .nav-link {
    padding: 10px;
}

.header .navbar .search-area .form-inline{
	display:flex;
}
.header .navbar .search-area .form-inline .form-group input{
	height:100%;
}
/*.nav-brand-wrapper .nav-com-name {
    display: inline-block;
}*/

.nav-item.dropdown.dropdown-left .navbar-nav .nav-item .nav-link.trigger:hover:before {
    border-color: transparent transparent transparent var(--main-color);
}

.nav-item.dropdown .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-right-color: #fff;
}


/*.navbar-expand-md .navbar-nav.nav_fb li a, .bsnav-mobile .navbar-mobile.nav_fb li a {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: 99999px;
    background: url(../images/fbpic.png) no-repeat;
}

.navbar-expand-md .navbar-nav li.icon_f a,
.bsnav-mobile .navbar-mobile.nav_fb li.icon_f a {
    background: none;
    text-indent: 0;
}

.navbar-expand-md .navbar-nav li.icon_i a,
.bsnav-mobile .navbar-mobile.nav_fb li.icon_i a {
    background-position: 3px -403px;
}


.navbar-expand-md .navbar-nav li.icon_y a,
.bsnav-mobile .navbar-mobile.nav_fb li.icon_y a {
    background-position: 2px -248px;
}

.navbar-expand-md .navbar-nav li.icon_t a,
.bsnav-mobile .navbar-mobile.nav_fb li.icon_t a {
    background-position: 3px -657px;
}

.navbar-expand-md .navbar-nav li.icon_p a,
.bsnav-mobile .navbar-mobile.nav_fb li.icon_p a {
    background-position: 3px -762px;
}

.navbar-expand-md .navbar-nav li.icon_l a,
.bsnav-mobile .navbar-mobile.nav_fb li.icon_l a {
    background-position: 3px -526px;
}*/


.bsnav-mobile.full.in .navbar {
    /* background: rgb(197 174 152); */
    background: url(../images/nav.jpg) right bottom no-repeat;
   background-size: cover;
    opacity: 0.95;
}
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav {
    /*background: rgb(255 255 255 / 80%);*/
}


.h2 {
    color:var(--main-color);
	border-bottom-color:#ddd;
}
h3 .txt-en,.h2 .txt-en {
    margin-right: 10px;
}
.gotop a:hover,
.ezshare-box a:hover,
.wid-float-section ul li a,
.gallery-list.border-solid .item .item-detail .btn-box .btn,
body.home .page-content .abbox .page-box .wid-page_unit .editor,
body.home .page-content .abbox .h2,
.anchor-title a,.anchor-title a:hover{
	color:#fff;

}

.gallery-list.border-solid .item .item-detail .btn-box .btn {
    background: #dc3545;
}

.page-link {
    color: #adadad;
}
span.radio-inline + span.radio-inline {
    margin: 0 10px;
    display: inline-block;
}
/*字主色*/
a:hover,.btn.btn-bord{
	color:var(--main-color);
}

/*字副色*/
/*.wid-float-section ul li a:hover, .wid-float-section ul li a:hover .icon {
    color: var(--second-color);
}*/



.wid-float-section ul li a:hover, .wid-float-section ul li a:hover .icon {
    color: var(--third-color);
}
.anchor-title a.active{
	 color: var(--fifth-color);
}
.gallery-list p.price,.product-info-area .item.price .cont {
    color: #b12e2e;
}



/*背景主色*/
.wid-float-section ul,
.bsnav-mobile.full .navbar-nav .nav-item:hover,.footer{
 	background: var(--main-color);
}

.anchor-title.scroll-to-fixed-fixed,
.list-creative .list-terms:before,.gotop a{
    background: var(--second-color);
}
/*背景第五色*/
.toast,
.list-creative > li:nth-child(2n) .list-terms:before{
	background: var(--fifth-color);
}

body.home section .more-btn-area {
    text-align: center;
    margin: 25px 0;
}

/*
.footer .footer_content .sitemap > ul > li > a,
.footer .footer-info ul li .icon,
.footer .footer-info ul li a,.footer .copyrights-info a,.footer .copyrights-info {
    color: #000000;
}*/

/*描邊 currentColor*/

.btn.btn-bord,.page-link {
	border-color:currentColor;
}
.header .navbar-nav .nav-item:hover > .nav-link .caret {
    border-top-color: currentColor;
}

body.home  .servicebox .slick .slick-dots {
    position: static;
}


.footer .footer_content {
    background: none;
    padding:30px 0;
}
.footer-logo a {
    display: inline-block;
    width: 208px;
}
.h5 .sub-txt {
    color: #686868;
}
.btn.btn-light {
    background: #b12e2e;

}
.nav-item.dropdown.dropdown-left .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-left: solid 5px #ffffff;
}
.header .bsnav-mobile.full.in .navbar .nav-share-btn-area li a{
	color: #fff;
}
/*背景主色，白字*/
.gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover,
body.show .page-item .page-link:hover,
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover{
    background: var(--main-color);
    color: #fff;
}

/*背景副色，白字*/

/*.nav-item.dropdown>.navbar-nav .nav-item:hover > a,.footer {
    background: var(--second-color);
    color: #fff;
}*/

/*背景副色，白字*/
.btn.btn-primary{
    background: var(--second-color);
    color: #fff;
}

/*背景第五色，白字*/
.nav-item.dropdown > .navbar-nav .nav-item:hover > a,
.member-function-box .item > a:hover,.btn.more {
    background: var(--fifth-color);
    color: #fff;
}

.iso-kind li.active a, .iso-kind li a:hover {
    color: #fff;
    background: #639da1;
    border-color: #57969b;
}

.footer {
 

}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border: 1px solid;
}


/*body.show .page-item .page-link:hover {
    background: var(--second-color);
    color: #000;
}*/

/*gallery-list共用*/
.gallery-list.border-solid .item .item-detail {
    border-radius: 5px;
}

.gallery-list.border-solid .item .item-detail .pic img {}

.gallery-list.border-solid .item .item-detail .pic, .gallery-list.border-solid .item .item-detail .pic img {
    border-radius: 4px 4px 0 0;
}


/*abbox*/



body.home .page-content .abbox .h2 {
    border-bottom: 0;
    text-align: center;
}
body.home .page-content .abbox {
    background: url(../images/abbox.jpg) no-repeat right center;
    background-size: cover;
    padding: 8% 0 !important;
    text-align: center;
}
body.home .page-content .abbox .page-box {
    
}
body.home .page-content .abbox .page-box .wid-page_unit {
 width: 50%;
}
body.home .page-content .abbox .h3 {
    margin-bottom: 20px;
}

body.home section.news .item-wrap {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    padding-top: 45px;
	transition:0.5s ease;
}

body.home section.news .item-wrap .tag {
    position: absolute;
    left: 0;
    top: 16px;
}

body.home section.news .item-wrap:hover {
    border-color: var(--main-color);
}

body.home section.news .item-wrap:hover .tag {
    background: var(--main-color);
    color: #fff;
}
body.home section .grid.fade-icon .grid-item:hover a.a-link {

    z-index: auto;
}
body.home section.news .item-wrap .title a {
    display: block;
}
/*.conbanner-list .item .bn-txt {
    position: static;
    color: var(--second-color);
    font-size: 1.5rem;
    transform: none;
    text-shadow: none;
    padding: 5px;
}*/

/*footer*/
.footer .footer-info ul li a, 
.footer .footer-info ul li,
.footer .footer-info .desc, 
.footer .footer_content.fc_seperate_bottom .right-area a,
 .footer .footer_content.fc_seperate_bottom .social-box svg, 
 .footer .footer-seo .h4, .footer .footer-seo .desc, 
 .right-area .editor, .footer .footer_content .sitemap > ul > li > a,
  .footer .footer_content .sitemap > ul > li > a:hover, 
  .footer .footer-info ul li .icon,
   .footer .copyrights-info a, .footer .copyrights {
    color: #fff;
}

.footer .footer-info ul li {
    /* flex-direction: unset; */
    padding: 0 10px;
}

.footer .footer-info ul li label:after {
	content: "：";
}

.footer .footer_content .sitemap {
    margin-top: 40px;
}
.footer .footer-info ul {
}
.footer .right-area h1{
    font-size: 18px;
    margin-bottom: 10px !important;
}
.footer .footer-info .sitemap {
    text-align: left;
}
/*.footer .footer-info {
    width: 75%;
    margin: 0 auto;
}*/

/*.footer-logo a img {
    width: 300px;
}*/
.footer .copyrights-info a, .footer .copyrights,
 .footer .footer_content .sitemap > ul > li > a:hover,
.anchor-title a:hover{
    opacity: 0.5;
}
.footer .footer_content.fc_seperate_bottom .footer-bottom{
	background:none;
}



.footer .copyrights-info > * {
    float: none !important;
    display: inline-block;
}
.footer .copyrights-info {
    border-top: solid 1px rgb(255 255 255 / 20%);
    text-align: center;
}

/*news 訊息*/
body.news.show .small-title {
    color: #afafaf;
}
body.news.show .page-content .h1 {
    /* color: #1c68a3; */
    /* font-weight: normal; */
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 28px;
    color: var(--second-color);
}
body.news .page-content  .article-grid.ar-img .item .info {
    height: auto;
    border: none;
}
body.news .page-content .article-grid.ar-img article {
    border: 1px solid #ddd;
    padding: 10px;
}

/*商品*/
body.product .page-content  .gallery-list .item {
    margin-bottom: 3.3rem !important;
}