@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&display=swap');
@charset "utf-8";
:root {
   --init-about-editor-slick-ratio:1296 /546;
}
.ezshare-box  a:hover {
   color:#fff;
}
body, .editor, .contentbuilder-box body, .contentbuilder-box table.body, 
.contentbuilder-box p, .contentbuilder-box td, .contentbuilder-box th {
    font-size: 18px;
    color: #333;
    line-height: 1.8;
    letter-spacing: 1px;
}
body, .contentbuilder-box body, .contentbuilder-box table.body, 
.contentbuilder-box h1, .contentbuilder-box h2, .contentbuilder-box h3, 
.contentbuilder-box h4, .contentbuilder-box h5, .contentbuilder-box h6, 
.contentbuilder-box p, .contentbuilder-box td, .contentbuilder-box th, 
.contentbuilder-box a {
    font-family: "Montserrat","Noto Sans TC", sans-serif;
}

.header .navbar {
    padding: 10px 0;
}

/* navbar */
.header .navbar > .container {
    max-width: 100%;
    padding: 0 10px !important;
}
.nav-item.dropdown.dropdown-left .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-color: transparent transparent transparent currentColor;
}

.header  .nav-brand-wrapper {
}
.header .nav-item.dropdown > .navbar-nav {
    background: #ecf7ff;
}
.header .btn-group.lang .dropdown-item:hover{
    background-color:#000;
}
.nav-item.dropdown > .navbar-nav .nav-item + li {
    border-top: 1px solid #eee;
}
.header .navbar-nav .nav-link {
    padding: 18px 10px;
    position: relative;
}
.header .navbar-nav .nav-item:hover > .nav-link {
 
}
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item:active:focus > .nav-link, 
.navbar-nav .nav-item:active > .nav-link, 
.navbar-nav .nav-item:focus > .nav-link, 
.navbar-nav .nav-item:hover > .nav-link {
    color: var(--main-color);
}
.header .navbar-nav .nav-item  .caret{
}
.header .navbar-nav.navbar-mobile > .nav-item > .nav-link:hover:before {
}
.header .navbar-nav.navbar-mobile > .nav-item > .nav-link:before {
}
.nav-item.dropdown.fadeup > .navbar-nav.in  li a{
    color:#000;
}
    .nav-item.dropdown.fadeup > .navbar-nav.in li a:hover {
        background-color: #e6e6e6;
    }

.header .navbar .small-btn-box,
.navbar .navbar-collapse {
}
.navbar .navbar-collapse > .navbar-nav {
  
}
.header .navbar .wid-nav-search .h3 {
    display: none;
}

.header .navbar .wid-nav-search .form-group {
    display: flex;
}

.header .navbar .wid-nav-search .form-group .form-control {
    width: 80%;
    margin-bottom: 0 !important;
    border-radius: 5px 0 0 5px;
}
.header .navbar .wid-nav-search .form-group .btn {
    width: 35px !important;
    font-size: 18px;
    text-indent: -99999px;
    background: url(../images/all/search.svg) var(--main-color) no-repeat center;
    background-size: 38px;
    border-radius: 0 5px 5px 0;
}

    .navbar .navbar-brand {
        display: inline-block;
        /*background: url(../images/all/logo.png) center center no-repeat!important;*/
        background-size: cover;
        /*width: 100px!important;
        height: 87px!important;*/
        transition: all .3s ease;
        margin: 20px 0  10px;
    }

.header .navbar {
    border-bottom: none;
}
.is_scroll .header .navbar {
    background: rgba(255, 255, 255, 0.9);
    /* border-color: #ccc; */
    box-shadow: rgb(0 0 0 / 16%) 0px 8px 20px;
}
.kind-info .h2, .contact h3.h1 {
    border-bottom: 0;
    text-align: center;
    font-size: 35px;
    color: #333;
}
.kind-info .h2 .txt-en,.contact h3 .txt-en {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color);
}

body  .container .ezshare-box {
    margin: 0px 0 50px 0;
}

 /* banner */
 .banner .banner-wrapbox {
    position: relative;
}




