:root{--main-yellow-color:#f3e04e;--main-blue-color:#3F8CC8;--main-link-color:#3F8CC8;--main-blue-bg-color:rgba(63,140,200,0.9);--main-link-hover-color:#004182;--main-max-width:1200px;--nav-height:70px;--main-white-color:#fff;--main-black-color:#000000;--main-hui-color:#efefef;--main-gray-color:#fafafa;--main-font-size-color:1rem;--light-blue-color:#3F8CC8;--light-blue-link-color:#3F8CC8;--light-green-color:#61acbc;
    --main-color: #3F8CC8;
    --main-color-hover: #0d50a3;
    --main-color-bg: #adcaee;
    --a-color: #0048b9;
    --a-color-light: #3975c0;
    --a-color-hover: #ffab29;
}
@font-face{font-family:'Gilroy-light';src:url('fonts/gilroy-light-webfont.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('fonts/gilroy-medium-webfont.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy-medium';src:url('fonts/gilroy-regular-webfont.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy-bold';src:url('fonts/gilroy-bold-webfont.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
ul,ul li{padding:0px;margin:0px}
a{color:var(--main-blue-color);text-decoration:none !important;transition:color 0.3s}
a:hover{color:var(--main-link-hover-color)}
.red{color:#ff0000}
body,html{padding:0px;margin:0px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;font-size:14px;line-height:1.6;scroll-behavior:smooth}
.ivd-container{max-width:var(--main-max-width);padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;font-size:14px;line-height:1.8}
.ivd-container p {margin: 10px 0;}
.ivd-container h1{line-height:1.4em;border-bottom:1px solid #ccc;padding-bottom:15px;font-weight:bold;font-size:30px}
.cont-bg{background-color:var(--main-hui-color)}
.topad_pic{background-color:var(--main-yellow-color);color:#666;font-size:15px;position:relative;text-align:center;display: none;}
.topad_pic img{width:100%;height:auto}
.topad_pic .ad_close{position:absolute;width:50px;height:70px;top:0px;right:0px;color:#666 !important;z-index:10000;text-align:center}
.topad_pic .ad_close:hover{color:#000 !important}
.topad_pic h3{width:80%;margin:10px auto 10px auto}
.topad_pic p{width:80%;margin:10px auto 10px auto}
@media(max-width:767px){.topad_pic p{width:95%}
.topad_pic h3{width:95%}
.topad_pic img{max-width:100%;height:auto}
}.topad_pic .ad_button{border-radius:5px;background-color:#efe108;color:#000000;padding:5px 20px 5px 20px;margin:auto;display:inline-block}
.topad_pic .ad_button:hover{background-color:#fbf045}
#ad_exhibition{display:block}
@media (min-width:769px){.source-img-box{display:block;margin:auto;width:90%;height:60px;background-image:url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png);background:-webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);background:image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);background:url("https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png");background-repeat:no-repeat;background-size:contain;background-position:center}
}@media (max-width:768px){.source-img-box{display:block;height:60px;background-image:url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp);background:-webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);background:image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);background-repeat:no-repeat;background-size:contain;background-position:center}
}.navwidth{margin:auto;position:relative}
.autohead{border-bottom:1px solid var(--main-hui-color)}
.navbg{background-color:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:999;display:none}
.navbg.active{display:block}
header{position:sticky;top:0;z-index:1000;background-color:var(--main-white-color)}
@media screen and (min-width:993px){header{position:sticky;top:0;z-index:1000}
}@media screen and (max-width:992px){header{position:relative}
}nav{height:var(--nav-height);position:relative}
#logo{position:absolute;top:0px;left:0px;height:var(--nav-height);width:270px;padding-top:6px}
#nav-right{display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;height:var(--nav-height);width:120px;right:0px;top:0px}
#nav-right{color:var(--main-black-color)}
#nav-right span{padding:8px;margin-right:8px;width:50px;height:50px}
#nav-right span:hover{color:var(--main-yellow-color)}
#nav-tit{font-size:26px}
#search-btn{font-size:34px}
.fixed{position:fixed;top:0;left:0;z-index:1000;width:100%}
.f-nav{width:100%;position:relative;margin:0px;padding:0px;text-align:right}
.f-nav > li > a,.f-nav li > span{display:block;padding-left:15px;color:var(--main-black-color)}
.f-nav > li{position:relative;text-align:left}
.f-nav > li > .menu-dropdown-icon{position:absolute;display:flex;align-items:center;justify-content:center;right:0;padding-left:0px;width:30px;height:30px;z-index:100}
.f-nav > li > a span{margin-left:5px}
.f-nav > li:hover > a,.f-nav > li:hover > span{color:var(--main-blue-color)}
@media screen and (min-width:993px){.navwidth{max-width:90%}
#nav-menu{position:absolute;top:0px;right:100px;width:70%;height:var(--nav-height);padding-left:20px}
.f-nav > li{display:inline-flex;align-items:center;justify-content:center;height:var(--nav-height);padding-right:35px;padding-left:10px}
#nav-tit{display:none}
#nav-right span{}
}@media screen and (min-width:1400px){.f-nav > li > a,.f-nav li > span{font-size:16px;padding-left:15px}
.f-nav > li{padding-right:35px;padding-left:10px}
}@media screen and (min-width:1199px) and (max-width:1399px){.f-nav > li{padding-right:25px;padding-left:10px}
.f-nav > li > a,.f-nav li > span{font-size:16px;padding-left:5px}
}@media screen and (min-width:993px) and (max-width:1200px){.f-nav > li{padding-right:25px;padding-left:5px}
.f-nav > li > a,.f-nav li > span{font-size:14px;padding-left:0px}
}@media screen and (max-width:992px){.f-nav{max-height:400px !important;overflow-y:auto !important}
.navwidth{max-width:100%}
#nav-menu{position:relative;top:var(--nav-height);width:100%;height:auto;display:none;background-color:var(--main-hui-color);z-index:1000}
.f-nav > li{width:100%;text-align:left;padding-top:15px;padding-bottom:15px;margin-top:0px;margin-bottom:0px}
.f-nav > li .icon-angle-down{position:absolute;top:0;right:0;width:50px;height:50px}
#nav-right span{display:inline-block}
#nav-tit{display:block}
}.s-menu{background:#fff}
.f-nav > li .s-menu-nomal a,.f-nav > li .s-menu a{color:var(--main-black-color)}
.f-nav > li .s-menu-nomal a{display:block}
.f-nav > li .s-menu-nomal{display:none}
.f-nav > li .s-menu-nomal{padding:0px;margin:0px;z-index:1000}
.f-nav > li .s-menu-nomal > li{padding:10px;margin:0;list-style:none}
.f-nav > li .s-menu-nomal > li:hover a{color:var(--main-blue-color)}
.f-nav > li > .s-menu-nomal{background-color:var(--main-white-color)}
@media screen and (min-width:993px){.f-nav > li > .s-menu-nomal{width:200%;position:absolute;left:0;display:none;top:var(--nav-height)}
.f-nav > li:hover .s-menu-nomal{display:block}
.f-nav > li > .s-nomal-fleft{position:absolute;width:500%;left:-180%;display:none}
.f-nav > li > .s-nomal-fleft li{width:33%;float:left}
}@media screen and (max-width:992px){.f-nav > li > .s-menu-nomal{position:relative;width:100%;display:none;margin-top:15px}
.f-nav > li > .s-menu-nomal li,.f-nav > li > .s-nomal-fleft li{position:relative}
.f-nav > li > .s-nomal-fleft{position:relative;width:100%;display:none;margin-top:15px}
}.f-nav > li .s-menu > ul{padding:0px;margin:0px}
.f-nav > li .s-menu > ul > li{padding:10px 8px 10px 8px;margin:0}
.f-nav > li .s-menu > ul > li:hover{color:var(--main-blue-color)}
.f-nav > li > .s-menu{z-index:1000;background-color:var(--main-white-color);padding-bottom:20px}
.f-nav > li > .s-menu .sec-left-menu{padding-top:15px;padding-bottom:15px;position:relative}
.f-nav > li > .s-menu .sec-left-menu > ul{padding:0px}
.f-nav > li > .s-menu .sec-left-menu > ul > li{padding:10px 10px 10px 10px;margin:0;list-style:none}
.f-nav > li > .s-menu .sec-left-menu > ul > li .sec-menu-tit{position:relative;width:100%;padding-right:30px}
.sec-menu-tit .icon-angle-right{position:absolute;width:30px;height:30px;top:-4px;right:0;line-height:30px;text-align:center;z-index:100;color:var(--main-black-color)}
.sec-left-menu > ul > li .three-right-menu{top:0;padding:15px 0px 0px 15px;margin:0px;height:100%;display:none}
.three-right-menu ul li{padding:10px;list-style:none !important}
.three-right-menu ul li:hover a{color:var(--main-blue-color)}
.over-menu{overflow-y:auto;height:350px}
@media screen and (min-width:993px){.f-nav > li .s-menu{display:none}
.f-nav > li:hover .s-menu{display:flex}
.f-nav > li > .s-menu{position:fixed;left:5vw;width:90vw}
.f-nav > li > .s-menu .sec-left-menu{width:28vw;border-right:1px solid var(--main-black-color)}
.f-nav > li > .s-menu .sec-left-menu > ul{margin:0;width:100%}
.sec-left-menu > ul > li .three-right-menu{position:absolute;left:28vw;width:62vw}
.sec-left-menu > ul > li:hover .three-right-menu{display:block}
.three-right-menu ul{width:100%;overflow-y:auto;height:400px}
.three-right-menu ul li{padding:10px;width:32%;display:inline-flex}
.f-nav > li > .s-menu .sec-left-menu > ul > li:hover,.three-choose-bg{border-right:2px solid var(--main-blue-color)}
.f-nav > li > .s-menu .sec-left-menu > ul > li:hover .sec-menu-tit a,.f-nav > li > .s-menu .sec-left-menu > ul > li:hover .sec-menu-tit .icon-angle-right{color:var(--main-blue-color)}
}@media screen and (max-width:992px){.f-nav > li > .s-menu{position:relative;display:none}
.f-nav > li > .s-menu .sec-left-menu{width:100%;margin-top:15px}
.f-nav > li > .s-menu .sec-left-menu > ul{margin:0;width:100%}
.sec-left-menu > ul > li .three-right-menu{position:relative;width:100%;margin-top:15px;padding:15px;display:none}
.three-right-menu ul{position:relative;width:100%;margin:0px;padding:0px;overflow-y:auto;height:200px}
.three-right-menu ul li{margin:0;padding:10px 0px;width:100%;display:block}
}.pop-bg{background-color:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;z-index:1000;top:0;left:0;display:none}
.search-area{position:relative;background-color:var(--main-white-color);border-radius:5px;padding:20px}
.search-area .input-area{position:relative}
.search-area .input-area input{border-radius:5px;width:100%;height:50px;padding-left:10px;border:1px solid var(--main-hui-color)}
.search-area .radio-area label{margin-right:10px}
.search-area .search-button{position:absolute;height:50px;width:70px;top:0;right:0;font-size:26px;border-top-right-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:center;align-items:center;background-color:var(--main-yellow-color);cursor:pointer}
.search-area .search-button:hover{background-color:var(--main-blue-color);color:var(--main-white-color)}
.search-area .search-close{position:absolute;top:-40px;right:-40px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--main-yellow-color);border-radius:40px;cursor:pointer}
.search-area .search-close:hover{color:var(--main-black-color);background-color:var(--main-yellow-color)}
@media screen and (min-width:993px){.search-area{width:50%;left:25%;top:20%}
}@media screen and (max-width:992px){.search-area{width:84%;left:5%;top:20%}
}.probannerbg{background-image:url(../images/banner-ivd-sec-pro.jpg);background: -webkit-image-set(url(../images/banner-ivd-sec-pro.webp) 1x,url(../images/banner-ivd-sec-pro.webp) 2x,url(../images/banner-ivd-sec-pro-min.webp) 3x);
background: image-set(url(../images/banner-ivd-sec-pro.webp) 1x,url(../images/banner-ivd-sec-pro.webp) 2x,url(../images/banner-ivd-sec-pro-min.webp) 3x);}
.serbannerbg{background-image:url(../images/banner-ivd-sec-service.jpg);background: -webkit-image-set(url(../images/banner-ivd-sec-service.webp) 1x,url(../images/banner-ivd-sec-service.webp) 2x,url(../images/banner-ivd-sec-service-min.webp) 3x);
background: image-set(url(../images/banner-ivd-sec-service.webp) 1x,url(../images/banner-ivd-sec-service.webp) 2x,url(../images/banner-ivd-sec-service-min.webp) 3x);}
.inq-basket-bannerbg{background-image:url(../images/banner-ivd-sec-inq-basket.jpg);
background: -webkit-image-set(url(../images/banner-ivd-sec-inq-basket.webp) 1x,url(../images/banner-ivd-sec-inq-basket.webp) 2x,url(../images/indexaboutbg-min.webp) 3x);
background: image-set(url(../images/banner-ivd-sec-inq-basket.webp) 1x,url(../images/banner-ivd-sec-inq-basket.webp) 2x,url(../images/ibanner-ivd-sec-inq-basket-min.webp) 3x);}
.secondpagebanner{display:flex;align-items:center;justify-content:center;background-color:var(--main-blue-color);color:var(--main-black-color);padding-top:30px;padding-bottom:30px;height:300px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.secondpagebanner a{color:var(--main-black-color)}
.secondpagetit{max-width:var(--main-max-width);position:relative}
.secondpagetit h1{text-align:center;line-height:2.5rem}
.secondpagetit p{text-align:center}
.secondpagetit p a{margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;font-size:18px;line-height:36px;font-weight:bold}
.secondpath{text-align:center;margin-bottom:10px;font-size:16px}
.secondpath a:hover{color:var(--main-blue-color);text-decoration:none}
.bread-crumb{position:relative;font-size:14px;margin-bottom:20px}
.bread-crumb li{position:relative;display:inline-block;margin-right:24px;line-height:30px}
.bread-crumb li:last-child{margin-right:0}
.bread-crumb li:after{content:'/';position:absolute;right:-20px;top:2px;width:10px;line-height:26px;color:var(--main-black-color)}
.bread-crumb li:last-child:after{display:none}
.showContent{position:relative;color:#000000;padding-top:50px;padding-bottom:50px}
.showContent h3{font-size:17px;font-weight:bold}
.showContent a{color:var(--main-blue-color)}
.showContent .paddingsite{padding-bottom:30px}
.showContent .ollist{margin-left:20px;padding-left:0}
.showContent .ollist li{list-style:decimal;margin-left:0;padding-left:0}
.showContent a:hover{text-decoration:none;color:var(--main-link-hover-color)}
.ivd-bottom-wrapper{background:#000;color:#fff;padding:60px 0 30px;position:relative;overflow:hidden;background-image:url(../images/ivd-bottombg.jpg);background: -webkit-image-set(url(../images/ivd-bottombg.webp) 1x,url(../images/ivd-bottombg.webp) 2x,url(../images/ivd-bottombg-min.webp) 3x);
background: image-set(url(../images/ivd-bottombg.webp) 1x,url(../images/ivd-bottombg.webp) 2x,url(../images/ivd-bottombg-min.webp) 3x);background-position:center center;background-repeat:no-repeat;background-size:cover;font-size:var(--main-font-size-color)}
.ivd-bottom-container{max-width:var(--main-max-width);margin:0 auto;width:100%}
.ivd-bottom-main{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr;gap:40px;margin-bottom:50px}
.ivd-bottom-logo{width:220px;margin-bottom:20px}
.ivd-bottom-main .ivd-bottom-logo{width:300px;margin-bottom:20px}
.ivd-bottom-subscribe{margin-top:20px}
.ivd-bottom-subscribe strong{font-size:18px;margin:0 0 15px;font-weight:600;display:block}
.ivd-bottom-form{display:flex;gap:10px}
.ivd-bottom-input{flex:1;padding:12px 15px;border:none;border-radius:4px;color:#000}
.ivd-bottom-button{background:#FFE156;color:#000;border:none;padding:12px 25px;border-radius:4px;cursor:pointer;font-weight:600;transition:all 0.3s ease}
.ivd-bottom-button:hover{background:#FFD700;transform:translateY(-2px)}
.ivd-bottom-nav strong{font-size:1.2rem;margin:0 0 20px;font-weight:600;display:block}
.ivd-bottom-nav ul{list-style:none;padding:0;margin:0}
.ivd-bottom-nav li{margin-bottom:12px}
.ivd-bottom-nav a{color:#fff;text-decoration:none;transition:color 0.3s}
.ivd-bottom-nav a:hover{color:#FFE156}
.ivd-bottom-contact{}
.ivd-bottom-contact p{margin:0 0 10px;line-height:1.6}
.ivd-bottom-social{display:flex;gap:15px;margin-top:20px}
.ivd-bottom-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:50%;transition:all 0.3s}
.ivd-bottom-social a:hover{color:#000;background:#FFE156;transform:translateY(-2px)}
.ivd-bottom-social svg{width:20px;height:20px;fill:currentColor}
.ivd-bottom-footer{border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;margin-top:30px;text-align:center}
.ivd-bottom-copyright{margin-bottom:20px}
.ivd-bottom-certs{display:flex;justify-content:center;gap:20px;padding-bottom:40px}
@media (max-width:1024px){.ivd-bottom-main{grid-template-columns:repeat(2,1fr)}
.ivd-bottom-certs{padding-bottom:80px}
}@media (max-width:768px){.ivd-bottom-main{grid-template-columns:1fr;gap:30px}
.ivd-bottom-form{flex-direction:column}
.ivd-bottom-button{width:100%}
.ivd-bottom-certs{padding-bottom:100px}
}.ad_pic_small{position:fixed;width:150px;height:auto;top:40%;right:0;cursor:pointer;z-index:100000;align-items:center;justify-content:center}
.ad_pic_small .adclose{position:absolute;top:0px;right:0px;width:40px;height:40px;text-align:center;line-height:40px;font-size:20px;background-color:rgba(255,255,255,0.5);border-radius:50px}
table{border-collapse:collapse;margin:1.25em 0 0;width:100%;border-color:#eeeeee}
table tr,table th,table td{border-color:#eeeeee}
table th,table td{padding:8px 12px;text-align:left;line-height:26px}
table th{background:var(--main-blue-color);color:var(--main-white-color);font-size:1.1em}
table tr td{color:#353a3d}
table tr td a{color:#8caea2;text-decoration:none}
table tr:nth-of-type(2n+2) td{background:var(--main-gray-color)}
table.bt tfoot th,table.bt tfoot td,table.bt tbody td{font-size:.875rem;padding:0}
table.bt tfoot th:before,table.bt tfoot td:before,table.bt tbody td:before{padding:10px}
table.bt tfoot th .bt-content,table.bt tfoot td .bt-content,table.bt tbody td .bt-content{display:inline-block;padding:2px 5px}
table.bt tfoot th:first-of-type:before,table.bt tfoot th:first-of-type .bt-content,table.bt tfoot td:first-of-type:before,table.bt tfoot td:first-of-type .bt-content,table.bt tbody td:first-of-type:before,table.bt tbody td:first-of-type .bt-content{padding-top:10px}
table.bt tfoot th:last-of-type:before,table.bt tfoot th:last-of-type .bt-content,table.bt tfoot td:last-of-type:before,table.bt tfoot td:last-of-type .bt-content,table.bt tbody td:last-of-type:before,table.bt tbody td:last-of-type .bt-content{padding-bottom:10px}
table.bt thead,table.bt tbody th{display:none}
table.bt tfoot th,table.bt tfoot td,table.bt tbody td{border:none;display:block;vertical-align:top}
table.bt tfoot th:before,table.bt tfoot td:before,table.bt tbody td:before{content:attr(data-th) ":";font-weight:bold;width:30%;display:inline-block}
table.bt tfoot th.bt-hide,table.bt tfoot td.bt-hide,table.bt tbody td.bt-hide{display:none}
table.bt tfoot th .bt-content,table.bt tfoot td .bt-content,table.bt tbody td .bt-content{vertical-align:top;width:55%;display:inline-block;padding-top:10px}
.addtobasket{padding:8px 0px 8px 0px;display:inline-block;color:#000;border-radius:3px;background-color:#f3e04e;font-size:1.5em;text-align:center;width:50px;cursor:pointer}
.addtobasket:hover{color:#fff;background-color:#1c3c6e}
.basket-sidecontainer .fa-shopping-cart{color:#fff;font-size:26px}
.basket-sidecontainer{position:fixed;top:30%;padding:10px;right:0;background-color:var(--main-blue-color);line-height:18px;z-index:100000;border-radius:5px}
.basket-sidecontainer:hover .glyphicon{color:var(--main-white-color)}
.basket-sidecontainer a{color:#f2f2f2;text-decoration:none}
.basket-sidecontainer:hover a{color:var(--main-white-color)}
.basket-sidecontainer:hover .side-content{display:block;color:var(--main-white-color)}
.basket-sidecontainer .side-content{z-index:99;position:absolute;top:0px;right:0;background-color:var(--main-blue-color);display:none;color:#fff;padding:15px;width:360px}
.basket-sidecontainer .side-content .h{font-size:18px;font-weight:bold;margin-bottom:10px;color:#ffffff}
.basket-sidecontainer .side-content .sidebasket{font-size:12px;max-height:300px;overflow:hidden;overflow-x:auto;overflow-y:scroll;color:#ffffff}
.basket-sidecontainer .side-content .sidebasket tr td{border-bottom:1px solid #ccc;padding:8px;color:#ffffff;line-height:1.5rem;background-color:var(--main-blue-bg-color)}
.basket-sidecontainer .side-content .sidebasket tr:last-child td{border-bottom:0px}
.basket-sidecontainer .side-content .sidebasket input{background:#fff}
.basket-sidecontainer .basket-count{width:20px;height:20px;display:inline-block;background-color:#F00;color:#ffffff;z-index:12;position:absolute;top:-5px;right:0px;border-radius:15px;text-align:center;font-size:12px;line-height:20px;z-index:110}
.cartbtn{display:inline-block;text-align:center;color:var(--main-black-color) !important;text-decoration:none;background-color:var(--main-yellow-color);border:0px;cursor:pointer;border-radius:5px;outline:none;margin:10px 0;padding:10px 15px}
.basket-sidecontainer .side-content .sidebasket tr td span{color:#acd4c5 !important}
.sidebasket table,table tr,table tr td{border:0px}
.ShoppingCar{}
.ShoppingCar .carTit{font-size:20px;font-weight:bold}
.ShoppingCarList{display:table;width:100%;font-size:14px;padding:5px}
.ShoppingCarqiansebg{background-color:#f2f2f2;font-weight:bold}
.ShoppingCarList td{padding:8px}
.ShoppingCarList tr:first-child td,.ShoppingCarList tr:last-child td{background-color:#E6E6E6}
.ShoppingCarList tr td{border-bottom:1px solid #efefef;background-color:#FFF}
.triangle{border-top:15px solid #f2f2f2;border-left:15px solid transparent;border-right:15px solid transparent;display:inline-block;position:relative;left:45%}
.ShoppingCarList a:hover{color:#ff0000}
.ShoppingCarList .docare{color:#000000;cursor:pointer}
.ShoppingCarList .docare:hover{color:#ff0000}
.ShoppingCarList .dellink{color:#000000;cursor:pointer}
.ShoppingCarList table tr:nth-of-type(2n+2) td{background-color:#FAFAFA}
.ShoppingCarList .input-group{flex-wrap:nowrap !important;}
.shoppoingNote{padding:10px 10px 10px 30px;background-color:#fcf6ee;font-size:16px;margin-top:20px;margin-bottom:15px;border:1px solid #f4dec0;font-weight:lighter;position:relative}
.showContent p .inquiry-button{padding:0px !important;background:none !important;border:0px !important;font-weight:normal}
.showContent .inquiry-button:hover{transform:translateY(0) !important;box-shadow:0 !important;color:#f76c33;text-decoration:none}
.showContent .inquiry-button::before{display:none}
.inquiry_tit{display:block;text-align:center;font-size:30px}
.inquirycont{padding:40px 0 40px 0}
.inquirycont .row{margin-left:0px;margin-right:0px}
.inquirycont div[class*="col"]{padding-top:10px;padding-bottom:10px}
.inquirycont div[class*="col"] input,.inquirycont div[class*="col"] textarea{padding:10px;display:block;width:100%;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px}
.inquiry-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:15px 50px;background:var(--main-yellow-color);color:#000;text-decoration:none;border-radius:10px;font-weight:600;font-size:16px;transition:all 0.3s ease;border:2px solid var(--main-yellow-color);position:relative;overflow:hidden}
.inquiry-button::before{content:'';position:absolute;top:50%;left:50%;width:120%;height:0;padding-bottom:120%;border-radius:50%;background:rgba(0,0,0,0.05);transform:translate(-50%,-50%) scale(0);transition:transform 0.5s ease}
.inquiry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,225,86,0.3);color:#000;text-decoration:none}
.inquiry-button:hover::before{transform:translate(-50%,-50%) scale(1)}
.inquiry-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,225,86,0.2)}
.RelatedSections{padding-top:15px;margin-top:0;border-top:1px solid #cccccc}
.RelatedSections a{color:#2e75b6;display:inline-block;padding-left:5px;padding-right:5px;padding-top:4px;padding-bottom:4px;position:relative}
.RelatedSections a:hover{background-color:var(--main-blue-color);color:var(--main-white-color) !important}
.RelatedSections a::before{content:"•";width:15px !important;display:inline-block}
.RelatedSections strong{font-size:20px;padding-bottom:5px;display:block}
.pronote{background-color:#f5f5f5;font-size:0.9em;padding:10px !important;display:block;margin-bottom:20px;margin-top:20px;color:#666666}
.pronote span{color:#ff0000;margin-right:5px}
#order_quantity{text-align:center}
#order_quantity:focus{border:1px solid #000}
#order_quantity:focus{outline:0}
.input-group .arrow{height:31px;width:31px;background-color:#8caea2;text-align:center;font-size:12px;display:inline-block;z-index:1;line-height:31px;cursor:pointer;color:#fff}
.input-group input{height:31px}
.input-group .arrow.sitetop{position:absolute;top:0;right:0;border:1px solid #a1a1a1}
.input-group .arrow.sitebottom{position:absolute;top:0;left:0;border:1px solid #a1a1a1}
.input-group .arrow:hover{background-color:#203869;border:1px solid #203869;color:#fff}
.shopping-unit{display:table;padding:0;margin:0}
.shopping-unit:nth-child(2n+1){background-color:#f2f2f2}
.headbg{background-color:#1e3664 !important;color:#fff !important;font-weight:bold}
.headbg li:nth-child(8){color:#fff !important;cursor:none !important}
.shopping-unit li{float:left;padding:10px}
.shopping-unit li:first-child{width:7%}
.shopping-unit li:nth-child(2){width:15%}
.shopping-unit li:nth-child(3){width:26%}
.shopping-unit li:nth-child(4){width:7%}
.shopping-unit li:nth-child(5){width:10%}
.shopping-unit li:nth-child(6){width:15%}
.shopping-unit li:nth-child(7){width:10%}
.shopping-unit li:nth-child(8){width:10%}
.shopping-unit li:nth-child(8) i{font-weight:bold}
.shopping-unit li:nth-child(8):hover{color:red}
.shopping-unit li:nth-child(8){color:#666;cursor:pointer}
.cash{display:table;width:100%;margin-top:20px}
.cash ul{padding:0;margin:0;display:table;width:100%;height:100px}
.cash ul li{padding:10px;background-color:#efefef;color:#666;position:relative;height:100px;list-style:none}
.cash ul li select{margin-top:5px;display:block}
.cash ul li .fuhao{color:#ddd;font-size:40px}
@media (min-width:993px){.cash ul li .fuhao{position:absolute;right:15px;top:35%}
}@media (max-width:992px){.cash ul li .fuhao{position:relative;top:15%}
}.cash ul li:last-child{background-color:#f2e63b;color:#000}
.cash ul li .num{font-size:18px;display:block;font-family:Arial," sans-serif",Helvetica Neue,Helvetica;font-weight:bold;margin-top:5px}
.shoppingTit{font-weight:bold;font-size:28px;margin-bottom:20px;margin-top:20px}
.smallshoppingTit{font-weight:bold;font-size:16px;border-bottom:1px solid #efefef;padding-bottom:15px}
.smallshoppingTit i{color:#f2e63b;margin-right:8px}
.Checkout-info-unit{display:table;width:100%;padding-bottom:30px}
.radio-inline{margin-bottom:15px}
.Checkout-info-unit .info-title{vertical-align:middle}
.checkout-btn{border-radius:5px;margin-top:5px;margin-bottom:10px;color:#fff;background-color:var(--main-blue-color);border:0;padding:10px 20px 10px 20px;font-weight:bold;font-size:20px}
.checkout-btn:hover{background-color:var(--main-yellow-color);color:#000}
.checkout-btn-mod{color:#000;background-color:var(--main-yellow-color);border-radius:5px;margin-top:5px;margin-bottom:10px;border:0;padding:10px 20px 10px 20px;font-weight:bold;font-size:20px}
.checkout-btn-mod:hover{background-color:var(--main-blue-color);color:#fff}
.total{font-size:26px}
.price-total:before{content:'$'}
#cartTable .input-group input{padding-left:10px;height:30px;width:50px !important;border:1px solid #ccc;z-index: 10;}
.minus-icon,.plus-icon{cursor:pointer}
.minus-icon:hover,.plus-icon:hover{background-color:#f3e04e;color:#000}
.minus-icon:before{font-family:glyphicons;content:"\2212";color:#9c9b9b}
.plus-icon:before{font-family:glyphicons;content:"\002b";color:#9c9b9b}
.table-cart .input-sm{min-width:40px}
.table-cart select{padding:5px;border:0;background:#FFF}
@media only screen and (min-width:1366px){.shopping-unit{width:100%}
.cash ul li{width:18%;float:left}
.cash ul li:first-child{width:28%;float:left}
.Checkout-info-page div[class*="col"].info-input{padding-top:11px}
.Checkout-info-unit div[class*="col"]{padding-bottom:10px}
}.successinfo{padding-left:15px;line-height:30px;color:#888888;padding-right:20px;padding-bottom:20px;font-size:16px}
.successinfo .iconarea{}
.successinfo .iconarea .iconunit{text-align:center;display:block;width:40px;height:40px;border-radius:40px;background-color:#090;color:#ffffff;line-height:40px;font-weight:bolder;font-size:22px;position:relative;z-index:9}
.successinfo .tit{font-size:20px;font-weight:bold;color:#009900;display:block}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute;z-index:10}
.tooltip-box{position:relative}
.tooltip-box .tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(30,30,30,1);color:#fff;padding:5px 10px;border-radius:4px;white-space:wrap;width:100%;font-size:14px;text-align:left;line-height:1.4em}
.tooltip-box .tooltip a{color:#f3e04e}
.tooltip-box .tooltip a:hover{color:#f3e04e;text-decoration:underline}
.tooltip-box:hover .tooltip{display:block;opacity:1}
.tooltip::after{content:'';position:absolute;top:100%;left:50%;border-width:8px;border-style:solid;border-color:rgba(30,30,30,1) transparent transparent transparent;transform:translateX(-50%)}
.typecont{display:flex;flex-wrap:wrap}
.typeUnit{margin-bottom:15px}
.typeUnit h2{font-size:16px !important;margin:0px;padding:10px 0px 0px 0px;min-height:55px;line-height:22px}
.input-group-addon, .input-group-btn{width:auto !important;}
.typeUnit .imgarea,.typeUnit .imgsize_show_area{height:200px}
.typeUnit table,.typeUnit table td{border:0px}
.typeUnit-tit{padding-top:15px;padding-bottom:15px}
.typeUnit a{display:block;margin:10px 0px}
.typeUnit a .typeUnit-tit{display:block;padding:5px 10px 6px 10px;justify-content:center;align-items:center}
.imgsize_show_area,.imgarea{height:280px;display:flex;align-items:center;justify-content:center;margin:auto !important;border:1px solid #eee}
.imgsize_show_area img,.imgarea img{width:100%;height:100%;object-fit:contain}
.imgarea{height:280px;display:flex;align-items:center;justify-content:center;margin:auto !important;position:relative;overflow:hidden;cursor:pointer}
.imgarea img{width:100%;height:100%;object-fit:cover;left:0px;top:0px;transition:all .5s}
.imgarea:hover img{transform:scale(1.1)}
.tooltip-box{position:relative}
.tooltip-box .tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(30,30,30,1);color:#fff;padding:5px 10px;border-radius:4px;white-space:wrap;width:100%;font-size:14px;text-align:left;line-height:1.4em}
.tooltip-box .tooltip a{color:#f3e04e}
.tooltip-box .tooltip a:hover{color:#f3e04e;text-decoration:underline}
.tooltip-box:hover .tooltip{display:block;opacity:1}
.tooltip::after{content:'';position:absolute;top:100%;left:50%;border-width:8px;border-style:solid;border-color:rgba(30,30,30,1) transparent transparent transparent;transform:translateX(-50%)}
.page-tab{position:sticky;background-color:#fafafa;margin-bottom:20px;padding:10px 10px 3px 10px;z-index:999;border-bottom:1px solid #ccc}
.page-tab span,.page-tab a{padding:8px 12px;display:inline-block;cursor:pointer;color:#000;border-radius:8px;margin:0 3px 8px 0px;position: relative;}
.page-tab span:hover,.page-tab a:hover,.page-tab-choose{background-color:#f3e04e !important;color:#000 !important}
.h2_tit{display:block;font-size:22px;padding-top:12px;padding-bottom:12px;margin-bottom:20px !important}
.h3_tit{display:block;padding-bottom:12px;margin-bottom:10px !important;position:relative;padding-left:20px;font-size:18px}
.h3_tit:before{content:"";position:absolute;top:4px;left:0px;width:12px;height:12px;background-color:#000;font-size:16px}
.h4_tit{display:inline-block;padding-top:12px;padding-bottom:12px;margin-bottom:10px !important;border-bottom:1px solid #1856b2}
@media(min-width:993px){.pagerow{display:flex;flex-wrap:wrap}
}@media(max-width:992px){.pagerow{display:flex;flex-wrap:wrap}
.page-tab{overflow-x:auto;white-space:nowrap}
}
.page-tab span[data-id="tab100"]{padding-right:35px;   
     background-color:var(--a-color);
    color:#fff; }
.page-tab span[data-id="tab100"]::after{
    /* background-color: #ff0000;
    color:#fff; */
    content:"Hot";
    color:#ff0000;
    position: absolute;
    top:0px;
    font-weight:bold;
    right:10px;
    font-size:12px;
}

.inqunotice .google-policies{color:#000}
.inqunotice .price-con,.inqunotice .price-con a,.salearea .price-con,.salearea .price-con a{color:#000}
.salearea{margin-bottom:20px}
.process-area{
	display: flex;
	flex-wrap: wrap;
}

.process-area .doarea_box{
	height:100%;
    padding-bottom:20px;
    padding-left:20px;
}
.process-area .doarea_box .textbox-border{
	color:#000;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border:1px solid #f3e04e;
    border-radius: 8px;
    padding:20px 20px 20px 30px;
    position: relative;
}
.process-area .doarea_box .textbox-border .num{position: absolute;width:35px;height:35px;top:38%;left:-18px; background-color: #f3e04e;color:#000;border-radius: 5px;  display: flex; align-items: center;justify-content: center;font-weight: bold;}
.process-area .doarea_box .textbox-border p{padding:0px;margin:0px;}
/*--blue begin--*/
.process-blue .doarea_box .textbox-border{border:1px solid var(--main-color) !important;}
.process-blue .doarea_box .textbox-border .num{background-color: var(--main-color)!important;color:#fff !important;}
/*--blue end--*/
.faqlist {
     padding-left:5px;
	}
.faqlist li{
	margin-bottom:10px;
    list-style-type: none;
}
.faqlist .answercontent{
	display: none;
	}


.sFAQTit {
	display: block;
	position: relative;
	padding-right: 60px;
	font-weight: bold;
	cursor: pointer;
	background-color: #f2f2f2;
	padding:10px;
}
.sFAQTit i{margin-right:10px;}
.sFAQTit::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 5px;
	right: 0;
	right: 0;
	text-align: center;
	font-size: 26px;
}
.fd-style-1 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
}

.fd-style-2 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
}

.fd-style-2 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
}

.fd-style-2 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-2 .content {
    padding: 0rem 1.5rem 1rem;
}
.fd-style-3 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}

.fd-style-3 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px;
    width: auto;
    position: relative;
    top: -20px;
    margin: 0 15px;
}

.fd-style-3 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-3 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-1rem);
}
.fd-style-4 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--main-color);
    background: #fff;
    transition: all .3s ease;
}

.fd-style-4 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
}

.fd-style-4 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-4 .content {
    padding: 0rem 1.5rem 1rem;
}
.fd-style-6 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
    background: #f8fafc;
}

.fd-style-6 .title::before {
    content: "\1F449";
    display: inline-block;
    margin-right: 5px;
}
.fd-style-7 {
    border-radius: 0 8px 8px 8px;
    text-align: left;
    position: relative;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.fd-style-7 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 1rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px 4px 0 0;
    width: auto;
    position: relative;
    top: -56px;
    width: 50%;
    min-width: 350px;
    padding-left: 95px;
    position: relative;
    margin-top: 30px;
}

.fd-style-7 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-7 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-66px);
    margin-bottom: -56px;
}

.fd-style-7 .title::before {
    display: inline-block;
    color: #aedffc;
    font-size: 60px;
    position: absolute;
    top: -50%;
    left: 15px;
}

.fd-style-7:nth-child(n) .title::before {
    content: attr(data-number);
}
.an-1 {
    transition: all ease .3s;
    transform: translateY(0);
}

.an-1:hover {
    box-shadow: var(--bs-box-shadow-lg)!important;
    transform: translateY(-10px);
}

.ad-float { 
	position: fixed;
	right: 0;
	bottom: 40%; 
	min-width: 80px;
	z-index: 1000;
	display: block;
	transition: opacity 0.3s ease, transform 0.3s ease;
  }
  #ad-float{
	position: relative; 
  }
  
  .ad-trigger {
	display: none;
  }
  
  .ad-float #smallad {
	width: 110px;
	height: 110px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
  }
  #bigad {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none; 
  opacity: 0; 
  transform: translateY(20px); 
  transition: opacity 0.3s ease, transform 0.3s ease; 
  }
  
  #bigad.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  }
  
  .ad-float #bigad img {
	max-width: 250px;
	display: block;
  }
  
  .ad-float .close-ad {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 28px; 
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	z-index: 1; 
  }
  
  @media (max-width: 768px) {
	.ad-float {
		width: 80px;
		bottom: 30%;
	}
	.ad-float #smallad {
		width: 80px;
		height: 80px;
	}
	.ad-float #bigad img {
		max-width: 200px; 
	}
  }