html, body{width:100%;overflow-x:hidden;text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
.menuContainer {font-size:18px;}

.menuContainer.web_only{font-size:18px;}
#faqMenu{font-size:0.45em;text-align:left;}

.toggle-mobile{display:none;}
.toggle-mobile.mobile_display_only{display:block;}
#promotion_container *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
#promotion_container *:focus{outline:none;}
#promotion_container img{display:block;}
#promotion_container a{text-decoration:none;}
#promotion_container ul{list-style-type:none;}
#promotion_container .answer ul{list-style-type:unset;}
.part1{position:relative;font-size:inherit; display:none;}
.part1 .banner{width:100%;height:6.46em;background-size:100% 100%;font-size:inherit;}
.part1 .qrcode-container{position:absolute;left:3.54em;bottom:0.46em;font-size:inherit;}
.part1 .qrcode{width:2.11em;margin:0 auto;}
.part1 .qrcode-text{width:3.43em;height:0.5em;background-size:100% 100%;margin-top:0.28em;display:flex;justify-content:center;align-items:center;color:rgba(107,1,1,1);letter-spacing:0.07em;}

.part2{width:100%;height:9.42em;position:relative; font-size:inherit;}
.swiper-container{width:2.97em;height:6.36em;position:absolute;top:0.2em;left:1.27em;border-radius:0.2em;overflow:hidden;background-color:white;}
.step-img {position: absolute;top: -0.3rem;left: 50%;transform: translateX(-50%);background-size: 100% 100%;display: none; font-size:inherit;}

.next-btn{width:0.8em;height:0.8em;position:absolute;left:7.95em;top:2.9em;cursor:pointer;}
.prev-btn{width:0.8em;height:0.8em;position:absolute;left:4.65em;top:2.9em;cursor:pointer;}
.swiper-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;}
.swiper-slide{width:100%;height:100%;}
.part2 .phone{position:absolute;left:9.6em;top:1.84em;width:5.31em;height:6.86em;background-size:100% 100%;background-image:url(../png/phone.png);}
.step-phone{width:2.97em;height:6.36em;background-size:100% 100%;}