@-webkit-keyframes scrolldown {
    0% {
        opacity: 1;
        top:0;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}
@-moz-keyframes scrolldown {
    0% {
        opacity: 1;
        top: 0;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}
@keyframes scrolldown {
    0% {
        opacity: 1;
        top: 0;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}
    .banner .slick .slick-dots .slick-active button {
        background: #a1b57b;
    }

    .banner .slick .slick-dots button {
        background: #fff;
    }

.banner .slick-dots {
    bottom: 10px;
    z-index: 100;
}

.banner {
    position: relative;
}
body.home .banner .banner-wrapbox {
    position: relative;
    padding-left: 96px;
    padding-bottom: 50px;
}
body.home .banner .item {
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}
body.home .banner .banner-wrapbox:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 62px;
    background: var(--main-color);
    z-index: -1;
}
.banner .scroll-deco {
    display:none;
}
body.home .banner .scroll-deco.pos-absolute {
    display: block;
    left: 50px;
    writing-mode: sideways-rl;
    z-index: 1;
    bottom: 50px;
    color: #fff;
    letter-spacing: 3px;
}
body.home .banner .scroll-deco .line:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    display: block;
    content: "";
    position: absolute;
    left: calc(50% - 10px / 2);
    animation: scrolldown 3s infinite linear;
    -webkit-animation: scrolldown 3s infinite linear;
    -moz-animation: scrolldown 3s infinite linear;
}

body.home .banner .scroll-deco .line {
    display: inline-block;
    width: 1px;
    height: 100px;
    vertical-align: middle;
    background: #ffffff72;
    margin-top: 22px;
    /* opacity: 0.3; */
    position: relative;
}
/*----------------------- 會員專區 -----------------------*/
.rwd-table a:hover {
    color: #36bcbf;
}

.form-group .notice {
    padding-right: 4px;
}

.btn.btn-txt {
    font-size: 0.875rem;
    color: #2d2d2d;
}

.modify .form-check-input,
.register .form-check-input {
    border: none;
    margin-top: 0;
}

.frame-small-box {
    background-color: #fff;
    border:1px solid #b8b8b8;
    padding: 50px;
    border-top:5px solid #9c8949;
}

.flex-item{
    margin-bottom:15px;
}
.btn.btn-txt:hover {
    color: #9c8949;
}

.side .navbar-nav .dropdown-menu li.nav-title a {
    background: #212121;
    color: #fafafa;
}

    .side .navbar-nav .dropdown-menu li.nav-title a:hover {
        background-color: #0071bb;
    }

.member-function-box .item > a .info {
    color: #000;
}

.member-function-box .item > a:hover .info {
    color: #fff;
}

.member-function-box .item > a {
    color: #0071bb;
    background-color: #fff;
    padding: 32px 15px;
    -moz-box-shadow: 0px 0px 5px #5FD4F8;
    -webkit-box-shadow: 0px 0px 5px #5fd4f8;
    box-shadow: 0px 0px 5px #5fd4f8;
    border-radius: 15px;
}

    .member-function-box .item > a:hover {
        background: #0071bb;
        color: #fff;
    }

.rwd-table.mob-mode th {
    background: #0071bb;
}

.rwd-table a {
    color: #000000;
}


/* 首頁區塊 */

.breadcrumb:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #9f9f9f;
    left: -999px;
    right: -999px;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.breadcrumb li,
.breadcrumb li a {
    color: #fff;
}
    .breadcrumb li a   .txt-en{
        display:none;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        color: #ffffff;
    }
.breadcrumb {
    position: relative;
    background: unset;
    font-size: 14px;
    margin: 0 auto;
    padding-left: 0;
}
body.home .sec01 {
    padding: 100px 0 !important;
}
body.home .sec01 .h2,body.home .sec01 .h3 {
    text-align: center;
    border-bottom: 0;
    margin-bottom: 50px;
    color: #444;
    font-size:45px;
    opacity:0;
}
body.home .sec01 .h2.aos-animate,body.home .sec01 .h3.aos-animate {
   -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
body.home .sec01 .h2 span, body.home .sec01 .h3 span {
    display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--main-color);
}
body.home .home_about {
    background: url(../images/all/about_bg01.jpg) no-repeat right top, url(../images/all/about_bg02.png) no-repeat left 0px top 20%, url(../images/all/about_bg03.png) no-repeat left 0px bottom -36px;
    padding: 130px 0 !important;
}

body.home .home_about .pic img {
    margin: 0;
    width: 100%;
    border-radius: 20px;
}
body.home .home_about .faith {
    margin-bottom: 40px;
}
body.home .home_about p.point,body.home .home_about strong{
    color: var(--main-color);
}
body.home .home_about .faith label {
    color: var(--main-color);
    display: block;
    font-size: 20px;
}
body.home .home_about .faith li + li {
    margin-top: 12px;
    border-top: 1px solid #ddd;
    padding-top: 6px;
}

body.home .home_about .faith li {
    padding-left: 60px;
    background: url(../images/all/starIcon.svg) no-repeat left 4px center;
}
body.home .home_about .strength {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
    margin-bottom: 0;
}
body.home .home_about .strength li {
    width: calc(100% / 4 - 20px);
    padding-left: 84px;
    position: relative;
    background: url(../images/all/aboutIcon.svg) no-repeat left 4px top 0px;
}
body.home .home_about .strength li:nth-child(2) {
    background-position: left 4px top -207px;
}
body.home .home_about .strength li:nth-child(3) {
    background-position: left 4px top -413px;
}
body.home .home_about .strength li:nth-child(4) {
    background-position: left 4px top -683px;
}
body.home .home_about .pic {
    position: relative;
}
body.home .home_about .pic:after,
body.home .home_client.sec01:before {
    content: "";
    position: absolute;
}
body.home .home_about .pic.labelpic:after {
    width: 146px;
    height: 166px;
    background: url(../images/all/label2.png) no-repeat center;
    right: -20px;
    bottom: -54px;
    background-size:contain;
}
body.home .home_about .pic.paper:after {
    width: 133px;
    height: 133px;
    background: url(../images/all/paperCut2.png) no-repeat center;
    left: 0;
    bottom: -1px;
    background-size:contain;
}
body.home .home_about .pic.labelpic {
    margin-top: 66px;
}

body.home .main_Catagory {
    background: url(../images/all/ptbg.png) no-repeat bottom center #e4f3ff;
}

.gallery-list .item .pic:before {
    content: "";
    position: absolute;
    right: -6px;
    top: -4px;
    width: 76px;
    height: 73px;
    background: url(../images/all/paperCut.png) no-repeat right top;
    z-index: 1;
    transition: 0.5s ease;
    transform-origin: right top;
    transform: scale(0);
}
body.home .main_Catagory .gallery-list .item .pic:before {
    background: url(../images/all/paperCut3.png) no-repeat right top;
}
.gallery-list .item:hover .pic:before {
    transform: scale(1);
}
.gallery-list .item .item-detail .title {
    font-size: 18px;
    font-weight: normal;
    color: #1677bb;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
    margin-top: 0 !important;
    line-height: 1.5;
}
.gallery-list .item .info {
    padding: 10px;
}
.home .main {
    display: none;
}

img {
    transition: all 0.5s;
}

.gallery-list .item .item-detail,
.gallery-list .item .pic .mask,
.gallery-list .item .pic img {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    height:100%;
}
.gallery-list .item:hover .pic img {
    opacity: 0.7;
    transform: scale(1);
}


.article-grid.info-absolute .item a {
    /*font-size: 0.875rem;*/
    color: #000;
    font-weight: bold;
}

.article-grid.info-absolute .item .info .date {
    color: #257830;
    font-size: 0.75rem;
    padding-top: 5px;
}

.article-grid.info-absolute .item .info {
    text-align: left;
    padding-top: 18px;
}

.article-grid.info-absolute .item:hover .pic img {
    opacity: 0.7;
}
.article-grid .item .pic img {
    border-radius: 20px 20px 0 0;
}
.news-sec {
    margin: 30px 0;
    position: relative;
    padding-bottom: 50px
}

.btn.more, .show .page-item a.page-link {
    background-color: #fff;
    /* border: 1px solid #000; */
    /* display: table; */
    margin: 0 auto;
    padding: 15px 26px;
    /* font-size: 0.75rem; */
    color: #000;
    letter-spacing: 1px;
    background: linear-gradient(274deg, #3488c0, #19486b);
    max-width: 300px;
    color: #fff;
    position: relative;
    text-align: left;
    display: block;
}
.btn.more:before, .btn.more:after,
.show .page-item a.page-link:before,
.show .page-item a.page-link:after{
    content: "";
    display: block;
    position: absolute;
}
.btn.more:before, .btn.cover.bottom:before,
.btn.cover.top:hover:before,
.btn.cover.bottom:hover:before,
.show .page-item a.page-link:before{
    top: -2px;
    bottom: -32px;
    height: auto;
    width: 50px;
    background: url(../images/all/morebf.png) no-repeat;
    left: -30px;
}
.btn.more:after,
.show .page-item a.page-link:after {
    width: 16px;
    height: 14px;
    background: url(../images/all/morearrow.svg) no-repeat center;
    right: 18px;
    top: calc(50% - 14px / 2);
    transition:0.3s ease all;
}
.btn.more:hover:after,
.show .page-item a.page-link:hover:after  {
    right: 10px;
}
.home_about {
    position: relative;
    z-index: 10;
}
body.home .home_promobanner .item {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}
body.home section .h3:empty, .footer-seo:empty {
    display: none;
}
body.home .home_promobanner, body.home .home_fastLinks {
    padding: 0 !important;
}

body.home .home_promobanner .conbanner-list .item .pic .ratio {
    --bs-aspect-ratio: 30% !important;
}
body.home .conbanner-list .item .pic:before {
    content: none;
}
body.home  .home_hotProduct{
    background: url(../images/all/hotpt_bg.jpg) no-repeat top center;
}

body.home .home_hotProduct .gallery-list .item .pic:before {
    transform-origin:center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    border-radius:50%;
}
body.home .home_hotProduct .gallery-list .item:hover .pic:before {
    border-radius:0;
}
body.home .home_hotProduct .gallery-list .item .pic:before,
body.home .home_hotProduct .gallery-list .item .pic:after{
    
    transition:0.5s ease all;
    pointer-events: none;
}
body.home .home_hotProduct .gallery-list .item .pic:after {
    content: "詳細資訊";
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30px);
    color: #fff;
    padding: 5px 0;
    padding-left: 40px;
    background: url(../images/all/hover.svg) left center no-repeat;
    border-top: 1px solid;
    border-bottom: 1px solid;
    z-index: 1;
    transition-delay:0.3s;
}
body.home .home_hotProduct .gallery-list .item:hover .pic:after{
     opacity: 1;
     transform: translate(-50%, -50%);
}

body.home .home_hotProduct .gallery-list .item .item-detail,.product .gallery-list.border-solid .item .item-detail {
    background: #ddf4ff;
}
body.home .home_hotProduct .gallery-list .item .item-detail .title {
    color: #333;
    margin-bottom: 10px;
}

body.home .home_fastLinks .home-pagelist-area .list_item .pic,
body.home .home_fastLinks .home-pagelist-area .list_item .pic img {
    border-radius: 20px;
}
body.home .home_fastLinks .home-pagelist-area .list_item .info {
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 10px 30px;
    color: #fff;
}
body.home .home_fastLinks .home-pagelist-area .list_item .info .title {
    font-size: 32px;
    line-height: 1.2;
}

body.home .home_fastLinks .home-pagelist-area .list_item .info .title span {
    display: block;
    font-size: 20px;
    margin-top: 10px;
}
body.home .home_fastLinks .home-pagelist-area .list_item .info:before {
    content: none;
}
body.home .home_fastLinks .home-pagelist-area .list_item {
    position: relative;
    margin: 0;
    margin-bottom: 28px;
}
body.home .home_fastLinks .home-pagelist-area .list_item .pic{
    position: relative;
}
body.home .home_fastLinks .home-pagelist-area .list_item .pic:before {
    content:"";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 100%;
    position:absolute;
}
 body.home .home_fastLinks .home-pagelist-area .list_item .pic img{
     opacity:0.5;
 }
 body.home .home_fastLinks .home-pagelist-area .list_item .info {
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 10px 30px;
    color: #fff;
    background: url(../images/all/linksmore-01.svg) no-repeat right 15px bottom 12px;
}


body.home .home_client {
    background: url(../images/all/about_bg03.jpg) no-repeat center;
    position: relative;
    text-align: center;
    color: #fff;
    margin: 100px 70px 34px 70px;
    border-radius: 20px;
    z-index: 1;
}
body.home .home_client .h2 {
    margin-bottom: 30px;
}
body.home .home_client .h2, body.home .home_client .h2 span, body.home .home_client .editor {
    color: #fff;
}
body.home .home_client.sec01:before {
    width: 140px;
    height: 140px;
    background: url(../images/all/label.png) no-repeat center;
    top: -64px;
    left: calc(50% - 140px / 2);
    background-size: contain;
}
body.home .home_client .more.btn {
    margin-top: 40px;
}
/* faq */
.accordion-list .accordion-list-header .btn-link:hover {
    color: #fff;
    background: var(--main-color);
}
.accordion-list .accordion-list-cont {
    background: #ffffff;

}
.accordion-list .st.st-a{
    color:#000;
}
.accordion-list .st {
    left: 12px;
    top: 12px;
    font-size: 20px;
    color: #ffffff;
}
.accordion-list .accordion-list-header .btn-link {
    padding: 15px 10px 15px 35px;
    color: #fff;
    border: none;
    background-color: #7e7e7e;
    border-radius: 0;
}
/* SID1 */
.side .collapse.navbar-collapse {
    margin-top: 0;
}
.side .filter-content > ul {
    line-height: 29px;
    padding:2px  6px;

}
.side .filter-content ul li {
    position: relative;
    padding-left: 15px;
}
.side .filter-content > ul li:before,
.main .side .nav > li > ul > li > a:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #333;
    left: 0;
    top: calc(50% - 2px / 2);
    width: 7px;
    height: 2px;
}

    .side .filter-content, .side .filter-sidebar.multiple-collapse .collapse-content {
        border: none;
    }
