@charset "utf-8";
/******** header ********/
header{background:rgba(255,255,255,1); transition: ease-in 0.2s;}
header.active{background:rgba(255,255,255,1)}
/******** //header ********/

/********** mainBanner ***********/
.mainBanner{background:url('/theme/basic/img/v2/mainBannerBg.jpg')center center; background-size:cover}
.mainBannerBtn{width:fit-content}
.mainBannerLine{bottom:0; left:0}
/********** //mainBanner ***********/

/********** timeSale ***********/
.timeSale a{background:linear-gradient(180deg, #DCB65D, #995B35); width:fit-content}
/********** //timeSale ***********/

/********** why ***********/
.why{background:url('/theme/basic/img/v2/problemBg.jpg')center center; background-size:cover}
.why .fs_w19{text-shadow: 0, 0, 8px rgba(0,0,0,0.5);}
.why .fs_w19 span{color:#F70000;}
/********** //why ***********/

/********** successPercent ***********/
.successPercent{background:url('/theme/basic/img/v2/reviewBg.jpg')center center; background-size:cover}
.resultBox{border:2px solid #FF0000; background:#FFE1E1; color:#FF0000; width:fit-content}
.resultTit{width:fit-content;}
.reslutGradient{background:linear-gradient(90deg, #0D5646 50%, #B97918)}
.successLastMent{width:fit-content}
/********** //successPercent ***********/

/********** pay ***********/
.pay{background:url('/theme/basic/img/v2/receiptBg.jpg')center center; background-size:cover}
/********** //pay ***********/

/********** benefit ***********/
.benefitBox .bco_gray10{width:fit-content}
.benefitIcon{right:32px; bottom:40px}
/********** //benefit ***********/

/********** proccess ***********/
.proccess{background:url('/theme/basic/img/v2/stepBg.jpg')center center; background-size:cover;}
.proccessArrow:after{content:''; display:block; position:absolute; width:8px; height:8px; left:47%; top:50%;
border-right:2px solid #fefefe; border-bottom:2px solid #fefefe; transform: translate(-50%, -50%) rotate(-45deg);}
/********** //proccess ***********/

/********** online ***********/
.writeInput::placeholder{color:#91949F}
.checkBoxInput{left:-9999px;}
.checkBoxInput + label{cursor: pointer;}
.checkBoxInput + label:before, .checkBoxInput + label:after{content:'';display:block;}
.checkBoxInput + label:before{width:24px; height:24px; border-radius:4px; background:#fefefe; margin-right:12px; transition: ease-in-out 0.2s;}
.checkBoxInput:checked + label:before{background:#0D5646}
.checkBoxInput + label:after{width:10px; height:4px; position:absolute; top:47%; left:6px; transform:translateY(-50%) rotate(-45deg);
border-left:2px solid #fefefe; border-bottom:2px solid #fefefe}
.checkBoxLink{border-bottom:1px solid #91949F}
/********** //online ***********/