.arrow-group{width:3.83em;height:0.57em;background-size:100% 100%;background-image:url(../png/arrow_group.png);position:absolute;top:2.98em;left:4.79em; font-size:inherit;}
.part2 .title-container {position: absolute;left: 50%;transform: translateX(-50%);top: 22px;font-size: inherit; width:100%; max-width:1075px;}
.part2 .title-container .title {font-size: 0.3em;font-weight: 400;color: black;letter-spacing: 1px;}
.part2 .title-container .title{cursor:default; width:29%; float:left; border-bottom: 6px solid #ccc; padding:8px 16px; height:38px;}
.part2 .title-container .bottom-line{width:99%;height:0.09em;background-color:black;margin-top:0.1em;}
.part2 .title-container .title::after{content:''; clear:both;}
.part2 .title-container .title.firsttab{margin-left:22px;}
.part2 .title-container .enable .title{cursor:pointer;}
.part2 .title-container .enable .title:hover{background:#e6e6e6}
.part2 .title-container .enable .title.active{border-bottom: 6px solid #B73C2A;}
.part2 .title-container a:not(.enable) .title.lasttab{display:none; }

.part3{width:100%;height:4.22em;background-size:100% 100%;background-image:url(../jpg/part3_bg.jpg);position:relative;font-size:inherit;}
.part3 .title-container{position:absolute;left:50%;transform:translateX(-50%);top:0.73em; text-align: center;}
.part3 .title-container .title{font-size:0.45em;font-weight:bold;color:rgba(255,255,255,1);letter-spacing:3px;}
.part3 .title-container .bottom-line {width: 100%;height: 0.09em;background-color: white;margin-top: 0.1em;}
.part3-btn-group{position:absolute;left:50%;transform:translateX(-50%);top:2.18em;white-space:nowrap;}
.part3-btn-group .btn-item{display:inline-block;width:4.66em;height:1.23em;background-size:100% 100%;cursor:pointer;background-image:url(../png/part3_btn.png);position:relative;}
.part3-btn-group .btn1 .btn-icon {width: 0.6em;height: 0.52em;background-size: 100% 100%;background-image: url(../png/part3_icon1.png);}
.part3-btn-group .btn-content {position:absolute;left:50%;transform:translateX(-50%);top:20%;display:flex;align-items:center;width:100%;justify-content:center;}
.part3-btn-group .btn2 .btn-icon {width: 0.56em;height: 0.56em;background-size: 100% 100%;background-image: url(../png/part3_icon2.png);}
.part3-btn-group .btn-text{font-size:0.3em;color:rgba(255,255,255,1);flex-wrap:nowrap;margin-left:0.32em;}

.questions-container{margin-bottom:1.5em;font-size:inherit;}
.questions-container .title-container{display:flex;font-size:inherit;}
.questions-container .title-container .title{margin:0 auto;font-size:0.45em;margin-top:2.11em;color:rgba(0,0,0,1);font-weight:bold;position:relative;}
.questions-container .title-container .title span{font-weight:bold;}
.questions-container .title-container .title .bottom-line{position:absolute;bottom:-.22em;left:0;height:0.2em;width:99%;background-color:black;}
.questions-container .main-content {width: 11.23em;position: relative; margin:0 auto;}
.questions-list {margin-top: 1.1em;width: 100%;border-top: 1px solid rgba(213,213,213,1);}
.question-item {padding: 0.36em 0;border-bottom: 1px solid rgba(213,213,213,1);}
.question{display:flex;width:100%;font-size:0.25em; font-weight:bold;}
.question-row{position:relative;cursor:pointer;color:rgba(91,86,86,1);}
.question-arrow{font-weight:bold;position:absolute;top:50%;font-size:0.28em;transform:translateY(-50%);right:0.23em;transition:all 0.15s;width:1.11em;height:0.64em;background-size:100% 100%;background-image:url(../png/arrow.png);}
.answer{display:none;font-size:0.22em;color:rgba(65,61,60,1);margin-top:0.86em;line-height:1.61em;width:95%;}
.active-question-item .question-row .question{color:#BF2830;}
.active-question-item .question-row .question-arrow{transform:translateY(-50%) rotate(-180deg);background-image:url(../png/arrow_select.png);}
.active-question-item .answer {
}

.tc .part1 .banner{background-image:url(../jpg/banner_tc.jpg);}
.tc .part1 .qrcode-text {background-image: url(../png/qrcode_text_tc.png);}

.gb .part1 .banner{background-image:url(../jpg/banner_gb.jpg);}
.gb .part1 .qrcode-text {background-image:url(../png/qrcode_text_gb.png);}

.en .part1 .banner{background-image:url(../jpg/banner_en.jpg);}
.en .part1 .qrcode-text {background-image:url(../png/qrcode_text_en.png);}

.en .part2 .title-container .title {letter-spacing: 0px;}
.en .part2 .title-container .title{letter-spacing: 0px; font-size: 20px; line-height: 22px; padding:4px 8px; height:44px;}
.en .part3 .title-container {width:74%;}
.en .part3 .title-container .title{letter-spacing: 1px;}

.en .part3-btn-group .btn1 .btn-icon {width: 0.4em;height: 0.42em;}
.en .part3-btn-group .btn2 .btn-icon {width: 0.4em;height: 0.42em;}
.en .part3-btn-group .btn-text {letter-spacing: 0px;font-size: 0.23em;line-height: 1.2em;margin-left: 0.5em;}

.part3-btn-group .btn-text, .questions-container .title-container .title span, .question, .answer{font-family:SourceHanSansCN-Regular, sans-serif;}
.en .part3-btn-group .btn-text, .en .questions-container .title-container .title span, .en .question, .en .answer{font-family:'Noto Sans TC', sans-serif;}

.step-img:not(.active){opacity: 0 !important;}
.step-img .step-desc-head{font-size: 1.41em; letter-spacing: 0.33rem; line-height: 0.7em; color: #b6afaf; font-weight: 700; text-align: center; font-family: 'Oswald', sans-serif; margin-bottom:0.75em;}
.step-img .step-desc-body{font-size: 0.25em; letter-spacing: 0.2em; line-height: 2.3em; color: #413d3c; text-align: center; font-weight:400; white-space:nowrap; }
.step-img .step-desc-body a{color:blue;}
.en .step-img .step-desc-body{font-size: 0.22em; letter-spacing: -0.05rem; line-height: 2.5rem; color: #413d3c; text-align: center; font-weight:500; white-space:nowrap; }

.remark-container{ width: 11.23em;position: relative; margin:0 auto;}
.remark-container .remark-content { font-size:0.22em; color:rgba(65,61,60,1);}


/*#region AccountOpening*/
.accountopening .part1 {display:block;}
.en .accountopening .part2 .tablink1 .title{width:35%;}
.en .accountopening .part2 .title{width:27%;}
/*#endregion AccountOpening*/

/*#region TokenApp*/
.tokenapp .part1{}
/*#endregion TokenApp*/

/*#region LoginMobile*/
.password .part2 .title-container .title{width:21%; font-size:0.28em;}
.en .password .part2 .title-container .title {font-size: 20px;}
/*#endregion LoginMobile*/

/*#region eDDA*/
.edda_tb {
    width: 100%;
    max-width: 800px;
}

.edda_tb th {
    width: 50%;
    background-color: #FAFAFA;
}

.edda_tb, .edda_tb td, .edda_tb th {
    border-collapse: collapse;
    border: 1px solid #D8D8D8;
}

.edda_tb td, .edda_tb th {
    padding: 3px 0 3px 5px;
}
/*#endregion eDDA*/

.row_top.head2 {font-size:18px;}
.common_container .float_wrapper > div {margin: 10px 0px;}
.float_wrapper.software_dl_container { border:1px solid #D8D8D8; border-radius:10px; height: auto; margin: 15px auto; min-height: 170px;}
.software_dl_container .col_left { display: inline-block; width: 100%;}
.software_dl_container .col_left .row_bottom { display: block; width: 100%;}
.software_dl_container .col_left.catg_view_4 .row_bottom > table { padding: 0 20px; }
.software_dl_container .col_left .row_bottom a[href=""] { display: none;}
.software_dl_container .col_right { display: inline-block; position: absolute; top: 10px; right: 0px; }

.software_dl_container .desc > a, .software_dl_container .catg_view_1 .desc > p{ margin-left: 20px; }
.software_dl_container .main-flex-3 {display: flex; justify-content: space-around;}
.software_dl_container .main-flex-3 > div p { padding-left:8px;}
.software_dl_container .main-flex-4 {display: flex; justify-content: space-between;}
.software_dl_container .main-flex-4 > div p { padding-left:8px;}