.side .filter-title .collapsed-btn:hover,
.side .filter-sidebar.multiple-collapse .collapsed-btn:hover {
    color: #b9c89d;
}
.side .filter-title .collapsed-btn,
.side .filter-sidebar.multiple-collapse .collapsed-btn {
    padding: 0;
    background: unset;
    border: none;
    color: #000;
    font-size: 18px;
}
.side .h3 .txt-en {
    text-align: left;
    font-family: 'Cormorant Infant', serif;
    font-size: 2.1875rem;
    color: #000;
    margin-bottom: 0;
}
.main .side .h3 {
    border-bottom: 0;
    color: #fff;
    padding-bottom: 6px;
    margin-bottom: 20px;
    padding: 10px;
    background: var(--main-color);
    border-radius: 20px 20px 0 0;
    margin-bottom: 0;
    font-size: 20px;
}
.side .h3 .txt-tw {
    /* display: block; */
    padding: 0;
    border: none;
    /* text-align: center; */

    font-size: inherit;
    /* color: #cbbe92; */
    font-weight: 500;
}
.main .side .nav {
    background: #f3f3f3;
}
.main .side .nav > li a,
.main .side .nav > li a:hover,
.main .side .nav > li a:focus,
.main .side .nav > li.active a {
    background: url(../images/all/starIcon.svg) no-repeat left 3px top 12px;
    background-size: 20px;
    line-height: 1.5;
    padding-left: 26px;
}
.main .side .nav > li > ul > li > a, .main .side .nav > li > ul > li > a:hover {
    padding: 6px 10px 6px 20px;
    position: relative;
    background: none;
    font-size: 16px;
}
.main .side .nav > li + li {
    border-top: 1px solid #ffffff;
}
.main .side .nav > li a:hover,
.main .side .nav > li a:focus, 
.main .side .nav > li.active a {
    color: #286fa2;
}
.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    background: #cbbe92;
    border-color: #cbbe92;
}


