/* ----- Common Style ----- */
html, body { width: 100%; height:100%; margin:0;padding:0;font-family:  微軟正黑體, 'Microsoft JhengHei',Arial !important;  }
body { height:100%; min-width:320px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
/*body > form { display: block; height: 100%; margin: auto; width:100% }*/
body > form { display: table; height: 100%; margin: auto; width:100% }
body > form > #main-wrapper { display: table-cell; vertical-align: middle; }
body > form > #main-wrapper > div { height:100%; padding-top:98px; }
body.hid { overflow:hidden; }
/* Hide Header */
body.hideHeader > form > #main-wrapper > div { padding-top:0px; }
body.hideHeader .mainHeader { display:none; }
.clear { clear: both; height:0px; }
/*清除边框*/
.btnNome:hover, .btnNome:focus, .btnNome:active, .btnNome:visited {
    outline: none;
    box-shadow: none !important;
}
/* date picker */
.ui-widget.ui-widget-content { min-width:288px; width:90%; max-width:345px; z-index:9999 !important; font-size:16px; margin-left:-1px; }
.ui-datepicker-year, .ui-datepicker-month { background:#fff; outline:0; border:0; -webkit-appearance:none; padding-left:10px; }
.ui-datepicker-title { position:relative; }
.ui-datepicker-title::before { content:''; position:absolute; top:15px; left:calc(50% - 20px); width:8px; height:8px; background:transparent; border-left:2px solid rgba(77,77,77,0.6); border-bottom:2px solid rgba(77,77,77,0.6); transform:rotate(-45deg); } 
.ui-datepicker-title::after { content:''; position:absolute; top:15px; right:8px; width:8px; height:8px; background:transparent; border-left:2px solid rgba(77,77,77,0.6); border-bottom:2px solid rgba(77,77,77,0.6); transform:rotate(-45deg); } 
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:4px !important; }
@media screen and (min-width: 375px) {
    body > form > #main-wrapper > div { padding-top:116px; }
    .ui-widget.ui-widget-content { min-width:345px; width:92%; max-width:560px; }
}
@media screen and (min-width: 768px) {
    body > form > #main-wrapper > div { padding-top:116px; }
    .ui-widget.ui-widget-content { width:560px; }
}
@media screen and (min-width: 1024px) {
    body > form { display: table; height: 100%; margin: auto; width:100% }
    body > form > #main-wrapper { display: table-cell; vertical-align: middle; }
    body > form > #main-wrapper > div { padding-top:126px; }
    .ui-widget.ui-widget-content { width:352px;min-width:352px; }
}
/* Medium */
#medium{display:none;position:absolute;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;}
#medium .itmes{top:30vh; padding:19px 16px 17px 18px; position:fixed;left:50%;background:#fff;border-radius:16px;box-sizing:border-box !important;}
#medium .itmes .itme { margin-top:10px; }
#medium .itmes .itme:first-of-type { margin-top:0px; }
#medium .itme img{width:20px;height:18px;}
#medium .itme div{margin-left:14px;font-size:16px;}

/* ImgTailor */
.imgTailor { background:#ffffff; position: fixed; width: 100%; height: 100%; box-sizing: border-box; top: 0px; left: 0px; right: 0px; z-index: 10000; display: none; }
.imgTailor .openFile{ display: block; height: 100%; background:rgba(255 ,154 ,67,0.1); }
.imgTailor .tailorHead { margin-top:20px; height:21px; color: rgb( 243, 104, 16); font-size:15px; }
.imgTailor .File-box { height:100%; width:100%; box-sizing:border-box!important; }
.imgTailor .tailor-box { height:100%; width:100%; box-sizing:border-box!important; position:relative; /*border:1px solid #808080;*/ }
.imgTailor .tailor-box .ocrTitle { position:absolute; top:-50px; color:#fff; font-size:16px; height:24px; }
.imgTailor #image { max-height:70vh; min-height:100%; width:100%; box-sizing:border-box!important; object-fit:contain; }
.imgTailor .tailorBtnBox { height:24px; color: rgb( 243, 104, 16); font-size:17px; }
.imgTailor .tailorIcon,.imgRotate { width:24px; height:24px; margin-left:4px; }
.imgTailor .openTailor { display:none; height: 100%; background:rgba(32, 32, 32, 1); }
.imgTailor .openTailor .tailorHead { font-size:16px; color:rgb(255, 154, 67); }
.imgTailor .openTailor .btnGroup { margin-top:8px; box-sizing:border-box; width:100%; margin-bottom:27px; }
.imgTailor .btnGroup .Rotate{ font-size:17px; color:#ff9a43; height:24px; }
.imgTailor .openTailor .tailorBtn { width:100%; height:40px; font-size:16px; border-radius:8px; border:1px solid rgb(255,154,67); background:rgba(255,255,255,0); color:rgb(255,154,67); box-sizing: border-box!important; margin-bottom:20px; }
.imgTailor #ocrTailorOk { display:none; }

/* UserVideo */
.userVideo, .userVideo *, .userVideo ::after, .userVideo ::before { box-sizing: content-box !important; }
.userVideo { position: fixed; background-color: rgba(0, 0, 0,1); width: 100%; height: 100%; box-sizing: border-box; top:0px; left:0px; right:0px; z-index:10000; display:none; }
.userVideo .videoImage { position: absolute; top: 0px; width:100%; height: 100%; box-sizing:content-box !important; }
.userVideo .video { /*width:100%;*/ height:100%; display: none; }
.userVideo .videoSetting { position: absolute; top : 0; left : 0; width: 100%; height: 100%; }
.userVideo .photograph { position: absolute; bottom:51px; width:100%; }
.userVideo .photograph-boder { width: 64px; height: 64px; border-radius:200px; border:3px solid rgb(225, 253, 255); }
.userVideo .btnPhotograph { display:inline-block; width: 58px; height: 58px; border-radius:200px; background:rgb(225, 253, 255); border: 0px; }
.userVideo .btnNumber { display:inline-block; position:absolute; font-weight:600; font-size:30px; color:rgb(255, 255, 255); }
.userVideo .su { position: relative; width: 100%; height:100%; /*calc(70% -260px);*/ margin: 0 auto; overflow: hidden; }
.userVideo .lk { position: absolute; top:0px; width: 92%; /*height: 240px;*/ /*border: 200px solid rgba(0,0,0,0.7);*/ border-radius: 4px; }
.userVideo .spanDrag { position: absolute; top:-20px; transform:translateY(-100%); left:0px; right:0px; text-align: center; margin:auto; color:rgb(255, 255, 255); font-size:16px; z-index:12; line-height:20px; }
.userVideo .drag{ position: absolute; width:100%; height:100%; text-align: center; border-radius:4px; background: inherit; z-index:11; box-shadow: 0px 0px 800px 800px rgba(0,0,0,0.6);}
.userVideo .videoBack { width:30%; height:100px; }
.userVideo .videoBtnW { width:30%; }
.userVideo .videoBtnW .span { font-size:14px; color:rgba( 255, 255, 255, 0.6); margin-bottom:10px; }
.userVideo .iconorc { position:relative; width:100px; height:100px; font-size:30px; font-weight:500; color:aliceblue; }
.userVideo .iconorc::before{ position:absolute; text-align:center;}
.userVideo .icon-orcjingtouqiehuan { font-size:50px; }
.userVideo .btnCancel { position:absolute; top:0px; right:0px; padding:24px 16px; color:#fff; font-size:15px; line-height:20px; z-index:99; }

/*----Open Model---*/
#container, .om_container {display: flex;justify-content: center;z-index: 999999;position: fixed;}
/*openmode start*/
/*Open button*/
#open, .om_open {background-color: #52699e;border: none;height: 30px;width: 200px;border-radius: 10px;color: #fff;outline: none;cursor: pointer;}
#open:hover, .om_open:hover {background-color: #4a5f8f;}
/*Background mask*/
#hidden, .om_hidden {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #000000;opacity: 0.3;display: none;}
/*Box*/
#box, .om_box {border-radius: 16px;background-color: #fff;display: none;flex-direction: column;align-items: center;padding-top: 0px;box-sizing: border-box;position: fixed;cursor: default;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 999;margin-left:16px;margin-right:16px;}
/*Close button*/
#close, .om_close {position: absolute;top: 5px;right: 5px;font-weight: normal;display: block;width: 50px;height: 25px;line-height: 25px;text-align: center;border-radius: 20px;color: #7a9ae4;}

#close:hover, .om_close:hover {background-color: #52699e;cursor: pointer;}
.openModel {}
.openModelHide {display:none;}
.openModelShow{display:block;}
.openModel .btnStd { display:inline-block; font-size:16px; line-height:24px; color:#202020; background:rgb(173,203,245); border:1px solid rgb(173,203,245); border-radius:8px; height:40px; padding:8px; text-align:center; cursor:pointer; }
.openModel .btnStd.orange-text { color:#f36810; background:#fff; border-color:#f36810; }

@media screen and (min-width: 375px) {
    .openModel .btnStd { font-size:18px; line-height:26px; height:44px; }
}
@media screen and (min-width: 768px) {
    #box, .om_box { max-width:400px; margin:auto; }
    .openModel .btnStd { font-size:18px; line-height:26px; height:44px; }
}
@media screen and (min-width: 1024px) {
    #box, .om_box { max-width:500px; margin:auto; }
    .openModel .btnStd { font-size:20px; line-height:38px; height:56px; }
}

/* ----- Idle Container ----- */
#Idle_container .message-content {font-size: 16px; line-height:22px; text-align: center;padding:32px 34px;}
#Idle_container .message-foot {height:68px;width: 290px; border-top: solid 1px rgba(0,0,0,0.06);margin:0 auto;}
#Idle_container .message-foot .btnCom {margin:0px auto;color:#f36810;font-size:16px;margin-top:23px;text-align:center;}
@media screen and (min-width: 375px) {
    #Idle_container .message-content { font-size:18px; }
    #Idle_container .message-foot { width:340px; }
    #Idle_container .message-foot .btnCom { font-size:18px; }
}
@media screen and (min-width: 768px) {
    #Idle_container .message-content { font-size:18px; }
    #Idle_container .message-foot { width:370px; }
    #Idle_container .message-foot .btnCom { font-size:18px; }
}
@media screen and (min-width: 1024px) {
    #Idle_container .message-content { font-size:20px; }
    #Idle_container .message-foot { height:80px; }
    #Idle_container .message-foot .btnCom { font-size:20px; }
}


/* ----- Responsive Container ----- */
.respContainer { position:relative; min-width:288px; width:90%; max-width:345px; margin:auto; }
@media screen and (min-width: 375px) {
    .respContainer { min-width:345px; width:92%; max-width:560px; }
}
@media screen and (min-width: 768px) {
    .respContainer { width:560px; }
}
@media screen and (min-width: 1024px) {
    .respContainer { width:732px;min-width:732px; }
}

/* ----- Icon ----- */
.icon { display:inline-block; background-size:cover; background-repeat:no-repeat; }
.icon-logo { width:64px; height:53px; background-image:url('../image/icon/logo_s1.png'); }
.icon-aacat { width:78px; height:38px; background-image:url('../image/imagery/iconCatHead_s1.png'); }
.icon-back { width:22px; height:22px; background-image:url('../image/icon/iconBackNew.png'); }
.icon-ddl-down { width:24px; height:24px; background-image:url('../image/icon/ic_ddl_down.png'); }
.icon-down { width:18px; height:18px; background-image:url('../image/icon/iconArrowLanguage.png'); }
.icon-add { width:24px; height:24px; background-image:url('../image/icon/ic_add.png'); }
.icon-error { width:60px; height:54px; background-image:url('../image/icon/ic_error_s1.png'); }
.icon-hkid-sample { width:153px; height:98px; background:#ccc; }
.icon-chinaid-front-sample { width:153px; height:98px; background:#ccc; }
.icon-chinaid-back-sample { width:153px; height:98px; background:#ccc; }
.icon-macauid-sample { width:153px; height:98px; background:#ccc; }
.icon-passport-cover-sample { width:92px; height:130px; background:#ccc; }
.icon-passport-inner-sample { width:153px; height:98px; background:#ccc; }
.icon-editor { width:20px; height:20px; background-image:url('../image/icon/editor@2x.png'); }
.icon-hk-flag { width:32px; height:32px; background-image:url('../image/icon/ic_hk_flag@2x.png'); }
.icon-cn-flag { width:32px; height:32px; background-image:url('../image/icon/ic_cn_flag@2x.png'); }
.icon-us-flag { width:32px; height:32px; background-image:url('../image/icon/ic_us_flag@2x.png'); }
.icon-reviewing { width:60px; height:54px; background-image:url('../image/icon/ic_reviewing_s1.png'); }
@media screen and (min-width: 375px) {
    .icon-logo { width:75px; height:62px; background-image:url('../image/icon/logo_s2.png'); }
    .icon-aacat { width:90px; height:44px; background-image:url('../image/imagery/iconCatHead_s2.png'); }
    .icon-error { width:60px; height:54px; background-image:url('../image/icon/ic_error_s1.png'); }
    .icon-reviewing { width:66px; height:60px; background-image:url('../image/icon/ic_reviewing_s2.png'); }
}
@media screen and (min-width: 768px) {
    .icon-logo { width:75px; height:62px; background-image:url('../image/icon/logo_s2.png'); }
    .icon-aacat { width:103px; height:50px; background-image:url('../image/imagery/iconCatHead_s3.png'); }
    .icon-error { width:60px; height:54px; background-image:url('../image/icon/ic_error_s1.png'); }
    .icon-reviewing { width:66px; height:60px; background-image:url('../image/icon/ic_reviewing_s2.png'); }
}
@media screen and (min-width: 1024px) {
    .icon-logo { width:90px; height:74px; background-image:url('../image/icon/logo_s3.png'); }
    .icon-aacat { width:113px; height:55px; background-image:url('../image/imagery/iconCatHead_s4.png'); }
    .icon-error { width:75px; height:80px; background-image:url('../image/icon/ic_error_s2.png'); }
    .icon-reviewing { width:70px; height:64px; background-image:url('../image/icon/ic_reviewing_s3.png'); }
}

/* ----- Common Header Style ----- */
/*background:url('../image/imagery/login3751@2x.jpg') no-repeat; background-size:cover; background-position:center;iconCatHead_s1.png*/ 
.mainHeader { position:fixed; top:0px; left:0px; z-index:9999; width:100%; /*background:#ff9a43;*/ padding:0px; height:98px;background:url('../image/imagery/iconBg@2x.png') repeat-x; background-size:240px auto; /*background-position:left center;*/  }
.mainHeader .headerTop { height:48px; }
.mainHeader .headerTop .btn-back { position:absolute; top:12px; left:12px; cursor:pointer; }
.mainHeader .headerTop .progress-container { width:100%; padding-top:20px;margin-left:-35px; }
.mainHeader .headerTop .progress { width:140px; margin:auto; height:8px; border-radius:100px; overflow:initial; background:rgb(246,162,70); }
.mainHeader .headerTop .progress .progress-bar { height:13px; font-size:13px; border-radius:100px; min-width:35px; position:relative; top:-2px; background:#fff; color:#FF9A43; font-weight:bold; padding:0px 4px; font-family:Arial; }
.mainHeader .headerTop .lang-container { position:absolute; top:12px; right:8px; width:46px; cursor:pointer; font-weight:bold; }
.mainHeader .headerTop .lang-display { font-size:14px; border-radius:14px; height:22px; line-height:22px; background:rgb(246,162,70); color:#fff; }
.mainHeader .headerTop .lang-display:hover { background:rgb(222,136,62); }
.mainHeader .headerTop .lang-display .text { padding:0px 25px 0px 10px; text-align:center; }
.mainHeader .headerTop .lang-display .icon { position:absolute; top:2px; right:2px; }
.mainHeader .headerTop .lang-select { position:absolute; right:0px; top:0px; width:100%; z-index:9999; background:rgb(246,162,70); border-radius:14px; padding:2px; }
.mainHeader .headerTop .lang-select:hover { background:rgb(246,162,70); }
.mainHeader .headerTop .lang-option { text-align:center; font-size:14px; height:24px; line-height:24px; color:#fff; border-radius:12px; }
.mainHeader .headerTop .lang-option.sel { background:#fff; color:#f36810; }
.mainHeader .headerMiddle { height:40px; }
.mainHeader .headerMiddle .icon { position:absolute; bottom:0px; left:0px; margin-left:-8px; }
.mainHeader .headerMiddle .title {position:absolute;bottom: 4px;left:0px;font-size: 17px; margin-left: 78px;color: rgb(128,97,75);font-weight:bold;width:-webkit-fill-available;min-height:27px; background-color: #fff;border-radius: 100px;padding-left:12px;line-height:19px;padding-bottom:4px;padding-top:4px}
.mainHeader .headerMiddle .iconBubbleTail {background:url('../image/icon/iconBubbleTail@2x.png') no-repeat;background-size:cover; width:20px;height:10px;position: absolute;background-position: center;left:74px;bottom:4px;}
body.eng .mainHeader .headerMiddle .title { font-size:17px; }
.mainHeader .headerBottom { position:absolute; bottom:-1px; background:#fff; border-top-left-radius:8px; border-top-right-radius:8px; width:100%; height:11px; }

.mainHeader .headerTop .linkDiv { position:absolute; top:12px; right:61px;  height:22px; cursor:pointer; font-weight:bold;background:rgb(246,162,70); border-radius:100px;padding:0px 8px;display: flex; align-items: center; cursor:pointer;}
.mainHeader .headerTop .linkDiv .iconImg {background:url('../image/icon/icCs@2x.png') no-repeat;background-size:cover;width:20px;height:20px;}
.mainHeader .headerTop .linkDiv .iconText{color:#fff;font-size:13px;margin-left:2px; display:none;}

.mainHeader .headerTop .aastocksDiv { position:absolute; top:12px; left:8px; width:186px; height:20px; background:url('../image/icon/logo-aa-mobile-tc-mobile-tc@2x.png') no-repeat; background-size:contain; }
body.chn .mainHeader .headerTop .aastocksDiv { width:186px; height:20px; background-image:url('../image/icon/logo-aa-mobile-sc-mobile-sc@2x.png'); }
body.eng .mainHeader .headerTop .aastocksDiv { width:170px; height:18px; background-image:url('../image/icon/logo-aa-mobile-en-mobile-en@2x.png'); }

@media screen and (min-width: 375px) {
    .mainHeader { height:116px; }
    .mainHeader .headerMiddle { height:58px; }
    .mainHeader .headerMiddle .icon { margin:0px; }
    .mainHeader .headerMiddle .title { font-size:22px; line-height:24px; width:-webkit-fill-available; bottom: 8px; margin-left:88px;padding-bottom:5px;padding-top:5px }
    .mainHeader .headerMiddle .iconBubbleTail {left:88px;bottom:8px; }
    body.eng .mainHeader .headerMiddle .title { font-size:21px;line-height:24px;max-height:58px; }
    .mainHeader .headerTop .progress-container {margin-left:0px; }
    .mainHeader .headerTop .lang-container { right:12px; }
    .mainHeader .headerTop .linkDiv { right:65px; }
    .mainHeader .headerTop .linkDiv .iconText{display:block;}
    .mainHeader .headerTop .aastocksDiv { left:12px; }
}
@media screen and (min-width: 768px) {
    .mainHeader { height:116px; }
    .mainHeader .headerMiddle { height:58px; }
    .mainHeader .headerMiddle .icon { margin:0px; }
    .mainHeader .headerMiddle .title { font-size:22px; line-height:24px; min-height:34px;width:454px; bottom: 8px; margin-left:110px; }
    .mainHeader .headerMiddle .iconBubbleTail {left:108px;bottom:8px; }
    body.eng .mainHeader .headerMiddle .title { font-size:21px; line-height:23px;}
    .mainHeader .headerTop .progress-container {margin-left:0px; }

    .mainHeader .headerTop .aastocksDiv { width:235px; height:25px; background-image:url('../image/icon/logo-aa-1024-768-tc-web-tc@2x.png'); }
    body.chn .mainHeader .headerTop .aastocksDiv { width:235px; height:25px; background-image:url('../image/icon/logo-aa-1024-768-sc-web-sc@2x.png'); }
    body.eng .mainHeader .headerTop .aastocksDiv { width:208px; height:22px; background-image:url('../image/icon/logo-aa-1024-768-en-web-en@2x.png'); }
}
@media screen and (min-width: 1024px) {
    .mainHeader { height:126px; }
    .mainHeader .headerTop .progress { width:385px; height:14px; }
    .mainHeader .headerTop .progress .progress-bar { height:20px; font-size:14px; top:-3px; }
    .mainHeader .headerMiddle { height:68px; }
    .mainHeader .headerMiddle .icon { margin:0px; }
    .mainHeader .headerMiddle .title { font-size:32px; line-height:30px; min-height:46px;width:-webkit-fill-available; bottom: 8px; margin-left:116px;padding-top:8px;padding-bottom:8px; }
    .mainHeader .headerMiddle .iconBubbleTail {left:116px;bottom:8px; }
    body.eng .mainHeader .headerMiddle .title { font-size:26px;width:-webkit-fill-available; line-height:24px;padding-top:8px;padding-bottom:8px;align-items:center;display:flex;}
    .mainHeader .headerTop .progress-container {margin-left:0px; }
}


/* ----- Common Content and Component Style ----- */
.mainContent { padding-top:8px; min-height:calc(100% - 120px); }
/* radio */
.mainContent .radiobtn { position:relative; font-size:17px; line-height:24px; padding-right:32px; margin-right:60px; cursor:pointer; }
.mainContent .radiobtn input { position:absolute; opacity:0; }
.mainContent .radiobtn .checkmark { position:absolute; top:0; right:0; height:24px; width:24px; background:url('../image/icon/ic_btn_radio_default.png?v=1') no-repeat; background-size:cover; }
.mainContent .radiobtn input:checked ~ .checkmark { background:url('../image/icon/ic_btn_radio_checked.png?v=1') no-repeat; background-size:cover; }
.mainContent .radiobtn:after { content:""; position:absolute; display:none; }
.mainContent .radiobtn input:checked ~ .checkmark:after { display:block; }
/* dropdown */
.mainContent .dropdownSelectBorder {border:solid 1px #D2D2D2; width:100%;height:48px;font-size:17px; border-radius:6px; color:rgba(32,32,32,0.6); white-space:normal; overflow:hidden; text-overflow:ellipsis; }
.mainContent .dropdownSelectBorder[data-text]::before { content:attr(data-text); position:absolute; top:1px; background:#fff; width:calc(100% - 16px - 12px); overflow:hidden; text-overflow:ellipsis; height:46px; line-height:35px; padding-top:5px; padding-bottom:5px; white-space:nowrap; padding-right:30px; }
.mainContent .dropdownSelectBorder:focus { box-shadow:none; }
.mainContent .dropdown.show .dropdownSelectBorder[data-text] { /*overflow-y:auto;*/ height:initial; min-height:48px; /*max-height:70px;*/ padding-right:42px; }
.mainContent .dropdown.show .dropdownSelectBorder[data-text]::before { display:none; }
.mainContent .dropdown.show .dropdownSelectBorder[data-text] > div { overflow-y:auto; max-height:66px; line-height:26px; }
.mainContent .dropdown-menu { width:100%; font-size:17px; max-height:300px; overflow-y: auto; padding-top:10px; padding-bottom:10px; margin-top:0px; margin-bottom:0px; border:1px solid #D2D2D2; z-index:9999; }
.mainContent .dropdown-menu.fixed { height:300px; }
.mainContent .dropdown.show .dropdownSelectBorder[data-text] ~ .dropdown-menu { height:300px; }
.mainContent .dropdownSelect { border:solid 1px #ccc; width:100%;height:106px;font-size: 32px; }
.mainContent .dropdown-toggle::after { border:0px; content:''; position:absolute; top:12px; right:12px; margin:0px; display:inline-block; background-size:cover; background-repeat:no-repeat; width:24px; height:24px; background-image:url('../image/icon/ic_ddl_down.png'); }
.mainContent .dropdown { margin-top:12px; }
.mainContent .dropdown-item {font-size:32px;margin-bottom: 40px;margin-top: 20px;}
.mainContent .dropdown-item-right {margin-left:15%;}
.mainContent .form-check { padding-left:12px; padding-right:12px; }
.mainContent .form-check-label {width:100%;margin-top:10px;font-size:32px;}
.mainContent .form-group {border:0;padding-top:10px; padding-bottom:10px; height:52px;cursor:pointer; margin-bottom:0px;}
.mainContent .form-group.option-bg { color:#f36810; }
.mainContent .form-check-input {height:20px;width:20px;}
.mainContent .form-check-text {width:100%;float:left;line-height:32px;font-size:17px;height:32px;overflow-y:hidden;overflow-x:hidden; padding-left:3px; padding-right:3px; }
.mainContent .form-check-text:hover { background:rgba(255,154,67,0.1); border-radius:4px; }
.mainContent .form-check-checkbox {float:right;margin-right:17px; margin-top:6px; position:absolute; right:0px; top:0px; }
.mainContent .option-bg { background-color:transparent; }
.mainContent select option  {font-size:15px;}
.mainContent .form-group .search-text{background:url('../image/icon/ic_search@2x.png')  no-repeat;background-size:24px;background-position:9px,0px; margin-left:14px; margin-right:14px; background-color:rgba(32,3,32,0.04);height:40px;border:0px;border-radius:6px;width:-webkit-fill-available;padding:0px; }
.mainContent .form-group .search-text2{background-size:24px;background-position:9px,0px; margin-left:14px;background-color:rgba(32,3,32,0.04);height:40px;border:0px;border-radius:6px;width:calc(100% - 28px);padding:0px 7px; }
.mainContent .dropdown-menu.multilines .form-group { height:initial; min-height:52px; }
.mainContent .dropdown-menu.multilines .form-check-text { height:initial; min-height:32px; padding-right:35px; }
.mainContent .dropdown-menu.multilines .form-check::after { content:''; display:table; clear:both; }
/* textbox */
.mainContent .input {border:0; outline:0; width:100%;height:46px;padding-left:16px; font-size:17px; caret-color:#f36810; }
.mainContent .input.uppercase { text-transform:uppercase; }
.mainContent textarea { border:0; outline:0; }
/* checkbox (circular) 20x20 */
.mainContent .checkbox { position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:20px; height:20px; cursor:pointer; }
.mainContent .checkbox input { position: absolute; opacity:0; height:0; width:0; }
.mainContent .checkbox .checkmark { position:absolute; top:0; left:0; width:20px; height:20px; background:url('../image/icon/ic_checkbox_default.png?v=1') no-repeat; background-size:cover;  }
.mainContent .checkbox input:checked ~ .checkmark { background:url('../image/icon/ic_checkbox_checked.png?v=1') no-repeat; background-size:cover; }
.mainContent .checkbox .checkmark:after { content:""; position:absolute; display:none; } 
.mainContent .checkbox input:checked ~ .checkmark:after { display:block; }
/* checkbox (square) 20x20 */
.mainContent .checkbox .checkboxmark { position:absolute; top:0; left:0; width:20px; height:20px; background:url('../image/icon/ic_btn_checkbox_default.png?v=1') no-repeat; background-size:cover;  }
.mainContent .checkbox input:checked ~ .checkboxmark { background:url('../image/icon/ic_btn_checkbox_checked.png?v=1') no-repeat; background-size:cover; }
.mainContent .checkbox .checkboxmark:after { content:""; position:absolute; display:none; } 
.mainContent .checkbox input:checked ~ .checkboxmark:after { display:block; }
/* checkbox (square) 24x24 */
.mainContent .checkbox-large { position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer; }
.mainContent .checkbox-large input { position: absolute; opacity:0; height:0; width:0; }
.mainContent .checkbox-large .checkboxmark { position:absolute; top:0; left:0; width:24px; height:24px; background:url('../image/icon/ic_tickbox_default.png?v=1') no-repeat; background-size:cover;  }
.mainContent .checkbox-large input:checked ~ .checkboxmark { background:url('../image/icon/ic_tickbox_checked.png?v=1') no-repeat; background-size:cover; }
.mainContent .checkbox-large .checkboxmark:after { content:""; position:absolute; display:none; } 
.mainContent .checkbox-large input:checked ~ .checkboxmark:after { display:block; }
.mainContent .checkbox-large .text { padding-left:32px; font-size:14px; line-height:25px; color:rgba(0,0,0,0.8); display:block; }
/* fieldset with validation */
.mainContent .field { padding-bottom:8px; position:relative; }
.mainContent .fieldset { position:relative; border:1px solid #D2D2D2; border-radius:6px; overflow:hidden; margin-top:10px; }
.mainContent .legend { position:absolute; top:-10px; left:0px; margin-left:10px; padding:0px 6px; color:rgba(32,32,32,0.6); font-size:14px; margin-bottom:0px; z-index:5; display:none; }
.mainContent .field.showL .legend { display:inline-block; }
.mainContent .field.showL .legend::after { content:''; position:absolute; width:100%; height:calc(50% + 1px); top:0px; left:0px; background:#fff; z-index:-1; }
.mainContent .field.showL .input::placeholder { color:transparent; }
.mainContent .field.showL .dropdownSelectBorder { color:#000; }
.mainContent .field.showL .dropdownSelectBorder[data-text] { color:#fff; }
.mainContent .field.showL .dropdownSelectBorder[data-text]::before { color:#000; }
.mainContent .field.showL .dropdownSelectBorder[data-text][disabled='disabled']::before { color:rgba(32,32,32,0.6); }
.mainContent .field.showL .dropdown.show .dropdownSelectBorder[data-text] > div { color:#000; }
.mainContent .validationError { position:absolute; top:-10px; right:0px; margin-right:10px; padding:0px 6px; font-size:14px; margin-bottom:0px; z-index:5; display:none; color:rgba(232,70,37,1); }
.mainContent .validationError2 { position:absolute; top:16px; right:16px; font-size:14px; z-index:5; display:none; color:rgba(232,70,37,1); margin-bottom:0px; }
.mainContent .validationError3 { position:absolute; bottom:25px; right:0px; font-size:14px; z-index:5; display:none; color:rgba(232,70,37,1); margin-bottom:0px; }
.mainContent .validationError4 { position:absolute; top:0px; right:16px; font-size:14px; z-index:5; display:none; color:rgba(232,70,37,1); margin-bottom:0px; }
.mainContent .validationError5 { position:absolute; top:-10px; right:0px; margin-right:10px; padding:0px 6px; font-size:14px; margin-bottom:0px; z-index:5; display:none; color:rgba(232,70,37,1); background: }
.mainContent .validationError6 { position:absolute; bottom:8px; right:16px; font-size:14px; z-index:5; display:none; color:rgba(232,70,37,1); margin-bottom:0px; }
.mainContent .validationError7 { position:absolute; bottom:20px; right:16px; font-size:14px; z-index:5; display:none; color:rgba(232,70,37,1); margin-bottom:0px; }
.mainContent .validationError8 { position:absolute; top:100%; left:30px; font-size:14px; z-index:5; display:none; color:rgba(232,70,37,1); margin-bottom:0px; }
.mainContent .field.showE .validationError::after { content:''; position:absolute; width:100%; height:calc(50% + 1px); top:0px; left:0px; background:#fff; z-index:-1; }
.mainContent .field.showE .validationError5::after { content:''; position:absolute; width:100%; height:calc(50% + 1px); top:0px; left:0px; background:#F6F6F6; z-index:-1; }
.mainContent .field.showE .input, .mainContent .field.showE .dropdownSelectBorder, .mainContent .field.showE .dropdownSelectBorder[data-text]::before { background:#FFF6F1; }
.mainContent .field.showE .fieldset, .mainContent .field.showE .dropdownSelectBorder { border-color:rgba(232,70,37,0.6); }
.mainContent .remark { width:100%; line-height:18px;font-size:14px; color:rgba(32,32,32,0.6); padding-left:8px; margin-top:6px; margin-bottom:16px; }
.mainContent .question {font-size:18px; line-height:22px; color:#202020; margin-bottom:8px; }
.mainContent .subquestion {font-size:16px; line-height:22px; color:rgba(32,32,32,0.6); margin-bottom:16px; }
.mainContent .subheader {font-size:16px; line-height:22px; color:#202020; margin-bottom:10px; font-weight:bold; }
.mainContent .answer {font-size:18px; line-height:22px; color:#202020; margin-bottom:8px; }
.mainContent .btn-text-align { text-align:left; padding-left:16px;}
.mainContent label { margin-bottom:8px; }
/* card option */
.mainContent .card-title { font-size:17px; line-height:22px; color:#202020; font-weight:bold; }
.mainContent .card-option { padding:16px 46px 16px 16px; border:1px solid rgba(32,32,32,0.25); border-radius:8px; margin-top:16px; font-size:16px; cursor:pointer; position:relative; }
.mainContent .card-option.sel { border-color:rgba(243,104,16,0.5); }
.mainContent .card-option.sel::after { content:''; position:absolute; top:calc(50% - 10px); right:13px; background:url('../image/icon/ic_checkbox_checked.png') no-repeat; background-size:cover; width:20px; height:20px; }
/* button */
.mainContent .btnOrangeText { width:100%; -webkit-appearance:none; border:1px solid rgba(243,104,16,0.4); outline:0; height:40px; border-radius:8px; text-align:center; background:#fff; font-size:16px; color:#f36810; }
/* Returned Error Message */
.mainContent .returnedErrMsg { font-size:14px; color:#e84625; }

@media screen and (min-width: 375px) {
    .mainContent { min-height:calc(100% - 120px); }
    /* radio */
    .mainContent .radiobtn { font-size:19px; }
    /* textbox */
    .mainContent .input {height:50px;font-size:19px; }
    .mainContent .form-check-text {font-size:19px;}
    /* dropdown */
    .mainContent .dropdownSelectBorder {height:52px;font-size:18px;}
    .mainContent .dropdownSelectBorder[data-text]::before { height:50px; line-height:41px; }
    .mainContent .dropdown.show .dropdownSelectBorder[data-text] { min-height:52px; /*max-height:80px;*/ }
    .mainContent .dropdown.show .dropdownSelectBorder[data-text] > div { max-height:75px; line-height:29px; }
    .mainContent .dropdown-toggle::after { top:14px; }
    .mainContent .form-check-text { font-size:19px; }
    /* checkbox (square) 24x24 */
    .mainContent .checkbox-large .text { font-size:16px; line-height:20px; }
    /* fieldset with validation */
    .mainContent .field.showL .legend {font-size:16px;}
    .mainContent .remark { font-size:16px; }
    .mainContent .question { font-size:20px; }
    /* card option */
    .mainContent .card-title { font-size:19px; }
    .mainContent .card-option { font-size:18px; padding:19px 46px 19px 16px; }
    /* button */
    .mainContent .btnOrangeText { height:44px!important; font-size:18px!important; }
    /* Returned Error Message */
    .mainContent .returnedErrMsg { font-size:16px; }
}
@media screen and (min-width: 768px) {
    .mainContent { min-height:calc(100% - 120px); }
    /* textbox */
    .mainContent .input {height:50px;font-size:19px; }
    /* dropdown */
    .mainContent .dropdownSelectBorder {height:52px;font-size:18px;}
    .mainContent .dropdownSelectBorder[data-text]::before { height:50px; line-height:41px; }
    .mainContent .dropdown.show .dropdownSelectBorder[data-text] { min-height:52px; /*max-height:80px;*/ }
    .mainContent .dropdown.show .dropdownSelectBorder[data-text] > div { max-height:75px; line-height:29px; }
    .mainContent .dropdown-toggle::after { top:14px; }
    .mainContent .form-check-text {font-size:21px;}
    /* fieldset with validation */
    .mainContent .field.showL .legend {font-size:16px;}
    /* card option */
    .mainContent .card-title { font-size:19px; }
    .mainContent .card-option { font-size:18px; padding:19px 46px 19px 16px; }
    .mainContent .card-option.sel::after { right:30px; }
    /* button */
    .mainContent .btnOrangeText { height:44px!important; font-size:18px!important; }
    /* Returned Error Message */
    .mainContent .returnedErrMsg { font-size:16px; }
}
@media screen and (min-width: 1024px) {
    .mainContent { padding-top:16px; min-height:calc(100% - 120px); }
    /* textbox */
    .mainContent .input {height:54px;font-size:21px; }
    /* dropdown */
    .mainContent .dropdownSelectBorder {height:56px;font-size:21px;}
    .mainContent .dropdownSelectBorder[data-text]::before { height:54px; line-height:44px; }
    .mainContent .dropdown.show .dropdownSelectBorder[data-text] { min-height:56px; /*max-height:90px;*/ }
    .mainContent .dropdown.show .dropdownSelectBorder[data-text] > div { max-height:84px; line-height:32px; }
    .mainContent .dropdown-toggle::after { top:16px; }
    .mainContent .form-check-text {font-size:21px;}
    /* fieldset with validation */
    .mainContent .field { padding-bottom:12px;}
    .mainContent .fieldset {margin-top:12px; }
    .mainContent .field.showL .legend{font-size:16px;}
    /* card option */
    .mainContent .card-title { font-size:21px; }
    .mainContent .card-option { font-size:20px; padding:16px 80px 16px 30px; }
    /* button */
    .mainContent .btnOrangeText { height:56px!important; font-size:20px!important; }
    /* Returned Error Message */
    .mainContent .returnedErrMsg { font-size:16px; }
    .mainContent .returnedErrMsg.balance { display:inline-block; height:24px; }
}

/* ----- Common Bottom Style ----- */
.mainBottom { height:120px; padding:40px 0px; }
.mainBottom .btnStd { width:100%; -webkit-appearance:none; border:0; outline:0; height:40px; border-radius:8px; text-align:center; background:#adcbf5; font-size:16px; }
.mainBottom .btnStd:hover { background:#c6daf5; }
.mainBottom .btnStd:active { background:#95bdf5; }
.mainBottom .btnStd[disabled], .mainBottom .btnStd.disabled { background:rgba(32,32,32,0.2) !important; color:#fff !important; cursor:default; }
.mainBottom .btnLoad[disabled] { position:relative; background:rgba(32,32,32,0.2) !important; color:transparent !important; cursor:default; }
.mainBottom .btnLoad[disabled]::after { content:''; position:absolute; left:calc(50% - 12px); top:calc(50% - 12px); width:24px; height:24px; background:url('../image/icon/ic_btn_Loading.png') no-repeat; background-size:cover; background-position:center; animation:loading 1s infinite linear forwards; }
@keyframes loading {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
.mainBottom .validationError { padding:0px 6px; font-size:14px; display:none; color:rgba(232,70,37,1); }
@media screen and (min-width: 375px) {
    .mainBottom .btnStd { height:44px!important; font-size:18px!important; }
}
@media screen and (min-width: 768px) {
    .mainBottom .btnStd { height:44px!important; font-size:18px!important; }
}
@media screen and (min-width: 1024px) {
    .mainBottom .btnStd { height:56px!important; font-size:20px!important; }
}

/* ----- Default Page (OTP) Style ----- */
#defaultContent { padding-top:0px !important; background:url('../image/imagery/iconBg@2x.png') repeat; background-size:240px auto;  }
#defaultContent .mainHeader { position:relative;height:118px;background-color:transparent; background:none;}
/*#defaultContent .mainHeader .headerMiddle { height:240px; position:relative; }
#defaultContent .mainHeader .headerMiddle .title { padding-left:132px; font-size:16px; line-height:22px; }*/
#defaultContent .mainContent { padding-top:0px; /*margin-top:-32px;*/ z-index:9999; }
#defaultContent .respContainer { min-width:280px; /*min-height:initial !important;*/ }
#defaultContent .content-container { position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; }
#defaultContent .content-container .icon.icon-logo { position:relative; left:initial; bottom:initial; margin:20px 0px 24px 0px; }
#defaultContent .content-container .desp { font-size:39px; line-height:39px; color:#fff; font-weight:bold; }
#defaultContent .content-container .desp2 { font-size:12px; line-height:18px; color:#fff; margin-top:8px; }

#defaultContent .logonew-container{display:flex;justify-content:center;}
/*#defaultContent .logonew {width:188px;height:83.6px;background:url('../image/imagery/catLogoLogin188@2x.png') no-repeat; background-size:cover; background-position:center;position:absolute;top:-62px;}*/
#defaultContent .logonew {width:153px;height:102px;position:absolute;top:-42px;}
.logonewImg{width:153px;height:102px;}
#defaultContent .logoText{justify-content:center;color:rgb( 244, 127, 31);display:flex;font-size:24px;font-weight:bold;text-align:center;margin-top:60px;}
body.eng #defaultContent .logoText { font-size:21px; }
#defaultContent .logoText2 { font-size:16px; color:#f5842f; text-align:center; margin-bottom:24px; }
#defaultContent .login-row-div-top{margin-top:8px;}
#defaultContent .login-row-div{height: 46px;background-color: rgb(242, 242, 242);border-radius: 100px;margin-top:16px;}
#defaultContent .login-row-div-border{border:solid 1px #e84625;}
#defaultContent .logotextTop {display: flex;justify-content: center;flex-direction: column;align-items: center;margin-bottom:10px;margin-top:3px;}
#defaultContent .logotextTop .topText1 {font-size:20px;letter-spacing: 4px;}
#defaultContent .logotextTop .topTextSmall {font-size:14px;letter-spacing: 4px;}

#defaultContent .loginBox {width:100%;padding:20px 20px 16px 20px;background:#fff;border-radius:32px;box-shadow: 0px 24px 20px 0px rgba(140, 108, 59, 0.25);
background: linear-gradient(
  0deg,
  rgba(255, 255, 255, 0.6) 0%,
  rgba(255, 255, 255, 1) 28%,
  rgba(255, 255, 255, 1) 75%,
  rgba(255, 255, 255, 0.6) 100%
);
border: 2.5px solid #fff;

}
#defaultContent .loginBox .loginRow { padding-top:10px; margin-bottom:6px; border-bottom:1px solid rgba(32,32,32,0.5); }
#defaultContent .loginBox .loginRow.err { border-bottom-color:#e84625; }
#defaultContent .loginBox .select-container { position:relative; float:left; }
#defaultContent .loginBox .select-container select { -webkit-appearance:none; outline:0px; border:0px; text-align:right; padding-right:18px; width:76px; height:48px; font-weight:bold; font-size:16px; margin-right:8px; background:transparent; }
#defaultContent .loginBox .select-container::after { content:''; position:absolute; top:20px; right:-6px; width:0px; height:0px; border-top:8px solid rgb(244,127,31); border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:0px; }
#defaultContent .loginBox .input { float:left; padding-left:24px; width:calc(100% - 102px - 8px); font-size:16px;background: transparent;height:46px }
#defaultContent .loginBox .inputReferenceCode { float:left; padding-left:24px;font-size:16px;background: transparent;height:46px;border:none;  outline:0;width:100%;}
#defaultContent .loginBox .questionMark{width:24px;height:24px;background-image: url('../image/icon/headerIconSize15NorInfosFill@2x.png');background-size: 24px 24px;background-repeat: no-repeat;margin-top: 11px;margin-right: 12px;}
#defaultContent .message-foot1 .btnCom {text-align: center;margin-top: 20px;color: rgb(243, 104, 16);}
#defaultContent .message-div .messagePromoteCodeContent {font-size:16px; line-height:22px;padding:24px 16px; display: flex;flex-direction: column;align-items: center;}
#defaultContent .message-div .messagePromoteCodeContent .imageCat {width:180px;height:177px;background-image: url('../image/icon/icReferral@2x.png');background-repeat: no-repeat;background-size:cover;}
#defaultContent .message-div .messagePromoteCodeContent .catDes {margin-top:10px;text-align: center;padding: 0 15px;}
#defaultContent .message-div .messagePromoteCodeContent .catdesFont {color:rgb(217,164,85);}
#defaultContent .message-div .messagePromoteCodeContent .coinsImg {width:16px;height:16px;background-image: url('../image/icon/coinsWhite@2x.png');background-repeat: no-repeat;background-size:cover;display: inline-block; margin-left:4px; vertical-align:middle;}
#defaultContent .message-div .messagePromoteCodeContent .catDesEN {margin-top:10px;text-align: center;}


#defaultContent .loginBox .inputLeft {padding-left:16px;}
#defaultContent .loginBox .input.otp { width:50%; }
#defaultContent .loginBox .btnText { -webkit-appearance:none; border:0; outline:0; background: rgb(246, 162, 70); float:right; height:46px; line-height:44px; font-size:15px; color:rgb(255,255,252); cursor:pointer;border-radius: 100px;min-width:108px; }
#defaultContent .loginBox .btnText.disabled { color:rgb(252,252,252); cursor:default;background: rgb(255, 200, 150)!important; }
#defaultContent .loginBox .msgRow { padding:4px 0px 4px 0px; min-height:40px; }
#defaultContent .loginBox .errMsg { font-size:14px; line-height:24px; color:#e84625; }
#defaultContent .loginBox .btnGroup { display: flex;justify-content: center;margin-bottom: 35px; }
#defaultContent .loginBox .btnStd { padding-left: 16px;padding-right:16px;min-width:120px; -webkit-appearance:none; border:0; outline:0; height:46px; border-radius:100px; text-align:center; background:rgb(246,162,70); font-size:22px;font-weight:bold; color:rgb(252,252,252);line-height: 22px;}
/*body.eng #defaultContent .loginBox .btnStd { padding-left: 16px;padding-right:16px;min-width:120px; -webkit-appearance:none; border:0; outline:0; height:46px; border-radius:100px; text-align:center; background:rgb(246,162,70); font-size:20px;font-weight:bold; color:rgb(252,252,252);line-height: 22px;}*/
body.eng #defaultContent .loginBox .btnStd { font-size:20px; }
#defaultContent .loginBox .btnStd.disabled { background:rgb(255,200,150) !important; color:#fff !important; cursor:default; }
#defaultContent .openModel { width:100%; }
#defaultContent .message-div { width:100%; }
#defaultContent .message-content {font-size:16px; line-height:22px; text-align: center;padding:32px 34px;}
#defaultContent .message-foot1 {height:68px; border-top: solid 1px rgba(0,0,0,0.06);margin:0 auto;font-size:16px;}
#defaultContent .message-foot1 .btn-left{float:left;width:50%;border-right:solid 1px rgba(0,0,0,0.06);height:68px;text-align:center;}
#defaultContent .message-foot1 .btn-right{height:68px;text-align:center;}
#defaultContent .message-foot1 .btn-left-text {color:rgba(32,32,32,0.6);line-height:68px;}
#defaultContent .message-foot1 .btn-right-text {color:#f36810;line-height:68px;}
#defaultContent .dropdown {margin-top:0px !important;}
#defaultContent .dropdownSelectBorder{border:none !important;}
#defaultContent .mainContent .btn-text-align {text-align:left;padding-left: 24px;width:102px;}
#defaultContent .mainContent .dropdown-toggle::after { background-image:none; }
#defaultContent .mainContent .dropdown-menu{border:none;border-radius:24px;  box-shadow: 0 4px 4px 0 #8c6c3b25;width:123px;max-height: 226px;}
#defaultContent .mainContent .form-check-checkbox {margin-right: 13px;}
#defaultContent .mainContent .dropdown-menu.multilines .form-check-text {padding-right:0px;}
#defaultContent .mainContent .dropdown-menu .form-check {padding-left: 16px;padding-right: 16px;}
#defaultContent .VerificationDiv {width:304px;height:332px;box-sizing: border-box;margin:0px 12px;}
#defaultContent .VerificationDiv-heade{height: 48px;padding-top:12px;}
#defaultContent .heade-right {float:right;width:75px;display:flex;gap:10px;}
#defaultContent .heade-right .icLoginRehresh {width:24px;height:24px;background-image: url('../image/icon/icLoginRehreshNor@2x.png');background-size: 24px 24px;background-repeat: no-repeat;}
#defaultContent .heade-right .headerIconsRight {width:24px;height:24px;background-image: url('../image/icon/headerIconsRight@2x.png');background-size: 24px 24px;background-repeat: no-repeat;}
#defaultContent .VerificationDiv-des {margin-bottom:8px;text-align:center;font-size:16px;padding-right:21px;}
#defaultContent .VerificationDiv-bottom {bottom:12px;position:absolute;color:rgb(240,90,90);}
#defaultContent .outer-container {display: flex;justify-content: center;align-items: center;min-height: 100vh;}
#defaultContent .captcha-container {width: 280px;height: 157.5px;position: relative;user-select: none;}
#defaultContent .slider-bar {width: 280px;height: 23px;background: rgba(204, 200, 194, 0.2);border-radius: 20px;margin-top: 24px;position: relative;}
#defaultContent .slider-btn {width: 72px;height: 44px;border-radius: 100px;position: absolute;top: -10px;left: -3px;cursor: grab !important;display: flex;align-items: center;justify-content: center;font-weight: bold;background-color: rgb(245, 185, 95);}
#defaultContent #puzzleCanvas {position: absolute;top: 50px;left: 10px;}
#defaultContent #progressBar {position: absolute;top: 0;left: 0;height: 100%;background: rgba(245, 185, 95, 0.2);border: 1px solid rgb(245, 185, 95);border-radius: 20px;width: 0;}
#defaultContent .message {margin-top: 10px;color: red;display: none;}
#defaultContent .image-load-error {color: rgb(240,90,90);bottom:12px;display: none;position:absolute;font-size:15px;}
#defaultContent #bgCanvas {border-radius: 8px;}
#defaultContent .serviceFeeDiv { float:right; margin-top:24px; padding-right:16px; }
#defaultContent .serviceFeeDiv a { font-size:15px; color:rgb(115,115,115); text-decoration:underline; }
/*#defaultContent .remarkDiv { position:relative; text-align:right; font-size:14px; color:rgb(156,147,134); margin-right:-4px; }*/
#defaultContent .remarkDiv { position:relative; display:flex; justify-content:flex-end; }
#defaultContent .remarkDiv .aboutAacat { position:absolute; left:-14px; bottom:-12px; width:66px; height:66px; background:url('../image/icon/btn-about-tc-sc-tc@2x.png') no-repeat; background-size:contain; cursor:pointer; }
body.eng #defaultContent .remarkDiv .aboutAacat { background-image:url('../image/icon/btn-about-en-en@2x.png'); }
#defaultContent .remarkDiv .sfc { font-size:14px; color:rgb(156,147,134); margin-right:-4px; }
body.eng #defaultContent .VerificationDiv {width:304px;height:358px;box-sizing: border-box;margin:0px 12px;}
body.eng #defaultContent .logoTextEn {font-size:28px;justify-content:center;color:rgb( 244, 127, 31);display:flex;font-weight:bold;flex-direction:column;align-items:center;margin-bottom:24px;}

#defaultContent .mainBottom { height:initial; padding:16px 0px 0px 0px; }
#defaultContent .mainBottom .bottomBar { background:rgba(248,210,165,0.6); }
#defaultContent .downloadButtonDiv { width:100%; display:flex; justify-content:center; align-items:center; padding:12px 0px 20px 0px; }
#defaultContent .btnAppIcon { width:60px; height:60px; background: url('../image/icon/cat-logo-login-96-i-os@2x.png') no-repeat; background-size:contain; }
#defaultContent .btnIosIcon { width:107px; height:39px; background: url('../image/icon/ic-download-ios-tc-i-os-tc@2x.png') no-repeat; background-size:100% 100%; cursor:pointer; margin-left:12px; }
body.chn #defaultContent .btnIosIcon { background-image: url('../image/icon/ic-download-ios-sc-i-os-sc@2x.png'); }
body.eng #defaultContent .btnIosIcon { background-image: url('../image/icon/ic-download-ios-en-i-os-en@2x.png'); }
body.ios #defaultContent .btnIosIcon { width:128px; height:46px; }
#defaultContent .btnAosIcon { width:109px; height:40px; background: url('../image/icon/ic-download-aos-tc-android-tc@2x.png') no-repeat; background-size:100% 100%; cursor:pointer; margin-left:12px; }
body.chn #defaultContent .btnAosIcon { background-image: url('../image/icon/ic-download-aos-sc-android-sc@2x.png'); }
body.eng #defaultContent .btnAosIcon { background-image: url('../image/icon/ic-download-aos-en-android-en@2x.png'); }
body.aos #defaultContent .btnAosIcon { width:130px; height:48px; }
#defaultContent .descDiv { text-align:center; font-size:14px; color:#737373; padding:0px 24px; }
#defaultContent .descDiv .descText { padding-bottom:10px; }
#defaultContent .descDiv .descLink { display:flex; gap:32px; justify-content:center; padding-bottom:20px; }
#defaultContent .descDiv .descLink > a { text-decoration:underline; color:#737373; }

@media screen and (min-width: 375px) {
    #defaultContent .mainHeader {height:118px;}
    #defaultContent .respContainer { width:319px; }
    #defaultContent .mainHeader .headerMiddle .title { padding-left:152px; font-size:18px; min-height:46px; }
    #defaultContent .loginBox { padding-bottom:16px; }
    #defaultContent .loginBox .select-container select { font-size:18px; }
    /*#defaultContent .loginBox .input { font-size:18px; height:48px; }*/
    #defaultContent .loginBox .btnText { font-size:15px; }
    #defaultContent .loginBox .errMsg { font-size:14px; }
    #defaultContent .loginBox .btnStd { font-size:22px; height:46px; }
    body.eng #defaultContent .loginBox .btnStd { font-size:17px; }
    #defaultContent .message-content { font-size:18px; }
    #defaultContent .message-foot1 { font-size:18px; }
    body.eng #defaultContent .logoTextEn {margin-top:30px;margin-bottom:16px;}
    #defaultContent .logoText{font-size:28px; margin-top:60px;}
    body.eng #defaultContent .logoText { font-size:25px; }
    #defaultContent .login-row-div-top{margin-top:14px;}
    #defaultContent .login-row-div{height: 46px;background-color: rgb(242, 242, 242);border-radius: 100px;margin-top:20px;}
    #defaultContent .loginBox .btnGroup { margin-bottom: 35px; }
    #defaultContent .input {height:46px;font-size:16px; }
    #defaultContent .mainContent .form-check-text {font-size:16px;}
    #defaultContent  .mainContent .dropdownSelectBorder {font-size:18px;height:46px;}
    #defaultContent .serviceFeeDiv { padding-right:16px; }
    #defaultContent .remarkDiv .sfc { margin-right:-4px; }
    #defaultContent .btnIosIcon { width:129px; height:46px; }
    #defaultContent .btnAosIcon { width:130px; height:48px; }
    #defaultContent .message-div .messagePromoteCodeContent .catDes {padding: 0 42px;}
}
@media screen and (min-width: 768px) {
    #defaultContent .mainHeader {height:150px;}
    #defaultContent .logoText{font-size:32px; margin-top:40px;}
    body.eng #defaultContent .logoText { font-size:34px; }
    body.eng #defaultContent .logoTextEn {margin-top:16px;margin-bottom:32px;}
    #defaultContent .logoText2 { margin-bottom:32px; }
    #defaultContent .respContainer { width:480px; }
    #defaultContent .mainHeader .headerMiddle .title { min-height:30px; }
    #defaultContent .mainHeader .headerMiddle .title > br { display:none; }
    #defaultContent .loginBox .btnText { font-size:15px; }
    #defaultContent .message-content { font-size:18px; }
    #defaultContent .message-foot1 { font-size:18px; }
    #defaultContent .loginBox { width:100%; padding:40px 40px 16px 40px;}
    #defaultContent .input {height:46px;font-size:16px; }
    #defaultContent .mainContent .form-check-text {font-size:16px;}
    #defaultContent  .mainContent .dropdownSelectBorder {font-size:18px;height:46px;}
    #defaultContent .loginBox .btnGroup { margin-bottom: 35px; }
    #defaultContent .serviceFeeDiv { padding-right:16px; }
    #defaultContent .remarkDiv .sfc { margin-right:-24px; }
    #defaultContent .remarkDiv .aboutAacat { left:-34px; }
    #defaultContent .descDiv { font-size:16px; }
    #defaultContent .descDiv .descLink { padding-bottom:24px; }
    #defaultContent .message-div .messagePromoteCodeContent .catDes {padding: 0 60px;font-size:18px;}
    #defaultContent .message-div .messagePromoteCodeContent .catDesEN {font-size:18px;}
    #defaultContent .loginBox .btnStd { font-size:22px; height:46px; }
    body.eng #defaultContent .loginBox .btnStd { font-size:22px; }
}
@media screen and (min-width: 1024px) {
    #defaultContent .logoText{font-size:32px; margin-top:40px;}
    body.eng #defaultContent .logoText { font-size:34px; }
    body.eng #defaultContent .logoTextEn {margin-top:16px;margin-bottom:32px;}
    #defaultContent .respContainer { width:480px; min-width:480px; }
    /*#defaultContent .mainHeader { height:270px; }*/
    #defaultContent .mainHeader .headerMiddle { height:320px; }
    #defaultContent .mainHeader .headerMiddle .title { padding-left:175px; font-size:24px; }
    #defaultContent .content-container .icon.icon-logo { margin-top:17px; }
    #defaultContent .content-container .desp2 { font-size:15px; line-height:18px; }
    #defaultContent .loginBox { padding:40px 40px 16px 40px; }
    #defaultContent .loginBox .select-container select { font-size:20px; height:46px; }
    #defaultContent .loginBox .select-container::after { top:22px; }
    #defaultContent .loginBox .input { font-size:16px; height:46px; }
    #defaultContent .loginBox .btnText { font-size:15px; }
    #defaultContent .loginBox .errMsg { font-size:14px; }
    #defaultContent .loginBox .btnStd { font-size:22px; height:46px; }
    body.eng #defaultContent .loginBox .btnStd { font-size:22px; }
    #defaultContent .loginBox .btnGroup { margin-bottom:35px; }
    #defaultContent .message-content { font-size:20px; }
    #defaultContent .message-foot1 { font-size:20px; }
    #defaultContent .input {height:46px;font-size:16px; }
    #defaultContent .mainContent .form-check-text {font-size:16px;}
    #defaultContent  .mainContent .dropdownSelectBorder {font-size:18px;height:46px;}
    #defaultContent .serviceFeeDiv { padding-right:16px; }
    #defaultContent .remarkDiv .sfc { margin-right:-24px; }
    #defaultContent .message-div .messagePromoteCodeContent .catDes {padding: 0 60px;font-size:18px;}
    #defaultContent .message-div .messagePromoteCodeContent .catDesEN {font-size:18px;}
    #defaultContent #box[data-box='3']{max-width:400px !important;}
}




/* ----- PersonalInfo Page Style ----- */

#personalInfoContent .dropdown-toggle, #personalInfoContent .dropdown-menu {box-sizing: border-box!important;}
#personalInfoContent .uploadBox { background:rgba(32,32,32,0.04); padding:17px 8px 14px 9px; border-radius:10px; margin-top:8px; margin-bottom:8px; }
#personalInfoContent .uploadBox .title { float:left; padding-left:8px; font-size:16px; color:#202020; font-weight:bold; }
#personalInfoContent .uploadBox .samplelink { float:right; padding-right:7px; font-size:16px; color:#f36810; cursor:pointer; }
#personalInfoContent .uploadBox .point ul { font-size:18px; line-height:24px; margin-top:12px; margin-bottom:0px; padding-left:28px; }
#personalInfoContent .uploadBox .point ul > li { padding-bottom:12px; }
#personalInfoContent .uploadBox .point ul > li:last-of-type { padding-bottom:0px; }
#personalInfoContent .uploadContainer { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:152px; margin-top:16px; cursor:pointer; position: relative; }
#personalInfoContent .uploadContainer.s2 { height:183px; }
#personalInfoContent .uploadContainer .btnUpload {margin-left:36px; display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; white-space:nowrap; }
#personalInfoContent .sample{padding:12px 11px!important;}
#personalInfoContent .zhengWh-box {  position: relative;  width:153px!important;height: 98px!important;}
#personalInfoContent .zhengWh { position:absolute;top:0px;left:0px; width:153px!important;height: 98px!important;border-radius:6px;}
#personalInfoContent .pp-box {  position: relative;  width:153px!important;height: 130px!important;}
#personalInfoContent .pp { position:absolute;top:0px;left:0px; width:92px!important;height: 130px!important;border-radius:6px;}
#personalInfoContent .pp.f-center { left:calc(50% - 46px); }
#personalInfoContent .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#personalInfoContent .btnStd {box-sizing: border-box!important;}
#personalInfoContent .preview{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;}
/*#personalInfoContent .preview > img{position:absolute;z-index:10;width:100%;height:100%;top:0px;left:0px;border-radius:10px;}*/
#personalInfoContent .preview > img{position:relative;z-index:10;width:initial;height:initial;max-width:100%;max-height:100%;top:0px;left:0px;border-radius:10px;}
#personalInfoContent .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#personalInfoContent .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#personalInfoContent .mainContent{ padding-top:0px;}
/*#personalInfoContent #medium{display:none;position:absolute;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;}
#personalInfoContent #medium .itmes{top:30vh; padding:19px 16px 17px 18px; position:fixed;left:50%;background:#fff;border-radius:16px;box-sizing:border-box !important;}
#personalInfoContent #medium .itme img{width:20px;height:18px;}
#personalInfoContent #medium .itme div{margin-left:14px;font-size:16px;}*/
#personalInfoContent .File-box, .tailor-box { max-height: 70vh;}
/*#personalInfoContent .Rotate{color:#fff;padding:10px 15px;border:1px solid rgb(170, 118, 118);border-radius:10px;}*/
#personalInfoContent .message-title {font-size: 22px; padding:20px 15px 0px 15px; font-weight:bold;}
#personalInfoContent .message-title2 {font-size: 22px; padding:32px 15px 0px 15px; font-weight:bold; text-align:center; }
#personalInfoContent .message-content {font-size: 16px; line-height:22px; text-align: center;padding:32px 34px;}
#personalInfoContent .message-content2 {font-size: 16px; line-height:22px; text-align: left;padding:4px 15px;}
#personalInfoContent .message-content2 .msg-row { margin-top:20px; }
#personalInfoContent .message-content2 .msg-text { font-size:16px; color:#202020; float:left; }
#personalInfoContent .message-content2 .msg-value { font-size:16px; color:#202020; float:right; text-align:right; font-weight:bold; }
#personalInfoContent .message-content2 .msg-remark { font-size:14px; line-height:18px; color:rgba(32,32,32,0.6); text-align:left;word-wrap:break-word;  }
#personalInfoContent .message-content2 .msg-row #cnfEmail { word-wrap:break-word;width:200px;text-align:right;}

#personalInfoContent .message-content3 { font-size: 16px; line-height:22px; text-align: center; padding:8px 34px 32px 34px; }
#personalInfoContent .message-foot {height:68px;width: 290px; border-top: solid 1px rgba(0,0,0,0.06);margin:0 auto;}
#personalInfoContent .message-foot .btnCom {margin:0px auto;color:#f36810;font-size:16px;margin-top:23px;text-align:center;}
#personalInfoContent .message-foot2 { min-height:68px;width: 100%; padding:0px 15px; margin-top:20px; }
#personalInfoContent .message-foot2 .btnStd { width:48%; }
#personalInfoContent .message-foot2 .msg-btn-left { float:left; }
#personalInfoContent .message-foot2 .msg-btn-right { float:right; }
#personalInfoContent #openModel2 { width:100%; }
#personalInfoContent .front{position:absolute;z-index:2;font-weight:bold;font-size: 22px;height:30px;text-align:center;}
#personalInfoContent .back{position:absolute;z-index:2;font-weight:bold;font-size: 22px;height:30px;}
/*#personalInfoContent .pp{height:130px;width:92px}*/
#personalInfoContent .message-upload-title{font-size:22px;text-align:center;}
#personalInfoContent .message-describe{margin-top:8px;}
#personalInfoContent .message-describe p{text-align:left;font-size:16px;color:rgba(32,32,32,0.6);margin-top:16px;}
#personalInfoContent .examples-div2{border:1px dashed rgba(32,32,32,0.2);border-radius:10px;padding:10px;}
#personalInfoContent .examples-div{border:1px dashed rgba(32,32,32,0.2);border-radius:10px;padding:10px;}
#personalInfoContent .examples-div .hkId{width:240px;height:148px;}
#personalInfoContent .examples-div .passport{width:137px;height:200px;}
#personalInfoContent .examples-div .passportback{width:240px;height:155px;}
#personalInfoContent .examples-front-title{text-align:left;font-size:16px;color:rgba(32,32,32,0.6);margin-top:16px;margin-bottom:5px;}
#personalInfoContent .message-scroll-div {height:70vh;overflow-y:scroll;}
#personalInfoContent .uploadContainer .btnUpload2 {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; white-space:nowrap;margin-top:30px; }
#personalInfoContent .uploadBox2 {background:rgba(32,32,32,0.04);padding: 1px 8px 14px 9px;border-radius:10px;margin-top:16px;margin-bottom:8px;}
#personalInfoContent .uploadn-ationality{}
#personalInfoContent .uploadBox-a2{margin-top:15px;}
#personalInfoContent .uploadBox-a2 .title {font-size:17px;font-weight:bold;}
#personalInfoContent .uploadBox-a2 .point ul{ margin-left:0px;padding-left:23px;}
#personalInfoContent .uploadBox-a2 .point ul li{ margin-top:8px;}
#personalInfoContent .flowRoot {display: flow-root;}

#personalInfoContent2 .message-title2 {font-size: 22px; padding:32px 15px 0px 15px; font-weight:bold; text-align:center; }
#personalInfoContent2 .message-content3 { font-size: 16px; line-height:22px; text-align: center; padding:8px 34px 32px 34px; }
#personalInfoContent2 .message-foot {height:68px;width: 290px; border-top: solid 1px rgba(0,0,0,0.06);margin:0 auto;}
#personalInfoContent2 .message-foot .btnCom {margin:0px auto;color:#f36810;font-size:16px;margin-top:23px;text-align:center;}
#personalInfoContent .uploadBox-p {  padding:17px 0px 0px 0px; border-radius:10px; margin-top:8px; margin-bottom:8px; }
#personalInfoContent .uploadBox-p .title { float:left;font-size:16px; color:#202020; font-weight:bold; }
#personalInfoContent .uploadBox-p .samplelink { float:right; padding-right:7px; font-size:16px; color:#f36810; cursor:pointer; }
#personalInfoContent .uploadBox-p .uploadBox-p-describe{font-size:16px;color:rgba(32,32,3,0.6);margin-top: 5px;}
#personalInfoContent .uploadBox-p-title{font-size:16px;color:rgba(32,32,3,0.6);margin-top: 16px;}
#personalInfoContent .uploadBankDiv{margin-top:20px;}
#personalInfoContent .uploadBankDiv .upload-h1{float:left;font-size:17px;font-weight:bold;}
#personalInfoContent .uploadBankDiv .upload-case{float:right;color:#f36810;font-size:16px;}
#personalInfoContent .uploadBankDiv .upload-describe{font-size:16px;}
#personalInfoContent .uploadBankDiv .upload-describe ul { padding-left:20px; }
#personalInfoContent .uploadBankDiv .upload-describe ul li{margin-top:12px;}
#personalInfoContent .uploadBankDiv .uploadBox3 { background:rgba(32,32,32,0.04); padding:16px  9px; border-radius:10px; margin-bottom:10px; margin-top:16px;}
#personalInfoContent .uploadBankDiv .uploadContainer2 { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:140px; cursor:pointer;position:relative; }
#personalInfoContent .uploadBankDiv .uploadContainer2 .btnUpload {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; margin-top:30px; }
#personalInfoContent .uploadBankDiv .sample{padding:12px 11px!important;}
#personalInfoContent .uploadBankDiv .zhengWh-box {  position: relative;  width:153px!important;height: 98px!important;}
#personalInfoContent .uploadBankDiv .zhengWh { position:absolute;top:0px;left:0px; width:153px!important;height: 98px!important;border-radius:6px;}
#personalInfoContent .uploadBankDiv .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#personalInfoContent .uploadBankDiv .preview{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;}
#personalInfoContent .uploadBankDiv .preview > img{position:relative;z-index:10;width:initial;height:initial;max-width:100%;max-height:100%;top:0px;left:0px;border-radius:10px;}
#personalInfoContent .uploadBankDiv .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#personalInfoContent .uploadBankDiv .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#personalInfoContent .uploadBankDiv .errArea{position:absolute;}
#personalInfoContent .uploadBankDiv .errArea .validationError{position:relative!important;top:0px!important;}
#personalInfoContent .other-icon {width:22px;height:22px;margin-left:12px;}
#personalInfoContent .otherItem {color:#f36810;font-size:18px;margin-top: 10px;}
/*#personalInfoContent .othervoucherText {display: flex; align-items: center;margin-top: 16px;}
#personalInfoContent .othervoucherText-left {font-size: 18px;flex-shrink: 0; margin-right: 10px;}
#personalInfoContent .othervoucherText-middle {border-bottom: solid 1px #c0c0c0;flex-grow: 1; margin-right:10px;}
#personalInfoContent .othervoucherText-right {flex-shrink: 0;}
#personalInfoContent .othervoucherText-right-img {width: 22px;height: 22px;}*/
#personalInfoContent .othervoucherText{margin-top: 16px;}
#personalInfoContent .othervoucherText-left{font-size:18px;}
#personalInfoContent .othervoucherText-middle{border-bottom:solid 1px #c0c0c0;width: auto;display: inline-block;margin-left: 10px;margin-right: 10px;min-width: 136px;margin-bottom:5px;}
#personalInfoContent .othervoucherText-right{}
#personalInfoContent .othervoucherText-right-img{width:22px;height:22px;float:right;}
body.eng  #personalInfoContent .othervoucherText-middle{min-width: 0px;}

#personalInfoContent .banks-img{width:240px;height:128px;}


@media screen and (min-width: 375px) {
    #personalInfoContent #box[data-box='3']{max-width:340px;}
    #personalInfoContent #box[data-box='4']{max-width:340px;}
    #personalInfoContent #box[data-box='5']{max-width:340px;}
    #personalInfoContent #box[data-box='6']{max-width:340px;}
    #personalInfoContent .sample{padding:16px 26px!important;}
    #personalInfoContent .uploadContainer { height:179px;}
    #personalInfoContent .uploadContainer.s2 { height:219px;}
    #personalInfoContent .zhengWh-box { position: relative;width:180px!important;height: 110px!important;}
    #personalInfoContent .zhengWh { width:180px!important;height: 110px!important;}
    #personalInfoContent .pp-box { position: relative;width:180px!important;height: 153px!important; padding-left:33px;}
    #personalInfoContent .pp { width:100px!important;height: 153px!important;}
    #personalInfoContent .pp.f-center { left:calc(50% - 50px); }
    #personalInfoContent .uploadContainer .btnUpload {margin-left:41px;}
    #personalInfoContent .desp{margin-top:15px;}
    /*#personalInfoContent .message-foot {width:340px;}*/
    #personalInfoContent .examples-div .hkId{width:280px;height:174px;}
    #personalInfoContent .examples-div .passport{width:150px;height:241px;}
    #personalInfoContent .message-title2 { font-size: 24px;}
    #personalInfoContent .message-content { font-size:18px; }
    #personalInfoContent .message-content3 { font-size: 18px;}
    #personalInfoContent .message-foot{width:340px;}
    #personalInfoContent .message-foot .btnCom { font-size:18px; }

    #personalInfoContent2 .message-title2 { font-size: 24px;}
    #personalInfoContent2 .message-content3 { font-size: 18px;}
    #personalInfoContent2 .message-foot{width:340px;}
    #personalInfoContent2 .message-foot .btnCom { font-size:18px; }
    #personalInfoContent .banks-img{width:280px;height:128px;}
    body.eng  #personalInfoContent .othervoucherText-middle{min-width: 56px;}
    #personalInfoContent .uploadBox-p .title {font-size:18px;  }
    #personalInfoContent .uploadBox-p .uploadBox-p-describe{font-size:18px;}
}
@media screen and (min-width: 768px) {
    #personalInfoContent #box[data-box='3']{max-width:370px;}
    #personalInfoContent #box[data-box='4']{max-width:370px;}
    #personalInfoContent #box[data-box='5']{max-width:370px;}
    #personalInfoContent #box[data-box='6']{max-width:370px;}
    #personalInfoContent #box[data-box='13']{max-width:508px;}
    #personalInfoContent .message-foot{width:auto;}
    #personalInfoContent .sample{padding:16px 40px!important;}
    #personalInfoContent .uploadContainer { height:244px;}
    #personalInfoContent .uploadContainer.s2 { height:300px; }
    #personalInfoContent .zhengWh-box { position: relative;width:280px!important;height: 174px!important;}
    #personalInfoContent .zhengWh { width:280px!important;height: 174px!important;}
    #personalInfoContent .pp-box { position: relative;width:280px!important;height: 214px!important; padding-left:65px;}
    #personalInfoContent .pp { width:150px!important;height: 214px!important;}
    #personalInfoContent .pp.f-center { left:calc(50% - 75px); }
    #personalInfoContent .uploadContainer .btnUpload {margin-left:93px;}
    #personalInfoContent .desp{margin-top:16px;}
    #personalInfoContent .examples-div .hkId{width:280px;height:174px;}
    #personalInfoContent .examples-div .passport{width:150px;height:241px;}
    #personalInfoContent .examples-front-title{font-size:18px;}
    #personalInfoContent .message-describe p{font-size:18px;}
    #personalInfoContent .message-title2 { font-size: 24px;}
    #personalInfoContent .message-content { font-size:18px; }
    #personalInfoContent .message-content3 { font-size: 18px;}
    #personalInfoContent .message-foot .btnCom {font-size:18px;}
    #personalInfoContent2 .message-title2 { font-size: 24px;}
    #personalInfoContent2 .message-content3 { font-size: 18px;}
    #personalInfoContent2 .message-foot .btnCom {font-size:18px;}
    #personalInfoContent .message-content2 .msg-row #cnfEmail {width:250px;}
    #personalInfoContent .banks-img{width:440px;height:236px;}
    body.eng  #personalInfoContent .othervoucherText-middle{min-width: 136px;}
    #personalInfoContent .uploadBox-p .title {font-size:18px;  }
    #personalInfoContent .uploadBox-p .uploadBox-p-describe{font-size:18px;}
}
@media screen and (min-width: 1024px) {
    #personalInfoContent .sample{padding:32px 0px 10px 36px!important;}
    #personalInfoContent .uploadContainer { height:181px;}
    #personalInfoContent .uploadContainer.s2 { height:212px; }
    #personalInfoContent .zhengWh-box { position: relative;width:158px!important;height: 98.6px!important;}
    #personalInfoContent .zhengWh { width:158px!important;height: 98.6px!important;}
    #personalInfoContent .pp-box { position: relative;width:158px!important;height: 130px!important;}
    #personalInfoContent .pp { width:92px!important;height: 130px!important;}
    #personalInfoContent .pp.f-center { left:calc(50% - 46px); }
    #personalInfoContent .uploadContainer .btnUpload {margin-left:43px;}
    #personalInfoContent .desp{margin-top:18px;}

    #personalInfoContent .message-title { font-size:32px; padding:40px 40px 0px 40px; }
    #personalInfoContent .message-title2 { font-size:32px;}
    #personalInfoContent .message-content { font-size:20px; }
    #personalInfoContent .message-content2 { padding:4px 40px; }
    #personalInfoContent .message-content2 .msg-text { font-size:20px; }
    #personalInfoContent .message-content2 .msg-value { font-size:20px; }
    #personalInfoContent .message-content2 .msg-remark { font-size:16px; margin-top:10px; }
    #personalInfoContent .message-content3 { font-size:20px; padding-top:10px;}
    #personalInfoContent .message-foot2 { padding:24px 40px; }

    #personalInfoContent .infoSection-left, #personalInfoContent .infoSection-left-2 { float:left; width:48%; }
    #personalInfoContent .infoSection-right, #personalInfoContent .infoSection-right-2 { float:right; width:48%; }

    #personalInfoContent .uploadBox .uploadBox-a { float:left; width:45%; }
    #personalInfoContent .uploadBox .uploadBox-b { float:right; width:50%; }
    /*#personalInfoContent .uploadn-ationality .uploadBox .uploadBox-a {float:none;width:auto}
    #personalInfoContent .uploadn-ationality .uploadBox .uploadBox-b {float:none;width:auto}*/

    #personalInfoContent .examples-div {width:300px;}
    #personalInfoContent .examples-div .hkId{width:280px;height:174px;}
    #personalInfoContent .examples-div .passport{width:150px;height:241px;}
    #personalInfoContent .examples-front-title{font-size:20px;}
    #personalInfoContent .message-describe p{font-size:20px;}
    #personalInfoContent .message-foot{height:80px; width:auto;}
    #personalInfoContent .message-foot .btnCom {font-size:20px;}
    #personalInfoContent #box[data-box='3']{max-width:370px;}
    #personalInfoContent #box[data-box='4']{max-width:710px;}
    #personalInfoContent #box[data-box='5']{max-width:370px;}
    #personalInfoContent #box[data-box='6']{max-width:710px;}
    #personalInfoContent .examples-left{float:left;}
    #personalInfoContent .examples-right{float:right;margin-left:24px;}
    #personalInfoContent .message-upload-title{font-size:32px;}
    #personalInfoContent .examples-front-title{font-size:20px;}
    #personalInfoContent .passport{width:300px;}
    #personalInfoContent2 .message-title2 { font-size:32px;}
    #personalInfoContent2 .message-content3 { font-size:20px; padding-top:10px;}
    #personalInfoContent .message-content2 .msg-row #cnfEmail {width:290px;}
    #personalInfoContent .banks-img{width:440px;height:236px;}
    body.eng  #personalInfoContent .othervoucherText-middle{min-width: 136px;}
    #personalInfoContent .uploadBox-p .title {font-size:20px;  }
    #personalInfoContent .uploadBox-p .uploadBox-p-describe{font-size:18px;}
}


/* ----- Occupation Page Style ----- */
#occupationInfoContent .mainContent  .declaration1{margin-top:20px;}
#occupationInfoContent .mainContent  .otherNameInput {background-color:rgba(255,154,67,0.1);border:0px;}
#occupationInfoContent .mainContent  .gztys {color:#f36810; cursor:pointer;}
#occupationInfoContent .displayDiv{ display:none;}
@media screen and (min-width: 375px) {
    
}
@media screen and (min-width: 768px) {
    
}
@media screen and (min-width: 1024px) {
   /* fieldset with validation */
#occupationInfoContent .mainContent .field { padding-bottom:10px; position:relative; }
#occupationInfoContent .occupationInfoContent-left{float:left;margin-right:32px;width:348px;}
#occupationInfoContent .occupationInfoContent-right {float:right;width:348px;}
#occupationInfoContent .mainContent  .declaration1{font-size:20px;}

    
}

/* ----- FinanceInfo Page Style ----- */
#financeInfoContent #dropdownArea3 .dropdown-item-title{font-size:14px; color:#707070;margin-bottom:0px;margin-top:0px;padding:15px; }
#financeInfoContent #dropdownArea3 .option-bg {color:#f36810;}
#financeInfoContent #dropdownArea4 .dropdown-item-title {font-size:14px; color:#707070;margin-bottom:0px;margin-top:0px;padding-top:20px;padding-left:16px;padding-bottom:10px;}
/*#financeInfoContent #dropdownArea4 .search-img{background:url('../image/icon/ic_search@2x.png') no-repeat; background-size:cover;height:18px;width:18px;}*/
/*#financeInfoContent #dropdownArea4 .search-text{background:url('../image/icon/ic_search@2x.png')  no-repeat;background-size:24px;background-position:9px,0px; margin-left:14px;background-color:rgba(32,3,32,0.04);height:40px;border:0px;border-radius:6px;width:-webkit-fill-available;padding:0px; }
#financeInfoContent #dropdownArea4 .search-text2{background-size:24px;background-position:9px,0px; margin-left:14px;background-color:rgba(32,3,32,0.04);height:40px;border:0px;border-radius:6px;width:-webkit-fill-available;padding:0px; }*/
/*#financeInfoContent #dropdownArea4 #card4-0 {margin-right:15px;}*/
#financeInfoContent #dropdownArea4 .option-bg {color:#f36810;}
    
@media screen and (min-width: 375px) {
#financeInfoContent #dropdownArea4 .dropdown-item-title {font-size:16px;}
#financeInfoContent #dropdownArea3 .dropdown-item-title {font-size:16px;}
}
@media screen and (min-width: 768px) {
 #financeInfoContent #dropdownArea4 .dropdown-item-title {font-size:16px;}
 #financeInfoContent #dropdownArea3 .dropdown-item-title {font-size:16px;}
}
@media screen and (min-width: 1024px) {
#financeInfoContent #dropdownArea4 .dropdown-item-title {font-size:16px;}
#financeInfoContent #dropdownArea3 .dropdown-item-title {font-size:16px;}
#financeInfoContent .public-div-left{float:left;margin-right:36px;width:348px;}
#financeInfoContent .public-div-right{float:right;width:348px;}
    
    
}

/* ----- SelectAccType  Page Style ----- */
#selectAccTypeContent .accountType {font-size: 48px;font-weight: bold;margin-left: 5%;}
#selectAccTypeContent .liveChatbutton {float: right;margin-right: 5%;}
#selectAccTypeContent {height: 100vh;}
#selectAccTypeContent .indexApp {height: 100%;}
#selectAccTypeContent .selectAccount {width: 100%;height: 44px;padding:4px; border-radius: 8px;column-count: 2;background: rgba(32, 32, 32, 0.04);display: grid;margin-left: 0px!important; column-gap: 9px;border: 0px!important; grid-template-columns:  1fr 1fr;margin-top: 0px !important;  }
#selectAccTypeContent .noHave {height: 36px;line-height: 36px;text-align: center;font-size: 16px;font-weight: bold;color: rgba( 32, 32, 32, 0.6);}
#selectAccTypeContent .clinetHave {border-radius: 10px;height: 36px;line-height: 36px;text-align: center;background-color: rgb(255, 255, 255);font-size: 16px;color: rgb( 243, 104,16);font-weight: bold;}
#selectAccTypeContent .Account-class {margin-top: 20px;position:relative;}
#selectAccTypeContent .Account-class::before {position: absolute;border-color: transparent transparent rgba(255, 154, 67, 0.15) transparent;border-style: solid;border-width: 0px 13px 10px 13px;width: 0;height: 0;content: '';top: -10px;z-index: 2;}
#selectAccTypeContent .after1::before {margin-left: 20%;}
#selectAccTypeContent .after2::before {margin-left: 70%;}
#selectAccTypeContent .stock-box {padding: 15px 8px 6px 8px;display: grid;column-gap: 10px;background: rgba(255, 154, 67, 0.15);column-count: 2;border-radius: 8px;grid-template-columns: 1fr 1fr;box-sizing: border-box;}
#selectAccTypeContent .gupiao2{column-count: 2; grid-template-columns: 1fr 1fr;}
#selectAccTypeContent .gupiao .boxWidth > div {height: 90px;border: solid 1px #c0c0c0;border-radius: 12px;margin-bottom: 20px;}
#selectAccTypeContent .gupiao3{/*column-count: 3; grid-template-columns: 1fr 1fr 1fr;*/}
#selectAccTypeContent .stock { position: relative;margin-top: 15px;min-height: 48px;border-radius: 8px;border: 1px solid rgba( 243, 104, 16, 0.6);background: rgb(255, 255, 255); padding:0px 5px;margin-bottom:20px;}
body.eng #selectAccTypeContent .stock { padding:10px 5px;}
#selectAccTypeContent .stock3 {margin-top: 0px;}
#selectAccTypeContent .stockChange {position: absolute;transform: translateY(50%);bottom: 0px;left: 0px;right: 0px;margin: auto;}
#selectAccTypeContent .boxWidth .tick2x {position: absolute;bottom: 0px;right: 0px;transform: translateY(-47%);}
#selectAccTypeContent span img {width: 20px;height: 20px;}
#selectAccTypeContent .stockHover {background-color: rgba(130, 181, 242, 0.1);border: solid 1px #82b5f2 !important;}
#selectAccTypeContent .stock span:nth-of-type(2) {margin-left: 5px; font-size: 16px;color: #202020;line-height: 48px;}
body.eng #selectAccTypeContent .stock span:nth-of-type(2) { line-height:22px; }
#selectAccTypeContent .stock img {width:20px;height:20px;}
#selectAccTypeContent .stockChangeTrue {}
#selectAccTypeContent .stockChangeFalse {border: 1px solid rgba( 243, 104, 16, 0.6);opacity: 0.24;}
#selectAccTypeContent .stockChangeFalse > img { display: none; }
#selectAccTypeContent .fund .box > div .tick2x {position: absolute;bottom: 0px;right: 0px;transform: translateY(22%);}
#selectAccTypeContent .fund2{column-count: 2; grid-template-columns: 1fr 1fr;}
#selectAccTypeContent .fund3{column-count: 3; grid-template-columns: 1fr 1fr;}
#selectAccTypeContent .engfund {border: solid 1px #c0c0c0;border-radius: 12px;color: #3185e9;}
#selectAccTypeContent .A-shareMsg{margin-top:24px; color:#202020;font-size:16px;}
#selectAccTypeContent .NextStep {width: 100% !important;height: 40px;border: 0px;color: rgb( 32, 32, 32);font-size: 16px;border-radius: 8px;background: rgb( 173, 203, 245);}
#selectAccTypeContent .footer {position: absolute;bottom: 0px;left: 0px;right: 0px;margin: auto;}
#selectAccTypeContent .idtypeChinaMsg{margin-top:30px;}
#selectAccTypeContent .PromptMessage {font-size:13px;color:rgb(32,32,32);margin-top:30px;}

#selectAccTypeContent.noMargin #account2 { display:none; }
#selectAccTypeContent.noMargin .selectAccount { column-count:1; grid-template-columns:1fr; }

@media screen and (min-width: 375px ) {
    #selectAccTypeContent .NextStep{font-size: 18px;}
    #selectAccTypeContent .stock-box { padding: 15px 10px 6px 10px; }
    #selectAccTypeContent .PromptMessage {font-size:14px;}
}
@media screen and (min-width: 768px) {
    #selectAccTypeContent .NextStep{font-size: 18px;}
    #selectAccTypeContent .stock-box { padding: 15px 14px 4px 14px; column-gap: 14px;}
    #selectAccTypeContent .selectAccount {column-gap: 4px;}
    #selectAccTypeContent .PromptMessage {font-size:14px;}
}

@media screen and (min-width: 1024px) {
    #selectAccTypeContent .NextStep{font-size: 20px;}
    #selectAccTypeContent .stock span:nth-of-type(2) {font-size: 20px;}
    #selectAccTypeContent .stock-box { padding: 18px 21px 0px 21px; column-gap: 15px;}
    #selectAccTypeContent .noHave {font-size: 20px;}
    #selectAccTypeContent .clinetHave {font-size: 20px;}
    #selectAccTypeContent .stock span:nth-of-type(2) {font-size: 20px;}
    #selectAccTypeContent .AshareMsg {font-size: 20px; }
    #selectAccTypeContent .Account-class { margin-top: 19px;}
    #selectAccTypeContent .Account-class::before {border-width: 0px 11px 9px 11px;top:-9px;}
    #selectAccTypeContent .idtypeChinaMsg{font-size:20px;}
    #selectAccTypeContent .PromptMessage {font-size:14px;}
}
/* ----- AccountClause  Page Style ----- */

#accountClauseContent ul{ /*height:131px;*/border-radius:10px;background:rgba(32, 32, 32, 0.04);padding:10px 0px;}
#accountClauseContent ul li{ padding:6px 0px;margin-left:35px;line-height:25px;color:#202020;font-size:18px;margin-right:10px;}
#accountClauseContent ul li .smaller { font-size:16px; color:rgba(232,70,37,1); display:block; }
#accountClauseContent .NextStep { width: 100% !important;height: 40px;border: 0px;color: rgb( 32, 32, 32); font-size: 16px;border-radius: 8px;background: rgb( 173, 203, 245);}
#accountClauseContent .materialDescribe { font-size:14px; margin-bottom:24px; }
#accountClauseContent .link-txt{color:orange;cursor:pointer;}
#accountClauseContent .checkInput{ width:24px;height:24px;}
#accountClauseContent .Error{position: absolute;font-size: 14px;z-index: 5;display: none;color: rgba(232,70,37,1);}
@media screen and (min-width: 375px ) {
    #accountClauseContent ul li { font-size:20px; }
    #accountClauseContent ul li .smaller { font-size:18px; }
    #accountClauseContent .materialDescribe { font-size:16px; }
}
@media screen and (min-width: 768px) {
    #accountClauseContent ul li { font-size:20px; }
    #accountClauseContent ul li .smaller { font-size:18px; }
    #accountClauseContent .materialDescribe { font-size:16px; }
}
@media screen and (min-width: 1024px) {
    #accountClauseContent ul li { font-size:22px; }
    #accountClauseContent ul li .smaller { font-size:20px; }
    #accountClauseContent .materialDescribe { font-size:16px; }
}

/* ----- investmentContent Page Style opacity:0; ----- */
#investmentContent .investmentInfo-knowledge {font-size: 18px;color: #202020;margin-top:16px;line-height:24px;margin-bottom:8px;}
#investmentContent .field {margin-top:8px;}
#investmentContent .investmentInfo-productDiv { position:relative; font-size:17px; line-height:28px;  cursor:pointer; }
#investmentContent .investmentInfo-productDiv input { position:absolute; opacity:0; }
#investmentContent .investmentInfo-productDiv .checkmark1 { position:absolute;  height:24px; width:24px; background:url('../image/icon/ic_btn_radio_default.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-productDiv input:checked ~ .checkmark1 { background:url('../image/icon/ic_btn_radio_checked.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-productDiv:after { content:""; position:absolute; display:none; }
#investmentContent .investmentInfo-productDiv input:checked ~ .checkmark1:after { display:block; }
#investmentContent .investmentInfo-productDiv .checkmark2 { position:absolute;  height:24px; width:24px; background:url('../image/icon/ic_btn_radio_default.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-productDiv input:checked ~ .checkmark2 { background:url('../image/icon/ic_btn_radio_checked.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-productDiv:after { content:""; position:absolute; display:none; }
#investmentContent .investmentInfo-productDiv input:checked ~ .checkmark2:after { display:block; }

#investmentContent .investmentInfo-knowledgeDiv { position:relative; font-size:17px; line-height:24px;  cursor:pointer;display:none }
#investmentContent .investmentInfo-knowledgeDiv input { position:absolute; opacity:0; }
#investmentContent .investmentInfo-knowledgeDiv .checkmark1 { position:absolute;  height:24px; width:24px; background:url('../image/icon/ic_btn_radio_default.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-knowledgeDiv input:checked ~ .checkmark1 { background:url('../image/icon/ic_btn_radio_checked.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-knowledgeDiv:after { content:""; position:absolute; display:none; }
#investmentContent .investmentInfo-knowledgeDiv input:checked ~ .checkmark1:after { display:block; }
#investmentContent .investmentInfo-knowledgeDiv .checkmark2 { position:absolute;  height:24px; width:24px; background:url('../image/icon/ic_btn_radio_default.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-knowledgeDiv input:checked ~ .checkmark2 { background:url('../image/icon/ic_btn_radio_checked.png?v=1') no-repeat; background-size:cover; }
#investmentContent .investmentInfo-knowledgeDiv:after { content:""; position:absolute; display:none; }
#investmentContent .investmentInfo-knowledgeDiv input:checked ~ .checkmark2:after { display:block; }

#investmentContent .experience { position:relative; }
#investmentContent .experience .have-experience {background-color: rgba(32,32,32,0.04);border-radius: 6px;padding-left: 16px;padding-top: 16px;padding-bottom:16px;}
#investmentContent .experience .no-experience {width:100%;/*height:146px;*/background-color:rgba(32,32,32,0.04); border-radius:6px;padding-top:16px;padding-left:16px;margin-top:10px;font-size:17px;line-height:18px;padding-right:16px; padding-bottom:46px;}
#investmentContent .experience .no-experience-div {float: left;width:32px;/*height:146px;*/}
#investmentContent .experience .no-experience-agree {width: 24px;height: 24px;}
#investmentContent .experience .div-message{float:left; width:calc(100% - 32px);}
#investmentContent .mainContent .experience .have-experience-checkbox {width: 24px;height: 24px;position: absolute;opacity: 0;}
/*#investmentContent .mainContent .experience  .checkboxmark { position:absolute;  width:24px; height:24px; background:url('../image/icon/ic_btn_checkbox_default.png?v=1') no-repeat; background-size:cover;   }*/
#investmentContent .mainContent .experience  .checkboxmark { position:absolute;  width:24px; height:24px; background:url('../image/icon/ic_tickbox_default.png?v=1') no-repeat; background-size:cover;   }
#investmentContent .mainContent .experience .no-experience-div  .checkboxmark { position:absolute;  width:24px; height:24px; background:url('../image/icon/ic_tickbox_default.png?v=1') no-repeat; background-size:cover;   }
#investmentContent .mainContent .experience  input:checked ~ .checkboxmark { background:url('../image/icon/ic_btn_checkbox_checked.png?v=1') no-repeat; background-size:cover; }
#investmentContent .mainContent .experience  .checkboxmark:after { content:""; position:absolute; display:none; } 
#investmentContent .mainContent .experience  input:checked ~ .checkboxmark:after { display:block; }
#investmentContent .mainContent .experience .have-experience label {font-size:17px;color:rgba(0,0,0,0.8);}
#investmentContent .mainContent .experience .have-experience-selectText {font-size:14px;color:rgba(0,0,0,0.6)}
/*#investmentContent .mainContent .experience .cell-left-input {height:48px;border:solid 1px rgba(32,32,32,0.2);border-radius:6px;width:100%;outline:0;}*/
#investmentContent .mainContent .experience .have-experience-cell-spantext {margin-left:30px;float:left;}
#investmentContent .mainContent .experience .have-experience .cell {margin-top:16px;margin-right:16px;}
#investmentContent .mainContent .experience .divTransactionDetail { position:relative; }
#investmentContent .pdf {color:#f36810;}
#investmentContent .selectOptionList {border:solid 1px rgba(32,32,32,0.2);border-radius:6px;background-color:#ffffff;margin-top:10px;margin-right:16px;padding-bottom:5px;}
#investmentContent .selectOptionList .selectOption {width:100%;margin-top:16px;}
#investmentContent .selectOption-left { float: left; margin-top:0px; margin-left: 16px;font-size: 17px;width:60%;}
#investmentContent .selectOption-right {float:right;margin-top:0px;width:20%; text-align:right;}
#investmentContent .mainContent .selectOption .have-experience-checkbox2 {width: 0px;height: 0px;position: absolute;opacity: 0;margin-right:16px;}
#investmentContent .mainContent .experience .selectOption .checkboxmark2 { position:absolute; right:28px; width:20px; height:20px; background:url('../image/icon/ic_btn_checkbox_default.png?v=1') no-repeat; background-size:cover;   }
#investmentContent .mainContent .experience .selectOption input:checked ~ .checkboxmark2 { background:url('../image/icon/ic_btn_checkbox_checked.png?v=1') no-repeat; background-size:cover; }
#investmentContent .mainContent .experience .selectOption .checkboxmark2:after { content:""; position:absolute; display:none; } 
#investmentContent .mainContent .experience .selectOption input:checked ~ .checkboxmark2:after { display:block; }
#investmentContent .mainContent .multipleChoices {color:rgba(32,32,32,0.6);font-size:14px;}
#investmentContent .mainContent .experience .selectOptionList .option-bg {color: #f36810;}

#investmentContent .uploadBankDiv{margin-top:20px;}
#investmentContent .uploadBankDiv .upload-h1{float:left;font-size:17px;font-weight:bold;}
#investmentContent .uploadBankDiv .upload-case{float:right;color:#f36810;font-size:16px;}
#investmentContent .uploadBankDiv .upload-describe{font-size:16px;}
#investmentContent .uploadBankDiv .upload-describe ul { padding-left:20px; }
#investmentContent .uploadBankDiv .upload-describe ul li{margin-top:12px;}
#investmentContent .uploadBankDiv .uploadBox { background:rgba(32,32,32,0.04); padding:16px  9px; border-radius:10px; margin-bottom:10px; margin-top:16px;}
#investmentContent .uploadBankDiv .uploadContainer { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:140px; cursor:pointer;position:relative; }
#investmentContent .uploadBankDiv .uploadContainer.pdf { padding-top:20px; box-sizing:content-box; }
#investmentContent .uploadBankDiv .uploadContainer.pdf .innerBox { padding-top:33px; }
#investmentContent .uploadBankDiv .uploadContainer.pdf .previewFileName { position:absolute; top:30px; left:0; width:100%; font-size:14px; color:rgba(32,32,32,0.6); }
#investmentContent .uploadBankDiv .uploadContainer.pdf .previewFileName ~ img { width:130px; margin-top:30px; }
#investmentContent .uploadBankDiv .uploadContainer .btnUpload {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; margin-top:30px; }
#investmentContent .uploadBankDiv .sample{padding:12px 11px!important;}
#investmentContent .uploadBankDiv .zhengWh-box {  position: relative;  width:153px!important;height: 98px!important;}
#investmentContent .uploadBankDiv .zhengWh { position:absolute;top:0px;left:0px; width:153px!important;height: 98px!important;border-radius:6px;}
#investmentContent .uploadBankDiv .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#investmentContent .uploadBankDiv .preview{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;}
#investmentContent .uploadBankDiv .preview > img{position:relative;z-index:10;width:initial;height:initial;max-width:100%;max-height:100%;top:0px;left:0px;border-radius:10px;}
#investmentContent .uploadBankDiv .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#investmentContent .uploadBankDiv .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#investmentContent .uploadBankDiv .errArea{position:absolute;}
#investmentContent .uploadBankDiv .errArea .validationError{position:relative!important;top:0px!important;}
#investmentContent  .title-div{font-size:17px;margin-top:16px;}
#investmentContent .title-div-h2{font-size:17px;margin-top:16px;font-weight:bold;}
#investmentContent  .tr{margin-top:21px;float:left;width:100%;}
#investmentContent  .tr-left{float:left; width:50%;}
#investmentContent  .tr-right{float:right; width:50%; text-align:right; font-weight:bold;}
#investmentContent #message1{font-size:14px;color:rgb(128,128,128);}
#investmentContent .other-icon {width:22px;height:22px;margin-left:12px;}
#investmentContent .otherItem {color:#f36810;font-size:18px;margin-top: 10px;}
#investmentContent .othervoucherText{margin-top: 10px;}
#investmentContent .othervoucherText-left{font-size:18px;}
#investmentContent .othervoucherText-middle{border-bottom:solid 1px #c0c0c0;width: auto;display: inline-block;margin-left: 10px;margin-right: 10px;min-width: 136px;margin-bottom:5px;}
#investmentContent .othervoucherText-right{}
#investmentContent .othervoucherText-right-img{width:22px;height:22px;float:right;}


/**#investmentContent .mainContent {  min-height: 100%;}*/
#investmentContent .positionAbs{position: absolute;  z-index: 555;  background: #fff; left: 0px; height: 100%; top: 0;}
#investmentContent .text-box {  width:100%; border:0px solid rgba( 32, 32, 32, 0.2);border-radius:10px;margin-left:0px;margin-right:0px;margin:auto; box-sizing:border-box;}
/*#investmentContent .text-box > p:first-of-type > strong { font-size:16px; }
#investmentContent .text-box p { font-size:12px; }
#investmentContent .text-box > p > strong { font-size:14px; }
#investmentContent .text-box > p .orange { color:#f36810}*/
#investmentContent .text-box { width:100%; }
#investmentContent .text-box h1 { font-size:16px; color:#202020; font-weight:bold; margin-bottom:16px; }
#investmentContent .text-box h2 { font-size:14px; color:#202020; font-weight:bold; margin-bottom:14px; }
#investmentContent .text-box h3 { font-size:12px; color:#202020; font-weight:bold; margin-bottom:12px; }
#investmentContent .text-box ol { font-size:12px; color:#202020; font-weight:normal; margin-bottom:12px; padding-left:20px; }
#investmentContent .text-box ol>li::marker { font-weight:normal; }
#investmentContent .text-box ol>li>h1 { margin-bottom:5px; }
#investmentContent .text-box ol>li>h2 { margin-bottom:5px; }
#investmentContent .text-box ol>li>h3 { margin-bottom:5px; }
#investmentContent .text-box ul { list-style-type:disc; }
#investmentContent .text-box div { font-size:12px; font-weight:normal; }
#investmentContent .text-box p { font-size:12px; margin-bottom:12px; font-weight:normal; }
#investmentContent .text-box a { font-size:12px; margin-bottom:12px; font-weight:normal; word-break:break-all; text-decoration:none; color:#f36810; }

#investmentContent .daXiao-box{ background: #fff;  width: 100%;  z-index: 9; height:calc(100% - 98px); }
/*#investmentContent .daXiao{ position:sticky;left:96%; bottom:60px; position: -webkit-sticky; width:36px;height:36px;display:block}*/
#investmentContent .daXiao{position: fixed;right: 16px;bottom: 100px;width:36px;height:36px;display:block}
/*#investmentContent .daXiao-box-max > p:first-of-type > strong { font-size:18px; }
#investmentContent .daXiao-box-max p { font-size:16px; }
#investmentContent .daXiao-box-max > p > strong { font-size:16px; }*/
#investmentContent .daXiao-box-max h1 { font-size:18px; margin-bottom:18px; }
#investmentContent .daXiao-box-max h2 { font-size:16px; margin-bottom:16px; }
#investmentContent .daXiao-box-max h3 { font-size:16px; margin-bottom:16px; }
#investmentContent .daXiao-box-max ol { font-size:16px; margin-bottom:16px; padding-left:35px; }
#investmentContent .daXiao-box-max div { font-size:16px; }
#investmentContent .daXiao-box-max p { font-size:16px; margin-bottom:16px; }
#investmentContent .daXiao-box-max a { font-size:16px; margin-bottom:16px; }

#investmentContent .text-bol{font-weight:bold;}
#investmentContent .cheackClause{position:relative; margin-top:24px; font-size:14px;color:#202020;}
#investmentContent .checkInput{ width:24px;height:24px;}
#investmentContent .Error-box{ height:42px;}
#investmentContent .agreeMsg{font-size:14px;color:rgba(0,0,0,0.8);margin-left:8px;}
#investmentContent .respContainer100 {width: 100%!important;max-width:none;}
#investmentContent .Error{font-size: 14px;z-index: 5;display: none;color: rgba(232,70,37,1);margin-bottom: 0px!important;}
/*#investmentContent .NextStep { width: 100% !important;height: 40px;border: 0px;color: rgb( 32, 32, 32); font-size: 16px;border-radius: 8px;background: rgb( 173, 203, 245);}*/
#investmentContent .notStep{ width:100%; -webkit-appearance:none; border:0; outline:0; height:40px; border-radius:8px; text-align:center; background:rgba(32,32,32,0.2); font-size:16px; }
#investmentContent .btnStd { width:100%; -webkit-appearance:none; border:0; outline:0; height:40px; border-radius:8px; text-align:center; background:#adcbf5; font-size:16px; }

#investmentContent #DerivedAssessmentContent .PersonalDeclaration-h1{font-size:17px; line-height:22px; color:#202020; margin-bottom:24px; }
#investmentContent #DerivedAssessmentContent .field[data-question] { padding-left:24px;margin-top:16px; }
#investmentContent #DerivedAssessmentContent .field[data-question]::before { content:attr(data-question)'.'; position:absolute; top:0px; left:0px; }
#investmentContent #DerivedAssessmentContent .field[data-subquestion] { margin-top:-8px; }
#investmentContent #DerivedAssessmentContent .mainContent .answer {margin-bottom:0px; }
#investmentContent .inputOther {}
#investmentContent .derivativeKnowledgeOtherDiv{margin-left:10px;margin-right:10px;}
#investmentContent .uplaodtitle {}
#investmentContent .uplaodtitle-h1{font-size:17px;font-weight:bold;margin-left:11px;}
#investmentContent .uplaodtitle ul{ margin-left:-5px;}
#investmentContent .uplaodtitle li{ font-size:18px;}
body.eng  #investmentContent .othervoucherText-middle{min-width: 0px;}


@media screen and (min-width: 375px) {
    #investmentContent .investmentInfo-knowledge {font-size: 20px;line-height:24px;}
    #investmentContent .mainContent .experience .have-experience-selectText {font-size:16px;}
    #investmentContent .mainContent .experience .have-experience-cell-spantext {font-size:19px;}
    #investmentContent .selectOptionList .selectOption {margin-top:24px;}
    /*#investmentContent .text-box { min-width:345px; width:100%; max-width:560px; }
    #investmentContent .text-box > p:first-of-type > strong { font-size:18px; }
    #investmentContent .text-box p { font-size:14px; }
    #investmentContent .text-box > p > strong { font-size:16px; }*/
    #investmentContent .text-box h1 { font-size:18px; margin-bottom:18px; }
    #investmentContent .text-box h2 { font-size:16px; margin-bottom:16px; }
    #investmentContent .text-box h3 { font-size:14px; margin-bottom:14px; }
    #investmentContent .text-box ol { font-size:14px; margin-bottom:14px; padding-left:25px; }
    #investmentContent .text-box div { font-size:14px; }
    #investmentContent .text-box p { font-size:14px; margin-bottom:14px; }
    #investmentContent .text-box a { font-size:14px; margin-bottom:14px; }

    /*#investmentContent .daXiao-box-max > p:first-of-type > strong { font-size:20px; }
    #investmentContent .daXiao-box-max p { font-size:18px; }
    #investmentContent .daXiao-box-max > p > strong { font-size:18px; }*/
    #investmentContent .daXiao-box-max h1 { font-size:20px; margin-bottom:20px; }
    #investmentContent .daXiao-box-max h2 { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max h3 { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max ol { font-size:18px; margin-bottom:18px; padding-left:35px; }
    #investmentContent .daXiao-box-max div { font-size:18px; }
    #investmentContent .daXiao-box-max p { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max a { font-size:18px; margin-bottom:18px; }

    #investmentContent .agreeMsg { font-size:16px; }
    #DerivedAssessmentContent .question{font-size:20px;}
    #investmentContent .uplaodtitle-h1{font-size:18px;}
    #investmentContent .uplaodtitle li{ font-size:20px;}
    body.eng  #investmentContent .othervoucherText-middle{min-width: 56px;}
    #investmentContent .selectOption-left { font-size: 19px;}
    #investmentContent .uploadBankDiv .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 768px) {
    #investmentContent .investmentInfo-knowledge {font-size: 20px;line-height:24px;}
    #investmentContent .mainContent .experience .have-experience-selectText {font-size:16px;}
    #investmentContent .mainContent .experience .have-experience-cell-spantext {font-size:19px;}
    #investmentContent .selectOptionList .selectOption {margin-top:24px;}
    #DerivedAssessmentContent .question{font-size:21px;}
    /*#investmentContent .text-box p { font-size:14px; }
    #investmentContent .text-box > p > strong { font-size:16px; }
    #investmentContent .text-box > p:first-of-type > strong { font-size:18px; }*/
    #investmentContent .text-box h1 { font-size:18px; margin-bottom:18px; }
    #investmentContent .text-box h2 { font-size:16px; margin-bottom:16px; }
    #investmentContent .text-box h3 { font-size:14px; margin-bottom:14px; }
    #investmentContent .text-box ol { font-size:14px; margin-bottom:14px; padding-left:25px; }
    #investmentContent .text-box div { font-size:14px; }
    #investmentContent .text-box p { font-size:14px; margin-bottom:14px; }
    #investmentContent .text-box a { font-size:14px; margin-bottom:14px; }

    #investmentContent .daXiao{right: 25px;}
    /*#investmentContent .daXiao-box-max p { font-size:18px; }*/
    #investmentContent .daXiao-box-max h1 { font-size:20px; margin-bottom:20px; }
    #investmentContent .daXiao-box-max h2 { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max h3 { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max ol { font-size:18px; margin-bottom:18px; padding-left:35px; }
    #investmentContent .daXiao-box-max div { font-size:18px; }
    #investmentContent .daXiao-box-max p { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max a { font-size:18px; margin-bottom:18px; }

    body.eng #investmentContent .othervoucherText-middle{min-width: 136px;}
    /*body.eng #investmentContent .mainHeader .headerMiddle .title { line-height:28px; }*/
    #investmentContent .uploadBankDiv .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 1024px) {
    #investmentContent .mainContent .experience .have-experience-selectText {font-size:16px;}
    #investmentContent .mainContent .experience .have-experience-cell-spantext {font-size:21px;}
    #investmentContent .selectOptionList .selectOption {margin-top:24px;}
    #investmentContent .public-div-left{float:left;margin-right:36px;width:348px;}
    #investmentContent .public-div-right{float:right;width:348px;}
    #DerivedAssessmentContent .question{font-size:20px;}
    /*#investmentContent .text-box p { font-size:21px; }
    #investmentContent .text-box > p > strong { font-size:23px; }
    #investmentContent .text-box > p:first-of-type > strong { font-size:25px; }*/
    #investmentContent .text-box h1 { font-size:25px; margin-bottom:25px; }
    #investmentContent .text-box h2 { font-size:18px; margin-bottom:18px; }
    #investmentContent .text-box h3 { font-size:16px; margin-bottom:16px; }
    #investmentContent .text-box ol { font-size:16px; margin-bottom:16px; padding-left:30px; }
    #investmentContent .text-box div { font-size:16px; }
    #investmentContent .text-box p { font-size:16px; margin-bottom:16px; }
    #investmentContent .text-box a { font-size:16px; margin-bottom:16px; }

    .mainContent .checkbox-large .text { font-size:21px;}
    #investmentContent .daXiao{right: 32px;}
    /*#investmentContent .daXiao-box-max p { font-size:24px; }*/
    #investmentContent .daXiao-box-max h1 { font-size:27px; margin-bottom:27px; }
    #investmentContent .daXiao-box-max h2 { font-size:20px; margin-bottom:20px; }
    #investmentContent .daXiao-box-max h3 { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max ol { font-size:18px; margin-bottom:18px; padding-left:35px; }
    #investmentContent .daXiao-box-max div { font-size:18px; }
    #investmentContent .daXiao-box-max p { font-size:18px; margin-bottom:18px; }
    #investmentContent .daXiao-box-max a { font-size:16px; margin-bottom:16px; }

    #investmentContent .uplaodtitle-h1{font-size:20px;}
    #investmentContent .uploadBankDiv .uploadContainer{height:181px;}
    #investmentContent .uplaodtitle li{ font-size:18px;}
    body.eng   #investmentContent .othervoucherText-middle{min-width: 136px;}
    /*body.eng #investmentContent .mainHeader .headerMiddle .title { font-size:30px; line-height:46px; }*/
    #investmentContent .uploadBankDiv .uploadContainer.pdf .previewFileName { font-size:16px; }
}
/* ----- agreementContent  Page Style ----- */
#agreementContent .document { position:relative; padding:18px 0px 13px 14px; color:#f36810; font-size:18px; }
#agreementContent .document a { color:#f36810; text-decoration:none; }
#agreementContent .document::before { content:''; position:absolute; top:25px; left:0px; width:0px; height:0px; border-left:6px solid #ff9a43; border-top:6px solid transparent; border-bottom:6px solid transparent; }
#agreementContent .cheackClause{position:relative; margin-top:24px; font-size:14px;color:#202020;}
#agreementContent .checkInput{ width:24px;height:24px;}
#agreementContent .agreeMsg{font-size:14px;color:rgba(0,0,0,0.8);margin-left:8px;}
#agreementContent .Error{position: absolute;font-size: 14px;z-index: 5;display: none;color: rgba(232,70,37,1);}
#agreementContent .NextStep { width: 100% !important;height: 40px;border: 0px;color: rgb( 32, 32, 32); font-size: 16px;border-radius: 8px;background: rgb( 173, 203, 245);}
@media screen and (min-width: 375px) {
    #agreementContent .document { padding:17px 0px 11px 14px; font-size:20px; }
}

@media screen and (min-width: 768px) {
    #agreementContent .document { padding:17px 0px 11px 30px; font-size:20px; }
    #agreementContent .document::before { top:25px; left:16px; }
    #agreementContent .cheackClause { padding-left:16px; }
}

@media screen and (min-width: 1024px) {
    #agreementContent .document { padding:13px 0px 13px 38px; font-size:22px; }
    #agreementContent .document::before { border-left-width:8px; border-top-width:7px; border-bottom-width:7px; top:21px; left:20px; }
    #agreementContent .cheackClause { padding-left:20px; }
}
/* ----- RiskDisclosure  Page Style
#riskDisclosureContent .mainContent {  min-height: 100%;} ----- */
#riskDisclosureContent .mainContent {  min-height: 100%;}
#riskDisclosureContent .positionAbs{position: absolute;  z-index: 555;  background: #fff; left: 0px; height: 100%; top: 0;}
#riskDisclosureContent .text-box {  width:92%; border:0px solid rgba( 32, 32, 32, 0.2);border-radius:10px;margin-left:0px;margin-right:0px;margin:auto; box-sizing:border-box;}


#riskDisclosureContent .text-box > p:first-of-type > strong { font-size:16px; }
#riskDisclosureContent .text-box p { font-size:12px; }
#riskDisclosureContent .text-box > p > strong { font-size:14px; }
#riskDisclosureContent .daXiao-box{ background: #fff;  width: 100%;  z-index: 9; height:calc(100% - 98px); }
#riskDisclosureContent .daXiao{ position:sticky;left:96%; bottom:20px; position: -webkit-sticky; width:36px;height:36px;display:block}
#riskDisclosureContent .text-box .bg-div {background-color:rgba(32,32,32,0.04);width:100%;padding: 9px;border-radius: 10px;margin-bottom: 16px;}
#riskDisclosureContent .text-box .bg-div > div > strong {font-size:14px;}
#riskDisclosureContent .daXiao-box-max .bg-div  > div > strong { font-size:16px !important; }
#riskDisclosureContent .text-box .Div-row { width:100%;margin-bottom:50px;}
#riskDisclosureContent .text-box .Div-row h1{ font-size:16px;font-weight:bold;}
#riskDisclosureContent .text-box .Div-row h2{ font-size:14px;font-weight:bold;}
#riskDisclosureContent .daXiao-box-max .Div-row h1{ font-size:18px;}
#riskDisclosureContent .daXiao-box-max .Div-row h2{ font-size:16px;}
#riskDisclosureContent .text-box .Div-row .paddingLeft {padding-left:16px}
#riskDisclosureContent .daXiao-box-max > p:first-of-type > strong { font-size:18px; }
#riskDisclosureContent .daXiao-box-max p { font-size:16px; }
#riskDisclosureContent .daXiao-box-max > p > strong { font-size:16px; }


#riskDisclosureContent .text-bol{font-weight:bold;}
#riskDisclosureContent .cheackClause{position:relative; margin-top:24px; font-size:14px;color:#202020;}
#riskDisclosureContent .checkInput{ width:24px;height:24px;}
#riskDisclosureContent .Error-box{ height:42px;}
#riskDisclosureContent .agreeMsg{font-size:14px;color:rgba(0,0,0,0.8);margin-left:8px;}
/*#riskDisclosureContent .mainContent {max-height: calc(100vh - 120px)!important; }*/
#riskDisclosureContent .respContainer100 {width: 100%!important;max-width:none;}
#riskDisclosureContent .Error{font-size: 14px;z-index: 5;display: none;color: rgba(232,70,37,1);margin-bottom: 0px!important;}
#riskDisclosureContent .NextStep { width: 100% !important;height: 40px;border: 0px;color: rgb( 32, 32, 32); font-size: 16px;border-radius: 8px;background: rgb( 173, 203, 245);}
@media screen and (min-width: 375px) {
#riskDisclosureContent .text-box { min-width:345px; width:92%; max-width:560px; }
#riskDisclosureContent .text-box > p:first-of-type > strong { font-size:18px; }
#riskDisclosureContent .text-box p { font-size:14px; }
#riskDisclosureContent .text-box > p > strong { font-size:16px; }
#riskDisclosureContent .daXiao-box-max > p:first-of-type > strong { font-size:20px; }
#riskDisclosureContent .daXiao-box-max p { font-size:18px; }
#riskDisclosureContent .daXiao-box-max > p > strong { font-size:18px; }
#riskDisclosureContent .agreeMsg { font-size:16px; }
#riskDisclosureContent .NextStep{font-size:18px;}
#riskDisclosureContent .text-box .bg-div {background-color:rgba(32,32,32,0.04);width:100%;padding: 16px;border-radius: 10px;margin-bottom: 16px;}
#riskDisclosureContent .text-box .bg-div > div > strong {font-size:16px;}
#riskDisclosureContent .daXiao-box-max .bg-div  > div > strong { font-size:18px !important; }
#riskDisclosureContent .text-box .Div-row { width:100%;margin-bottom:50px;}
#riskDisclosureContent .text-box .Div-row h1{ font-size:18px;font-weight:bold;}
#riskDisclosureContent .text-box .Div-row h2{ font-size:16px;font-weight:bold;}
#riskDisclosureContent .daXiao-box-max .Div-row h1{ font-size:20px;}
#riskDisclosureContent .daXiao-box-max .Div-row h2{ font-size:18px;}
#riskDisclosureContent .text-box .Div-row .paddingLeft {padding-left:18px}

}

@media screen and (min-width: 768px) {
#riskDisclosureContent .text-box{ width:560px; }
#riskDisclosureContent .text-box > p:first-of-type > strong { font-size:18px; }
#riskDisclosureContent .text-box p { font-size:14px; }
#riskDisclosureContent .text-box > p > strong { font-size:16px; }
#riskDisclosureContent .daXiao-box-max > p:first-of-type > strong { font-size:20px; }
#riskDisclosureContent .daXiao-box-max p { font-size:18px; }
#riskDisclosureContent .daXiao-box-max > p > strong { font-size:18px; }
#riskDisclosureContent .agreeMsg { font-size:16px; }
#riskDisclosureContent .NextStep{font-size:18px;}
#riskDisclosureContent .text-box .bg-div {background-color:rgba(32,32,32,0.04);width:100%;padding: 16px;border-radius: 10px;margin-bottom: 16px;}
#riskDisclosureContent .text-box .bg-div > div > strong {font-size:16px;}
#riskDisclosureContent .daXiao-box-max .bg-div  > div > strong { font-size:18px !important; }
#riskDisclosureContent .text-box .Div-row { width:100%;margin-bottom:50px;}
#riskDisclosureContent .text-box .Div-row h1{ font-size:18px;font-weight:bold;}
#riskDisclosureContent .text-box .Div-row h2{ font-size:16px;font-weight:bold;}
#riskDisclosureContent .daXiao-box-max .Div-row h1{ font-size:20px;}
#riskDisclosureContent .daXiao-box-max .Div-row h2{ font-size:18px;}
#riskDisclosureContent .text-box .Div-row .paddingLeft {padding-left:18px}
}

@media screen and (min-width: 1024px) {
#riskDisclosureContent .text-box { width:732px;min-width:732px; }
#riskDisclosureContent .text-box > p:first-of-type > strong { font-size:25px; }
#riskDisclosureContent .text-box p { font-size:16px; }
#riskDisclosureContent .text-box > p > strong { font-size:18px; }
#riskDisclosureContent .daXiao-box-max > p:first-of-type > strong { font-size:25px; }
#riskDisclosureContent .daXiao-box-max p { font-size:21px; }
#riskDisclosureContent .daXiao-box-max > p > strong { font-size:21px; }
#riskDisclosureContent .agreeMsg { font-size:16px; }
#riskDisclosureContent .NextStep{font-size:20px;}
#riskDisclosureContent .daXiao{display:none;}
#riskDisclosureContent .text-box .bg-div {background-color:rgba(32,32,32,0.04);width:100%;padding: 16px;border-radius: 10px;margin-bottom: 16px;}
#riskDisclosureContent .text-box .bg-div > div > strong {font-size:18px;}
#riskDisclosureContent .daXiao-box-max .bg-div  > div > strong { font-size:20px !important; }
#riskDisclosureContent .text-box .Div-row { width:100%;margin-bottom:50px;}
#riskDisclosureContent .text-box .Div-row h1{ font-size:25px;font-weight:bold;}
#riskDisclosureContent .text-box .Div-row h2{ font-size:18px;font-weight:bold;}
#riskDisclosureContent .daXiao-box-max .Div-row h1{ font-size:27px;}
#riskDisclosureContent .daXiao-box-max .Div-row h2{ font-size:20px;}
#riskDisclosureContent .text-box .Div-row .paddingLeft {padding-left:18px}
}
/* ----- signatureContent  Page Style ----- */
#signatureContent .signDiv{position:relative;/*height: 300px;*/;z-index: 2;overflow:hidden;}
#signatureContent .signDiv::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1000px solid #fff; z-index:-1; }
#signatureContent  .save-Image{position:absolute;z-index:3;right:0px;bottom:0px; display:none; }
#signatureContent .signDiv .save-Image #imgDiv img{width:36px;height:36px; margin-bottom:7px;margin-right:5.5px;}
#signatureContent .signDiv .uploadAgain{background:#ff9a43;border-radius:8px;padding:8px;margin-right:5px;margin-bottom:6px;    position: absolute;  z-index: 3;  right: 0px;  bottom: 0px;}
#signatureContent .signDiv .uploadAgain a{font-size:15px;color:rgb(255, 255, 255);}
#signatureContent .signDiv .uploadAgain img{width:20px;height:20px;margin-right:4px;}
#signatureContent .miaoshRotate{  position: fixed;width: 100vw;top: 0px;height: 100vh; left: 0px; padding:13px 5px; background:rgba( 32, 32, 32,0.3);z-index:10000;}
/*#signatureContent .miaoshRotate .sign {border:0px!important;background:#ffffff;margin:auto; bottom: 0px; top: 0px;left:18px;}*/
#signatureContent .miaoshRotate .sign {border:0px!important;margin:auto; bottom: 0px; top: 0px;left:18px;}
#signatureContent .signatureRight {display:none;}
#signatureContent .miaoshRotate .signatureRight {display:flex;position: absolute; right: 11px;  height: 100%;}
#signatureContent .signatureRight .signOK{color:rgb(243, 104, 16);font-size:14px;}
#signatureContent .signatureRight img{width:24px;height:24px;}
/*#signatureContent .miaoshRotate .signDiv { position: absolute!important;  z-index: 2; transform: rotate(90deg) translate(0%, 0%); height: calc(100vw - 10px);   width: calc(100vh - 26px);  padding: 10px 10px 10px 17px; background:#fff;box-sizing:border-box; border-radius:8px;}*/
#signatureContent .miaoshRotate .signDiv { position: absolute!important;  z-index: 2; transform: rotate(90deg) translate(0%, 0%); height: calc(100vw - 10px);   width: calc(100vh - 26px);  padding: 10px 10px 10px 17px; box-sizing:border-box; border-radius:8px;}
#signatureContent .signDiv .signature{position:absolute;border-radius: 10px;width:100%; height: 100%; border:dashed 1px rgba(32, 32, 32, 0.4); box-sizing:border-box;}
#signatureContent .signDiv .jSignature{border-radius:10px;}
/*#signatureContent .signDiv .sign{position:absolute;border-radius: 10px;width:100%; height: 100%;background: #ffffff; border:dashed 1px rgba(32, 32, 32, 0.4); }*/
#signatureContent .signDiv .sign{position:absolute;border-radius: 10px;width:100%; height: 100%; border:dashed 1px rgba(32, 32, 32, 0.4); }
#signatureContent .signDiv .signtxt{margin:0;}
#signatureContent .signDiv .signtxt img{width:24px;height:24px;display: block!important;filter:grayscale(100%);-webkit-filter:grayscale(100%);} 
#signatureContent .signDiv .signtxt #signFontTxt{font-size:18px;color:rgb( 32, 32, 32); margin-left:10px;display: block!important;}
#signatureContent .cheackClause { position: relative; margin-top: 16px;  font-size: 14px; color: #202020; }
#signatureContent .checkInput{ width:24px;height:24px;}
#signatureContent .agreeMsg{font-size:14px;color:rgba(0,0,0,0.8);margin-left:8px;}
#signatureContent .Error{position: absolute;font-size: 14px;z-index: -1;display: none;color: rgba(232,70,37,1);}
#signatureContent .NextStep {z-index:-1; width: 100% !important;height: 40px;border: 0px;color: rgb( 32, 32, 32); font-size: 16px;border-radius: 8px;background: rgb( 173, 203, 245);}
@media screen and (min-width: 375px) {
    #signatureContent .signDiv .signtxt{font-size:20px;}
}

@media screen and (min-width: 768px) {
    #signatureContent .signDiv .signtxt{font-size:20px;}
}

@media screen and (min-width: 1024px) {
    #signatureContent .signDiv .signtxt{font-size:22px;}
    #signatureContent  .save-Image { display:none; }
}
/* ----- investmentIntentionContent  Page Style ----- */
#investmentIntentionContent .field {margin-top:10px;}
#investmentIntentionContent #dropdownArea4 .form-group .dropdown-item-title {font-size: 14px;color: #707070;margin-bottom: 0px;margin-top: 0px;padding: 15px;}
#investmentIntentionContent #dropdownArea5 .form-group {border:0;margin-top:12px;margin-bottom:12px;height:auto;}
#investmentIntentionContent #dropdownArea5 .form-group .dropdown-item-title {font-size: 14px;color: #707070;margin-bottom: 0px;margin-top: 0px;padding: 15px;}
#investmentIntentionContent #dropdownArea5 .form-group .form-check-text-content{font-size:16px;color:rgba(32,32,32,0.6);margin-right: 12px;}


@media screen and (min-width: 375px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
#investmentIntentionContent .public-div-left{float:left;margin-right:36px;width:348px;}
#investmentIntentionContent .public-div-right{float:right;width:348px;}

}
/* ----- taxationInfoContent  Page Style ----- */
#taxationInfoContent .agreeDiv{margin-top:40px; position:relative;}
#taxationInfoContent #additemDiv{margin-top:5px;}
#taxationInfoContent .close-span {width:22px; height:22px; background:url('../image/icon/del@2x.png?v=1') no-repeat; background-size:cover; display:inline-block;float:right; position:relative;}
#taxationInfoContent .close-span::after { content:''; position:absolute; top:0px; left:-10px; width:10px; height:100%; background:#fff; z-index:1; }
#taxationInfoContent .addItem-Image {width:22px;height:22px;background:url('../image/icon/add@2x.png?v=1') no-repeat;background-size:cover;display:inline-block;float: left;margin-left: 20px;margin-top:3px;}
#taxationInfoContent .addItem-text{float: left;}
#taxationInfoContent .addItem {color:#f36810;font-size:18px;margin-top:25px;}
#taxationInfoContent .itemNum-div {margin-top:20px; position:relative; overflow:hidden;}
#taxationInfoContent .itemNum-a {color:#202020;font-size:18px;float:left;}
#taxationInfoContent .line {border-bottom:solid 1px #c0c0c0;height: 13px;float:left;margin-left: 10px;width: 136px;margin-right: 10px;}
#taxationInfoContent .line { position:absolute; margin-right:30px; width:100%; z-index:-1; }
#taxationInfoContent .agreeChkBox-div {float:left;width: 24px;height:40px;margin-right: 8px;}
#taxationInfoContent .agreeChkBox {width:24px;height:24px;}
#taxationInfoContent .agree-Message {float:left; width:80%;font-size:14px;}
#taxationInfoContent .TINDiv{margin-top:8px;}
#taxationInfoContent .TINChkBox-div {float:left;width: 24px;height:40px;margin-right: 8px;}
#taxationInfoContent #dropdownArea99999 .form-group .form-check-text {width:95%; text-overflow: ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical; }
#taxationInfoContent .ReasonDiv {display:none;}
#taxationInfoContent .message-div {padding-bottom:68px;}
#taxationInfoContent .message-title{font-size: 22px;text-align: center;margin-top:32px; font-weight:bold;}
#taxationInfoContent .message-content {font-size: 16px;text-align: center;margin-left:34px;margin-right:34px;margin-top:8px; margin-bottom:32px;}
#taxationInfoContent .message-foot {height:68px;position:absolute;bottom:0px;left:0px;width: 100%; border-top: solid 1px rgba(0,0,0,0.06);}
#taxationInfoContent .message-foot .btnCom{margin:0px auto;min-width:50px;color:#f36810;width:initial;font-size:16px;margin-top:23px;text-align:center;}
#taxationInfoContent #openModel1 {/*height:222px;*/width:100%;}
#taxationInfoContent .ddlReason .form-group { height:auto; }
#taxationInfoContent .form-check-text { height:auto; float:initial; padding-right:30px; }

@media screen and (min-width: 375px) {
    #taxationInfoContent .agree-Message {font-size:16px;}
    #taxationInfoContent .itemNum-a {font-size:20px;}
    #taxationInfoContent .addItem-text{font-size:20px;}
    #taxationInfoContent .message-title{font-size: 24px;}
    #taxationInfoContent .message-content {font-size: 18px;}
    #taxationInfoContent .message-foot .btnCom{font-size:18px;}
    /*#taxationInfoContent .line {max-width:181px;width: -webkit-fill-available;}*/
}

@media screen and (min-width: 768px) {
    #taxationInfoContent .message-title{font-size: 24px;}
    #taxationInfoContent .message-content {font-size: 18px;}
    #taxationInfoContent .message-foot .btnCom{font-size:18px;}
    /*#taxationInfoContent .line {max-width:398px;width: -webkit-fill-available;}*/
}

@media screen and (min-width: 1024px) {
    #taxationInfoContent .message-div {padding-bottom:80px;}
    #taxationInfoContent .message-title{font-size: 32px;margin-top:40px;}
    #taxationInfoContent .message-content {font-size: 20px; margin-bottom:40px;}
    #taxationInfoContent .message-foot { height:80px; }
    #taxationInfoContent .message-foot .btnCom{font-size:20px;margin-top:26px;}
    #taxationInfoContent .public-div-left{float:left;margin-right:36px;width:348px;}
    #taxationInfoContent .public-div-right{float:right;width:348px;}
}

/* ----- errorPageContent  Page Style ----- */
#errorPageContent .iconContainer { text-align:center; margin-bottom:8px; }
#errorPageContent .desc1 { text-align:center; font-size:18px; line-height:28px; color:rgba(0,0,0,0.8); font-weight:bold; margin-bottom:8px; }
#errorPageContent .desc2 { text-align:center; font-size:14px; line-height:28px; color:rgba(0,0,0,0.8); margin-bottom:8px; }
#errorPageContent .desc3 { text-align:left; font-size:16px; line-height:22px; color:#202020; padding-top:16px; }
#errorPageContent .desc4 { color:#f36810; margin-bottom:0px; }
#errorPageContent .errMsg { font-size:16px; margin-top:20px; text-align:center; }
#errorPageContent .errMsg.text-l { text-align:left; }
@media screen and (min-width: 375px) {
    #errorPageContent .desc1 { font-size:20px; }
    #errorPageContent .desc2 { font-size:16px; }
    #errorPageContent .desc3 { font-size:18px; }
    #errorPageContent .errMsg { font-size:18px; }
}
@media screen and (min-width: 768px) {
    #errorPageContent .desc1 { font-size:20px; }
    #errorPageContent .desc2 { font-size:16px; }
    #errorPageContent .desc3 { font-size:18px; text-align:center; }
    #errorPageContent .errMsg { font-size:18px; }
}
@media screen and (min-width: 1024px) {
    #errorPageContent .desc1 { font-size:22px; }
    #errorPageContent .desc2 { font-size:16px; }
    #errorPageContent .desc3 { font-size:20px; text-align:center; padding-top:32px; }
    #errorPageContent .errMsg { font-size:20px; }
}

/* ----- verifyDataContent  Page Style ----- */
#verifyDataContent .section { position:relative; margin-bottom:24px; }
#verifyDataContent .section > .title { width:80%; float:left; font-size:17px; color:#202020; font-weight:bold; margin-bottom:3px; }
#verifyDataContent .section > .icon-editor { float:right; cursor:pointer; margin-top:2px; display:none; }
#verifyDataContent .section > .btnSave { float:right; cursor:pointer; font-size:14px; line-height:24px; border-radius:100px; background:rgb(173,203,345); color:#fff; padding:0px 10px; }
#verifyDataContent .section.viewOnly > .icon-editor { display:block; }
#verifyDataContent .section.viewOnly > .btnSave { display:none; }
#verifyDataContent .section.viewOnly .legend { margin-left:3px; }
#verifyDataContent .section.viewOnly .dropdownSelectBorder { border-color:transparent; padding-left:7px; }
#verifyDataContent .section.viewOnly .dropdownSelectBorder[data-text] { color:#000; height:initial; }
#verifyDataContent .section.viewOnly .dropdownSelectBorder[data-text]::before { display:none; }
#verifyDataContent .section.viewOnly .dropdown-toggle::after { display:none; }
#verifyDataContent .section.viewOnly .fieldset { border-color:transparent; }
#verifyDataContent .section.viewOnly .input { padding-left:7px; }
#verifyDataContent .section.viewOnly .question { color:rgba(32,32,32,0.6); }
#verifyDataContent .section.viewOnly .fieldValue { color:#202020; padding-left:7px; margin-top:10px; }
#verifyDataContent .section.viewOnly::after { content:''; position:absolute; top:30px; left:0px; width:100%; height:calc(100% - 30px); background:transparent; z-index:1; }
#verifyDataContent .section.viewOnly.noTitle::after { top:0px; height:100%; }
#verifyDataContent .editing .section.viewOnly { opacity:0.4; }
#verifyDataContent .editing .viewOnly::after { top:0px; height:100%; }
#verifyDataContent .section .readOnly .legend { margin-left:3px; }
#verifyDataContent .section .readOnly .fieldset { border-color:transparent; }
#verifyDataContent .section .readOnly .input { padding-left:7px; }
#verifyDataContent .section .readOnly .fieldValue { color:#202020; padding-left:7px; margin-top:10px; }
#verifyDataContent .editing .readOnly { opacity:0.4; }

#verifyDataContent #occupationInfoContent .declaration1 { display:none; }

#verifyDataContent #personalInfoContent .checkbox-large { cursor:default; }
#verifyDataContent #personalInfoContent .checkbox-large input:checked ~ .checkboxmark { background-image:url('../image/icon/ic_btn_checkbox_readonly.png?v=1'); }

#verifyDataContent .section.viewOnly #investmentContent .investmentInfo-knowledge { color:rgba(32,32,32,0.6); }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .have-experience { padding-top:1px; }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .have-experience-selectText { display:none; }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .checkboxmark { background-image:url('../image/icon/ic_btn_checkbox_readonly_default.png?v=1'); }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience input:checked ~ .checkboxmark { background-image:url('../image/icon/ic_btn_checkbox_readonly.png?v=1'); }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .cell-left-input { background:transparent; border-color:transparent; padding-left:30px; }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .multipleChoices { display:none; }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .selectOption .checkboxmark2 { background-image:url('../image/icon/ic_btn_checkbox_readonly_default.png?v=1'); }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .selectOption input:checked ~ .checkboxmark2 { background-image:url('../image/icon/ic_btn_checkbox_readonly.png?v=1'); }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .have-experience label { color:rgba(0,0,0,0.6); }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .selectOptionList .selectOption-left{ color:rgba(0,0,0,0.6); }
#verifyDataContent .section.viewOnly #investmentContent .mainContent .experience .selectOptionList .option-bg .selectOption-left { color:rgba(0,0,0,0.8); }

#verifyDataContent .section.viewOnly #taxationInfoContent .mainContent .checkbox-large { background-image:url('../image/icon/ic_btn_checkbox_readonly_default.png?v=1'); }
#verifyDataContent .section.viewOnly #taxationInfoContent .mainContent .checkbox-large input:checked ~ .checkboxmark { background-image:url('../image/icon/ic_btn_checkbox_readonly.png?v=1'); }
#verifyDataContent .section.viewOnly #taxationInfoContent .close-span { display:none; }
#verifyDataContent .section.viewOnly #taxationInfoContent #additemDiv { display:none; }
#verifyDataContent .section.viewOnly #taxationInfoContent .agreeDiv { margin-top:0px; }

#verifyDataContent #PersonalDeclarationContent { padding-top:8px; }
/*#verifyDataContent #PersonalDeclarationContent .field[data-question]::before { color:rgba(32,32,32,0.6); }
#verifyDataContent #PersonalDeclarationContent .answer { margin-bottom:16px; }*/
#verifyDataContent #PersonalDeclarationContent .verifyHidden { display:none; }

#verifyDataContent #selectAccTypeContent { height:initial; }
#verifyDataContent #selectAccTypeContent .fieldset { margin-top:0px; }

#verifyDataContent #feeSchemeContent .feeSchemeOption { margin-top:5px; }
#verifyDataContent #feeSchemeContent .feeSchemeOption {display:flex;justify-content: space-between;gap:8px;}
#verifyDataContent #feeSchemeContent .feeSchemeOption .optionDiv { width:100%;display:flex; border: 1px solid rgba(32, 32, 32,0.15);border-radius:8px;justify-content:space-between; }
#verifyDataContent #feeSchemeContent .feeSchemeOption .optionDiv .optionText {padding-top:20px;margin-right:6px;margin-left:12px;font-size:16px;padding-bottom:20px;}
#verifyDataContent #feeSchemeContent .feeSchemeOption .optionDiv .optionRadio {margin-top:22px;right:26px;}
#verifyDataContent #feeSchemeContent .feeSchemTabs {display:flex;;margin-top:30px;}
#verifyDataContent #feeSchemeContent .feeSchemTabs .tabs-item{margin-right:16px}
#verifyDataContent #feeSchemeContent .feeSchemTabs .item-bar {background-color:rgb(245,185,95);border-radius:100px;height:5px;width:32px;display:none;}
#verifyDataContent #feeSchemeContent .feeSchemTabs .item-textBold {font-weight:bold;color:rgb(51,51,51);}
#verifyDataContent #feeSchemeContent .feeSchemTabs .item-text {font-size:16px;color:rgb(77,77,77);}
#verifyDataContent .section.viewOnly #feeSchemeContent .feeSchemeOption .optionDiv { display:none; border:0; }
#verifyDataContent .section.viewOnly #feeSchemeContent .feeSchemeOption .optionDiv.sel { display:inline-block; }
#verifyDataContent .section.viewOnly #feeSchemeContent .feeSchemeOption .optionDiv .optionRadio { display:none; }
#verifyDataContent .section.viewOnly #feeSchemeContent .feeSchemeOption .optionDiv .optionText { padding:0; margin:0; margin-top:5px; padding-left:7px; }

#verifyDataContent .section.viewOnly #accountClauseContent .checkbox-large input:checked ~ .checkboxmark { background-image:url('../image/icon/ic_btn_checkbox_readonly.png?v=1'); }

#verifyDataContent .section.viewOnly #riskDisclosureContent .checkbox-large input:checked ~ .checkboxmark { background-image:url('../image/icon/ic_btn_checkbox_readonly.png?v=1'); }

#verifyDataContent.readOnly .section > .icon-editor { display:none; }

@media screen and (min-width: 375px) {
    #verifyDataContent .section > .title { font-size:19px; }
    #verifyDataContent .section > .btnSave { font-size:16px; padding:3px 12px; }

    #verifyDataContent .section.viewOnly .fieldValue { font-size:19px; }
    #verifyDataContent .section .readOnly .fieldValue { font-size:19px; }

    #verifyDataContent #feeSchemeContent .feeSchemeOption .optionDiv .optionText { font-size:19px; }
}
@media screen and (min-width: 768px) {
    #verifyDataContent .section > .title { font-size:19px; }
    #verifyDataContent .section > .btnSave { font-size:16px; padding:3px 12px; }

    #verifyDataContent .section.viewOnly .fieldValue { font-size:19px; }
    #verifyDataContent .section .readOnly .fieldValue { font-size:19px; }

    #verifyDataContent #feeSchemeContent .feeSchemeOption .optionDiv .optionText { font-size:19px; }
}
@media screen and (min-width: 1024px) {
    #verifyDataContent .section > .title { font-size:21px; }
    #verifyDataContent .section > .btnSave { font-size:16px; padding:3px 12px; }

    #verifyDataContent .section.viewOnly .fieldValue { font-size:21px; }
    #verifyDataContent .section .readOnly .fieldValue { font-size:21px; }

    #verifyDataContent #feeSchemeContent .feeSchemeOption .optionDiv .optionText { font-size:21px; }
}

/* ----- addressInfoContent  Page Style ----- */
/*#addressInfoContent .NextStep { width: 100% !important;height: 40px;border: 0px;color: rgb( 32, 32, 32); font-size: 16px;border-radius: 8px;background: rgb( 173, 203, 245); outline:0;}*/
/*#addressInfoContent #medium{display:none;position:absolute;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;}
#addressInfoContent #medium .itmes{top:30vh; padding:19px 16px 17px 18px; position:fixed;left:50%;background:#fff;border-radius:16px;box-sizing:border-box !important;}
#addressInfoContent #medium .itme img{width:20px;height:18px;}
#addressInfoContent #medium .itme div{margin-left:14px;font-size:16px;}*/
#addressInfoContent .identityContent{}
#addressInfoContent .example {}
#addressInfoContent .uploadBox { background:rgba(32,32,32,0.04); padding:16px  9px; border-radius:10px;   }
#addressInfoContent .uploadBox .title { float:left; padding-left:8px; font-size:16px; color:#202020; font-weight:bold; }
#addressInfoContent .uploadBox .samplelink { float:right; padding-right:7px; font-size:16px; color:#f36810; cursor:pointer; }
#addressInfoContent .uploadBox .point ul { font-size:18px; line-height:24px; margin-top:12px; margin-bottom:0px; padding-left:28px; }
#addressInfoContent .uploadBox .point ul > li { padding-bottom:12px; }
#addressInfoContent .uploadBox .point ul > li:last-of-type { padding-bottom:0px; }
#addressInfoContent .point {  margin-bottom: 16px;}
#addressInfoContent .uploadContainer { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:152px; cursor:pointer;position:relative; }
#addressInfoContent .uploadContainer.s2 { height:183px; }
#addressInfoContent .uploadContainer.pdf { padding-top:20px; box-sizing:content-box; }
#addressInfoContent .uploadContainer.pdf .innerBox { padding-top:33px; }
#addressInfoContent .uploadContainer.pdf .previewFileName { position:absolute; top:30px; left:0; width:100%; font-size:14px; color:rgba(32,32,32,0.6); }
#addressInfoContent .uploadContainer.pdf .previewFileName ~ img { width:130px; margin-top:30px; }
#addressInfoContent .uploadContainer .btnUpload {margin-left:25px; display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; }
#addressInfoContent .sample {  padding: 12px 11px !important;}
#addressInfoContent .zhengWh-box {  position: relative;  width:180px!important;height: 98px!important;}
#addressInfoContent .zhengWh { position:absolute;top:0px;left:0px; width:180px!important;height: 98px!important;border-radius:6px;}
#addressInfoContent .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#addressInfoContent .errArea{position:absolute;}
#addressInfoContent .errArea.s2 { top:8px; right:0px; }
#addressInfoContent .errArea .validationError{position:relative!important;top:0px!important;}
#addressInfoContent .errArea.s2 .validationError{ padding:0px; margin:0px; }
#addressInfoContent .address-mian{margin-top:16px;}

#addressInfoContent .preview_residential_address{position:absolute;width:100%;height:100%;top:0px;left:0px;padding:13px 12px 10px 11px;border-radius:6px;text-align:center;}
#addressInfoContent .preview_residential_address > img{max-width:100%;max-height:100%;border-radius:6px;box-sizing:border-box;}
#addressInfoContent .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#addressInfoContent .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#addressInfoContent .address-mian-h1{margin-top:16px;margin-bottom:18px;color:#202020;height:24px;font-size:17px;}
#addressInfoContent .address-h1{font-weight:bold; margin-top:32px;margin-bottom:8px;color:#202020;height:25px;line-height:25px; font-size:18px;}


#addressInfoContent .hiddenBG {position:fixed;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;padding: 0px 5px;}
#addressInfoContent .maxBox {  background:#fff;border-radius:10px;width:100%;padding:20px 15px;}
#addressInfoContent .maxBox .title{ font-size:22px;color:#202020;}
#addressInfoContent .maxBox .itme{ margin-top:24px;}
#addressInfoContent .maxBox .itme .title{ height:22px; font-size:16px;color:#202020;}
#addressInfoContent .maxBox .itme .value{ height:22px; font-size:16px;color:#202020; margin-top:5px;}
#addressInfoContent .btns{margin-top:39px; column-gap: 8px;column-count: 2;grid-template-columns: 1fr 1fr; display: grid;}
#addressInfoContent .btns .modify{border-radius:8px; height:40px;background: rgb(255, 255 ,255);border: rgba(243, 104 ,16, 0.4) 1px solid;}
#addressInfoContent .btns .modify2{border-radius:8px; height:40px;background: rgb(255, 255 ,255);border: rgba(243, 104 ,16, 0.4) 1px solid;color:rgb(243,104,16)}
#addressInfoContent .btns .submit{border-radius:8px; height:40px;background: rgb(173, 203, 245); border:#f36810 0px solid;}

#addressInfoContent .ch_address_title{color:rgb( 32, 32, 32);font-size:17px; height:24px;font-weight:bold;}
#addressInfoContent .ch_addressStr{margin-top:8px; padding:11px 16px 13px 16px;border-radius:6px; border:1px solid rgba(32, 32 ,32, 0.2);margin-bottom:8px;}

#addressInfoContent .conditionTextBox {  width:100%;  height:100%;  border:0px; }
#addressInfoContent .usa-remark { margin-top:10px; }

#addressInfoContent .message-title {font-size: 22px; padding:20px 15px 0px 15px; font-weight:bold;}
#addressInfoContent .message-content {font-size: 16px; line-height:22px; text-align: center;padding:32px 34px;}
#addressInfoContent .message-upload-title{font-size:22px;text-align:center;}
#addressInfoContent .message-describe{margin-top:8px;}
#addressInfoContent .message-describe p{text-align:left;font-size:16px;color:rgba(32,32,32,0.6);margin-top:16px;}
#addressInfoContent .examples-div{border:1px dashed rgba(32,32,32,0.2);border-radius:10px;padding:10px;}
#addressInfoContent .examples-div .hkId{width:240px;height:148px;}
#addressInfoContent .message-foot {height:68px;width: 290px; border-top: solid 1px rgba(0,0,0,0.06);margin:0 auto;}
#addressInfoContent .message-foot .btnCom {margin:0px auto;color:#f36810;font-size:16px;margin-top:23px;text-align:center;}
#addressInfoContent .examples-front-title{text-align:left;font-size:16px;color:rgba(32,32,32,0.6);margin-top:16px;margin-bottom:5px;}
#addressInfoContent .address-img{width:240px;height:120px;}
#addressInfoContent .messge-top{font-size:17px;margin-bottom:20px;}
#addressInfoContent .messge-mid{font-size:17px;margin-bottom:20px;}

@media screen and (min-width: 375px) {
    #addressInfoContent .maxBox {  width:100%; }
    #addressInfoContent .address-img{width:240px;height:140px;}
    #addressInfoContent .message-foot {width:340px;}
    #addressInfoContent #box[data-box='1']{max-width:340px;}
    #addressInfoContent .message-title {font-size: 22px;}
    #addressInfoContent .messge-top{font-size:19px;}
    #addressInfoContent .messge-mid{font-size:19px;margin-top:16px;}
    #addressInfoContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 768px) {
    #addressInfoContent .maxBox {  width:50%; }
    #addressInfoContent .address-img{width:440px;height:220px;}
    #addressInfoContent #box[data-box='1']{max-width:500px;}
    #addressInfoContent .message-foot {width:500px;}
    #addressInfoContent .message-describe p{font-size:18px;}
    #addressInfoContent .examples-front-title{font-size:18px;}
    #addressInfoContent .message-title {font-size: 24px;}
    #addressInfoContent .message-foot .btnCom{font-size:18px;}
    #addressInfoContent .messge-top{font-size:19px;}
    #addressInfoContent .messge-mid{font-size:19px;margin-top:16px;}
    #addressInfoContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 1024px) {
    #addressInfoContent .maxBox {  width:50%; }
    #addressInfoContent .uploadBox .uploadBox-a { float:left; width:45%; }
    #addressInfoContent .uploadBox .uploadBox-b { float:right; width:50%; }
    #addressInfoContent .message-describe p{font-size:20px;}
    #addressInfoContent .examples-front-title{font-size:20px;}
    #addressInfoContent .message-title {font-size: 32px;}
    #addressInfoContent #box[data-box='1']{max-width:660px;}
    #addressInfoContent .address-img{width:560px;height:280px;}
    #addressInfoContent .message-foot {width:660px;height:80px;}
    #addressInfoContent .message-foot .btnCom{font-size:20px;}
    #addressInfoContent .messge-top{font-size:21px;}
    #addressInfoContent .messge-mid{font-size:21px;margin-top:20px;}
    #addressInfoContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}
/* ----- PersonalDeclarationContent  Page Style ----- */
#PersonalDeclarationContent .PersonalDeclaration-h1{font-size:17px; line-height:22px; color:#202020; margin-bottom:24px; }
#PersonalDeclarationContent .field[data-question] { padding-left:24px; }
#PersonalDeclarationContent .field[data-question]::before { content:attr(data-question)'.'; position:absolute; top:0px; left:0px; }
#PersonalDeclarationContent .field[data-subquestion] { margin-top:-8px; }
#PersonalDeclarationContent .uploadBox { background:rgba(32,32,32,0.04); padding:16px  9px; border-radius:10px; margin-bottom:10px; }
#PersonalDeclarationContent .uploadContainer { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:140px; cursor:pointer;position:relative; }
#PersonalDeclarationContent .uploadContainer.pdf { padding-top:20px; box-sizing:content-box; }
#PersonalDeclarationContent .uploadContainer.pdf .innerBox { padding-top:33px; }
#PersonalDeclarationContent .uploadContainer.pdf .previewFileName { position:absolute; top:30px; left:0; width:100%; font-size:14px; color:rgba(32,32,32,0.6); }
#PersonalDeclarationContent .uploadContainer.pdf .previewFileName ~ img { width:130px; margin-top:30px; }
#PersonalDeclarationContent .uploadContainer .btnUpload {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; margin-top:30px; }
#PersonalDeclarationContent .sample{padding:12px 11px!important;}
#PersonalDeclarationContent .zhengWh-box {  position: relative;  width:153px!important;height: 98px!important;}
#PersonalDeclarationContent .zhengWh { position:absolute;top:0px;left:0px; width:153px!important;height: 98px!important;border-radius:6px;}
#PersonalDeclarationContent .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#PersonalDeclarationContent .preview{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;}
/*#PersonalDeclarationContent .preview > img{position:absolute;z-index:10;width:100%;height:100%;top:0px;left:0px;border-radius:10px;}*/
#PersonalDeclarationContent .preview > img{position:relative;z-index:10;width:initial;height:initial;max-width:100%;max-height:100%;top:0px;left:0px;border-radius:10px;}
#PersonalDeclarationContent .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#PersonalDeclarationContent .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#PersonalDeclarationContent .errArea{position:absolute;}
#PersonalDeclarationContent .errArea .validationError{position:relative!important;top:0px!important;}
/*#PersonalDeclarationContent #medium{display:none;position:absolute;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;}
#PersonalDeclarationContent #medium .itmes{top:30vh; padding:19px 16px 17px 18px; position:fixed;left:50%;background:#fff;border-radius:16px;box-sizing:border-box !important;}
#PersonalDeclarationContent #medium .itme img{width:20px;height:18px;}
#PersonalDeclarationContent #medium .itme div{margin-left:14px;font-size:16px;}*/
body.eng #PersonalDeclarationContent .hideForEN { display:none; }
#PersonalDeclarationContent .message-foot {height:68px;position:absolute;bottom:0px;left:0px;width: 100%; border-top: solid 1px rgba(0,0,0,0.06);}
#PersonalDeclarationContent .message-foot .btnCom {margin:0px auto;color:#f36810;font-size:16px;text-align:center;line-height:68px;}
#PersonalDeclarationContent .message-content{margin-top:32px;}

@media screen and (min-width: 375px) {
    #PersonalDeclarationContent .PersonalDeclaration-h1{font-size:19px;}
    #PersonalDeclarationContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 768px) {
    #PersonalDeclarationContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 1024px) {
    #PersonalDeclarationContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}



/* ----- DepositMethod Page Style ----- */
#depositMethodContent {  }
@media screen and (min-width: 375px) {
    
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1024px) {

}

/* ----- DepositFunds Page Style ----- */
#depositFundsContent .desp { font-size:16px; line-height:22px; margin-bottom:16px; }
#depositFundsContent .iconFlag { float:left; width:32px; height:32px; margin-right:13px; }
#depositFundsContent .mainContent .card-option { font-size:20px; line-height:32px; }
@media screen and (min-width: 375px) {
    #depositFundsContent .desp { font-size:18px; }
    #depositFundsContent .mainContent .card-option { font-size:22px; }
}

@media screen and (min-width: 768px) {
    #depositFundsContent .desp { font-size:18px; }
    #depositFundsContent .mainContent .card-option { font-size:22px; }
}

@media screen and (min-width: 1024px) {
    #depositFundsContent .desp { font-size:20px; }
    #depositFundsContent .iconFlag { margin-right:10px; }
    #depositFundsContent .mainContent .card-option { font-size:20px; }
}
/* ----- AddBank  Page Style ----- */
#addBankContent .bank-describe{}
#addBankContent .bank-describe ul { padding-left:20px; }
#addBankContent .bank-describe ul li{font-size:16px;margin-bottom:5px;}
#addBankContent .uploadBankDiv{margin-top:20px;}
#addBankContent .uploadBankDiv .upload-h1{float:left;font-size:17px;font-weight:bold;}
#addBankContent .uploadBankDiv .upload-case{float:right;color:#f36810;font-size:16px;}
#addBankContent .uploadBankDiv .upload-describe{font-size:16px;}
#addBankContent .uploadBankDiv .upload-describe ul { padding-left:20px; }
#addBankContent .uploadBankDiv .upload-describe ul li{margin-top:12px;}

#addBankContent .uploadBankDiv .uploadBox { background:rgba(32,32,32,0.04); padding:16px  9px; border-radius:10px; margin-bottom:10px; margin-top:16px;}
#addBankContent .uploadBankDiv .uploadContainer { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:140px; cursor:pointer;position:relative; }
#addBankContent .uploadBankDiv .uploadContainer.pdf { padding-top:20px; box-sizing:content-box; }
#addBankContent .uploadBankDiv .uploadContainer.pdf .innerBox { padding-top:33px; }
#addBankContent .uploadBankDiv .uploadContainer.pdf .previewFileName { position:absolute; top:30px; left:0; width:100%; font-size:14px; color:rgba(32,32,32,0.6); }
#addBankContent .uploadBankDiv .uploadContainer.pdf .previewFileName ~ img { width:130px; margin-top:30px; }
#addBankContent .uploadBankDiv .uploadContainer .btnUpload {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; margin-top:30px; }
#addBankContent .uploadBankDiv .sample{padding:12px 11px!important;}
#addBankContent .uploadBankDiv .zhengWh-box {  position: relative;  width:153px!important;height: 98px!important;}
#addBankContent .uploadBankDiv .zhengWh { position:absolute;top:0px;left:0px; width:153px!important;height: 98px!important;border-radius:6px;}
#addBankContent .uploadBankDiv .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#addBankContent .uploadBankDiv .preview{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;}
/*#addBankContent .uploadBankDiv .preview > img{position:absolute;z-index:10;width:100%;height:100%;top:0px;left:0px;border-radius:10px;}*/
#addBankContent .uploadBankDiv .preview > img{position:relative;z-index:10;width:initial;height:initial;max-width:100%;max-height:100%;top:0px;left:0px;border-radius:10px;}
#addBankContent .uploadBankDiv .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#addBankContent .uploadBankDiv .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#addBankContent .uploadBankDiv .errArea{position:absolute;}
#addBankContent .uploadBankDiv .errArea .validationError{position:relative!important;top:0px!important;}
/*#addBankContent  #medium{display:none;position:absolute;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;}
#addBankContent  #medium .itmes{top:30vh; padding:19px 16px 17px 18px; position:fixed;left:50%;background:#fff;border-radius:16px;box-sizing:border-box !important;}
#addBankContent  #medium .itme img{width:20px;height:18px;}
#addBankContent  #medium .itme div{margin-left:14px;font-size:16px;}*/
#addBankContent  .title-div{font-size:17px;margin-top:16px;}
#addBankContent .title-div-h2{font-size:17px;margin-top:16px;font-weight:bold;}
#addBankContent .title-div-h3{font-size:17px;font-weight:bold;}
#addBankContent  .tr{margin-top:21px;float:left;width:100%;}
#addBankContent  .tr-left{float:left; width:38%;}
#addBankContent  .tr-right{float:right; width:62%; text-align:right; font-weight:bold;}
#addBankContent #message1{font-size:14px;color:rgb(128,128,128);}
#addBankContent .other-icon {width:22px;height:22px;margin-left:12px;}
#addBankContent .otherItem {color:#f36810;font-size:18px;margin-top: 10px;}
#addBankContent .othervoucherText{margin-top: 10px;}
#addBankContent .othervoucherText-left{font-size:18px;}
#addBankContent .othervoucherText-middle{border-bottom:solid 1px #c0c0c0;width: auto;display: inline-block;margin-left: 10px;margin-right: 10px;min-width: 136px;margin-bottom:5px;}
#addBankContent .othervoucherText-right{}
#addBankContent .othervoucherText-right-img{width:22px;height:22px;float:right;}
#addBankContent .form-group-message{margin-left: 12px;font-size: 14px;margin-right: 12px;float: left;}
#addBankContent .message-div {padding-bottom:68px;}
#addBankContent .message-title{font-size: 22px;text-align: center;margin-top:5px; font-weight:bold;margin-bottom:15px;}
#addBankContent .message-content {font-size: 16px;margin-left:14px;margin-right:14px;margin-top:8px; margin-bottom:32px;}
#addBankContent .examples-div{border:1px dashed rgba(32,32,32,0.2);border-radius:10px;padding:10px;margin-bottom:10px;float:left;}
#addBankContent .message-foot {height:68px;position:absolute;bottom:0px;left:0px;width: 100%; border-top: solid 1px rgba(0,0,0,0.06);}
#addBankContent .message-foot .btnCom {margin:0px auto;color:#f36810;font-size:16px;text-align:center;line-height:68px;}
#addBankContent .message-title-p{margin-left:16px;margin-bottom:10px;color:rgba(32,32,32,0.6);}
#addBankContent .message-content2 {border:dashed 1px rgba(32,32,32,0.2);padding:10px;border-radius:10px;margin-left:14px;margin-bottom:20px;}
#addBankContent .message-title2{margin-top:16px;}
#addBankContent .examples-div .bankId{width:240px;height:382px;}
#addBankContent .examples-div .ATMcard{width:240px;height:152px;}
#addBankContent .examples-div .BankDepositSlipDemo{width:240px;height:128px;}
#addBankContent .e-banking{width:240px;height:360px;}
#addBankContent .FPS{width:240px;height:394px;}
#addBankContent .customeradvice{width:240px;height:325px;}
#addBankContent .transactionadvice{width:240px;height:537px;}
#addBankContent .transactionadvice{ background-image:url('../image/imagery/transactionadvice560w@2x.png');background-repeat: round;}
#addBankContent .message-scroll-div{height:70vh;overflow-y:scroll;margin-top:16px;}
#addBankContent .message-title-div{margin-top:10px;margin-bottom:5px;color:rgba(32,32,32,0.6);}
#addBankContent .message-title-h{color: #202020;margin-left:16px;font-size:16px;font-weight:bold;}
#addBankContent .icomCopy{width: 20px;height: 20px;background-image: url(../image/icon/iconCopy@2x.png);background-repeat:no-repeat;background-size: cover;margin-left:5px;flex-shrink: 0;}
#addBankContent .bankNumberBox {display:flex;align-items: center;right: 0px;cursor:pointer;justify-content: end;}

@media screen and (min-width: 375px) {
   #addBankContent .bank-describe ul li{font-size:18px;}
   #addBankContent .uploadBankDiv .upload-h1{font-size:19px;}
   #addBankContent .uploadBankDiv .upload-describe ul li{font-size:18px;}
   #addBankContent .title-div{font-size:19px;}
   #addBankContent .title-div-h2{font-size:19px;}
   #addBankContent .title-div-h3{font-size:19px;}
   #addBankContent .tr-left {font-size:18px;}
   #addBankContent .tr-right{font-size:18px;}
   #addBankContent .uploadBankDiv .upload-case{font-size:18px;}
   #addBankContent .otherItem{font-size:20px;}
   #addBankContent .form-group-message{font-size: 16px;}
   /*#addBankContent .examples-div .bankId{width:280px;height:150px;}*/
   #addBankContent .examples-div .bankId{width:280px;height:446px;}
   #addBankContent .examples-div .ATMcard{width:280px;height:177px;}
   #addBankContent .examples-div .BankDepositSlipDemo{width:280px;height:149px;}
   #addBankContent .e-banking{width:280px;height:420px;}
   #addBankContent .FPS{width:280px;height:460px;}
   #addBankContent .customeradvice{width:280px;height:380px;}
   #addBankContent .transactionadvice{width:280px;height:627px;}
   #addBankContent .uploadBankDiv .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 768px) {
   #addBankContent .bank-describe ul li{font-size:18px;}
   #addBankContent .uploadBankDiv .upload-h1{font-size:19px;}
   #addBankContent .uploadBankDiv .upload-describe ul li{font-size:18px;}
   #addBankContent .title-div{font-size:19px;}
   #addBankContent .title-div-h2{font-size:19px;}
   #addBankContent .title-div-h3{font-size:19px;}
   #addBankContent .tr-left {font-size:18px;}
   #addBankContent .tr-right{font-size:18px;}
   #addBankContent .uploadBankDiv .upload-h1{font-size:19px;}
   #addBankContent .uploadBankDiv .upload-case{font-size:18px;}
   #addBankContent .othervoucherText-left{font-size:20px;}
   #addBankContent .otherItem{font-size:21px;}
   #addBankContent .form-group-message{font-size: 16px;}
   /*#addBankContent .examples-div .bankId{width:440px;height:235px;}*/
   #addBankContent .examples-div .bankId{width:280px;height:446px;}
   #addBankContent .examples-div .ATMcard{width:280px;height:177px;}
   #addBankContent .examples-div .BankDepositSlipDemo{width:440px;height:235px;}
   #addBankContent .message-title-h{font-size:18px;}
   #addBankContent #messgeLeft{margin-right:20px;}
   #addBankContent #box[data-box='1']{max-width:660px;}
   #addBankContent .message-title-p{margin-left:18px;}
   #addBankContent .message-foot .btnCom {font-size:18px;}
   #addBankContent .message-title{font-size: 24px;}
    #addBankContent #box[data-box='2']{max-width:660px;}
   #addBankContent .e-banking{width:280px;height:420px;}
   #addBankContent .FPS{width:280px;height:460px;}
   #addBankContent .customeradvice{width:280px;height:380px;}
   #addBankContent .transactionadvice{width:600px;height:267px; background-image:url('../image/imagery/transactionadvicew768@2x.png');background-repeat: round;}
   #addBankContent .message-left{float:left;}
   #addBankContent .message-right{float:right;}
   #addBankContent .message-customeradvice-div{width:332px;margin:0 auto;}
   #addBankContent .message-centent-div{margin:0 auto;width:440px;}
   #addBankContent .message-title-div{font-size:18px;}
   #addBankContent .uploadBankDiv .uploadContainer.pdf .previewFileName { font-size:16px; }
}

@media screen and (min-width: 1024px) {
   #addBankContent .bank-describe ul li{font-size:20px;}
   #addBankContent .uploadBankDiv .upload-h1{font-size:21px;}
   #addBankContent .uploadBankDiv .upload-describe ul li{font-size:18px;}
   #addBankContent .title-div{font-size:24px;margin-bottom:5px}
   #addBankContent .title-div-h2{font-size:21px;margin-top:40px;}
   #addBankContent .title-div-h3{font-size:21px;}
   #addBankContent .tr-left {font-size:20px;}
   #addBankContent .tr-right{font-size:20px;}
   #addBankContent .uploadBankDiv .upload-h1{font-size:21px;}
   #addBankContent .uploadBankDiv .upload-case{font-size:20px;}
   #addBankContent .othervoucherText-left{font-size:20px;}
   #addBankContent .uploadBankDiv .desp{font-size:15px;}
   #addBankContent .uploadBankDiv .uploadContainer {height:181px; }
   #addBankContent .uploadBankDiv .uploadBox {padding:21px 20px;}
   #addBankContent .public-div-left{float:left;margin-right:36px;width:348px;}
   #addBankContent .public-div-right{float:right;width:348px;}
   #addBankContent .uploadBankDiv{margin-top:40px;}
   #addBankContent .otherItem{font-size:22px;}
   #addBankContent .form-group-message{font-size: 16px;}
   /*#addBankContent .examples-div .bankId{width:560px;height:300px;}*/
   #addBankContent #box[data-box='1']{max-width:700px;}
   #addBankContent .message-title-p{margin-left:20px;}
   #addBankContent .message-foot1 .btnCom {font-size:20px;}
   #addBankContent .message-title{font-size: 32px;}
   #addBankContent #box[data-box='2']{max-width:700px;}
     #addBankContent .message-title-h{font-size:20px;}
   #addBankContent .e-banking{width:280px;height:420px;}
   #addBankContent .FPS{width:280px;height:460px;}
   #addBankContent .customeradvice{width:280px;height:380px;}
   #addBankContent .transactionadvice{width:600px;height:267px; background-image:url('../image/imagery/transactionadvicew768@2x.png');background-repeat: round;}
   #addBankContent .message-left{float:left;}
   #addBankContent .message-right{float:right;}
   #addBankContent .message-customeradvice-div{width:332px;margin:0 auto;}
   #addBankContent .message-centent-div{margin:0 auto;width:560px;}
   #addBankContent .message-title-div{font-size:20px;}
   #addBankContent .examples-div .bankId{width:280px;height:446px;}
   #addBankContent .examples-div .ATMcard{width:280px;height:177px;}
   #addBankContent .examples-div .BankDepositSlipDemo{width:560px;height:300px;}
   #addBankContent .uploadBankDiv .uploadContainer.pdf .previewFileName { font-size:16px; }
}


/* ----- CACertification Page Style ----- */
#CACertificationContent .video-container { width:180px; height:180px; margin:22px auto 24px auto; position:relative; border-radius:100%; overflow:hidden; }
#CACertificationContent .video-container video#gum-local { width:100%; /*height:100%;*/ position:absolute; top:calc(50% - 200px); }
#CACertificationContent .video-container .main-rect { position:absolute; width:100%; height:100%; top:0px; left:0px; border:28px solid rgba(255,154,67,0.6);border-radius:36px; }
#CACertificationContent .btnCA { width:calc(100% - 48px); background:rgba(255,154,67,1); border-radius:100px; color:#fff; text-align:center; font-size:16px; line-height:40px; margin:auto; cursor:pointer; }
#CACertificationContent .btnCA.text {background:rgba(255,154,67,0.2); color:#f36810; cursor:default;}
#CACertificationContent .btnCA.bg { background-image:url('../image/icon/success@2x.png');background-repeat:no-repeat;background-position: bottom 8px right 10px;background-size:24px 24px;}
#CACertificationContent .btnCA.error { background:rgba(232,70,37,0.2); color:#e84625; cursor:default; }
#CACertificationContent .btnCA.errorBg { background-image:url('../image/icon/icons@2x.png');background-repeat:no-repeat;background-position: bottom 8px right 10px;background-size:24px 24px;}
#CACertificationContent .video-describe{margin-top:24px;}
#CACertificationContent .video-describe ul{margin-left:0px; padding-left:16px;}
#CACertificationContent .video-describe ul li{margin-bottom:8px;font-size:16px;}
#CACertificationContent #btnRecordAgain{ border:1px solid rgba(243,104,16,0.4);border-radius:8px;text-align:center;line-height:40px;color:#f36810;margin-bottom:8px;}
#CACertificationContent #btnOther{ border-radius:8px;text-align:center;line-height:40px;color:#f36810;background-color:rgb(173,203,245);}
#CACertificationContent .notStep{ width:100%; -webkit-appearance:none; border:0; outline:0; height:40px; border-radius:8px; text-align:center; background:rgba(32,32,32,0.2); font-size:16px; }


/*#CACertificationContent #countdown {position: relative;margin: auto;margin-top: 80px;height: 40px;width: 40px;text-align: center;}*/
/*#CACertificationContent #countdown-number {color:rgba(255,154,67,0.6);display: inline-block;line-height: 40px;}*/
/*#CACertificationContent svg {position: absolute;top: 0;right: 0;width: 40px;height: 40px;transform: rotateY(-180deg) rotateZ(-90deg);}*/
/*#CACertificationContent svg circle {stroke-dasharray: 113px;stroke-dashoffset: 0px;stroke-linecap: round;stroke-width: 2px;stroke:rgba(255,154,67,0.6);fill: none;animation: countdown 3s linear infinite forwards;}*/

#CACertificationContent #countdown {position: relative;margin: auto;/* margin-top: 80px; *//* height: 40px; *//* width: 40px; */text-align: center;/* margin-left: 100px; */}
#CACertificationContent #countdown-number {color:rgba(255,154,67,0.6);display: inline-block;line-height: 40px;}
#CACertificationContent svg {position: absolute;top: -30px;width: 220px;height: 220px;transform: rotate(-90deg);margin-left: -100px;}

#CACertificationContent .clock{stroke-dasharray: 600px;stroke-dashoffset: 600px;stroke-linecap: round;stroke-width: 3px;stroke:rgba(255,154,67,0.6);fill: none;animation: countdown 3s linear infinite forwards;r: 89;cx:100;cy:100;}
#CACertificationContent .clockInit{fill: none;}

/*@keyframes countdown {from {stroke-dashoffset: 0px;}to {stroke-dashoffset:471px;}}*/
@keyframes countdown {
  0% {
    stroke-dashoffset: 600;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@media screen and (min-width: 375px) {
    #CACertificationContent svg {position: absolute;top: 0px;width: 221px;height: 221px;transform: rotate(-90deg);margin-left: -120px;}
    #CACertificationContent .clock {stroke-dasharray: 600px;stroke-dashoffset: 600px;stroke-linecap: round;stroke-width: 3px;stroke:rgba(255,154,67,0.6);fill: none;animation: countdown 3s linear infinite forwards;r: 99;cx:120;cy:120;}
    #CACertificationContent .video-container { width:200px; height:200px; margin:8px auto 24px auto; }
    #CACertificationContent .video-container .main-rect { border:31px solid rgba(255,154,67,0.6);border-radius:37px; }
    #CACertificationContent .video-container .main-rect { border-width:31px; }
    #CACertificationContent .video-describe ul li{font-size:18px;}
    #CACertificationContent .btnCA { font-size:18px;line-height:44px;}
    #CACertificationContent #btnRecordAgain{font-size:18px;line-height:44px;}     
    #CACertificationContent #btnOther{font-size:18px;line-height:44px;}    
}
@media screen and (min-width: 768px) {
    #CACertificationContent svg {position: absolute;top: 0px;width: 221px;height: 221px;transform: rotate(-90deg);margin-left: -120px;}
    #CACertificationContent .clock {stroke-dasharray: 650px;stroke-dashoffset: 650px;stroke-linecap: round;stroke-width: 3px;stroke:rgba(255,154,67,0.6);fill: none;animation: countdown 3s linear infinite forwards;r: 99;cx:120;cy:120;}
    #CACertificationContent .video-container { width:200px; height:200px; margin:8px auto 24px auto; }
    #CACertificationContent .video-container .main-rect { border:31px solid rgba(255,154,67,0.6);border-radius:37px; }
    #CACertificationContent .video-describe ul li{font-size:18px;}
    #CACertificationContent .btnCA { font-size:18px;line-height:44px;}    
    #CACertificationContent #btnRecordAgain{font-size:18px;line-height:44px;}
    #CACertificationContent #btnOther{font-size:18px;line-height:44px;}                                             
}
@media screen and (min-width: 1024px) {
    #CACertificationContent svg {position: absolute;top: 0px;width: 368px;height: 368px;transform: rotate(-90deg);margin-left: -194px;}
    #CACertificationContent .clock {stroke-dasharray: 1100px;stroke-dashoffset: 1100px;stroke-linecap: round;stroke-width: 5px;stroke:rgba(255,154,67,0.6);fill: none;animation: countdown 3s linear infinite forwards;r: 171;cx: 194;cy: 194;}
    #CACertificationContent .video-container { width:348px; height:348px; margin:8px auto 24px auto; }
    #CACertificationContent .video-container .main-rect { border:62px solid rgba(255,154,67,0.6);border-radius:70px; }
    #CACertificationContent .video-describe ul li{font-size:20px;}
    #CACertificationContent .btnCA { font-size:22px;line-height:56px;}
    #CACertificationContent .btnCA.bg {background-position: bottom 12px right 16px;}
    #CACertificationContent .btnCA.errorBg {background-position: bottom 12px right 16px;}
    #CACertificationContent #btnRecordAgain{font-size:20px;line-height:56px;}
    #CACertificationContent #btnOther{font-size:20px;line-height:56px;}
    @keyframes countdown {
  0% {
    stroke-dashoffset: 1100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
}
/*-----eDDAContent page Style----*/
#eDDAContent .eDDA-describe{margin-bottom:0px;float:left}
#eDDAContent .eDDA-describe ul{margin-bottom:16px;margin-left:-20px;}
#eDDAContent .eDDA-describe ul li{font-size:16px;margin-bottom:10px;}
#eDDAContent .agressDiv{margin-top:16px;}
#eDDAContent .agress-eDDA-msg{color:#f36810;}
#eDDAContent .message-div {width:100%;}
#eDDAContent #box[data-box='2']{/*max-width:310px;*/margin-left:5px;margin-right:5px;}
#eDDAContent .message-title {font-size: 22px; padding:20px 15px 0px 15px; font-weight:bold;text-align:center;}
#eDDAContent .message-content {font-size: 16px; line-height:22px; text-align: center;padding-top:10px;padding-bottom:32px;padding-left:34px;padding-right:34px;}
#eDDAContent .message-content2 {font-size: 16px; line-height:22px; text-align: left;padding:4px 15px;}
#eDDAContent .message-content2 .msg-row { margin-top:20px; }
#eDDAContent .message-content2 .msg-text { font-size:16px; color:#202020; float:left; }
#eDDAContent .message-content2 .msg-value { font-size:16px; color:#202020; float:right; text-align:right; font-weight:bold; width:50%;}
#eDDAContent .message-content2 .msg-remark { font-size:14px; line-height:18px; color:rgba(32,32,32,0.6); text-align:right; }
/*#eDDAContent .message-foot {height:68px;width: 290px; border-top: solid 1px rgba(0,0,0,0.06);margin:0 auto;}
#eDDAContent .message-foot .btnCom {margin:0px auto;color:#f36810;font-size:16px;margin-top:23px;text-align:center;}*/
#eDDAContent .message-foot2 { min-height:68px;width: 100%; padding:0px 15px; margin-top:71px; }
#eDDAContent .message-foot2 .btnStd { width:48%; }
#eDDAContent .message-foot2 .msg-btn-left { float:left; }
#eDDAContent .message-foot2 .msg-btn-right { float:right; }
#eDDAContent #openModel2 { width:100%; }
#eDDAContent #openModel1 { width:100%; }
#eDDAContent .message-title2 {font-size:16px; color:#202020; float:left;padding-left:15px;margin-top:24px;}
#eDDAContent .message-foot1 {height:68px;/*width: 290px;*/ border-top: solid 1px rgba(0,0,0,0.06);margin:0 auto;}
#eDDAContent .btn-left{float:left;width:50%;border-right:solid 1px rgba(0,0,0,0.06);height:68px;text-align:center;}
#eDDAContent .btn-right{height:68px;text-align:center;}
#eDDAContent .btn-left-text {font-size:16px;color:#f36810;line-height:68px;}
body.eng #eDDAContent .btn-left-text { line-height: 24px; position: relative; top:10px; }
#eDDAContent .mainContent .checkbox-large .text{font-size:14px;}
#eDDAContent #message1{font-size:14px;color:rgb(128,128,128);}
#eDDAContent .form-group-message{margin-left: 12px;font-size: 14px;margin-right: 12px;float: left;}

@media screen and (min-width: 375px) {
    #eDDAContent .eDDA-describe ul li{font-size:18px;}
    #eDDAContent .btn-left-text{font-size:18px;}
    #eDDAContent .message-content{font-size:18px;}
    #eDDAContent .message-title{font-size:24px;}
    #eDDAContent .mainContent .checkbox-large .text{font-size:16px;}
    /*#eDDAContent #box[data-box='2']{margin-left:16px;margin-right:16px;}*/
    #eDDAContent .form-group-message{font-size: 16px;}
}
@media screen and (min-width: 768px) {
    #eDDAContent .eDDA-describe ul li{font-size:18px;}
    #eDDAContent .btn-left-text{font-size:18px;}
    #eDDAContent .message-content{font-size:18px;}
    #eDDAContent .message-title{font-size:24px;}
    #eDDAContent #box[data-box='2']{margin-left:auto;margin-right:auto;}
    #eDDAContent .mainContent .checkbox-large .text{font-size:16px;}
    #eDDAContent .form-group-message{font-size: 16px;}
}
@media screen and (min-width: 1024px) {
    #eDDAContent .eDDA-describe ul li{font-size:20px;}
    #eDDAContent .btn-left-text{font-size:20px;}
    #eDDAContent .message-content{font-size:20px;}
    #eDDAContent .message-title{font-size:32px;}
    #eDDAContent .message-title2{font-size:24px;}
    #eDDAContent .msg-text{font-size:20px !important;}
    #eDDAContent .msg-value{font-size:20px !important;}
    #eDDAContent .message-div {padding-left:25px;padding-right:25px;}
    #eDDAContent .public-div-left{float:left;width:348px;}
    #eDDAContent .public-div-right{float:right;width:348px;}
    #eDDAContent .mainContent .checkbox-large .text{font-size:16px;}
    #eDDAContent .form-group-message{font-size: 16px;}
}

/*-----Examine page Style----*/
#examineContent .upper { text-align:center; }
#examineContent .desc1 { font-size:18px; line-height:28px; color:rgba(0,0,0,0.8); font-weight:bold; margin-top:8px; }
#examineContent .desc2 { font-size:14px; color:rgba(0,0,0,0.8); margin-top:8px; justify-items: center;justify-content: center;display:flex;}
#examineContent .desc3 { text-align:left; font-size:16px; line-height:22px; color:#202020; margin-top:40px; }
#examineContent .main { margin-top:40px; }
#examineContent .main ul { padding-left:20px; }
#examineContent .main ul li { font-size:16px; line-height:24px; font-weight:bold; margin-bottom:24px; }
#examineContent .main ul li .btnGroup { width:calc(100% + 20px); margin-left:-20px; margin-top:16px; }
#examineContent .main ul li .btnOrangeText { margin-bottom:16px; }
#examineContent .main ul li a { color:#f36810; text-decoration:none; }
#examineContent .section .section-title { font-size:16px; color:#202020; font-weight:bold; margin-bottom:8px; }
#examineContent .section #remarkContent .remark-container { border:1px solid rgba(32,32,32,0.2); font-size:16px; padding:8px; border-radius:8px; }
#examineContent .desc2-text{}
#examineContent .copyImage {width:24px;height:24px;background-image:url('../image/icon/icCopy@2x.png');background-repeat:no-repeat;background-size: cover;}
#examineContent .emailDiv{font-size:16px;font-weight:bold;}
#examineContent .emailDiv-color{color:#f36810;font-weight:bold;}
#examineContent .downloadBtnContainer { text-align:center; margin-top:40px; }
#examineContent .downloadBtnContainer .downloadBtn { display:inline-flex; background:rgba(255,154,67,0.15); border-radius:16px; padding:0px 12px; align-items:center; cursor:pointer; height:32px; }
#examineContent .downloadBtnContainer .downloadBtn .aacatLogo { width:24px; height:24px; background-image:url('../image/icon/icAacat24@2x.png'); background-repeat:no-repeat; background-size:cover; margin-right:4px; }
#examineContent .downloadBtnContainer .downloadBtn .downloadText { color:rgb(255,154,67); line-height:32px; font-size:15px; }
#examineContent .mainBottom.sfr { height:170px; }
#examineContent .mainBottom .btnStd.sfr { margin-bottom:10px; }

@media screen and (min-width: 375px) {
    #examineContent .desc1 { font-size:20px; }
    #examineContent .desc2 { font-size:16px; }
    #examineContent .desc3 { font-size:18px; }
    #examineContent .main ul li { font-size:18px; }
    #examineContent .section .section-title { font-size:18px; }
    #examineContent .section #remarkContent .remark-container { font-size:18px; padding:8px; }
    #examineContent .emailDiv{font-size:18px;}
    #examineContent .downloadBtnContainer .downloadBtn { border-radius:18px; height:36px; }
    #examineContent .downloadBtnContainer .downloadBtn .aacatLogo { width:28px; height:28px; background-image:url('../image/icon/icAacat28@2x.png'); }
    #examineContent .downloadBtnContainer .downloadBtn .downloadText { line-height:36px; font-size:17px; }
    #examineContent .mainBottom.sfr { height:170px; }
}
@media screen and (min-width: 768px) {
    #examineContent .desc1 { font-size:20px; }
    #examineContent .desc2 { font-size:16px; }
    #examineContent .desc3 { font-size:18px; }
    #examineContent .main ul li { font-size:18px; }
    #examineContent .section .section-title { font-size:18px; }
    #examineContent .section #remarkContent .remark-container { font-size:18px; padding:8px; }
    #examineContent .emailDiv{font-size:18px;}
    #examineContent .downloadBtnContainer .downloadBtn { border-radius:18px; height:36px; }
    #examineContent .downloadBtnContainer .downloadBtn .aacatLogo { width:28px; height:28px; background-image:url('../image/icon/icAacat28@2x.png'); }
    #examineContent .downloadBtnContainer .downloadBtn .downloadText { line-height:36px; font-size:17px; }
    #examineContent .mainBottom.sfr { height:170px; }
}
@media screen and (min-width: 1024px) {
    #examineContent .desc1 { font-size:22px; }
    #examineContent .desc2 { font-size:16px; }
    #examineContent .desc3 { font-size:20px; }
    #examineContent .main ul li { font-size:20px; margin-bottom:40px; }
    #examineContent .btn-left { width:48%; float:left; }
    #examineContent .btn-right { width:48%; float:right; }
    #examineContent .section .section-title { font-size:21px; }
    #examineContent .section #remarkContent .remark-container { font-size:21px; padding:15px; }
    #examineContent .emailDiv{font-size:18px;}
    #examineContent .downloadBtnContainer .downloadBtn { border-radius:20px; height:40px; }
    #examineContent .downloadBtnContainer .downloadBtn .aacatLogo { width:32px; height:32px; background-image:url('../image/icon/icAacat32@2x.png'); }
    #examineContent .downloadBtnContainer .downloadBtn .downloadText { line-height:40px; font-size:17px; }
    body.eng #examineContent .downloadBtnContainer .downloadBtn .downloadText { font-size:17px; }
    #examineContent .mainBottom.sfr { height:200px; }
}
/*-----bankInfoContent page Style----*/
#bankInfoContent .bankInfo-describe{margin-bottom:8px;}
#bankInfoContent .describe-title {font-size:16px;font-weight:bold;margin-top:8px;}
#bankInfoContent .describe-message {font-size:16px;margin-top:8px;}
#bankInfoContent .uploadBankDiv{margin-top:20px;}
#bankInfoContent .uploadBankDiv .upload-h1{float:left;font-size:16px;font-weight:bold;}
#bankInfoContent .uploadBankDiv .upload-case{float:right;color:#f36810;font-size:16px;}
#bankInfoContent .uploadBankDiv .uploadBox { background:rgba(32,32,32,0.04); padding:16px  9px; border-radius:10px; margin-bottom:10px; margin-top:16px;}
#bankInfoContent .uploadBankDiv .uploadContainer { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:140px; cursor:pointer;position:relative; }
#bankInfoContent .uploadBankDiv .uploadContainer .btnUpload {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; margin-top:30px; }
#bankInfoContent .uploadBankDiv .sample{padding:12px 11px!important;}
#bankInfoContent .uploadBankDiv .zhengWh-box {  position: relative;  width:153px!important;height: 98px!important;}
#bankInfoContent .uploadBankDiv .zhengWh { position:absolute;top:0px;left:0px; width:153px!important;height: 98px!important;border-radius:6px;}
#bankInfoContent .uploadBankDiv .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#bankInfoContent .uploadBankDiv .preview{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;}
#bankInfoContent .uploadBankDiv .preview > img{position:relative;z-index:10;width:initial;height:initial;max-width:100%;max-height:100%;top:0px;left:0px;border-radius:10px;}
#bankInfoContent .uploadBankDiv .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#bankInfoContent .uploadBankDiv .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#bankInfoContent .uploadBankDiv .errArea{position:absolute;}
#bankInfoContent .uploadBankDiv .errArea .validationError{position:relative!important;top:0px!important;}
/*#bankInfoContent  #medium{display:none;position:absolute;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;}
#bankInfoContent  #medium .itmes{top:30vh; padding:19px 16px 17px 18px; position:fixed;left:50%;background:#fff;border-radius:16px;box-sizing:border-box !important;}
#bankInfoContent  #medium .itme img{width:20px;height:18px;}
#bankInfoContent  #medium .itme div{margin-left:14px;font-size:16px;}*/

@media screen and (min-width: 375px) {
   #bankInfoContent .describe-title {font-size:18px;}
   #bankInfoContent .describe-message {font-size:18px;}
   #bankInfoContent .uploadBankDiv .upload-h1{font-size:19px;}
   #bankInfoContent .uploadBankDiv .upload-case{font-size:18px;}
   
}
@media screen and (min-width: 768px) {
   #bankInfoContent .describe-title {font-size:18px;}
   #bankInfoContent .describe-message {font-size:18px;}
   #bankInfoContent .uploadBankDiv .upload-h1{font-size:19px;}
   #bankInfoContent .uploadBankDiv .upload-case{font-size:18px;}
}
@media screen and (min-width: 1024px) {
   #bankInfoContent .describe-title {font-size:21px;}
   #bankInfoContent .describe-message {font-size:20px;}
   #bankInfoContent .uploadBankDiv .upload-h1{font-size:21px;}
   #bankInfoContent .uploadBankDiv .upload-case{font-size:20px;}
   #bankInfoContent .public-div-left{float:left;width:348px;}
   #bankInfoContent .public-div-right{float:right;width:348px;}
   #bankInfoContent .bankInfo-describe{margin-bottom:16px;}
}

/*-----Resubmit page Style----*/
#resubmitContent .top-desp { font-size:18px; font-weight:bold; margin-bottom:16px; }
/*#resubmitContent #medium{display:none;position:absolute;height:100%;width:100%;top:0px;background: rgba( 0, 0, 0,0.1);z-index: 10000;}
#resubmitContent #medium .itmes{top:30vh; padding:19px 16px 17px 18px; position:fixed;left:50%;background:#fff;border-radius:16px;box-sizing:border-box !important;}
#resubmitContent #medium .itme img{width:20px;height:18px;}
#resubmitContent #medium .itme div{margin-left:14px;font-size:16px;}*/
#resubmitContent .uploadBox { background:rgba(32,32,32,0.04); padding:16px  9px; border-radius:10px; margin-bottom:10px; }
#resubmitContent .uploadContainer { border:1px dashed rgba(32,32,32,0.2); border-radius:10px;width:100%; height:140px; cursor:pointer;position:relative; margin-top:0px; }
#resubmitContent .uploadContainer.pdf { padding-top:20px; box-sizing:content-box; }
#resubmitContent .uploadContainer.pdf .innerBox { padding-top:33px; }
#resubmitContent .uploadContainer.pdf .previewFileName { position:absolute; top:30px; left:0; width:100%; font-size:14px; color:rgba(32,32,32,0.6); }
#resubmitContent .uploadContainer.pdf .previewFileName ~ img { width:130px; margin-top:30px; }
#resubmitContent .uploadContainer .btnUpload {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; margin-top:30px; margin-left:0px; }
#resubmitContent .sample{padding:12px 11px!important;}
#resubmitContent .zhengWh-box {  position: relative;  width:153px!important;height: 98px!important;}
#resubmitContent .zhengWh { position:absolute;top:0px;left:0px; width:153px!important;height: 98px!important;border-radius:6px;}
#resubmitContent .desp{margin-top:10px;font-size:14px;color:rgba(32,32,32,0.6);text-align:center;}
#resubmitContent .preview{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;}
#resubmitContent .preview > img{position:relative;z-index:10;width:initial;height:initial;max-width:100%;max-height:100%;top:0px;left:0px;border-radius:10px;}
#resubmitContent .uploadAgain{background:#ff9a43;height:36px; border-radius:8px;padding:8px;margin-right:4px;margin-bottom:0px; font-size:15px;color:rgb(255, 255, 255);   position: absolute;  z-index: 11;  right: 0px;  bottom: 0px;}
#resubmitContent .uploadAgain > img{width:20px;height:20px;margin-right:4px;}
#resubmitContent .errArea{position:absolute;}
#resubmitContent .errArea .validationError{position:relative!important;top:0px!important;}
#resubmitContent .public-div-left { float:initial; width:100%; }
#resubmitContent .public-div-right { float:initial; width:100%; }
#resubmitContent .section-title { font-size:17px; color:#202020; font-weight:bold; margin-bottom:8px; }
#resubmitContent #occupationInfoContent .mainContent .declaration1 { display:none; }
#resubmitContent #PersonalDeclarationContent .PersonalDeclaration-h1 { display:none; }
#resubmitContent #PersonalDeclarationContent .field[data-question] { padding-left:0px; }
#resubmitContent #PersonalDeclarationContent .field[data-question]::before { content:''; }
#resubmitContent #signatureContent .cheackClause { display:none; }
#resubmitContent #taxationInfoContent .itemNum-div { display:none; }
#resubmitContent #taxationInfoContent #additemDiv { display:none; }
#resubmitContent #taxationInfoContent .agreeDiv { display:none; }
#resubmitContent #occupationInfoContent .occupationInfoContent-left { float:initial; width:100%; }
#resubmitContent #occupationInfoContent .occupationInfoContent-right { float:initial; width:100%; }
#resubmitContent #remarkContent .remark-container { border:1px solid rgba(32,32,32,0.2); font-size:16px; padding:8px; border-radius:8px; }
#resubmitContent #supportingDocumentContent .other-icon {width:22px;height:22px;margin-left:12px;}
#resubmitContent #supportingDocumentContent .otherItem {color:#f36810;font-size:18px;margin-top: 10px; cursor:pointer;}
#resubmitContent #supportingDocumentContent .othervoucherText{margin-top: 10px;}
#resubmitContent #supportingDocumentContent .othervoucherText-left{font-size:18px;}
#resubmitContent #supportingDocumentContent .othervoucherText-middle{border-bottom:solid 1px #c0c0c0;width: auto;display: inline-block;margin-left: 10px;margin-right: 10px;min-width: 136px;margin-bottom:5px;}
#resubmitContent #supportingDocumentContent .othervoucherText-right{}
#resubmitContent #supportingDocumentContent .othervoucherText-right-img{width:22px;height:22px;float:right;}

#resubmitContent .message-upload-title{font-size:22px;text-align:center;}
#resubmitContent .message-describe{margin-top:8px;}
#resubmitContent .message-describe p{text-align:left;font-size:16px;color:rgba(32,32,32,0.6);margin-top:16px;}
#resubmitContent .examples-div{border:1px dashed rgba(32,32,32,0.2);border-radius:10px;padding:10px;}
#resubmitContent .examples-div .hkId{width:240px;height:148px;}
#resubmitContent .examples-div .passport{width:137px;height:200px;}
#resubmitContent .examples-div .passportback{width:240px;height:155px;}
#resubmitContent .examples-front-title{text-align:left;font-size:16px;color:rgba(32,32,32,0.6);margin-top:16px;margin-bottom:5px;}
#resubmitContent .message-scroll-div {height:70vh;}
#resubmitContent .uploadContainer .btnUpload2 {display:block; color:#f36810; font-size:15px; text-align:center; vertical-align:bottom; white-space:nowrap;margin-top:30px; }
#resubmitContent .uploadBox2 {background:rgba(32,32,32,0.04);padding: 1px 8px 14px 9px;border-radius:10px;margin-top:36px;margin-bottom:8px;}
#resubmitContent .uploadn-ationality{}
#resubmitContent .uploadBox-a2{margin-top:15px;}
#resubmitContent .uploadBox-a2 .title {font-size:17px;}
#resubmitContent .uploadBox-a2 .point ul{ margin-left:0px;padding-left:23px;}
#resubmitContent .uploadBox-a2 .point ul li{ margin-top:8px;}

@media screen and (min-width: 375px) {
    #resubmitContent .top-desp { font-size:20px; }
    #resubmitContent .section-title { font-size:19px; color:#202020; font-weight:bold; }
    #resubmitContent #supportingDocumentContent .otherItem { font-size:20px; }
    #resubmitContent #remarkContent .remark-container { font-size:18px; padding:8px; }
    #resubmitContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}
@media screen and (min-width: 768px) {
    #resubmitContent .top-desp { font-size:20px; }
    #resubmitContent .section-title { font-size:19px; color:#202020; font-weight:bold; }
    #resubmitContent #supportingDocumentContent .otherItem { font-size:21px; }
    #resubmitContent #remarkContent .remark-container { font-size:18px; padding:8px; }
    #resubmitContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}
@media screen and (min-width: 1024px) {
    #resubmitContent .top-desp { font-size:22px; }
    #resubmitContent .section-title { font-size:21px; color:#202020; font-weight:bold; }
    #resubmitContent #supportingDocumentContent .otherItem { font-size:22px; }
    #resubmitContent #remarkContent .remark-container { font-size:21px; padding:15px; }
    #resubmitContent .uploadContainer.pdf .previewFileName { font-size:16px; }
}
/*-----WorldCheck page Style----*/
#worldCheckContent .describe1{font-size:17px;}
#worldCheckContent .describe2{font-size:18px;margin-top:20px;}
#worldCheckContent .question{margin-top:10px;font-size:16px;color:rgba(32,32,32,0.6);}
#worldCheckContent .answerDiv{margin-top:10px;}
#worldCheckContent .experience { position:relative; }
#worldCheckContent .experience .have-experience {background-color: rgba(32,32,32,0.04);border-radius: 6px;padding-left: 16px;padding-top: 16px;padding-bottom:10px;}
#worldCheckContent .mainContent .experience .have-experience-checkbox {width: 24px;height: 24px;position: absolute;opacity: 0;}
#worldCheckContent .mainContent .experience  .checkboxmark { position:absolute;  width:24px; height:24px; background:url('../image/icon/ic_btn_checkbox_default.png?v=1') no-repeat; background-size:cover;   }
#worldCheckContent .mainContent .experience .no-experience-div  .checkboxmark { position:absolute;  width:24px; height:24px; background:url('../image/icon/ic_tickbox_default.png?v=1') no-repeat; background-size:cover;   }
#worldCheckContent .mainContent .experience  input:checked ~ .checkboxmark { background:url('../image/icon/ic_btn_checkbox_checked.png?v=1') no-repeat; background-size:cover; }
#worldCheckContent .mainContent .experience  .checkboxmark:after { content:""; position:absolute; display:none; } 
#worldCheckContent .mainContent .experience  input:checked ~ .checkboxmark:after { display:block; }
#worldCheckContent .mainContent .experience .have-experience label {font-size:17px;color:rgba(0,0,0,0.8);}
#worldCheckContent .mainContent .experience .have-experience-selectText {font-size:14px;color:rgba(0,0,0,0.6)}
#worldCheckContent .mainContent .experience .have-experience-cell-spantext {margin-left:30px;float:left;font-size:17px;}
#worldCheckContent .mainContent .experience .have-experience .cell {margin-top:16px;margin-right:16px;}
#worldCheckContent .mainContent .experience .divTransactionDetail { position:relative; }
#worldCheckContent .section1{}
#worldCheckContent .mainContent .title{font-size:18px;font-weight:bold;margin-bottom:10px;margin-top:10px;}
#worldCheckContent .section1 .rerm .characters{width:55px;float:left;font-size:16px;text-align:center;line-height:68px;}
#worldCheckContent .section1 .rerm  .month{min-width:112px;float:left}
#worldCheckContent .section1 .rerm  .year{min-width:112px;float:right}
#worldCheckContent .spanfont{text-decoration:underline;font-weight:bold;}
#worldCheckContent .IConfirm{ font-size:16px;}

#dropdownArea3 .dropdown-menu{min-width:112px;}
#dropdownArea4 .dropdown-menu{min-width:112px;}
#dropdownArea5 .dropdown-menu{min-width:112px;}
#dropdownArea6 .dropdown-menu{min-width:112px;}

@media screen and (min-width: 375px) {
#worldCheckContent .describe1{font-size:19px;}
#worldCheckContent .describe2{font-size:20px;}
#worldCheckContent .question{font-size:18px;}
#worldCheckContent .mainContent .experience .have-experience-selectText {font-size:16px;}
#worldCheckContent .mainContent .experience .have-experience-cell-spantext {font-size:19px;}
#worldCheckContent .mainContent .title{font-size:20px;}
#worldCheckContent .section1 .rerm .characters{font-size:18px;}
#worldCheckContent .section1 .rerm  .month{min-width:136px;}
#worldCheckContent .section1 .rerm  .year{min-width:136px;}
#worldCheckContent .IConfirm{ font-size:16px;}

}
@media screen and (min-width: 768px) {
#worldCheckContent .describe1{font-size:19px;}
#worldCheckContent .describe2{font-size:20px;}
#worldCheckContent .question{font-size:18px;}
#worldCheckContent .mainContent .experience .have-experience-selectText {font-size:16px;}
#worldCheckContent .mainContent .experience .have-experience-cell-spantext {font-size:19px;}
#worldCheckContent .mainContent .title{font-size:20px;}
#worldCheckContent .section1 .rerm .characters{font-size:18px;}
#worldCheckContent .section1 .rerm  .month{min-width:235px;}
#worldCheckContent .section1 .rerm  .year{min-width:235px;}
#worldCheckContent .IConfirm{ font-size:18px;}
}
@media screen and (min-width: 1024px) {
    #worldCheckContent .section1 .rerm .characters{width:85px;}
#worldCheckContent .public-div-left{float:left;margin-right:36px;width:348px;}
#worldCheckContent .public-div-right{float:right;width:348px;}
#worldCheckContent .describe1{font-size:21px;}
#worldCheckContent .describe2{font-size:22px;}
#worldCheckContent .question{font-size:20px;}
#worldCheckContent .mainContent .experience .have-experience-selectText {font-size:16px;}
#worldCheckContent .mainContent .experience .have-experience-cell-spantext {font-size:21px;}
#worldCheckContent .mainContent .title{font-size:21px;}
#worldCheckContent .section1 .rerm .characters{font-size:18px;}
#worldCheckContent .section1 .rerm  .month{min-width:316px;}
#worldCheckContent .section1 .rerm  .year{min-width:316px;}
#worldCheckContent .IConfirm{ font-size:20px;}

}
/* ----- verifyEmailContent  Page Style ----- */
#verifyEmailContentError .shape-container {z-index: -99;position: absolute;width: 100%;height: 308px;overflow: hidden;}
#verifyEmailContentError .circle {width: 890px;height: 592px;border-radius: 50%;background: rgb(240,90,90);position: absolute;top: -284px;left: 50%;transform: translateX(-50%);filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0));}
#verifyEmailContentError .box {width: 100%;height: 308px;box-sizing: border-box;position: relative;}
#verifyEmailContentError .icon {position: absolute;right: 20px;top: 20px;}
#verifyEmailContentError .stock-icon-class {width: 14px;height: 14px;}
#verifyEmailContentError .qqq {width: 100%;z-index: -1;content: "";background-size: cover;display: flex;justify-content: center;align-items: center;}
#verifyEmailContentError .aaa {width: 200px;height: 200px;z-index: 1;margin-top: 20px;display: flex;align-items: center;justify-content: center; background:url('../image/imagery/icFailCat.svg') no-repeat;}
#verifyEmailContentError .cur {width: 60%;height: 40%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;color: rgb(128,128,128);font-size: 24px;font-weight:bold; text-align:center;}
#verifyEmailContentError .verifyEmailLogo {margin-left: 16px;margin-top: 16px;float: left;}
#verifyEmailContentError .content {width:100%;margin:0 auto;}
#verifyEmailContentError .eorrMsg {margin-top:40px; text-align:center;}
#verifyEmailContentError .fontText {font-size: 20px;text-align: center;margin:20px auto; width:60%;}
#verifyEmailContentError .font-eorror {font-size:30px;font-weight:bold;color:#F05A5A;line-height:40px;display:inline-block;}
#verifyEmailContentError .tubiao{display:inline-block;}
#verifyEmailContentError .tubiao > svg { margin-top:-12px; }
@media screen and (min-width: 768px) {
    #verifyEmailContentError .circle {width: 2100px;}
    #verifyEmailContentError .verifyEmailLogo{margin-left:100px;margin-top:20px;}
}
#verifyEmailContentsuccess .Email-message {width: 100%;box-sizing: border-box;}
#verifyEmailContentsuccess .web-mobile {width: 100%;height: 308px;overflow: hidden;text-align: center;position: relative;}
#verifyEmailContentsuccess .web-mobile img {position: absolute;top: 0;width: 100%; height: 100%;object-fit: cover;}
#verifyEmailContentsuccess .qqq {width: 100%;height: 232px;content: "";background-size: cover;display: flex;justify-content: center;align-items: center;}
#verifyEmailContentsuccess .aaa {width: 200px;height: 200px;z-index: 1;margin-top: 60px;display: flex;align-items: center;justify-content: center; background:url('../image/imagery/icSuccessCat.svg') no-repeat;}
#verifyEmailContentsuccess .cur {width: 60%;height: 40%;display: flex;align-items: center;justify-content: center;font-weight: bold;flex-wrap: wrap;color:rgb(128,128,128);font-size: 24px; text-align:center;    }
#verifyEmailContentsuccess .verifyEmailLogo {margin-left: 16px;margin-top: 16px;float: left;position:absolute;z-index:999;}
#verifyEmailContentsuccess .web-mobile .qqq { margin-top:36px; }

#verifyEmailContentsuccess .success-msg {width: 100%;box-sizing: border-box;text-align: center;margin-top: 50px;}
/*#verifyEmailContentsuccess .msg-tubiao {float:left;}*/
#verifyEmailContentsuccess .msg-title {margin-bottom: 24px;font-weight: 600;color: rgb(245,185,95);    font-size: 30px;}
#verifyEmailContentsuccess .msg-content {font-size:20px;}
@media screen and (min-width: 768px) {
    #verifyEmailContentsuccess .verifyEmailLogo{margin-left:100px;margin-top:20px;}
    #verifyEmailContentsuccess .web-mobile .qqq { margin-top:40px; }
}

/* ----- feeSchemeContent  Page Style ----- */

#feeSchemeContent .optionRadio { position:relative; cursor:pointer; }
#feeSchemeContent .optionRadio input { position:absolute; opacity:0; }
#feeSchemeContent .optionRadio .checkmark1 { position:absolute;  height:20px; width:20px; background:url('../image/icon/ic_btn_radio_default.png?v=1') no-repeat; background-size:cover; }
#feeSchemeContent .optionRadio input:checked ~ .checkmark1 { background:url('../image/icon/ic_checkbox_checked.png?v=1') no-repeat; background-size:cover; }
#feeSchemeContent .optionRadio:after { content:""; position:absolute; display:none; }
#feeSchemeContent .optionRadio input:checked ~ .checkmark1:after { display:block; }
#feeSchemeContent .feeSchemeOption{}
#feeSchemeContent .feeSchemeOption{display:flex;justify-content: space-between;gap:8px;}
#feeSchemeContent .feeSchemeOption .optionDiv{width:100%;display:flex; border: 1px solid rgba(32, 32, 32,0.15);border-radius:8px;justify-content:space-between;}
#feeSchemeContent .feeSchemeOption .optionDiv .optionText {padding-top:20px;margin-right:6px;margin-left:12px;font-size:16px;padding-bottom:20px;}
#feeSchemeContent .feeSchemeOption .optionDiv .optionRadio {margin-top:22px;right:26px;}
#feeSchemeContent .feeSchemTabs{display:flex;;margin-top:30px;}
#feeSchemeContent .feeSchemTabs .tabs-item{margin-right:16px}
#feeSchemeContent .feeSchemTabs .item-bar {background-color:rgb(245,185,95);border-radius:100px;height:5px;width:32px;display:none;}
#feeSchemeContent .feeSchemTabs .item-textBold {font-weight:bold;color:rgb(51,51,51);}
#feeSchemeContent .feeSchemTabs .item-text {font-size:16px;color:rgb(77,77,77);}
#feeSchemeContent .tabsContent {margin-top:8px;}
#feeSchemeContent .tabsContent .visit {display:block;}
#feeSchemeContent .tabsContent .noVisit {display:none;}
#feeSchemeContent .tabsContent .costDiv {}
#feeSchemeContent .tabsContent .costDiv .cost-title {font-size:19px;color:rgb(77,77,77);font-weight:bold;padding-top:10px;padding-bottom:10px;margin-top:16px;}
#feeSchemeContent .tabsContent .costDiv .cost-title2 {font-size:19px;color:rgb(77,77,77);padding-top:10px;padding-bottom:10px;}
#feeSchemeContent .tabsContent .costDiv .tableDiv {border-radius:8px;border:1px solid rgba(204,200,194,0.2);}
#feeSchemeContent .tabsContent .costDiv .tableRow {display: flex;color:rgb(51,51,51);}
#feeSchemeContent .tabsContent .costDiv .tableRow .tableCellLeft {padding-left:8px;padding-right:8px;padding-top:14px;padding-bottom:14px;width:112px;box-sizing:border-box; flex-shrink: 0;border-right:1px solid rgba(204,200,194,0.2); display:flex;align-items:center;font-size:17px;color:rgb(51,51,51);}
body.eng #feeSchemeContent .tabsContent .costDiv .tableRow .tableCellLeft { width:125px; }
#feeSchemeContent .tabsContent .costDiv .tableRow .tableCellRight {padding-left:8px;padding-right:8px;padding-top:14px;padding-bottom:14px;width:100%;box-sizing:border-box;  flex: 1;font-size:17px;color:rgb(51,51,51);align-content:center; word-break:break-word;}
#feeSchemeContent .tableCellTitle {background:rgba(217,164,85,0.2);}
#feeSchemeContent .tableCellTitle3 {background:rgba(140,139,137,0.1);}
#feeSchemeContent .tableCellTitle2 {background:rgba(217,164,85,0.1);border-top:1px solid rgba(204,200,194,0.2);}
#feeSchemeContent .tableCellTitle4 {border-top:1px solid rgba(204,200,194,0.2);}
#feeSchemeContent .tableCellTitleTopRight {background:rgba(217,164,85,0.2);border-top-right-radius:8px;}
#feeSchemeContent .tableCellTitleTopLeft {background:rgba(217,164,85,0.2);border-top-left-radius:8px;}
#feeSchemeContent .tableCellTitle3TopRight {background:rgba(140,139,137,0.1);border-top-right-radius:8px;}
#feeSchemeContent .tableCellTitle3TopLeft {background:rgba(140,139,137,0.1);border-top-left-radius:8px;}

#feeSchemeContent .tabsContent .costDiv .linediv {text-decoration: line-through;font-size:17px;}
#feeSchemeContent .tabsContent .costDiv .yj {font-weight:bold;font-size:17px;}

#feeSchemeContent .tabsContent .costDiv .tableDiv2 {border-radius:8px;border:1px solid rgba(204,200,194,0.2);}
#feeSchemeContent .tabsContent .costDiv .tableRow2 {display: flex;color:rgb(51,51,51);font-size:17px;}
#feeSchemeContent .tabsContent .costDiv .tableLeft {padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;width:36px;border-right:1px solid rgba(204,200,194,0.2);display:flex;align-items:center;}
body.eng #feeSchemeContent .tabsContent .costDiv .tableLeft { width:46px; }
#feeSchemeContent .tabsContent .costDiv .tableMiddle {padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px; flex: 6;border-right:1px solid rgba(204,200,194,0.2);}
#feeSchemeContent .tabsContent .costDiv .tableRight {padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;  flex: 4;display:flex;align-items:center;}
#feeSchemeContent .tabsContent .costDiv .jyzcs2 {width:100%;height:100%;display:flex;align-items:center;}
#feeSchemeContent .tabsContent .costDiv .tableMiddle .jyzcs-des {color:rgb(115,115,115);}
#feeSchemeContent .tabsContent .costDiv .cellCenter {height:100%;width:100%;display:flex;align-items:center;}
#feeSchemeContent .tabsContent .costDiv .desDiv{display:block;margin-top:24px;}
#feeSchemeContent .tabsContent .costDiv  p {font-size:17px;color:rgb(115,115,115);margin-bottom:24px}
#feeSchemeContent .tabsContent .costDiv .OtherCharges {border-radius:8px;background:rgba(140,139,137,0.08);padding-bottom:12px;padding-top:12px;margin-top:16px;padding-left:10px;display: flex;justify-content:space-between;}
#feeSchemeContent .tabsContent .costDiv .OtherChargesText {font-size:17px;color:rgb(128,128,128);}
#feeSchemeContent .tabsContent .costDiv .OtherChargesImg {width:24px;height:24px;background:url('../image/icon/headerIconBack@2x.png?v=1') no-repeat;background-size:cover;display:inline-block;margin-right:10px;}
#feeSchemeContent .tabsContent .costDiv .tableDiv3 {border-radius:8px;border:1px solid rgba(204,200,194,0.2);}
#feeSchemeContent .tabsContent .costDiv .tableRow3 {display:flex; font-size:17px;}
#feeSchemeContent .tabsContent .costDiv .tableRow3 .tableCloumn1 {padding-left:8px;padding-right:8px;padding-top:14px;padding-bottom:14px;width:36px;border-right:1px solid rgba(204,200,194,0.2); }
body.eng #feeSchemeContent .tabsContent .costDiv .tableRow3 .tableCloumn1 { width:46px; }
#feeSchemeContent .tabsContent .costDiv .tableRow3 .tableCloumn2 {padding-left:8px;padding-right:8px;padding-top:14px;padding-bottom:14px;border-right:1px solid rgba(204,200,194,0.2);flex:4; }
#feeSchemeContent .tabsContent .costDiv .tableRow3 .tableCloumn3 {padding-left:8px;padding-right:8px;padding-top:14px;padding-bottom:14px;border-right:1px solid rgba(204,200,194,0.2);flex:4; }
#feeSchemeContent .tabsContent .costDiv .tableRow3 .tableCloumn4 {padding-left:8px;padding-right:8px;padding-top:14px;padding-bottom:14px;flex:3; }
#feeSchemeContent .optionDiv.active {  border: 1px solid rgba(255, 154, 67, 0.8) !important;}

/* table scroll */
#feeSchemeContent .tabsContent .costDiv .scroll-outer {position:relative; border-radius: 8px; border: 1px solid rgba(204, 200, 194, 0.2); overflow:hidden; }
#feeSchemeContent .tabsContent .costDiv .scroll-inner { overflow-x:auto; width:90vw; max-width:345px; -webkit-overflow-scrolling: touch; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableDiv3 { display:table; table-layout:fixed; width:100%; border:0; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableRow3 { display:table-row; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableRow3 > div { display:table-cell; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableRow3:nth-child(1) .tableCloumn1 { background:white; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableRow3:nth-child(1) .tableCloumn1::after { background:rgba(217,164,85,0.2); }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableRow3:nth-child(2) .tableCloumn1::after { background:rgba(217,164,85,0.1); }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableCloumn1 { position:sticky; left:0; width:36px; top:0; background:#fff; z-index:100; }
body.eng #feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableCloumn1 { width:46px; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableCloumn1::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:-1; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner.middle .tableCloumn1::before { content:''; position:absolute; top:0; left:100%; width:10px; height:100%; box-shadow:inset 10px 0 10px -10px rgba(0,0,0,0.15); }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableCloumn2 { width:148px; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableCloumn3 { width:165px; }
#feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableCloumn4 { width:200px; }
#feeSchemeContent .tabsContent .costDiv .dragDiv {position:relative;}
#feeSchemeContent .tabsContent .costDiv .drag {position: absolute;right: -22px;bottom: -30px;width: 28px;height: 28px;background-color: rgba(255,255,255,0.6);color: rgb(0,0,0);border-radius: 50%;font-size: 15px;display: flex;align-items: center;justify-content: center;}
#feeSchemeContent .tabsContent .costDiv .divContent {}
#feeSchemeContent .tabsContent .costDiv .FontDiv {margin-right:8px;min-width:60px;}
#feeSchemeContent .tabsContent .costDiv .FontDiv .FontDivFontSize {font-size:14px;}
#feeSchemeContent .tabsContent .costDiv .FontDiv .EnlargeFontSize {font-size:18px;margin-left:2px;}
#feeSchemeContent .tabsContent .costDiv .FontDiv .ReduceFontSize {font-size:13px;}
#feeSchemeContent .tabsContent .costDiv .FontDiv .underlineFont {text-decoration: line-through;font-size:13px;color:rgb(148,141,138);display:block;}
#feeSchemeContent .tabsContent .costDiv .discount {font-size:15px;margin-top:12px;color:rgb(115,115,115);}
#feeSchemeContent .tabsContent .costDiv .discount a {text-decoration: none;}
#feeSchemeContent .tabsContent .costDiv .discountColor {font-size:15px;color:rgb(217,164,85);cursor:pointer;}



@media screen and (min-width: 375px) {
    /* table scroll */
    #feeSchemeContent .tabsContent .costDiv .scroll-inner { width: 92vw; max-width:560px; }
}
@media screen and (min-width: 768px) {
    /* table scroll */
    #feeSchemeContent .tabsContent .costDiv .scroll-inner { width:560px; max-width:560px; }
    #feeSchemeContent .tabsContent .costDiv .divContent {display: flex;align-items: center;}
}
@media screen and (min-width: 1024px) {
    #feeSchemeContent .feeSchemeOption .optionDiv .optionText {font-size:20px;} 
    #feeSchemeContent .feeSchemeOption .optionDiv .optionRadio {right:30px;}
    #feeSchemeContent .feeSchemTabs .item-text {font-size:19px;}

    #feeSchemeContent .tabsContent .costDiv .tableLeft { width:112px; }
    #feeSchemeContent .tabsContent .costDiv .tableRow3 .tableCloumn1 { width:93px; }
    /* table scroll */
    #feeSchemeContent .tabsContent .costDiv .scroll-inner { width:732px; max-width:732px; }
    #feeSchemeContent .tabsContent .costDiv .scroll-outer .scroll-inner .tableCloumn1 { width:93px; }
    #feeSchemeContent .tabsContent .costDiv .divContent {display: flex;align-items: }
    #feeSchemeContent .tabsContent .costDiv .FontDiv .FontDivFontSize18 {font-size:18px;}
    #feeSchemeContent .tabsContent .costDiv .FontDiv .EnlargeFontSize22 {font-size:22px;}
    #feeSchemeContent .tabsContent .costDiv .FontDiv .ReduceFontSize17 {font-size:17px;}
    #feeSchemeContent .tabsContent .costDiv .FontDiv .font17 {font-size:17px; }
}