﻿@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Chiron+GoRound+TC:wght@400;500;600;700&display=swap');
:root {--color:#238D3C;--fontfamily: arial, sans-serif;}
.prodetails-content .kche-t119 .kche-t119-item {align-items: flex-start;}
body{font-size: var(--fontsize18);}
.prodetails-content .prodetails-tabs .prodetails-tabs-item{font-size:20px;height:46px}
.prodetails-content .prodetails-tabs .prodetails-tabs-item{background:var(--color)!important;color:#FFFFFF}
@media (max-width:768px){.prodetails-content .prodetails-tabs .prodetails-tabs-item{font-size:18px;}}
.prodetails-content .tagContent{display:block}
footer .foot-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:0;color:#fff}
footer .foot-top::before{content:'';width:100vw;max-width:1920px;height:100%;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;background:#008646}
footer .foot-top .left{font-size:20px;width:30%;padding:3% 0;background:#008646}
footer .foot-top .right{flex:1}
footer .foot-top .left span{font-size:40px}
footer .foot-top .feedback-input{padding:10px;max-width:700px;border-radius:50px;background-color:rgba(255,255,255,0.14);margin-left:auto}
footer .foot-top .feedback-input input{flex:1 1 0%;background:transparent;border:none;height:auto;padding:10px;padding-left:30px;border-top-left-radius:50px;border-bottom-left-radius:50px;background:#fff}
footer .foot-top .feedback-input{display:flex}
footer .foot-top .feedback-input input:focus{outline:none;box-shadow:none}
footer .foot-top .feedback-input button{font-size:15px;border-radius:0 50px 50px 0;text-transform:uppercase;padding:15px 30px;color:#fff;letter-spacing:1.32px;border-color:unset;background-color:#00954e;box-sizing:border-box}
@media (max-width:768px){footer .foot-top .left{width:100%;text-align:center}
footer .foot-top .feedback-input input{min-width:unset;width:auto;padding:0}
footer .foot-top{flex-wrap:wrap}
footer .foot-top .right{flex:unset;width:100%}
}
@media (min-width:1025px){.tagContent ,.tagContent .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p,.tagContent .kche-t197 .kche-t197-text p{font-size:18px}
.tagContent .kche-t197 .kche-t197-tit p{font-size:var(--fontsize20)}}
@media (min-width:769px){.head-info .head-logo{height:100%;}
.head-info .head-logo a{flex-direction:column;justify-content:center;text-align:center;}
.head-info .head-logo a:after{content:'20+YEARS ODM EXPERIENCE';margin-top:8px;text-transform:uppercase;font-size:var(--fontsize12);font-weight:bold;letter-spacing:.8px;line-height:1;font-family: "Chiron GoRound TC", sans-serif!important;}
.head-info .head-logo a img{max-height:calc(100% - 30px);height:38px;object-fit: contain;}
header.is-active .head-info .head-logo a img{max-height:calc(100% - 30px);}}
@media (max-width:500px){.head-info .head-logo a img{max-height:30px}}
@media (max-width:1366px) and (min-width:769px){.head-info .head-logo a:after{transform:scale(.75)}}
.thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{opacity:.5}
footer{background:var(--footercolor);color:var(--headercolor);}
footer .copyright{background:none}
footer a,footer .foot-title{color:var(--headercolor);}
.pro-d-main .pro-active-text-color,article{color: #444; }
.prodetails-info .prodetails-btnlist>*{background: var(--color);color: #fff;border-color:var(--color)}
.prodetails-info .prodetails-btnlist>*:hover{color: #fff;}
.prodetails-content .kche-t119 .kche-t119-item p {text-align: left;}
.kche-t165 .kche-t165-title p {text-transform: capitalize;}
.home-line {display: none;}
.home-about .about-img .about-icon span:nth-child(1) {text-align: center;}
footer .foot-title::after {display: none;}
 .wmkcfeedback input,.wmkcfeedback textarea,.wmkcfeedback .wmkcfb-fileupload{background:#efefef!important;border:1px solid #666;}
.newscontent-date .share-btn-list{margin:0;}
@media (max-width:768px){.newscontent-date .share-btn-list{width:100%;margin-top:15px}}
@media (min-width:1025px){.head-info .search-input input{width:300px;}
.head-info .search-input button{width:60px;}}
@media (min-width:769px){.contact-list .contact-item {width: 30%;}}
.prodetails-info .prodetails-btnlist .pro-btn.send a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
/*faq*/
.document-main .faqs-list li{padding:0;border:1px solid #eee;margin-bottom:20px;border-radius:5px;position:relative;}
.document-main .faqs-list li .project-name{border:none;padding:20px 50px 20px 70px;font-size:var(--fontsize20);line-height:24px;margin:0;cursor:pointer}
.document-main .faqs-list li .project-name::before{left:20px;top:15px;}
.document-main .faqs-list li .project-name:after{content:'+';position:absolute;font-size:34px;right:20px;top:20px;}
.document-main .faqs-list li .project-content{padding:5px 20px 20px 70px;position:relative;display:none}
.document-main .faqs-list li .project-content::before{left:20px;top:0}
.document-main .faqs-list li:hover .project-name,.document-main .faqs-list li.active .project-name{color:var(--color)}
.document-main .faqs-list li.active .project-name:after{content:'-'}
@media (max-width:768px){.document-main .faqs-list li .project-name{padding:20px 40px 20px 55px;font-size:var(--fontsize18)}
.document-main .faqs-list li .project-name::before{left:10px;top:13px;}
.document-main .faqs-list li .project-content{padding:5px 10px 20px 55px;}
.document-main .faqs-list li .project-content::before{left:10px;}
.document-main .faqs-list li .project-content{font-size:var(--fontsize16)}}
.document-main .faqs-list li .project-name:after {content: '>';transform: rotate(90deg);font-size: 28px;}
.document-main .faqs-list li.active .project-name:after {content: '<';}