a:hover {
    color: #cbbe92;
}

.wid-float-section ul {

        background: none;
    }
.wid-float-section ul li.icon_f {
    background: #2199e8;
}

.wid-float-section ul li.icon_i {
    background: #e32ad7;
}

.wid-float-section ul li.icon_y {
    background: #dd1a1a;
}
.wid-float-section ul li.icon_l {
    background: #2cb860;
}
.wid-float-section ul li.b4, .wid-float-section ul li.b5, .wid-float-section ul li.b3 {
    background: #80868a;
}

.wid-float-section ul li a, .wid-float-section ul li .icon, .wid-float-section ul li a:hover, .wid-float-section ul li a:hover .icon {
    color: #fff;
}
.wid-float-section ul li a .icon {
    font-size: 30px;
}

/* 聯絡我們 */
.contact  .btn{
    padding:12px 0;
}
.contact .radio-inline label {
    margin: 0 12px 0 5px;
}
.btn-secondary {
    background-color: #b8b8b8;
}
.list-creative .list-terms:before {
    width: 3px;
    background: #515151;
   
}
.list-creative > li:nth-child(2n) .list-terms:before {
    background: #cecece;
}

.contact h3 {
  /*  position: relative;
    line-height: 28px;
    padding-bottom: 10px;
    margin-bottom: 60px!important;*/
}

