@charset "UTF-8";
body::-webkit-scrollbar {width: 4px;display: block;top: 10px}
body::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #009498;border-radius: 10px;display: none}
body::-webkit-scrollbar-thumb {background: #009498;border-radius: 10px}
body::-webkit-scrollbar-thumb:hover {background: #009498;border-radius: 10px}
.supt_name{cursor: pointer}
.supt_item .supt_name:hover{background-color: rgba(35,197,140,0.3)!important;}
.addEmail-btn{position: absolute;right: 10px;font-size: 30px;color:#999;display: inline-block;cursor: pointer;}
.addEmail-btn:hover{color:#666}

.error{display: none;padding:8px 10px;width: auto!important;position: relative!important;left:unset!important;right: unset!important;top:unset!important;margin:10px 0;}
.bot_box .bot_main .bot_co .bot_rt .bot_input{width: 100%}
.bot_box .bot_main .bot_co .bot_rt input{width: 200px}


.bot_btn button{font-size:24px;color:#fff;font-weight: bold;}
.bot_btn .submit-btn{font-size:24px;color:#fff;font-weight: bold; width: 207px;display: inline-block;text-align: center;
    height: 96px;line-height: 96px;
    background: url(../image/in/support_btn.png) no-repeat;
    margin: 30px 0 15px -7px;
    padding: 0;
    border: 0;
    cursor: pointer;
    font-family: 'Microsoft JhengHei', 'Arial';
}

.swiper-a{position: relative}
.slider-text{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 50}
.slider-text-box{display: flex;align-items: center;width: 100%;height: 100%}
.stext-cont{width: 100%;padding-left: 7.5%;padding-right: 45%}
.ban-text{font-size: 4.5vw;line-height: 5vw;font-weight: bold;color:#7AAF23;font-family: 'Microsoft YaHei';text-shadow: -5px -5px 5px #FFF, 5px -5px 5px #FFF, -5px 5px 5px #FFF, 5px 5px 5px #FFF;letter-spacing: 5px}
.bantext-sec{margin-left: 14vw}

.supt_item.si-yellow>input[type=checkbox]:checked + label {background: url(../image/in/check2.png) no-repeat;background-size: 100%;}
.si-yellow .supt_sname input[type=checkbox]:checked + span{border-color: #FFC731;background: rgba(255,199,49,0.1) url(../image/in/radio_on2.png) no-repeat 10px center}
.supt_item.si-yellow .supt_name:hover{background-color:rgba(255,199,49,0.4) !important}


.supt_item.si-orange>input[type=checkbox]:checked + label {background: url(../image/in/check3.png) no-repeat;background-size: 100%;}
.si-orange .supt_sname input[type=checkbox]:checked + span{border-color: #FF6D2C;background:rgba(255,109,44,0.1) url(../image/in/radio_on3.png) no-repeat 10px center}
.supt_item.si-orange .supt_name:hover{background-color:rgba(255,109,44,0.4) !important}

.supt_item.si-blue>input[type=checkbox]:checked + label {background: url(../image/in/check4.png) no-repeat;background-size: 100%;}
.si-blue .supt_sname input[type=checkbox]:checked + span{border-color: #16A2E8;background: rgba(32,166,233,0.1) url(../image/in/radio_on4.png) no-repeat 10px center}
.supt_item.si-blue .supt_name:hover{background-color:rgba(32,166,233,0.4) !important}

footer .fo_lx ul{display: flex;flex-wrap: wrap}
footer .fo_lx ul li.lx_thr{flex-grow: 1;width: auto}
footer .fo_lx .lx_thr{padding-right: 15px;display: flex;align-items: center;}
footer .fo_lx .lx_thr i{margin-right: 5px;width: 20px;}
footer .fo_lx .lx_thr span{width:calc(100% - 20px);color:#1D3963}
footer .fo_lx .lx_thr a{width:calc(100% - 20px);color:#1D3963;font-size: 16px;}
footer .fo_lx .lx_thr i img{width: 15px}
header .main-logo{width: 150px}
.main-app{display: none}
.head-sharebox{width: 600%;position:absolute;top:45px;left: -10px;display: none;}
.head-sharebox.show{display: block}
.head-sharebox ul{display: flex;width: 100%;flex-wrap: wrap;}
.head-sharebox ul li{margin-right:5px}
.head-sharebox img{width: 30px}

.name_box .name_main ul li{word-break: break-word;width:12.5%}
.headhome-btn{display: flex!important;align-items: center}
.headhome-btn .fa{font-size: 24px;margin-right: 3px;color:#0a9943}
.headhome-btn:hover .fa{color:#fe4e00}
.intro_btn.top{margin-top: 0;float:unset;margin-right: 0;margin-bottom: 0;width: auto;font-size: 18px;height: unset;line-height: unset;padding:8px 20px;box-shadow: 3px 5px 0 0 rgba(165, 143, 133,1);}
.intro_btn.top em{font-size: 18px}
.a2a_default_style:not(.a2a_flex_style) a{padding:5px}
.success-sharebox a{margin:5px}
.success-sharebox a img{width: 50px}
.intro_btn:hover{text-decoration: unset;}
.cosh_intro .intro_txt .intro_one p{font-size: 18px}
.help_main .help_co .help_tit a{border-radius: 10px 10px 0 0 ;font-size: 26px}
/*mobile*/
.cosh_intro .intro_txt{width: 100%}
.intro_btn{float:unset}
@media screen and (max-width: 1540px){
    .intro_btn{float:none;}
    .cosh_intro .intro_txt{float:none;width: 100%}
}
@media screen and (max-width: 1200px){
    header #header-right{margin-top: 30px;width:calc(100% - 160px)}
    footer .fo_lx{margin:30px 50px}
    .inmain_bg .suc_txt .suc_btn .intro_btn:nth-child(2){margin-right: auto!important;}
    .inmain_bg .suc_txt .suc_btn .intro_btn{margin-right: auto!important;}
    .intro_btn{width: 280px}

    .help_main .help_co img{border-radius:0 0 18px 10px}
    .sj_bg .sj_main em{word-wrap:break-word;padding-left:20px;padding-right: 20px;display: block}
}
@media screen and (max-width: 1024px){
    #banner{margin-top: 60px;}
    .help_main .help_co{width: 49%;padding:0;margin:10px 0}
    header .main-logo{width:80px}
}
@media screen and (max-width: 1023px){
    header #header-right{margin-top: 0;width: 100%}
    .main-app{display: block;margin-right: 60px;margin-top: 5px}
    .hasupbtn{display: none;}
    .head-sharebox{width:50vw;top:50px;}
}
@media screen and (max-width: 768px){
    .ban-text{font-size: 19px}
    .help_main .help_co:nth-child(3n){margin-right: auto}
    .help_main .help_co{width: 100%;margin:20px  auto}

    .help_main .help_co .help_tit a{font-size: 16px}
    .help_main .help_co .help_tit a{line-height: 40px;height: 40px}
    .head-sharebox{width:80vw;left:-50vw}
    .stext-cont{width: 100%;padding-left:0;}
    .bantext-sec{margin-left:10px}
    .name_box .name_main ul li{width: 33.33%;}
    .inmain_bg .inshare_bg ul li{width: 40px;margin:5px}
    .sj_bg .sj_main em{font-size: 24px}
    .intro_four>span.intro_space{width: 100%}
    .success-sharebox a img{width: 40px}
    .inmain_bg .suc_txt .suc_btn .intro_btn{width: 145px}
}
@media screen and (max-width: 500px){
    .help_main .help_co{width: 100%}
    .help_main .help_co .help_tit a{font-size: 16px}

}
@media screen and (max-width: 360px){
    .ban-text{font-size: 17px}

}