@charset "utf-8";
.inquiry_form label{width:100%;display:var(--i);text-align:left;padding:8px 0;font-size:1rem;line-height:1.2}
input{height:45px;font-family:var(--f)}
textarea,select{font-family:var(--f)}
.inquiry_form input{font-family:var(--f);height:45px;width:100%;background:var(--w);border:1px solid #cccccc;margin-bottom:10px;padding:0 10px;outline:none;border-radius:5px}
.inquiry_form select{ font-family:var(--f); -webkit-appearance: button; appearance: normal; height: 45px; width: 100%; background:var(--w);border:1px solid #cccccc; margin-bottom: 10px; padding: 0 10px; outline: none; border-radius: 5px; cursor: pointer }
.inquiry_form textarea{font-family:var(--f);padding:10px;margin-bottom:5px;width:100%;background:var(--w);border:1px solid #cccccc;outline:none;border-radius:5px}
.inquiry_form .submit{font-family:var(--f);display:block;text-align:center;width:100%;padding:0.8rem 3rem;margin-bottom:0;clear:both;color:var(--w);text-decoration:none;background:var(--m);transition:var(--t);border:0;cursor:pointer;font-size:1rem;font-weight:bold;margin-top:36px;text-transform:uppercase;word-spacing:0.2px;letter-spacing:1px;border-radius:5px;}
.inquiry_form .submit:hover{color:var(--w);background:var(--v);font-weight:bold;border-radius:5px}
.note-part{font-size:.9em;line-height:1.4em;color:#666;display:block;padding-top:5px}
.banner_page_bg{background-repeat:no-repeat;background-size:cover;background-position:center}
.container{width:100%;height:auto;position:var(--r);margin:0 auto}
.con_container{max-width:1230px;padding:0 30px;margin:0 auto}
.con_container:after{display:table;content:" "}
.con_container:after{clear:both}
.module-box{position:var(--r);width:84%;margin:0 auto}
.module-box:after{display:table;content:" "}
.module-box:after{clear:both}
.auto-container{width:84%;margin:0 auto}
.nav-top{background:var(--g)}
@media (min-width:1025px){.auto-header{position:var(--r);width:100%;margin:0 auto;background: linear-gradient(to right,rgba(168,183,82,.9), rgba(130,171,40,.9), rgba(128,159,57,.9));}
.menu-nav{position:var(--r);z-index:9999;width:100%;padding-top:0}
.fixed{position:fixed;top:0}
.logo{position:var(--a);top:12px;left:8%;display:var(--i);width:230px;border:0;z-index:1}
.submit_search{position:var(--a);top:12px;right:8%;width:230px;z-index:1}
.left-container{float:right;width:72%}
.right-container{float:left;width:25%;margin-right:3%}}
@media (min-width:1025px) and (max-width:1279px){.left-container{float:right;width:71%}
.right-container{float:left;width:27%;margin-right:2%}}
@media (max-width:1024px){.left-container{float:left;width:100%;margin-bottom:30px}
.right-container{float:right;width:100%}}

.res-pack .right-container{display:none !important;}
.res-pack .left-container{width:100% !important;}
.search-box{position:var(--r)}
.services-container{position:static;margin:60px auto}
.list-style-two{position:var(--r);list-style-type:none;margin:0;padding:0}
.list-style-two li{position:var(--r);color:var(--b);padding-left:30px;margin-bottom:10px;text-align:left}
.list-style-two li .fa{position:var(--a);top:5px;left:0}
.list-style-two li .icon-phone{font-size:1.1rem;padding-right:8px}
.list-style-two li .icon-map-marker{font-size:22px;padding-right:10px}
.list-style-two li .icon-envelope{font-size:1rem;padding-right:8px}
.list-style-two li .icon-fax{font-size:1rem;padding-right:9px}
.list-style-two li a{color:var(--b);text-decoration:none}
.list-style-two li a:hover{color:var(--m);text-decoration:underline}
.social-icon-two{padding:10px 0 25px;list-style-type:none;margin:0;height:auto;overflow:hidden}
.social-icon-two li{margin-right:0.95rem;display:var(--i)}
.social-icon-two li a{color:var(--w);background:var(--m);font-size:1rem;display:block;width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;text-align:center}
.social-icon-two li a:hover{color:var(--w);background:var(--v)}

.bio-tabs{padding:20px 10px;border:1px solid #d3dae8;margin-bottom:20px}
.tabs{width:100%;margin-bottom:10px}
.tabs .content{position:var(--r);z-index:1}
.tabs .content .content-current{display:block;padding:20px 10px 0 10px}
.tabs .content section{display:none}
.tabs .content .inquiry_form textarea{width:100%}
.tabs nav li{cursor:pointer;padding-left:10px;padding-right:10px}
.tabs nav li a{display:block;width:100%;height:100%;font-family:var(--f1);color:var(--b);padding:5px 10px;border-radius:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--g);transition:var(--t)}
.tabs nav li:hover a{background:var(--m);color:var(--w)}
.tabs nav .tab-current a{position:var(--r);z-index:2;background:var(--m);color:var(--w)}
.tabs nav ul:after{display:table;content:" "}
.tabs nav ul:after{clear:both}
.careers-box .tabs nav li{padding-left:0}
.careers-box .tabs nav li a{border-radius:0}
@media (min-width:768px){.tabs nav ul{width:100%;margin-top:20px} .tabs nav li{width:33.3%;float:left;text-align:center;height:2.2;line-height:2.2;margin-top:0;background:var(--w)} }
@media (max-width:767px){.tabs nav ul{width:100%;margin-top:20px} .tabs nav li{width:100%;float:left;text-align:center;height:2;line-height:2;margin-bottom:10px} }

.navmenu{margin:0 0 20px 0;padding:15px;background:var(--g);border-radius:0 0 20px 20px}
.navmenu>li{display:block;margin:0;padding:0;position:var(--r)}
.navmenu>li>a{display:var(--i);overflow:hidden;color:var(--b);transition:all .3s;position:var(--r);text-decoration:none;font-size:1rem;padding:20px 0px 0.95rem 10px;font-weight:900;width:90%}
.navmenu .arrow:before{cursor:pointer;content:"\f0da";float:right;padding:5px 10px;display:inline;font-family:"icomoon";color:var(--b)}
.navmenu .arrow.open:before{cursor:pointer;float:right;padding:5px 10px;display:inline;font-family:"icomoon";content:"\f0d7";color:var(--m)}
.navmenu>li>.arrow:before{font-weight:900;padding:20px 5px 0.95rem 10px;cursor:pointer}
.navmenu>li>ul.sub-menu,.navmenu>li>ul.sub-menu>li>ul.sub-menu{list-style:none;padding:0;margin:0;display:none}
.navmenu>li>ul.sub-menu>li{background:var(--w);margin-bottom:10px !important;padding:0 !important;font-size:1rem;border-radius:50px;vertical-align:middle;border:1px solid #e3ebfe;transition:var(--t)}
.navmenu>li>ul.sub-menu>li>ul.sub-menu{background:#f5f9fd;padding:4px 0}
.navmenu>li>ul.sub-menu li{padding:4px 0 0 0;margin-bottom:0;line-height:1.5}
.navmenu>li .sub-menu{margin-bottom:10px}
.navmenu>li>ul.sub-menu>li>a{display:block;padding:8px 15px;position:var(--r);margin-bottom:0;color:var(--b);width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.navmenu>li>ul.sub-menu>li>a:hover{color:var(--w)}
.navmenu>li>ul.sub-menu>li.open>a{color:var(--w)}
.navmenu>li>ul.sub-menu>li:hover{background:var(--m)}
.navmenu>li>ul.sub-menu>li.open{background:var(--m)}
.navmenu>li>ul.sub-menu .sub-menu li>a{display:var(--i);padding:2px 0 2px 0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.9rem;position:var(--r);width:90%;color:var(--b)}
.navmenu>li>ul.sub-menu .sub-menu li>a:hover{color:var(--m)}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu{list-style:none;font-size:0.95rem;background:var(--g);padding:10px 0 0;display:none}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu li>a{color:#666;padding-left:25px;height:22px}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu li>a:hover{color:var(--m)}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before{content:''}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu{padding:8px;margin-bottom:0px;background:#eeeeee}

.navtitle{position: relative;background:var(--m);color:var(--w);height:50px;line-height:50px;padding:0 15px;font-size:1.25rem;font-family:var(--f1);font-weight:400;border-top-left-radius:20px;border-top-right-radius:20px}
.navtitle a{color:var(--w)}
.nav-filter{margin-top:35px;margin-bottom:30px}
.titbg{background:var(--g);height:3rem;line-height:3;padding-left:10px;font-size:20px;font-family:var(--f1);font-weight:400;margin-bottom:2px}
.feature-pro{background:var(--g)}
.feature-pro>li{background:var(--g);margin-bottom:4px !important;padding:0 !important;font-size:0.95rem;line-height:1.35 !important}
.feature-pro>li:hover{background:var(--g)}
.feature-pro>li>a{display:var(--i);padding:9px 0.95rem 9px 10px;position:var(--r);margin-bottom:0;color:var(--b);width:100%}
.feature-pro>li:hover>a{color:var(--m);border-left:3px solid var(--m)}
.inquiry-titbg{background:var(--m);color:var(--w);height:3rem;line-height:3;font-size:20px;font-family:var(--f1);font-weight:400;text-align:center;margin-bottom:10px}
.nav-filter .inquiry_form .submit{width:100%;padding:0.6rem 3rem;border-radius:0}
.radio-inline input{height:13px}
.h2-box{font-size:30px;text-transform:uppercase;margin:60px 0 30px 0}
.title-line{position:var(--r);width:100%;height:1px;background:#c8d6e4}
.title-line::before{content:"";display:block;position:var(--a);width:13px;height:13px;border-radius:50%;background:#c8d6e4;z-index:1;top:-6px;left:0}
.title-line::after{content:"";display:block;position:var(--a);width:13px;height:13px;border-radius:50%;background:#c8d6e4;z-index:1;top:-6px;right:0}
.wt-line,.wt-line::before,.wt-line::after{background:#888}

.greybg{background:var(--g)}
#product-table{margin:0 0 12px;border:1px solid #ddd}
#product-table tr td{background:var(--w);border:1px solid #ddd}
.content #product-table tr td:nth-child(2){word-wrap:break-word;max-width:10px}
#product-table tr:nth-of-type(2n+1) td{background:var(--g)}
.resoursetab{margin-bottom:10px}
.resoursetab>.row>div{padding-bottom:5px;padding-top:5px}
.row.bio-row{margin-right:-5px;margin-left:-5px}
.row.bio-row>div{padding-right:5px;padding-left:5px}
.resourseinput{margin-top:5px;padding:3px 10px;width:100%;height:50px;border:1px solid #d3dae8;border-radius:5px;font-size: 16px;}
select{font-family:var(--f)}
select.resourseinput{height:50px}
.calculator-box .volum-input{font-family:var(--f);width:100%}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
.volum-input{font-family:var(--f);width:100%;background:#fff;border:none;font-size:1rem;color:var(--b);padding:5px 0;height:50px;margin-top:5px;border-radius:5px}
.boc-es{font-size:1rem;color:red;line-height:0}
.button_commom{background-color:var(--m);color:var(--w);display:block;cursor:pointer;margin-top:5px;border-radius:5px;text-align:center;height: 50px;line-height: 50px}
.button_commom:hover{color:var(--w);background-color:var(--v)}
.resoursetab .right{width:0.95rem;height:0.95rem;line-height:1rem;border-radius:0.95rem;color:var(--w);font-size:12px;text-align:center;background-color:#91d532;display:var(--i);margin-left:5px}
.red{color:#ff0000}
.resoursetab .error{width:0.95rem;height:0.95rem;line-height:0.95;border-radius:0.95rem;color:var(--w);font-size:12px;text-align:center;background-color:#f6431c;display:var(--i);margin-left:5px}
.calculator-box .boc-control,.boc-control-mass{color:#444;padding:5px 10px;height:50px;border:1px solid #ddd}
.boc-control{padding:3px 10px;width:100%;height:50px;border:1px solid #d3dae8;border-radius:5px}
.boc-control-mass{border-radius:5px;background:#fff;border:1px solid var(--g);box-shadow:none;padding:10px;width:100%}
.form-group,.form-group-1{margin-right:0;margin-left:0;margin-bottom: 10px}

.boc-g{background:#fff;padding:5px 10px;height:50px;line-height:30px;border-radius:5px;font-size:0.8rem}
.select-control{display:block;width:100%;border:none;outline:none;box-shadow:none;background:#fff;padding:6px 10px;height:50px;border-radius:5px;font-size:0.8rem;align-content: center}
.boc-mass{font-size:1rem;height:50px;line-height:2;width:100%;background:var(--m);color:var(--w);padding-left:10px;border:none;border-radius:5px}
.mtop20{margin-top:15px;margin-bottom:20px}
.bio-cal{padding-left:10px;padding-right:10px}
.bio-cal span{font-family:var(--f1);display:block;background:var(--m);padding:8px 20px;color:var(--b);font-size:1.25rem;border-radius:8px;background-image:linear-gradient(90deg,#d3dae8 0%,var(--g) 100%);}
.required-volume-col input{padding-right:60px}
.required-volume-col span{display:var(--i);position:var(--a);right:15px;bottom:12px}
@media (min-width:1200px) and (max-width:1279px){.form-group>div.col-lg-3,.form-group-1>div.col-lg-3{width:30%} .form-group>div.col-lg-6,.form-group-1>div.col-lg-6{width:40%} }

.side-contactus .row>div{width:100%}
.ver-code{position:var(--r)}
.check-fa{position:var(--a);top:48px;right:146px}
.checkright{color:green}
.ver-code input{width:100%;padding-right:150px}
.ver-code img{width:120px;height:auto;position:var(--a);right:15px;bottom:10px;border:1px solid #bebebe}
.service-list{margin-top:30px}
.service-list a.se-a{margin-bottom:30px;display:block;border:1px solid #ddd}
.service-list .se-img{display:block;height:120px;overflow:hidden}
.service-list .se-h4-box{padding:0.95rem 10px}
h4.se-h4{font-size:1rem;margin:0;padding:0;color:#222;transition:all ease .25s;line-height:1.1;height:55px;display:-webkit-box;display:-o-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;-o-box-orient:vertical;-o-line-clamp:3;-moz-box-orient:vertical;-moz-line-clamp:3;overflow:hidden}
.se-a img{display:block;width:100%;transition:all,0.5s;filter:grayscale(100%);opacity:1;}
.se-a:hover img{transform:scale(1.2);filter:grayscale(0);opacity:1;}
.se-a:hover .se-h4-box{background:var(--m)}
.se-a:hover h4.se-h4{color:var(--w);text-decoration:none}
h4.side-title{border-bottom:1px solid #cccccc;padding-bottom:2px;margin-bottom:10px}

.careers-box .tabs nav ul{border-bottom:1px solid var(--m)}
.careers-form .identify-box{position:var(--r);padding:0}
.careers-form .identify-box .check-fa{position:var(--a);top:10px;right:115px;font-size:18px;color:#7b9d3b}
.careers-form .identify-box img{position:var(--a);top:0;right:0;width:100px;height:40px;cursor:pointer;border:1px solid #ddd}
.careers-form .form-group label{padding-left:10px}
.careers-form .form-control{padding:6px 10px;height:40px}
.careers-form .inquiry-submit{display:var(--i);padding:5px 40px;font-size:1rem;color:var(--w);background:var(--m);text-align:center;border:none;margin-top:35px;height:40px;width:100%;border-radius:5px;cursor:pointer;transition:var(--t)}
.careers-form .inquiry-submit:hover{background:var(--v)}

table .ullist,table .ollist{padding-bottom:0}
table .ullist li,table .ollist li{line-height:1.35}
/*@media (min-width:1025px){.menu>ul>li:nth-child(2)>ul>li:nth-child(7){position:var(--a);left:36%;bottom:88px} }*/
.owl-carousel-box .related-probox{background:var(--g);margin-right:0;padding:0 0.95rem 20px;min-height:232px;overflow:hidden}
.owl-carousel-box .related-probox h4{font-size:0.95rem}
.owl-carousel-box .related-probox h4 span{font-family:var(--f)}
.owl-carousel-box .related-probox p{font-size:0.9rem;padding:0;display:-webkit-box;display:-o-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;-o-box-orient:vertical;-o-line-clamp:5;-moz-box-orient:vertical;-moz-line-clamp:5;overflow:hidden}
.footer-copy{position: relative;z-index: 2; text-align:center;border-top:1px solid #575959;margin-top:10px;padding:0.95rem 25px}
@media (max-width:991px){.contact-map iframe{height:700px} }


.banner-li1{background:url(../images/banner-1.jpg) no-repeat center;background-size:cover !important}
.banner-li2{background:url(../images/banner-2.jpg) no-repeat center;background-size:cover !important}





.foot{position: relative;color:var(--w);background:#10302c;text-align:left;margin-top: 60px}
.foot .module-box{position: relative;z-index: 2;padding-top:40px;padding-bottom:20px}
.foot .list-style-two{font-weight:normal}
.foot .list-style-two li{color:var(--g1);font-weight:normal}
.foot .list-style-two li a{color:var(--g1)}
.foot .foot-logo{width:270px;margin-bottom:0.95rem}
.foot .page-tit4{color:var(--g1);padding-top:5px;text-transform:uppercase}
.foot p{color:var(--g1);text-align:left}
.foot p a{color:var(--g1)}
.foot .social-icon-two li a{background:none;border:1px solid var(--g1);color:var(--g1);font-size:1rem}
.foot .social-icon-two li a:hover{background:var(--m);border:1px solid var(--m)}

.bread-crumbbox{width:100%;}
.bread-crumbbox .module-box{border-bottom:1px solid #c8d6e4;padding-top:0.95rem;padding-bottom:0.95rem}
.about-bg1{background-image:url(../images/about-1.jpg);}
.about-bg1 .index-table{min-height:360px}
.about-bg2{background-image:url(../images/about-2.jpg);}
.about-bg2 .index-table{min-height:360px}
.about-bg3{background-image:url(../images/about-3.jpg);}
.about-bg4{background-image:url(../images/about-4.jpg);}
.about-bg1,.about-bg2,.about-bg3,.about-bg4{background-repeat:no-repeat;background-size:cover;background-position:center right}
.index-table .index-tablecell p.large-font{font-size:1.2rem;line-height:2}
.large-font{font-size:1.2rem;line-height:2}

.pagetext h2,.pagetext .page-tit3{margin-bottom:25px;padding:20px 64px 5px 0}
.pagetext h2::before,.pagetext .page-tit3::before{display:var(--i);content:'';position:var(--a);left:0;bottom:0;width:100%;height:1px;background:#c8d6e4;z-index:1}
.pagetext h2::after,.pagetext .page-tit3::after{display:var(--i);content:'';position:var(--a);right:0;bottom:-22px;width:50px;height:47px;z-index:2;background-image:url(../images/after-icon.png);background-size:50px 47px;background-repeat:no-repeat}
.h3-new{font-size: 1.05rem !important;padding:15px 0 8px 0 !important;margin: 0 !important;}
.h3-new::before,.h3-new::after{display: none !important;}
h3,.page-tit3{font-size:1.25rem}
h4,.page-tit4{font-size:1.05rem}
.pagetext h2{font-size:1.35rem;}
.pagetext h3{font-size:1.05rem}
.about-bg3 .index-about .row{padding:0}
.containerbg{background-color:rgba(26,35,81,0.7);padding-top:60px;padding-bottom:60px;color:var(--w)}
.containerbg .h2-box{margin-top:0 !important;text-align:left;color:var(--w)}
.about-bg4 .index-table .index-tablecell p{font-weight:400}
.about-bg4 .row a{display:var(--i);color:var(--v);font-size:1.25rem;line-height:2}
.about-bg4 .row a:hover{color:var(--w);padding-left:10px}
.discover{display:var(--i);color:var(--b);font-size:1.5rem;text-align:center;margin-top:50px;background:var(--w);padding-right:50px}
.discover span{display:var(--i);background:var(--w);color:var(--b);font-size:24px;padding:8px 20px;border-right:1px solid var(--m);margin-right:50px;transition:var(--t)}
.discover:hover{background:var(--m);color:var(--w) !important}
.discover:hover span{background:var(--m);color:var(--w)}
.about-bg4 .textcenter{text-align:center !important}
.advantagebox{padding-top:20px;padding-bottom:20px}
.advantagebox .index-img{display:var(--i);max-width:660px}
.transition-box{position:var(--r);padding-left:200px;min-height:200px}
.transition-box .transition-img{width:180px;height:180px;border-radius:5px;position:var(--a);top:10px;left:0;z-index:1;box-shadow:0 0 8px #bbb}
.transition-box .transition-img img{width: 100%; height: 100%; object-fit: cover;border-radius:5px}
.transition-article h3,.transition-article h2{line-height:1.5;font-size:1.1rem !important;padding-right:10px !important}
.pagetext .transition-article h2::before,.pagetext .transition-article h2::after{display:none}
.transition-box .transition-article a{display:block;position:var(--r);min-height:180px;padding-bottom:60px;color:var(--b)}
.transition-box a .transition-btn{width:100%;text-align:right;position:var(--a);right:0;bottom:0;padding-right:40px;padding-bottom:23px;z-index:1}
.transition-box a .transition-btn .readmore{border-bottom:1px solid var(--b);padding-right:20px;font-size:1.2rem;font-weight:bold;color:#666;transition:var(--t)}
.transition-box a .transition-btn img{width:40px;height:46px;position:var(--a);right:0;bottom:0;z-index:2}
.transition-box a .transition-btn span{font-size:1.2rem;position:var(--a);right:11px;bottom:15px;z-index:3;color:#666;transition:var(--t)}
.transition-box a:hover h3,.transition-box a:hover .transition-btn .readmore,.transition-box a:hover .transition-btn span{color:var(--m)}
.row.transition-row>div{padding-top:20px;padding-bottom:20px}

.lower-levelbox{margin:10px 0 20px;padding:20px 25px 30px;background:#f1f5fe}
.lower-levelbox>div{padding-right:25px;padding-left:25px}
.lower-levelbox .lower-level{position:var(--r);display:block;width:100%;padding:8px 10px;margin:10px 0;font-size:1.25rem;font-weight:bold;color:var(--m);border-bottom:1px dashed var(--m);padding-right:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:var(--t)}
.lower-levelbox .lower-level::before{display:var(--i);font-family:'icomoon';font-weight:normal;transform:translate(0,0);content:"\f0d8";position:var(--a);right:15px;top:8px;color:var(--m)}
.lower-levelbox .lower-level:hover::before{color:var(--w)}
.lower-levelbox .lower-level:hover{color:var(--w);background-color:var(--m)}

.cat-tabbox1{margin-top: 40px;}
.categorynav{margin:20px 0 40px;padding:0}
.categorynav>li{display:block;margin:0;padding:0;position:var(--r)}
.categorynav>li>ul>li .arrow1{position:var(--r);display:block;height:50px;line-height:50px;padding-left:65px;width:100%;cursor:pointer;font-family:var(--f1);font-size:1.25rem;color:var(--b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.categorynav>li>ul>li .arrow1:before{display:var(--i);content:"\f0d7";font-family:'icomoon';position:var(--a);top:0;left:20px;z-index:99}
.categorynav>li>ul>li .arrow1.open{color:var(--b)}
.categorynav>li>ul>li .arrow1.open:before{content:"\f0d8"}
.categorynav>li>ul>li:hover .arrow1{color:var(--b)}
.categorynav>li>ul>li:hover .arrow1:before{color:var(--b)}
.categorynav>li>ul,.categorynav>li>ul>li>ul{list-style:none;padding:0;margin:0;display:none}
.categorynav>li>ul{list-style:none;font-size:1rem;background:var(--w);padding:10px 0 0;display:none}
.categorynav>li>ul>li{position:var(--r);background:var(--g1);margin-bottom:4px}
.categorynav>li>ul>li::before{content:'';position:var(--a);display:block;top:0;left:50px;width:1px;height:50px;background-color:rgba(255,255,255,1)}
.categorynav>li>ul>li:hover::before{background-color:rgba(255,255,255,1)}
.categorynav>li>ul>li.open::before{background-color:rgba(255,255,255,1)}
.categorynav>li>ul>li>ul{background:var(--w);padding:4px 10px 4px 10px}
.categorynav>li>ul>li>ul>li{padding:5px 0;line-height:1.6}
.categorynav>li>ul>li:hover{background-image:linear-gradient(90deg,#d3dae8 0%,var(--g) 100%);}
.categorynav>li>ul>li.open{background-image:linear-gradient(90deg,#d3dae8 0%,var(--g) 100%);}

.content-detail .title{font-weight:bold;padding-top:5px;padding-bottom:10px}
.content-detail .quote,.content-detail .details{padding-top:5px;padding-bottom:10px}
.product-one .row{margin:0;padding:10px 0;border-bottom:1px dashed var(--m)}
.product-two .row{margin:0;padding:6px 0;word-wrap:break-word}
.other-serbox{background-color:rgba(0,0,0,0.05)}
.other-serbox-bg{background-repeat:no-repeat;background-size:357px 450px;background-position:center right;padding-top:70px;padding-bottom:80px}
.index-services{padding-top:60px;padding-bottom:70px}
.index-services .index-img{border-radius:50%}
.inner-row{margin-bottom:20px}
.list_dl .inquiry_form .col-md-6{width:100%}
.advantageslist li{position:var(--r);list-style:none !important;margin:0;padding-top:5px;padding-left:32px;padding-bottom:5px;line-height:1.8}
.advantageslist li span{position:var(--a);top:10px;left:0;color:var(--m)}
.advantageslist li span.icon-star-o{font-size:1.05rem}
.resourceslist li a{position:var(--r) !important;padding-left:36px !important}
.resourceslist li a span{position:var(--a);top:12px;left:10px;color:var(--m)}
.resourceslist li a:hover span{color:var(--w)}
.logo img{width:100%}

.th-trisection{position:var(--r);width:200px;height:66px;box-sizing:border-box;overflow:hidden;font-size:.88em}
.th-trisection::before{content:"";position:var(--a);left:0;bottom:0;width:100%;height:60px;box-sizing:border-box;border-bottom:1px solid #ddd;transform-origin:bottom right;transform:rotateZ( 12deg) scale(1.5);animation:slash 5s infinite ease}
.th-trisection::after{content:"";position:var(--a);left:0;bottom:0;width:100%;height:60px;box-sizing:border-box;border-bottom:1px solid #ddd;transform-origin:bottom right;transform:rotateZ( 30deg) scale(1.5);animation:slash 5s infinite ease}
.th-trisection span:nth-child(1){position:var(--a);bottom:2px;left:10px}
.th-trisection span:nth-child(2){position:var(--a);top:6px;left:35px}
.th-trisection span:nth-child(3){position:var(--a);top:6px;right:15px}
.categorynav .content-detail table tr,.categorynav .content-detail table th,.categorynav .content-detail table td{border:1px solid #ddd}
.top-ad strong{display:block;font-weight:bold;color:var(--m)}
.top-ad{position:var(--r);padding-top:10px;font-size:.95em;background:var(--g1);border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.top-ad a{display:block;text-decoration:none;color:#333}
.mbottom10{padding-bottom:10px}
.ad-close{position:var(--a);right:10px;top:0;font-size:20px;color:#999;z-index:9;cursor:pointer}
.ad-close:hover,.ad-close:focus{color:var(--m);cursor:pointer}
.sub-successbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);z-index:99999}
.sub-successtable{display:table;width:100%;height:100%}
.sub-successtablecell{display:table-cell;vertical-align:middle;text-align:center}
.sub-success{background-color:var(--w);display:var(--i);padding:30px;color:var(--m);border-radius:20px;margin:0 20px}

@media (min-width:768px){.index-resources .row,.index-services .row,.advantagebox .row{flex-wrap:wrap;display:flex;justify-content:flex-start}
.index-table{height:100%}
.advantagebox .ullist li{font-size:1rem;line-height:2}
.product-two .textright{text-align:right}
.other-serbox-bg{background-image:url(../images/other-img.png)}}
@media (min-width:992px){.row.transition-row{flex-wrap:wrap;display:flex;justify-content:flex-start}
.row.transition-row>div .transition{height:100%}}
@media (min-width:1200px){.index-services .row{margin-right:-50px;margin-left:-50px}
.index-services .row>div{padding-left:50px;padding-right:50px}
.about-bg3 .index-table .index-tablecell .index-about p{width:100%;text-align:left}
.about-bg3 h3{text-align:left}
.about-bg3 .col-md-2{display:none}
.about-bg3 .index-about .row{text-align:left}
.advantagebox .ullist li{font-size:22px;line-height:2}
.list-style-two{font-size:1rem}
.foot p{font-size:1rem}
.inner-row li{font-size:1.1rem}}
@media (min-width:1500px){.row.transition-row{margin-right:-20px;margin-left:-20px} .row.transition-row>div{padding-left:20px;padding-right:20px} } 
@media (min-width:2000px){html,body{-moz-zoom:1 !important;-webkit-zoom:1.1;-ms-zoom:1 !important;zoom:1.1} } 
@media (min-width:2400px){html,body{-moz-zoom:1 !important;-webkit-zoom:1.2;-ms-zoom:1 !important;zoom:1.2} } 
@media (min-width:2700px){html,body{-moz-zoom:1 !important;-webkit-zoom:1.3;-ms-zoom:1 !important;zoom:1.3} }
@media (max-width:1500px){.logo{width:240px;left:25px}
.submit_search{width:240px;right:25px}
.banner ul.flicks>li .flick-inner .flick-content{width:100%;padding-left:25px;padding-right:25px;text-align:center}
.module-box{width:100%;padding-left:25px;padding-right:25px}
.auto-container{width:100%;padding-left:25px;padding-right:25px}
.menu>ul>li>ul{padding:20px 25px}
.index-resourcesbox{padding:50px 25px}
.index-table .index-tablecell .h2-box,.banner ul.flicks>li .flick-inner .flick-content h2 span{font-size:2.2rem;line-height: 1.25em}
.banner ul.flicks>li .flick-inner .flick-content h2{text-align:center}
.banner ul.flicks>li .flick-inner .flick-content p{max-width:60%;text-align:center;margin-left:auto;margin-right:auto}
.index-about .row{padding:0}
.foot{font-size:0.95rem}
.menu>ul>li:nth-child(2)>ul>li:nth-child(7){left:34%}
.other-serbox-bg{background-size:317px 400px}}
@media (max-width:1279px){.logo{width:180px;top:20px}
.submit_search{width:180px;top:20px}
.search-input{height:40px}
.submit_search button{width:36px;height:36px}
.menu>ul>li>a{padding:1.5rem 0.25rem}
.auto-container h1,.auto-container .page-tit1,.banner ul.flicks>li .flick-inner .flick-content h2{font-size:1.75rem}
.index-table .index-tablecell .h2-box,.banner ul.flicks>li .flick-inner .flick-content h2 span{font-size:2rem}
.index-table .index-tablecell p,.banner ul.flicks>li .flick-inner .flick-content p{font-size:1.25rem}
.banner ul.flicks>li .flick-inner .flick-content p{max-width:70%}
.auto-container p{width:100% !important}
.index-about .row .index-goodness{width:200px;height:200px}
.index-about .row .index-goodnessbox span{font-size:20px;line-height:1.6}}
@media (min-width:1025px) and (max-width:1279px){.transition-row>div{width:100% !important} }
@media (max-width:1024px){.auto-header{position:var(--r);padding-top:75px;background: linear-gradient(to right,rgba(168,183,82,.9), rgba(130,171,40,.9), rgba(128,159,57,.9));}
.logo{position:var(--a);width:240px;top:10px;left:15px;margin:0}
.submit_search{position:var(--r);width:100%;top:0;left:0;padding:10px 15px}
.menu{margin:0}
.menu>ul>li>a{padding:0.6rem 1rem}
.banner_inpage{margin-top: -2px;}
.banner_inpage .banner-table{padding-top: 30px;}
.auto-container h1,.auto-container .page-tit1,.banner ul.flicks>li .flick-inner .flick-content h2{font-size:1.5rem}
.index-table .index-tablecell .h2-box,.banner ul.flicks>li .flick-inner .flick-content h2 span{font-size:1.5rem}
.index-table .index-tablecell p,.banner ul.flicks>li .flick-inner .flick-content p{font-size:1.1rem}
h3,.page-tit3{font-size:1.2rem}
h4,.page-tit4{font-size:1.1rem}
.pagetext h2{font-size:1.2rem}
.banner ul.flicks>li .flick-inner .flick-content{padding-top:0;padding-bottom:30px}
.banner ul.flicks>li .flick-inner .flick-content p{max-width:80%}
.bread-crumbbox{margin-top:6px;}
.module-box{width:100%;padding-left:15px;padding-right:15px}
.product-two .row>div{padding: 0;}
.index-table .index-tablecell p.large-font{font-size:1.15rem}
.large-font{font-size:1.15rem}
.index-about .row .index-goodnessbox{padding: 0 15px;}
.index-about .row .index-goodness{width:170px;height:170px}
.navmenu{display:none;margin:0;border-radius:0;}.navtitle{margin-top:20px;border-radius:0;padding-right:50px;}.navtitle::after{content:"\f0d7";font-family:"icomoon";font-size:20px;position: absolute;right: 0;top: 0;color:var(--w);width: 50px;text-align: center;border-left: 1px solid var(--w);z-index: 9;}.service-tit{margin-top: 20px;}}
@media (max-width:700px){.auto-header{padding-top:0}
.logo{position:var(--r);width:calc(100% - 140px);top:0;left:0;margin:10px 0;padding:2px 15px}
.logo img{display:var(--i);width:240px}
.auto-container h1,.auto-container .page-tit1,.banner ul.flicks>li .flick-inner .flick-content h2{font-size:1.1rem}
.index-table .index-tablecell .h2-box,.banner ul.flicks>li .flick-inner .flick-content h2 span{font-size:1.2rem}
.auto-container p,.index-table .index-tablecell p,.banner ul.flicks>li .flick-inner .flick-content p{line-height: 1.5;font-size:0.8rem}
.banner_inpage{overflow-x:auto;}
.banner_inpage .banner-table{overflow: auto;}
.bread-crumb li{line-height: 20px;font-size:0.8rem}
.bread-crumb li:after{line-height: 16px;}
h3,.page-tit3{font-size:1.15rem}
h4,.page-tit4{font-size:1rem}
.pagetext h2{font-size:1.15rem}
.banner ul.flicks>li .flick-inner .flick-content p{max-width:100%}
.banner ul.flicks>li .flick-inner img{opacity:0}
.index-resourcesbox{padding:50px 15px}
.index-table .index-tablecell .index-join p,.index-table .index-tablecell .index-about p{width:100%}
.transition-box{padding-left:0;padding-top:200px}
.transition-box .transition-article a{min-height:80px}
.index-table .index-tablecell p.large-font{font-size:1rem}
.large-font{font-size:1rem}
.discover{font-size:1.25rem}}
@media (max-width:500px){.index-bg1{background:var(--g);}
.index-bg2{background:var(--w);}
.banner-li1{background:none;}
.banner-li2{background:image-set(url(../images/banner-2s.webp));}
.index-bg3{background:image-set(url(../images/home-3s.webp))}
.foot:after{background:none;}}


@media (min-width:768px){.top-ad{background:url(../images/top-bg.jpg) no-repeat right var(--g1);padding-bottom:10px} }
.top-ad{position:var(--r);padding-top:10px;font-size:.95em;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.top-ad strong{font-weight:bold;padding-right:15px;display:var(--i);padding-top:10px;font-size:1.2em}
.top-ad a{display:block;text-decoration:none;color:#535458}
.ad-close{position:var(--a);right:5%;top:10px;font-size:20px;color:var(--m);z-index:999}
.ad-close:hover,.ad-close:focus{color:var(--m);cursor:pointer}
.mbottom10{padding-right:7%}
@media (max-width:768px){.top-ad img{width:220px} .top-ad{font-size:.8em;line-height:1.5}.index-services{text-align: center;}.index-services .index-img{width:400px;max-width:100%;}.index-about .row .index-goodnessbox{padding: 0;}.index-about .row .index-goodness{width:200px;max-width: 100%; height:auto;padding:10px;border-radius: 10px; box-shadow: 0 0 10px #bbb;}.index-about .row>div{padding-top: 0;padding-bottom: 10px;}.index-about .row .index-goodnessbox span{font-size: 16px;} }
@media (max-width:992px){.service-tit h1,.service-tit .page-tit2{word-wrap: break-word;font-size: 1.5rem;font-weight: 700;padding-right:0} }
@media (max-width:550px){.top-ad{min-height:120px}}
@media (max-width:350px){.service-tit h1,.service-tit .page-tit2{font-size: 1.1rem;}}
.left-container>a{display:var(--i);padding:5px 20px 6px;margin:0;background:var(--m);color:var(--w);border-radius:50px;font-size:1rem;font-weight:bold}
.left-container>a:hover{background:var(--v)}


.filter-row1>div{padding: 10px 15px;}
.filter-tit{font-weight:bold;background:var(--g);padding:6px 10px;margin:10px 0 15px;border-radius:5px}
.filter-search .search-box{position:var(--r);margin-bottom:15px}
.filter-search input{width:100%;height:42px;border-radius:0;border-radius:5px;border:1px solid #aaaaaa}
.filter-search button{position:var(--a);display:block;width:50px;height:42px;border-radius:5px;background:var(--m);border:0;top:0;right:0;z-index:1;cursor:pointer;color:var(--w);font-size:20px;transition:var(--t)}
.filter-search button:hover{background:var(--v)}
.filter-item label{padding-left:0}
.filter-item li .filter-checked{display: none;}
.filter-item input[type="radio"]{margin:7px 5px 0 0;line-height:1em;height:16px;width:16px;cursor:pointer}
.filter-item label:hover,.filter-item label:focus{cursor:pointer}
.filter-item{max-height:125px;overflow-y:auto;position: var(--r);}
.filter-item::-webkit-scrollbar{width:5px;height:5px}
.filter-item::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 7px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
.filter-item::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
.filter-weight>div{margin-bottom: 0;}
.filter-weight .filter-weightbox{margin-bottom: 20px;}
.filter-weight input{width:42%;height:42px;border-radius:0;padding:0 10px;border-radius:5px;text-align: center;border:1px solid #aaaaaa}
.filter-weight .filter-to{display:var(--i);padding:0 5px}
.filter-weight .filter-weightbtn .btn{background:var(--m);height:42px;line-height:42px;border-radius:5px;font-size:14px;padding:0 15px;margin:20px 0 10px;font-weight:normal}
.filter-weight .filter-weightbtn button{display:var(--i);width:300px;height:42px;border-radius:5px;background:var(--m);border:0;margin:20px 0 10px;z-index:1;cursor:pointer;color:var(--w);font-size:15px;transition:var(--t)}
.filter-weight .filter-weightbtn .btn:hover,.filter-weight .filter-weightbtn button:hover{background:var(--v)}
.filter-tag{background:var(--g1);padding:15px 10px 20px;margin-top:15px}
.filter-tag .page-tit3{padding-top:0;margin-bottom:10px}
.filter-tag .page-tit3::after{opacity:0}
.filter-tag ul li{display:var(--i);background:var(--w);padding:2px 10px;font-size:14px;border:1px dashed #aaaaaa;margin-right:10px}
.filter-tag ul li .icon-close{padding-left:10px;cursor:pointer;color:#888888}
.filter-row2{margin:30px 0 20px;background:var(--w);box-shadow:0 0 8px #bbb}
.filter-row2-left .count{display:var(--i);float:left;line-height:43px;font-size:14px}
.filter-row2-left ul{width: 100%;padding: 30px 0;}
.filter-row2-left .pagination li{margin:0;padding:0;text-align:left;display:var(--i);cursor: pointer;}
.filter-row2-left .pagination a{display:var(--i);padding:8px 18px;margin:0;border-radius:0;background:var(--w);border:1px solid #dddddd}
.filter-row2-left .pagination a:hover,.filter-row2-left .pagination .active a{background:var(--m);color:var(--w);border:1px solid var(--m)}
.filter-row2-left{padding-left:0}
.filter-row2-right{padding-right:0;text-align:right}
.filter-row2-right select{padding:11px 10px;border:1px solid #dddddd;cursor:pointer}

.catalog-list{position:var(--r);margin:5px 0;padding:15px 0;border:1px solid #ddd;background:var(--w)}
.catalog-list:hover{background:var(--g1)}
.catalog-list>.row{margin:0}
.catalog-list h4{font-size:1rem;padding-top:0;line-height:1.5}
.catalog-list .catalog-img{width:200px}
.catalog-list .catalog-btn{font-size:14px;padding:5px 15px;margin-top:0;font-weight:normal;background:var(--m);margin-left:15px;margin-top:15px}
.catalog-list .catalog-btn:hover{background:var(--v)}
.catalog-detail{position:fixed;left:0;top:0;z-index:9999999;width:100%;height:100%;padding-top:20px;padding-left:20px;padding-right:20px;text-align:left;background-color:rgba(0,0,0,0.75)}
.catalog-hide{display:none}
.catalog-detail .catalog-box{position:var(--r);max-width:900px;padding:15px;margin:0 auto;background:var(--w);color:var(--b)}
.catalog-detail .catalog-box .catalog-close{position:var(--a);right:10px;top:10px;width:30px;height:30px;line-height:30px;border-radius:50%;background:var(--g1);text-align:center;color:#888888}
.catalog-detail .catalog-box .catalog-close:hover{color:var(--b)}
.catalog-detail img{max-width:200px;width:100%}
.catalog-detail .btn{font-size:14px;padding:5px 25px;margin-top:10px;font-weight:normal}

.library-tabs{width:100%;margin-top:10px;margin-bottom:10px}
.library-tabs .content{position:var(--r);z-index:1}
.library-tabs .content section.content-current{display:block;opacity:1}
.library-tabs .content section{display:none;opacity:0;padding:0 0 15px;transition:var(--t);}
.library-tabs nav{margin:0 0 20px 0;padding:15px;background:var(--g);text-align: left;border-radius:10px}
.library-tabs nav li{display:var(--i);background:var(--w);margin-top:5px;margin-bottom:5px;padding:0;font-size:1rem;line-height:1.5;border-radius:50px;vertical-align:middle;border:1px solid var(--m);transition:var(--t)}
.library-tabs nav li a{display:var(--i);padding:8px 25px 2px;position:var(--r);margin-bottom:0;color:var(--m);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:var(--t);}
.library-tabs nav li:hover,.library-tabs nav .tab-current{background:var(--m)}
.library-tabs nav li:hover a,.library-tabs nav .tab-current a{color:var(--w)}

.table-library img{width: auto;max-height: 175px;}
.table-library th, .table-library td{padding: 6px 10px;border: 1px solid #ddd;}
.table-library th{font-size: 0.95rem;padding: 10px;}
.table-library tr.pro-tr td,.table-library tr.pro-tr{background:var(--w) !important;}
.table-library tr.pro-tr:nth-of-type(2n+2) td,.table-library tr.pro-tr:nth-of-type(2n+2){background:var(--w) !important;}
.table-library .catalog-btn{font-size:14px;padding:5px 15px 6px;margin-top:0;font-weight:normal;background:var(--m);float: right;letter-spacing: 0.5px;}
.table-library .catalog-btn:hover{background:var(--v)}
.table-library .pro-view {cursor: pointer;display: none; font-size: 27px;line-height: 32px; float: left; margin-right: 10px;color: var(--m);transform:rotatex(180deg);}
.table-library .pro-view.pro-open{display: var(--i);}
.table-library .pro-view:hover{color:var(--m);}
.table-library .pro-hide-tr{display: none;}
.table-library .pro-hide-tr td{padding: 15px 10px;background:var(--w) !important;}
.table-library tr td:nth-child(7),.table-library tr td:nth-child(8){padding-right: 0;padding-bottom: 2px;}
.table-library tr td:nth-child(7) p,.table-library tr td:nth-child(8) p{max-height:175px;display: var(--i);width: 100%; height: 100%;overflow-y:auto;padding: 0;font-size: 0.9rem;}
.table-library tr td:nth-child(7) p::-webkit-scrollbar,.table-library tr td:nth-child(8) p::-webkit-scrollbar{width:5px;height:5px}
.table-library tr td:nth-child(7) p::-webkit-scrollbar-thumb,.table-library tr td:nth-child(8) p::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 7px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
.table-library tr td:nth-child(7) p::-webkit-scrollbar-track,.table-library tr td:nth-child(8) p::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}

@media (min-width:460px){.filter-item li{width:50%;float:left}}
@media (min-width:768px){.catalog-list>.row{display:flex}
.catalog-detail{padding-top:calc((100vh - 400px)/ 2)}
.catalog-detail .row{flex-wrap:wrap;display:flex;justify-content:flex-start;align-items:center}
.catalog-detail .catalog-box{padding:20px 50px 20px 20px}
.catalog-detail img{max-width:270px}
.catalog-list{padding-right:140px}
.catalog-list .catalog-list-detail{padding:15px 15px}
.catalog-list .catalog-img{width:auto;max-width:100%;max-height:100%;position:var(--a);top:50%;left:50%;transform:translate(-50%,-50%);}
.catalog-list .catalog-btn{position:var(--a);right:15px;top:50%;margin-top:-18px;margin-left:0} }
@media (min-width:1200px){.filter-item li{width:33%;float:left}.filter-row1{margin: 0 -40px;}.filter-row1>div,.filter-row1>form>div{padding: 10px 40px;} }
@media (max-width:370px){.filter-weight input,.filter-weight .filter-weightbtn button{width:100%}.filter-weight .filter-to{display: block;text-align: center;} }
@media (max-width:768px){.banner_inpage {height: auto;} .bread-crumbbox {position: var(--r);}.banner_inpage .banner-table {padding: 100px 0;}.filter-weight .filter-weightbtn button{width: 100px;}}
/*@media (max-width:1100px){.table-librarybox{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
.table-librarybox table{width:1080px} }*/

.search{position:var(--r);min-width:150px}
.search-input{width:100%;box-sizing:border-box;background-color:var(--w)}
.search-input>input{width:100%;height:25px;border:none;font-size:16px}
.search-show{border: 1px solid #aaa;position:var(--a);left:0px;z-index:999;width:100%;min-height:50px;box-sizing:border-box;padding:10px 10px 0px 10px;background-color:var(--w);display:none}
.search-show>ul{padding:0px;margin:0px;list-style:none;font-size:12px}
.search-show>ul>li{height:30px;display:flex;align-items:center}
.search-show>ul>li:hover{color:var(--m)}
.loading_site{text-align:center;width:30%!important;left:35%!important;position:fixed!important;top:30%!important;display:none;background-color:rgba(130,171,40,.9);padding:15px;z-index:9}
.loading_site img{vertical-align:middle}
.loading_site span{height:20px;padding-left:20px;font-size:9pt;font-weight:700;color:var(--w);}
.filter-input{overflow: hidden;}

.right_nav .filter-box{width: 100%;padding-top: 0;}
.right_nav .filter-item li{width: 50%;}
.right_nav .filter-weight .filter-weightbtn button{float: left;}
.right_nav .filter-weight .filter-weightbtn .btn{width: 49%;margin-right: 1%;}
.right_nav .filter-weight .filter-weightbtn .btn-search{width: 49%;margin-left: 1%;}
.right_nav .filter-weight .filter-weightbtn:after{display:table;content:" "}
.right_nav .filter-weight .filter-weightbtn:after{clear:both}
.right_nav .filter-weight{margin-bottom: 30px;}
.right_nav .filter-tag ul li{margin-bottom: 8px;}
.right_nav .filter-row1{padding-bottom: 30px;}
.right_nav .filter-item li{position: var(--r);}
.right_nav .filter-item li input[type="radio"]{position: var(--r); z-index: 2;opacity: 0;top: 3px;margin-right: 7px;margin-left: 1px;}
.right_nav .filter-item li .filter-checked{display: var(--i);width: 18px;height: 18px;border-radius: 18px;border: 1px solid #aaa;position: var(--a);left: 0;top: 8px;z-index: 1;}
.right_nav .filter-item li .filter-checked.active{border: 1px solid var(--m);}
.right_nav .filter-item li .filter-checked.active::after{display: var(--i);content: "\f00c";font-size: 13px; font-family: 'icomoon';color: var(--m);line-height: 16px; position: var(--a);left: 1px;top: 0;}

.table-library-list{display: flex;}
.table-library-list .pro-tr{display: block;width: 50%;height: 150px; float: left;}
.table-library-list .pro-tr td{height: 150px;}
.table-library.table-library-list img{max-height: 140px;}

.table-library6798 tr td:nth-child(7),.table-library6799 tr td:nth-child(8){padding-right: 10px;}
.table-library6798 tr td:nth-child(6){padding-right: 0;padding-bottom: 2px;}
.table-library6798 tr td:nth-child(6) p{max-height:175px;display: var(--i);width: 100%; height: 100%;overflow-y:auto;padding: 0;font-size: 0.9rem;}
.table-library6798 tr td:nth-child(6) p::-webkit-scrollbar{width:5px;height:5px}
.table-library6798 tr td:nth-child(6) p::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 7px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
.table-library6798 tr td:nth-child(6) p::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}

.modal{display:none;overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;-webkit-overflow-scrolling:touch;outline:0;background: rgba(0,0,0,.8);}
.fade{opacity:0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in{opacity:1;}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.modal-dialog{position:relative;width:auto;margin:10px;}
.modal-content{position:relative !important;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0; background: #f9f9f9;}
.modal-content .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;cursor: pointer; opacity:.8;border: none}
.modal-body{position:relative;padding:20px;}
.modal-header { padding: 15px; min-height: 16.428571429px;    border-bottom: 1px solid #e5e5e5;font-weight: bold }
.inquiry-info {font-family:var(--f1); font-size: 1.2rem; margin-top: 0; margin-bottom: 20px; }
.qc-data a[data-href]{display:block;margin-top:15px;padding:8px 10px;background:#e4edf5;border-radius:5px;text-align:center;position:relative;font-weight:bold;transition:all ease .4s;border:1px solid transparent;cursor: pointer;}
.qc-data a[data-href]:hover,#QC-Data a[data-href]:focus{border:1px solid #a9c3db;background:none;color:#428bca;}
.qc-data a[data-href]:before{content:"\f1c1";font-family:'icomoon';font-weight:normal;font-size:1.2em;vertical-align:middle;margin-right:5px;}
@media (min-width:768px){.modal-dialog { width: 750px; margin: 30px auto; }}

/*2025*/
.res-nav{position: sticky;top: 73px !important;background: var(--g);border-bottom: 0;z-index: 9;} 
.res-nav .module-box{position: relative;display: flex;justify-content: start;}
.res-nav .resource-nav{float: none;background: none;} 
.res-nav .resource-nav>li{float: none;display: inline-block;margin: 0;} 
.res-nav .resource-nav{position: relative !important;top: 0 !important;} 
.res-nav .resource-nav>li a{display: block; padding: 5px 10px;margin: 15px 5px 15px 0;border-radius: 5px; background: none;color: var(--v);background: var(--w);border: 1px solid var(--w);} 
.res-nav .resource-nav>li a:hover,.res-nav .resource-nav>li.active a{color: var(--w);background: var(--v);border: 1px solid var(--v);}
.res-nav .resource-nav>li.active a{font-weight: bold;}
.pagetext div.anchor-title{opacity:0;height:1px;}
 
.inquiry-button,.service-button{margin-top: 10px;margin-bottom: 20px;}
.flex-1{position: relative;padding-left: 70px;}
.flex-1>span{display: flex;align-items: center;justify-content: center; width: 50px;height: 50px;border-radius:10px; font-family: 'icomoon' !important;position: absolute;top: 18px;left: 0;background: var(--g1);color: var(--m);font-size: 24px;}
.flex-1>.icon-1::after{content: "\e9aa";}
.flex-1>.icon-2::after{content: "\f2a1";}
.flex-1>.icon-3::after{content: "\f1fb";}
.flex-2>div,.flex-3>div,.flex-4>div,.flex-6>div,.flex-7>div{margin:15px 0;}
.flex-2 .box,.flex-3 .box,.flex-4 .box,.flex-6 .box,.owl-discover .box,.flex-7 .box{background-color: var(--g1); padding:15px 20px; border-radius: 20px; position: relative; height: 100%; z-index: 1; transition: var(--t)}
.flex-2 .box:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: var(--g); transition: var(--t); transform: scaleX(0); transform-origin: left; color: #f3f3f3; border-radius: 20px;}
.flex-2 .box:hover:before, .flex-2 .box:focus:before {transform: scaleX(1);}
.flex-3 .num{display: inline-block;font-size: 50px;color: var(--m);font-family: var(--f1);font-weight: bold;line-height: 1;padding-top: 15px;}
.flex-4 .box{text-align: center;background: #a8e6a1;padding:15px 10px;}
.flex-5{align-items: center;margin-top: 35px;}
.flex-5-p{align-items:flex-start;}
.flex-5-p h2{margin-bottom:15px !important;}
.flex-5-p .col-md-5 p{font-size:14px;}
.owl-platform .item{position: relative;margin-bottom: 60px;}
.owl-platform .item .box{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;background-color: rgba(255,255,255,.8);padding:10px 15px;}
.owl-platform .item .box p{padding: 0;}
.owl-platform .item .serviceshowpic{width: 100%;position: relative;height:300px; border-radius: 20px;overflow: hidden;}
.owl-platform .item .serviceshowpic img{width: 100% !important;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;margin:0 !important;}
.owl-platform .owl-dots,.owl-discover .owl-dots{display: none !important;}
.owl-platform .owl-nav [class*=owl-]{display: flex;align-items: center;justify-content: center; width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: var(--m);color: var(--w);top: auto;bottom: 0;}
.owl-platform .owl-nav [class*=owl-]:hover{background: var(--v);}
.owl-platform .owl-next{right: auto;left: 70px;}
.flex-6 .box,.owl-discover .box,.flex-7 .box{background: var(--w);border: 1px solid #c8d6e4;}
.flex-6 .box:hover,.owl-discover .box:hover,.flex-7 .box:hover{border: 1px solid var(--m);}
.owl-discover{margin-top: 30px;}
.owl-discover .owl-nav [class*=owl-]:hover{color:var(--v);}
.owl-discover .owl-item img{width:40px;}
.owl-discover .owl-prev{left: -15px;}
.owl-discover .owl-next{right: -15px;}
.owl-discover .owl-controls{margin: 0;}
.owl-discover .item{padding:5px;height:100%;}
.flex-7 .box{display:flex;align-items: center;}
.flex-7 .box img{margin-right: 15px;}

@media (min-width:992px){.it-center{display: flex;align-items: center;}.it-center{margin: 0 -30px;}.it-center>div{padding: 0 30px;}.flex-2,.flex-3,.flex-4,.flex-5,.flex-6,.flex-7{display: flex;justify-content:flex-start;flex-wrap: wrap;}.owl-platform .owl-prev{left: -72.5%;}.owl-platform .owl-next{right: auto;left: -62%;}.owl-platform .owl-nav [class*=owl-]{bottom: 10px;}.flex-5 h2{margin-bottom: 80px;}.owl-platform .item{margin-bottom: 0;}}
@media (min-width:1440px){.owl-platform .owl-next{right: auto;left: -65%;}.owl-platform .owl-nav [class*=owl-]{bottom: 40px;}.flex-5-p .owl-platform .owl-nav [class*=owl-]{bottom: 20px;}.flex-5-p .col-md-5 p{font-size:1rem;}}
@media (max-width:1024px){.res-nav{position: relative;top: auto !important;margin-top: 0px;padding: 10px 0;}.res-nav .resource-nav>li a{margin:0;}}

.fixed .topad_pic {display: none;}
.topad_pic{background:linear-gradient(to right,#f1f1f1,rgba(229,246,228,.7));transition:all ease .4s;font-size:.9em}
.top-read{display:inline-block;padding:5px 15px;background:#fff;color:#ec9e40;border-radius:30px;line-height:1.45em;border:1px solid #ec9e40;transition:all ease .4s;font-size:.95em}
.topad_pic a{color:#222;line-height:1.4em;display:grid;grid-gap:15px;height:100%}
.topad_pic .container{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;align-items:center;justify-content:center;}
.topad_pic .container:after,.topad_pic .container:before{display:none}
@media(min-width:992px){
    .topad_pic{padding:5px 0}
    .topad_pic .container{width: 84%;}
    .topad_pic a{grid-template-columns:auto auto 108px;justify-content:center;align-items:center;background:rgba(255,255,255,.8);height:100%;padding:3px 10px}
    .topad_pic a:hover{background:linear-gradient(to right,#f4ede7,#fff)}
    .top-text{transition:all ease .4s}
    .topad_pic a:hover .top-text{transform:scale(1.02)}
    .top-learn{text-align:right}
    .topad_pic:focus,.topad_pic:hover{background:#eee}
    .topad_pic a:hover .top-read{color:#fff;background:#82ab28;border: 1px solid #82ab28}
    .topad_pic .ad_close{width:50px;height:40px;top:5px;right:5px}
}
@media(max-width:992px){.topad_pic{padding:5px 0;font-size:.8em}
    .topad_pic .container{padding: 0 10px}
    .top-pic{display:none}
    .topad_pic a{display:grid;background:rgba(255,255,255,.7);padding:3px;margin-bottom:5px;align-items:center}
    .top-learn{display:none}
    .topad_pic .ad_close{width:35px;height:25px;top:0;right:0}
}
.topad_pic .ad_close{position:absolute;display:flex;align-items:center;justify-content:center;color:#666!important;z-index:10000;text-align:center}
.topad_pic .ad_close:hover{color:#82ab28!important;cursor:pointer}



.zsiq_theme1.zsiq_floatmain,.zsiq_theme1 .zsiq_flt_rel{width: 50px !important;height: 50px !important;}
.zsiq_theme1 .siqicon:before{font-size: 24px !important;line-height: 50px !important;}

#xload-policy{display: inline-block !important;}
.zsiq_floatmain.siq_bR{z-index: 99 !important;}
.privacy-policy-message-layer{position:fixed;z-index:2147483647;bottom:0;left:0;width:100%;padding:15px 0;background-color:var(--w);color:var(--w);box-shadow:0 0 18px rgba(0,0,0,.2);}
.privacy-policy-message-layer .content{padding:0 30px;font-size:14px;}
.privacy-policy-message-layer .content h3{margin-bottom:10px;font-size:20px;color:#1d294c;}
.privacy-policy-message-layer .content p{margin-bottom:20px;line-height:1.8;}
.privacy-policy-link{color:#1d294c !important;text-decoration:underline !important;}
#privacy-policy-btn-close{box-sizing:border-box;position:var(--a);right:10px;top:10px;display:var(--i);width:24px;height:24px;line-height:22px;text-align:center;color:var(--b);cursor:pointer;border:1px solid var(--b);text-decoration:none;font-size:15px;}
#privacy-policy-btn-close:hover{background-color:var(--b);color:var(--w);}
.privacy-policy-btn{box-sizing:border-box;display:var(--i);padding:8px 25px;background-color:var(--w);border:1px solid var(--b);color:var(--b);text-decoration:none;margin-right:15px;cursor:pointer;}
.privacy-policy-btn:hover{background-color:var(--b);color:var(--w);}
.privacy-policy-btn.primary{box-sizing:border-box;display:var(--i);padding:8px 25px;background-color:var(--b);color:var(--w);text-decoration:none;}
.privacy-policy-btn.primary:hover{background-color:#16a8db;border:1px solid #16a8db;color:var(--w);}
.privacy-policy-message-popup{position:fixed;z-index:2147483647;top:15%;left:5%;width:90%;height:500px;padding:0;background-color:var(--w);color:var(--b);font-size:15px;}
.privacy-policy-message-popup .header{position:var(--a);top:0;left:0;width:100%;margin:0;background-color:var(--w);padding:20px 0;border-bottom:1px solid #ddd;}
.privacy-policy-message-popup h3{font-size:20px;padding:0 20px;margin:0;}
.privacy-policy-message-popup h4{font-size:18px;margin-top:20px;margin-bottom:20px;padding:20px 20px 0 20px;border-top:1px solid #ddd;}
@media screen and (min-width:992px){.privacy-policy-message-popup{width:650px;left:50%;transform:translateX(-50%);} }
.privacy-policy-message-popup .content{height:355px;overflow-y:auto;position:var(--a);top:64px;left:0;width:100%;margin:0;background-color:var(--w);padding:20px 0 5px 0;box-sizing:border-box;}
.privacy-policy-message-popup .content p{margin:0 0 15px 0;padding:0 20px;font-size:15px;}
.privacy-policy-message-popup .toolbar{border-top:1px solid #ddd;padding-top:20px;padding-bottom:20px;position:var(--a);bottom:0;left:0;width:100%;background-color:var(--w);text-align:center;}
.privacy-policy-always-active{color:#3371be;float:right;}
.privacy-policy-gray-text{color:#666;}
.privacy-policy-message-layer .privacy-info{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:0 50px;}
.privacy-policy-message-layer .privacy-info .privacy-text{max-width:1000px;}
.privacy-policy-message-layer .privacy-info .privacy-text p{margin:0;padding:0;font-size:15px;color:#1d294c;}
.privacy-policy-message-layer .privacy-info .privacy-btn{flex-shrink:0;margin-left:100px;}
@media screen and (max-width:1000px){.privacy-policy-message-layer .content{padding:0 15px;}
.privacy-policy-message-layer .privacy-info .privacy-btn{margin-left:0;font-size:12px;}
.privacy-policy-message-layer .privacy-info .privacy-text{margin-bottom:15px;}
.privacy-policy-message-layer .privacy-info{flex-wrap:wrap;padding:0;}
.privacy-policy-message-layer .privacy-info .privacy-text p{font-size:12px;line-height: 1.5;}
.privacy-policy-btn{padding:8px 15px;}
.privacy-policy-btn.primary{padding:8px 15px;} }
.zsiq_floatmain.siq_bR{z-index:99 !important; }

.share-box  {
    margin-bottom: 25px;
}

.share-box a {
    display: inline-block;
    margin-right: 15px;
}



@media(min-width:992px){.grid-item{--number:auto-fill;--width:120px;margin-bottom:25px;display:grid;grid-gap:15px;grid-template-columns:repeat(var(--number),minmax(var(--width),1fr))}
    .grid{display:grid;--rate:48% 48%;row-gap:15px;grid-template-columns:var(--rate);justify-content:space-between;margin-bottom:25px}
}
@media(max-width:992px){.grid-item>div,.grid>div{margin-bottom:30px}
    .grid-item>a,.grid-item>span,.grid>a,.grid>span{margin-bottom:15px}
}
.grid-item:after,.grid-item:before,.grid:after,.grid:before{display:none}
.index-one{padding:80px 0 50px 0;background:url(../images/index-bg-1.jpg) no-repeat bottom fixed}
.index-title{font-size:2.3em;line-height:1.4em;color:#3c6a36}
.index-one .index-title{position:sticky;top:80px}
.index-one .index-title:after{content:'';display:inline-block;width:100px;height:8px;background:#82ab28}
.index-one .pic-box{position:relative;min-height:230px;overflow:hidden;margin-bottom:15px;border-radius:10px}
@media (min-width:1800px){.index-one .grid-item{--number:3!important}
}
.index-one .white-bg{display:block;height:100%;background:rgba(255,255,255,.5);border-radius:10px;text-align:center;padding:15px;position:relative;color:#3a6b1e}
.index-one .white-bg .pic-box:before{content:'';display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0);z-index:1;transition:all ease .4s}
.index-one .white-bg:hover .pic-box:before{background:rgba(0,0,0,.2)}
.index-one .white-bg:focus,.index-one .white-bg:hover{background:rgba(255,255,255,.9);box-shadow:0 12px 14px rgba(33,33,33,.1),0 4px 4px rgba(33,33,33,.1);color:#ec9e40}
.index-one .pic-box img,.index-three .pic-box img,.index-two .pic-box img{min-height:100%;min-width:100%;max-width:110%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.index-two{padding:60px 3% 80px 3%;background:linear-gradient(165deg,#eaeff1,#f7f5f0,#f1f1f1)}
.index-two a{display:block;position:relative;text-align:center;overflow:hidden;margin:30px 0}
.index-two a:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:1;transition:all ease .4s;background:linear-gradient(180.06deg,rgba(30,6,36,0) 20.56%,rgba(255,255,255,.9) 80%)}
.index-two h3{position:absolute;bottom:50px;padding:20px;z-index:2;text-align:center;width:100%;color:#3c6a36;transition:all ease .3s}
.index-two a:hover h3{color:#fff}
@media(min-width:992px){.index-two a:hover{transform:scale(1.03)}
    .index-two .owl-item:nth-child(even) a{margin-top:80px}
    .index-two .pic-box img,.index-two a{border-radius:200px}
    .index-two .pic-box{height:430px;overflow:hidden}
    .index-two .owl-item:nth-child(3n+1) a:hover:before{background:linear-gradient(180.06deg,rgba(188,75,162,0) 20.56%,#e9ac5c 88%)}
    .index-two .owl-item:nth-child(3n+2) a:hover:before{background:linear-gradient(180.05deg,rgba(102,148,210,0) .04%,#5cbb7b 88%)}
    .index-two .owl-item:nth-child(3n+3) a:hover:before{background:linear-gradient(180.06deg,rgba(30,6,36,0) 20.56%,#5cb8bb 88%)}
}
@media(max-width:992px){.index-two .pic-box{height:330px;overflow:hidden}
}
.index-three{margin:80px 0}
.index-three .pic-box{position:relative;min-height:360px;overflow:hidden;margin-bottom:10px}
.index-res-right .pic-box{min-height:80px}
.index-res-right a{display:grid;grid-template-columns:calc(100% - 150px) 150px;justify-content:space-between;padding-top:10px;border-bottom:1px solid #ddd;align-items:center;color:#3c6a36}
.index-res-left{display:block;color:#3c6a36}
.index-res-left:hover,.index-res-right a:hover{background:#f9f9f9;transform:scale(1.03)}
.index-res-left:hover,.index-res-right a:hover h3{color:#ec9e40}
.index-res-right h3{margin-top:0;padding-top:0;font-size:1.1em}
.index-res-left p,.index-res-right p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-bottom:10px;padding-top:0;color:#777}
.index-four{background:url(../images/index-four-1.jpg) no-repeat center;background-size:cover;color:#fff;padding:30px 0 80px 0;margin-bottom:80px}
.index-five{margin-bottom:60px}
.index-four h2{color:#fff}
.index-four p{font-size:1.2em}
.index-five h3{color:#333}
.second-title{font-size:2rem;font-weight:700;margin-bottom:30px;width:100%}
/*@media(min-width:992px){.page-content{position:sticky;top:73px;z-index:5;width:100%;margin-top:40px}
    .page-content .navbar-nav{width:100%;padding-top:10px;float:none}
    .page-content .nav>li>a{margin-right:5px}
}
@media(max-width:992px){.page-content .navbar-nav{display:grid!important;padding:20px 5px;grid-gap:5px;grid-template-columns:repeat(2,1fr);text-align:center}
    .page-content .navbar-nav:after,.page-content .navbar-nav:before{display:none}
    .page-content .navbar-nav a{height:100%;align-content:center}
}*/
.page-content .nav>li>a,.page-content li.active a{border-radius:30px;background:rgba(255,255,255,.97);font-size:.96em;padding:8px 18px;color:#627587;border:1px dashed #ddd}
.page-content .nav>li>a:hover,.page-content li.active a{background:linear-gradient(to right,#fff,#f7efdb);color:#ec9e40}
.page-content{background:#fff;margin-bottom:45px}
#navbar-top{display:none}
#navbar-top .affix{position:static}
@media (min-width:768px){.navbar-nav>li{float:left;margin-bottom:10px}
}
.factor-box{background:#f4f4f4;padding:80px 0;margin:60px 0;box-shadow:0 0 50px rgba(225,225,225,.3)}
.background-title{padding-bottom:30px;border-bottom:1px solid #ddd;margin-bottom:50px;margin-top:30px;font-size:1.6rem;font-weight:700}
.pro-content{display:block;padding:20px 10px 25px 10px;text-align:center;position:relative;transition:all ease .4s;box-shadow:0 0 10px #eee;border:1px dashed transparent;background:#fff;margin:4px 0;line-height:1.45em}
.pro-content>a:first-child{display:block;height:calc(100% - 30px);color:#333}
.item .pro-content{border:1px dashed #ddd;width:100%;height: 100%}
.pro-content:hover{transform:scale(1.04);box-shadow:0 0 10px #ccc}
.pro-content>a p{color:#666;padding:0 0 7px 0}
.pro-content>a:hover .big-title{color:#ec9e40}
.pro-content .big-title{margin-bottom:13px;font-size:1.05rem;font-weight:700}
.in-top{text-align:left;font-size:.8em;line-height:1em}
.in-top span{display:inline-flex;align-items:center;justify-content:center;border-radius:30px}
.in-top .in-stock{color:#05a399;border:1px solid #05a399;position:relative;padding:5px 5px 5px 25px;background:#e0faf1}
.in-top .in-stock:before{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#05a399;color:#fff;border-radius:30px;content:"\f00c";font-family:icomoon;font-size:.7em;position:absolute;left:2px}
.in-top .in-purity{background:#e6effa;color:#255590;padding:5px 10px}
.in-top .in-hot{float:right;color:#f19b4f;padding:3px 10px;border:1px solid #f19b4f}
.pro-str{height:180px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ddd;margin-bottom:20px}
.pro-str img{max-height:80%;width:auto!important;max-width:100%;height:auto}
.add-view,.re-inquiry,.re-add{display:inline-block;padding:5px 20px;border:none;border-radius:5px 5px 0 0;box-shadow:0 0 3px #eee7de;transition:all ease .4s;font-weight:700;font-size:.9em;}
.re-inquiry{color:#82ab28;background:#f5f8ec}
.add-view,.re-add{color:#ec9e40;background:#f9f5f0;font-size:1em;margin-left:0;height:auto}
.add-view:focus,.add-view:hover,.re-inquiry:focus,.re-inquiry:hover,.re-add:focus,.re-add:hover{background:#fff;transform:translateY(-4px);}
.re-inquiry:focus,.re-inquiry:hover{color:#82ab28}
.area-dropdown{width:100%;height:100%;position:relative;border:1px solid #eee;border-radius:4px;background-color:#fff;transition:all ease .4s}
.area-dropdown.disabled,.area-dropdown.disabled:focus,.area-dropdown.disabled:hover{opacity:.5;pointer-events:none;box-shadow:none}
.area-dropdown.required{border-left:3px solid #dc3545}
.area-dropdown:focus,.area-dropdown:hover{background-color:#fff;box-shadow:0 0 10px #eee}
.required-indicator{color:#dc3545;font-weight:700;margin-left:5px;position:absolute;right:15px}
.area-header{padding:5px 10px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;min-height:52px;font-size:.9em;max-height:140px;overflow:auto}
.selected-option{background-color:#e9ecef;margin:2px;padding:2px 8px;border-radius:12px;display:inline-flex;align-items:center}
.remove-button{padding-left:5px;font-size:16px;color:#ec9e40;cursor:pointer;vertical-align:middle}
.remove-button:hover{color:#82ab28}
.dropdown-content{display:none;list-style:none;padding:0;margin:0;position:absolute;background-color:#fff;border:1px solid #d5e0d8;min-width:100%;max-height:300px;overflow-y:auto;z-index:3;font-size:.94em;box-shadow:0 5px 10px #ddd}
.dropdown-content ul{padding-left:0}
.dropdown-content li{margin-bottom:0}
.area-dropdown .option{padding:8px;cursor:pointer;display:flex;align-items:center}
.search-container{padding:8px;position:relative}
.search-container input{width:100%;padding:5px 10px;height:46px;border:1px solid #ddd}
.area-dropdown .search-btn{font-size:17px;position:absolute;right:10px;top:5px;height:50px}
.area-dropdown .option input{margin-right:10px;margin-top:0}
.area-dropdown .option:hover{background-color:#e2e6ea}
.group-header{background-color:#e8e8e8;padding:8px;cursor:pointer}
.group-header:hover{background-color:#e2e6ea}
.clear-all-button{font-size:18px;position:absolute;right:10px;top:10px;cursor:pointer;display:none;z-index:2}
.clear-all-button:hover{color:#ec9e40}
.area-header::-webkit-scrollbar,.dropdown-content::-webkit-scrollbar{width:6px;height:1px}
.area-header::-webkit-scrollbar-thumb,.dropdown-content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 8px #ddd;background:#535353}
.area-header::-webkit-scrollbar-track,.dropdown-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.2);border-radius:10px;background:#ededed}
.filter-part{margin-bottom:45px;background:#fff;border:1px solid #eee;position:relative}
@media(min-width:992px){.applied-title{width:125px;margin:-8px 15px -8px -5px}
    .filter-part{display:grid;grid-template-columns:125px calc(100% - 250px) 80px;padding:8px 5px;justify-content:space-between}
    .filter-part:hover .clear-all{opacity:1}
    .clear-all{position:absolute;right:10px;top:12px;opacity:0}
    .applied-title:after{content:"";position:absolute;right:-8px;top:50%;margin-top:-6px;width:0;height:0;border-color:transparent transparent transparent #222;border-style:solid;border-width:8px 0 8px 8px}
}
@media(max-width:992px){.applied-title{margin-bottom:10px}
    .clear-all{padding-left:10px}
}
.filter-one{display:flex;grid-gap:5px;flex-wrap:wrap}
.clear-all{color:#222;cursor:pointer;font-size:.9em}
.applied-title{padding:10px;background:#222;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;font-size:.88em}
.applied-span{display:inline-block;padding:6px 30px 6px 6px;border:1px solid #d9e0c6;position:relative;color:#333;border-radius:5px;font-size:.88em;line-height:1.2em;background:rgba(255,255,255,.6)}
.applied-span:hover{background:rgba(255,255,255,.8)}
.applied-span a{padding:7px 8px;position:absolute;right:0;top:0;bottom:0;text-decoration:none;color:#222;font-size:1.1em}
.applied-span a.filter-close:hover{color:#ec9e40}


@media(min-width:768px){.det-one{display:flex;align-items:center}
    .det-one span{position:relative}
    .det-one span:before{content:'';display:inline-block;width:1px;height:80%;position:absolute;right:10px;top:10%;background:#ddd}
    .det-one span:last-child:before{right:auto;left:-10px}
    .det-one a,.det-one span{padding-right:25px;display:inline-flex}
}
@media(max-width:768px){.det-one a,.det-one span{display:flex}
}
.det-one{padding:10px 0;border-bottom:1px solid #ddd;margin-bottom: 20px}
.det-one a,.det-one span{color:#444;align-items:center}
.det-one a:hover{color:#ec9e40;cursor:pointer}
.det-two .grid-item{font-size:.9em;line-height:1.25em}
.det-three{display:grid;grid-template-columns:220px calc(100% - 220px);grid-gap:8px;margin-bottom:20px}
.cgmp-box{margin:70px 0;background:url(../images/cgmp-bg.jpg) no-repeat bottom center;background-size:cover;overflow:hidden;transition:all ease .4s;display:flex;flex-wrap:wrap;align-items:center;align-content:center;border:1px dashed #bcd5dc}
.cgmp-box li{margin-bottom: 7px;}
@media (min-width:992px){.cgmp-box{display:grid;grid-template-columns:auto auto auto;justify-content:center;grid-gap:30px;padding-left:5%;height:205px;border-radius:15px;color:#3a6b1e}
    .cgmp-box .big-title{padding:10px 20px;background:rgba(255,255,255,.8);border-radius:30px;color:#3a6b1e;font-size:1.2rem;font-weight: bold}
}
@media (max-width:992px){.cgmp-box{padding:15px;position:relative;z-index:2}
}
.det-pub{display:grid;grid-template-columns:repeat(14,minmax(80px,1fr));height:90px;overflow:hidden;grid-gap:5px;position:relative;text-align:center;margin-bottom:70px}
.det-pub:before{content:'';display:block;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));position:absolute;bottom:0;left:0}
.det-pub>span{position:absolute;bottom:10px;width:100%;color:#fff;transition:all ease .4s;line-height:1.4em}
.det-pub img{border:1px solid #ddd}
.det-pub:hover span{transform:translateY(-5px)}
.pro-bg{background:#f3f6f6;padding:70px 0 40px 0;margin-bottom:70px}
.more-list>a,.more-list>span{display:block;align-content:center;border:1px solid #ddd;padding:10px 15px;border-radius:5px;position:relative;transition:all ease .4s;height:100%;z-index:1;line-height:1.4em;color:#333}
.more-list>a:before,.more-list>span:before{position:absolute;content:'';background:linear-gradient(to right,#ec9e40,#e8bf8e);z-index:-1;top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1;border-left:4px solid #ec9e40;transition:all ease .4s}
.more-list>a:hover,.more-list>span:hover{color:#fff;border:1px solid transparent}
.more-list>a:hover:before,.more-list>span:hover:before{right:0;width:100%;border-radius:5px}
.det-two{border:1px solid #f1f1f1;background:#f9f9f9;padding:10px;height:100%;justify-content:center;margin-bottom:0;border-radius:15px;transition:all ease .4s;align-content:center}
.det-two:hover{background:#f8fcfa}
.pro-pic{height:calc(100% - 220px);max-height:280px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;margin-bottom:25px;background:#fff;cursor:pointer;border-radius:15px;border:1px solid #f2f2f2}
.pro-pic img{max-width:100%;max-height:100%;width:auto!important;height:auto!important}
.modal-pic.modal .modal-dialog{display:inline-block;width:auto;text-align:center;top:43%;left:50%;-webkit-transform:translate(-50%,-43%);transform:translate(-50%,-43%);z-index:11;margin:0;max-height:100%}
.modal-pic.modal .modal-content{background:0 0;box-shadow:none;border:none}
.modal-pic.modal button.close{position:absolute;right:0;top:0;background:#82ab28;color:#fff;width:30px;height:30px;border-radius:30px;font-size:20px;opacity:.9;text-align:center;line-height:30px}
.modal-pic.modal img{display:inline-block;background:#fff;max-width:100%;padding:10px;border-radius:10px}
.grid-btn{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}
.det-pic span{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50px}
.det-add.addtobasket,.det-inquiry{display:inline-flex;padding:0 26px;font-size:1em;align-items:center;line-height:1em!important;border:none;border-radius:30px;color:#fff;font-weight:700;height:48px;transition:all ease .4s;width:100%;justify-content:center}
.det-inquiry>span{font-size:1.5em;margin-right:8px}
.det-add.addtobasket>span{font-size:1.3em;margin-right:8px}
.det-inquiry{background:#fff;border:2px solid #ec9e40;color:#ec9e40}
.det-inquiry:hover{background:linear-gradient(to right,#fff,#f8eee3);border:2px solid #e8c59a;color:#ec9e40;transform:scale(1.02)}
.det-add.addtobasket{background:#fc4756}
.det-add.addtobasket:hover{transform:scale(1.02)}
.write-review{display:inline-block;padding:8px 15px;color:#ec9e40;border:1px solid #ec9e40;background:#fff;border-radius:30px;margin-left:20px;line-height:1.4em;font-size: 15px}
.write-review:focus,.write-review:hover{background:#ec9e40;color:#fff;border:1px solid #ec9e40}
.write-review span.icon-edit{font-size:18px;vertical-align:middle}
.write-review span.icon-tel-inquiry{font-size:20px;vertical-align:middle}

.q-a{position:relative;padding-left:46px;margin-bottom:30px}
#QAR-REVIEWSITEMS .q-a:before,.q-review.q-a:before{content:"R"}
.q-a:before{content:"Q";font-size:22px;width:34px;height:34px;border-radius:40px;line-height:34px;text-align:center;position:absolute;left:0;background:#87acbc;color:#fff;top:-5px}
.q-a p{margin-bottom:15px}
.qa-answers{background:#fff;padding:15px 10px 5px;margin-bottom:10px;word-wrap:break-word}
.qa-time{color:#888;font-size:.9em}
.qa-nav>li>a{padding:14px 0;margin-right:24px;color:#666;border-right:0;border-left:none;border-top:0;border-bottom:3px solid transparent;font-size:1.03em;font-weight:700;background:0 0}
.qa-nav.nav-tabs{border:0;margin-bottom:30px;display: block;}
.qa-nav>li>a:hover{background:0 0;color:#666;border-bottom:3px solid #ddd;border-right:none;border-left:none;border-top:none}
.qa-nav>li.active>a,.qa-nav>li.active>a:focus,.qa-nav>li.active>a:hover{background:0;border-right:none;border-left:none;border-top:none;border-bottom:3px solid #ec9e40;color:#ec9e40;font-weight:700;background:0 0}
.qa-nav>li {display: inline-block;;margin-bottom: -1px;}


.mt-50{margin-top:50px;}
.detail-nav>li>h2{margin:0;font-family:inherit;font-size:1em;padding-bottom:0;display:inline}
.detail-nav>li>h2:after,.detail-nav>li>h2:before{display:none}
.detail-nav>li a{display:inline-block;margin-right:10px;background:#fff;color:#3a6b1e;line-height:1em;font-size:1em;font-weight:400;border:1px solid transparent;border-radius:4px 4px 0 0}
.detail-nav.nav-tabs{margin-bottom:30px;border-bottom: 1px solid #ddd}
.detail-nav.nav-tabs>li{margin-bottom:0}
.detail-nav>li.active a,.detail-nav>li.active a:focus,.detail-nav>li.active a:hover{background:#a0ba67;color:#fff}
.detail-nav>li a:focus,.detail-nav>li a:hover{background:#fff;color:#a0ba67}
@media(min-width:1600px){.detail-nav>li a{padding:15px 20px!important}}
@media(min-width:992px){.detail-nav{display:flex;text-align:center}
.detail-nav>li a{padding:15px 10px;height:100%;align-content:center}}
@media(max-width:992px){.detail-nav{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;grid-gap:10px}
.detail-nav:after,.detail-nav:before{display:none}
.detail-nav>li a{padding:12px 5px;width:100%}}
.tab-content{margin-bottom:40px;}
.tab-content>.tab-pane{display:none;}
.tab-content>.active{display:block;}
.biological-box>p{margin-bottom:15px;}
.biological-box>.row>div[class*="col-md"]{margin-bottom:15px;word-wrap:break-word;}
.biological-box>.row>div[class*="col-md"]>.row>div[class*="col-md"]{padding:5px 10px;}
.more-about{font-weight:bold;text-align:center;font-size:1.5rem;margin-bottom:20px;}
table.pro-price{border-bottom:2px solid #ddd;border-top:2px solid #ddd;border-left:none;border-right:0;margin:20px 0;background:#f8fcfa;transition:all ease .4s}
table.pro-price:hover{background:#f5f5f5;border-bottom:2px solid #f8fcfa;border-top:2px solid #f8fcfa;}
.pro-price td{border:0;margin-bottom:0;width:20%}
table.pro-price th{background:none;color:#3a6b1e;border-bottom:2px solid #ddd}
.pro-price select.form-control{height:34px;padding:2px 10px;width:80px}
.pro-search{position:relative;margin-top:-2px;}
.pro-search input{border-radius:30px;height:42px;}
.pro-search button{position:absolute;background:none;color:#ec9e40;font-size:1.2em;border:none;right:15px;top:6px;}
.pro-bg table{background:none;border:none;}
.pro-bg table tr:last-child td{border-top:none !important;border-bottom:none !important;}
.pro-bg table th{border-top:none !important;}
.form-control{width:100%;border-radius:5px;border:1px solid #ddd;padding:5px 10px;}
.identify-box{position:relative;}
.identify-box .check-fa{position:absolute;top:50%;margin-top:-10px;right:150px;color:#82ab28;font-size:22px;}
.identify-box img{position:absolute;top:0;right:0;width:120px;height:100%;border:1px solid #82ab28;cursor:pointer;}
.inquiry-submit{padding:12px 25px;border:none;border-radius:10px;background:#ec9e40;color:#fff;font-weight:bold;margin:15px 0;}
.inquiry-submit:hover,.inquiry-submit:focus{background:#82ab28;color:#fff;}
.review-modal label{font-size:15px;padding-left:7px;}