.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    background-color: #b9c89d;
    border-color: #b9c89d;
}
.btn-info:hover {
    background-color: #b9c89d;
    border-color: #b9c89d;
}

body.contact main > .container {
    max-width: 100%;
}
body.contact .contact-form-area {
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 50px;
}

/* 產品 */
.badge {
    padding: 8px 11px;

}
.anchor-title.scroll-to-fixed-fixed {
    background: #393939;
}
    .anchor-title.scroll-to-fixed-fixed   a {
        color: #fff;
    }
.btn.btn-dark:hover,
.btn.btn-light:hover {
    background-color:#b9c89d;
}
.btn.btn-dark {
    background: #b8b8b8;
}
.btn.btn-light{
    background: #1c1c1c;
}
.btn.btn-light, .btn.btn-dark {
    padding: 8px 25px 8px;

}
.anchor-title a:hover,
.anchor-title ul li:first-child a {
    color: #9c8949;
}
.product-info-area .item.price .cont {
    color: #9c8949;
}
body.product .main {
    padding: 50px 0;
}
.h5 .sub-txt {
    color:#9c8949;

}

    .h5 {
    color: #000000;
}
.gallery-list.cover.hov-cart .btn-box .btn {
    background: #b9c89d;
}
.product .gallery-list .item .info {
    margin: 0 !important;
}

