@charset "utf-8";

/********************
** header
********************/
#header{border-bottom:1px solid #d9dade; top:0; left:0}
.headerBtn1{background:#3675DA}
.headerBtn2{background:#FFCF43}


.qbtn {right: 0; bottom:0px; border:1px solid #EEEEF0;}

/********************
** index
********************/
/** intro **/
.intro1{background:url('/img/mainSubBanner-001.jpg')center center; background-size:cover}
.intro2{background:url('/img/mainSubBanner-002.jpg')center center; background-size:cover}
.introP{left:50%}

/** care **/
.care{background:url('/img/serviceBg.jpg')center center; background-size:cover}
.mainCareBox{line-height: 0; }
.mainCareCnt{width: calc(50% - 12px);line-height: 0;overflow:hidden; align-self: stretch;}
.mainCareDetailTit{width:calc(33.333333% - 16px);background:#ffe3e1; cursor: pointer; transition:ease-in-out 0.3s}
#mainCareDetailTit1 {background-color: #ffffff !important;}
#mainCareDetailTit1.active {background-color: #e23b32 !important;}
.mainCareArrow{border:2px solid #222; border-width:2px 2px 0 0; transform:rotate(45deg); transition:ease-in-out 0.3s}

.mainCareDetailTit.active{background:#e23b32}
.mainCareDetailTit.active p{color:#fef3f2}
.mainCareDetailTit.active img, .mainCareDetailTit.active .mainCareArrow{filter:invert(1)}
.mainCareDetailTit.active .mainCareArrow{transform:rotate(-45deg)}
.mainCareDetailCnt{box-sizing: content-box;}

/** benefit **/
.benefit .mainCareCnt{box-shadow: 0 0 8px rgba(0,0,0,0.05);}

/** safety **/
.mainSafety .mainCareCnt{width:calc(33.333333% - 16px); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);}

/** mainSubBanner **/
.mainSubBanner{background: url('/img/contactBg.jpg')center center; background-size: cover;}
.mainSubBannerBtn1 .mainCareArrow{filter:invert(1)}
.mainSubBannerBtn2{background:#FFE371;}

/** online **/
#policy{left:-999999px;}
.formPolicy:before{content:''; display:block; width:20px; height:20px; margin-right:8px;background: url('/img/chkOff.svg')center center; background-size: cover;}
#policy:checked + label:before{background: url('/img/chkOn.svg')center center;  background-size: cover;}
.policyLink{text-decoration: underline;}

/********************
** return
********************/
.returnIntro{background:url('/img/returnMainBg.jpg')center center; background-size:cover}

/** returnPoint3 **/
.returnTbl{width:calc(50% - 12px); overflow: hidden;}
.returnTbl2{box-shadow: 0 0 4px #9CCCF4;}

/** returnPoint4 **/
.returnPointBox{width:calc(50% - 12px);}


/********************
** benefit
********************/
.linePoint{background:linear-gradient(to bottom, #F7F8F8, #3675DA)}

/** benfitIntro **/
.benfitIntroCnt{width:calc(33.3333% - 27px); overflow:hidden;}

/** benefitWhy **/
.benefitWhyCnt{overflow:hidden;box-shadow: 0 0 8px #eeeef0;}

/** benefitPrize **/
.benefitPrize{background:url('/img/prizeBg-001.jpg')center center; background-size:cover}
.benefitPrize2{background:url('/img/prizeBg-002.jpg')center center; background-size:cover}
.benefitStart .mainSubBannerBtn3{border:1px solid #b8bac1}

/** benfitCare **/
.benefitCareBox{width:calc(50% - 12px); align-self: stretch; overflow:hidden}
.benefitTbl td{border-bottom:1px solid #d9dade; border-top:1px solid #d9dade; vertical-align: middle;}
.benefitTbl tr td:first-child {border-right: 1px solid #D9DADE;}


/** benefitCustom **/
.benefitCustom{background: url('/img/corpCustomizingBg.jpg')center center; background-size: cover;}

/** benefitList **/
.benefitListBox{line-height: 0; overflow:hidden}
.benefitFinalBox{width:calc(50% - 20px); border:1px solid #d9dade}

/** benefitFinal **/
.benefitFinal .mainSubBannerBtn3 {border: 1px solid #b8bac1;}


/********************
** safety
********************/
.mainSafetyCnt {box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);}


/********************
** policy
********************/
.policyboxline {border-bottom:1px solid #222;}