@charset "utf-8";
.mainBanner {background-image: url('/img//mainBannerBg.jpg'); background-size: cover; background-position: center; }
.adBanner{background: linear-gradient(45deg, #393941, #4B4C59);}
.adBnnerImg{bottom:0; right:0;}
.mainBannerImg{bottom:0}

/******** product1 ********/
.pudubot{background-image: url(/img/s1/sec1Logo.png); background-repeat:no-repeat; background-position:bottom right;}
.more {background-image: url('/img/page/moreBg.jpg'); background-size: cover; background-position: center;}


/********** product2 ***********/
.bellaBot{background-image: url(/img/bamin/sec1Logo.png); background-repeat:no-repeat; background-position:bottom right;}

/********** product3 ***********/
.kettyBot{background-image: url(/img/kt/sec1Logo.png); background-repeat:no-repeat; background-position:bottom right;}

/********** product4 ***********/
.holaBot{background-image: url(/img/page_4/mainBannerBg.png); background-repeat:no-repeat; background-position:bottom right;}

/********** product5 ***********/
.PuduBotPro{background-image: url(/img/page_5/mainBannerBg.png); background-repeat:no-repeat; background-position:bottom right;}



/************ faq ****************/
.faq-question {    padding: 24px;  cursor: pointer; display: flex;  justify-content: space-between;    align-items: center;    transition: background-color 0.3s;}
.faq-question:hover {    background-color: #fff2f1;}
.faq-answer {     padding: 24px;   display: none; }
.toggle-button {    font-weight: bold;}


/************ qa ****************/
.online{background-image: url('/img/sec9Bg.jpg');     background-size: cover;  }
.filedset input[type="radio"]{left:-9999px;}
.filedset input[type="radio"] + label{ background:#fff; cursor: pointer; color:#F93822}
.filedset input[type="radio"]:checked + label, .filedset input[type="radio"] + label:hover{background:#F93822;opacity: 1; color:#fff}
.filedset textarea{box-sizing: border-box;}
.checkpolicy input[type="checkbox"] {      display: none;    }
.custom-checkbox {      width: 20px;      height: 20px;       border-radius: 4px;      background-color: #fff;      margin-right: 10px;     transition: background-color 0.3s, border 0.3s;      position: relative;    }
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox {      background-color: #F93822;      border-color: #F93822;    }
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox::after {      content: '';      position: absolute;      top: 2px;      left: 5px;      width: 5px;      height: 8px;      border: solid white;      border-width: 0 3px 3px 0;      transform: rotate(45deg);    }
.custom-checkbox:hover {      border-color: #F93822;    }
.moreBtn{border-bottom:1px solid #ccc;}

/************ footer ****************/
.footLink{border-bottom:1px solid #394353;}