body.product .gallery-list .item .pic {
    background: #fff;
}
.product  .gallery-list.border-solid .item .item-detail {
    border: none;
}
.product .gallery-list .item .title {
    text-align: center;
    margin-bottom:10px;
    color:#333;
    font-size:20px;
}
.product .info   .justify-content-center {
    justify-content: unset !important;
    text-align: left;
}
.product .gallery-list p.price {
    margin-top: 0;
    font-size: 0.875rem;
    color: #9c8949;
}

.product-pic.slick.st .slider-for .item a img {
    border-radius: 5px;
}
.tab-area .tab-title a {
    background: #eee;
    border: 0;
    color: #727272;
    border-radius: 20px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,.tab-area .tab-title a.active{
    background: var(--main-color);
    color: #fff;
}
.product-info-area .title-box .h5 {
    color: #144264;
    font-size: 28px;
    font-weight: 400;
}
/* 最新消息 */
body.news .main-content, body.doc .main-content, body.faq .main-content {
    padding-top: 50px;
}
.show .page-item a.page-link:hover{
   
}
.show .page-item a.page-link {
    padding-right: 50px;
}
.h1 {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.subject-sec .h1, body.about .kind-info .h2 {
    background: url(../images/all/subject-sec-01.svg) top -2px left 2px no-repeat;
    padding-left: 60px;
    font-size: 30px;
    font-weight: 500;
    background-size: 54px;
    text-align:left;
}
.ezshare-box a {
    border-radius: 50%;
    background: #7d7d7d !important;
}
.small-title {
    color: #333;
}
.item:hover .pic img {
    transform: scale(1);
    opacity:0.7;
}
.article-grid .item article {
    height: 100%;
    background: #f7f7f7;
}
.article-grid.ar-img .item .info .title, 
.article-grid.ar-img .item .info .title a {
    font-weight: 500;
    font-size: 18px;
}
.article-grid.ar-img .item .info .desc,
.article-grid.ar-img .item .info .desc a {
    font-size: 15px;
}
.article-grid .item .info {
    border: none;

}
.article-grid.ar-img .item .info {
    padding: 10px;
}
.article-grid .item .info .kind a, .tag {
    font-size: 14px;
    padding: 5px 10px;
    /* background: unset; */
    color: #fff;
    border: 0;
    margin-bottom: 10px;
    border-radius: 8px;
    line-height: 1.3;
    background: #5a98c2;
}
.tag:hover {
    color: #fff;
    background: #2c5471;
}
.page-link {
    color: #404040;
    border-color: #ffffff;
}
.btn-info {
    background-color: #dadada;
    font-size: 14px;
}
.page-link:hover, .page-item.active .page-link {
    background: #777;
    color: #fff;
    border: 1px solid #777;
    border-color: unset;
    /* font-size: 16px; */
}

.btn.btn-primary {
    /* background: #b1a270; */
    /* border-color: unset; */
    /* font-size: 14px; */
    /* padding: 4px 27px; */
    /* border-radius: 0; */
    /* position: relative; */
    /* overflow: hidden; */
    background: #707070;
    /* color: #fff1ca; */
    padding: 10px 20px;
}
.btn.btn-primary#ctl00_content_holder__contactTemplates_Send {
    background: #2c8bd0;
}

.btn.btn-primary:hover,.btn.btn-primary#ctl00_content_holder__contactTemplates_Send:hover  {
    background:var(--second-color);
}


 .dropdown-toggle::after    {
        display: none;
    }

    .pic .ratio-4x3 {
        --bs-aspect-ratio: 75%;
        position: relative;
        overflow: hidden;
    }


/* footer */

.footer .footer-logo a {
    /*background: url(../images/all/footer_logo.png)no-repeat;
    width: 131px;
    height: 42px;*/
}
.footer .footer-logo img {
    /*display: none;*/
        width: 150px !important;
}

.footer .copyrights-info {
    border-top: solid 1px #d2d2d2;
    padding: 20px 0 0;
}

.footer .footer_right {
    width: 70%;
    z-index: 100;
}
.footer .footer_left {
    width: 30%;
    z-index: 100;
}


.footer .copyrights {
    /* text-align: right; */
    float: none !important;
    text-align: center;
}
.footer .social-box ul li {
    margin: 0 2px;
    display: inline-block;
}

.footer .social-box ul li a {
    width: 40px;
    height: 40px;
    background: url(../images/all/social.svg) top -7px center no-repeat;
    background-size: 48px auto;
    display:inline-block;

}


.footer .social-box ul li a i {
        display: none;
 }

.footer .social-box ul li.icon_i a {
    background-position: top -130px center;
}



.footer .social-box ul li.icon_y a {
    background-position: top -250px center;
}

.footer .social-box ul li.icon_p a {
    background-position: top -518px center;
}

.footer .social-box ul li.icon_l a {
    background-position: top -654px center;
}

.footer .social-box ul li.icon_t a {
    background-position: top -409px center;
}

.footer .footer_content {
    /* background: #2c2f30; */
    background: none;
}

.footer {
    position: relative;
    background: linear-gradient(180deg, #d9efff, transparent);
}
body.home .footer {
    background: none;
}
.footer .right-area ul {
   
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer .right-area ul li:before {
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    background: url(../images/all/contacticon-01.svg) no-repeat center top;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #c5c5c5;
}
.footer .right-area ul li.tel:before {
    background-position: center -7px;
}
.footer .right-area ul li.bstime:before {
    background-position: center -290px
}
.footer .right-area ul li.fax:before {
    background-position: top -1124px left -4px;
}
.footer .right-area ul li.add:before {
    background-position: center -473px;
}
.footer .right-area ul li.bstime:before {
    background-position: top -293px center;
}
.footer .right-area ul li.taxid:before {
    background-position: top -667px center;
}
.footer .right-area ul li.mail:before {
    background-position: top -854px center;
}
.footer .right-area ul li label {
    display: block;
    opacity: 0.8;
}
.footer .right-area ul li {
    position: relative;
    width: 49%;
    padding-left: 60px;
    margin-bottom: 24px;
    font-size: 18px;
}
.footer .right-area ul li a {
    color: #333;
    display: block;
    letter-spacing: 0;
}
body.home .footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -190px;
    bottom: 0;
    background: linear-gradient(180deg, #d9efff, transparent);
    z-index: -1;
}


/* ----------------------------------------------
 * Generated by Animista on 2026-1-15 15:15:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}
.gotop a {
    width: 80px;
    height: 80px;
    background: url(../images/all/top.png);
    text-indent: -9999px;
    border-radius: 0;
    background-size: contain;
}
body.doc .content .doc_list .tr, 
body.doc .content .doc_list .th {
    display: flex;
    /* display: grid; */
    justify-content: space-between;
    align-items: center;
    /* grid-template-columns: repeat(4, 1fr); */

}
body.doc .content .doc_list .th {
    text-align: center;
    background: #dbefff;
}
body.doc .content .doc_list .td {
    padding: 8px;
    flex: 1;
    /* width: 30%; */
}
body.doc .content .doc_list .td.name {
    flex: 3;
}
body.doc .content .doc_list .tr .td {
    line-height: 1.5;
    text-align: center;
}
body.doc .content .doc_list .td.name .txt {
    color: #155b89;
}

body.doc .content .doc_list .th .td {
    border-left-color: #dbefff;
}
body.doc .content .doc_list .tr:nth-child(even) {
    background: #f5f5f5;
}
body.doc .content .doc_list .tr {
    background: #fff;
}
body.doc .content .doc_list {
    border: 1px solid #dbefff;
}
body.doc .content .doc_list .td.download {
    text-align: center;
    width: 10%;
}

body.doc .content .doc_list .td.download .btn-download {
    background: linear-gradient(45deg, #be64f8, #61daed);
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
body.doc .content p.notice {
    text-align: right;
    color: #c34300;
    font-size: 16px;
}
body.about.kind_3 .txt img{
	width:100%;
}
body.about.kind_3 .txt .preimg {
    background: #f2f2f2;
    border-bottom: 2px solid var(--main-color);
}
body.about.kind_3 .txt .preimg .info {
    padding: 0 10px;
}
body.about.kind_3 .txt .preimg h5 {
    color: var(--main-color);
    font-weight: 600;
    text-align: center;
}

body.about.kind_3 .txt .good{
	margin-top:40px;
}
body.about.kind_3 .txt .good p {
    color: var(--second-color);
    font-size: 20px;
}
body.about.kind_3 .txt .good:before {
    content: "";
    display: block;
    background: url(../images/all/aboutIcon.svg) left 4px top 0px no-repeat;
    width: 70px;
    height: 70px;
    margin: 0 auto 14px;
}
body.about.kind_3 .txt .good:after {
    content: "★★★★★";
    display: block;
    font-size: 30px;
    color: #eaa200;
    text-align: center;
}

body.about.kind_3 .txt .preimg h5 small {
    display: block;
    color: #7cb6dd;
    margin-top: 5px;
}