@charset "utf-8";
/* CSS Document */

/* General */
body{margin:0px; padding:0px; height:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, PingFang SC, 'Inter', sans-serif; color:#555555; scrollbar-face-color: rgba(255,255,255,0);}
header{height: 76px;width: 100%}
a{text-decoration:none;color:#555555;}
a:hover{text-decoration:none;}
#MainWrapper{width:100%;margin:auto;}
#apk-qr-code{text-align:center;}
.coming-soon-cn{background-image: url("../images/common/coming_soon_cn.png") !important;}
.coming-soon-tw{background-image: url("../images/common/coming_soon_tw.png") !important;}
.coming-soon-en{background-image: url("../images/common/coming_soon_en.png") !important;}
.detail{width: 100%;max-width: 1400px;min-width: 320px;margin: 0 auto;}
.chinese-font-pingfang{font-family: PingFang SC, Helvetica; !important;}
.english-font-inter{font-family: 'Inter', Helvetica !important;}
.english-font-roboto{font-family: Roboto, 'Inter', Helvetica !important;}
.highlight{color: #E4002B;}
.ease-in *, img, .ease-in-single{transition: all 300ms cubic-bezier(.4,0,.2,1);}
/* Footer */
footer{width:100%; min-width:320px; margin:auto; font-size:0px;}
footer > div{width:100%; margin:auto;}
#about{width:100%; font-size:0px;background-color:#F7F7F7;}
#Calms{width:100%; font-size:0px;padding: 20px 10px;}
#Calms .webFooter-disclaimer{font-weight: 400;white-space:nowrap;padding: 0px 250px;display: flex;justify-content: center;justify-items: center;align-items: center;align-content: center;font-size: 16px;line-height: 22px;color: #555555;}
#Calms .webFooter-disclaimer span a{color: #555555;}
#Calms .webFooter-disclaimer span a:active{color: #555555;text-decoration: underline;}

/*for link*/
.navBar{height: 100%;padding: 0 40px;background-color: #FFFFFF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);position: relative;}
.navBar .navImage{float: left;margin: 7px;}
.navBar .navBoxes{float: right;height: 100%}
.navBar .navBox{font-family: PingFang HK, Helvetica;float: right;height: 100%;}
.navBar .navBox.english-font-inter{line-height: 21.78px;}
.navBar .navBox.english-font-inter div{line-height: 21.78px;}
.navBar .navBox div{color: #111111;font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;}
.navBar .navBox div:hover{color: #E4002B;}
.navBar .navBox.left{border-right: 1px solid #EEEEEE;}
.navBar .navBox.right{margin-left: 10px;}
.navBar .navBox.right .navBox-subMenu1 .navBox-title{display: flex;align-items: center;}
.navBar .navBox.left .navBox-subMenu1{margin-right: 44px;}
.navBar .navBox.right .navBox-subMenu1{margin-left: 30px;}
.navBox-subMenu1{padding: 26px 0;float: left;position: relative;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;}
.navBox-subMenu1:hover .navBox-title{color: #E4002B;}
.navBox-subMenu1:hover .navBox-subMenu2{display: block;}
.navBox-subMenu1:focus .navBox-subMenu2{display: block;}
.navBox-subMenu1 .nav-btn{background-color: #E4002B;border-radius: 6px;padding: 9px 14px;color: #FFFFFF !important;text-align: center;cursor: pointer;}
.navBox-subMenu1 .nav-btn:hover{background-color: #D2082E;color: #FFFFFF !important;}
.navBox-subMenu1 .nav-btn:focus{background-color: #D2082E;color: #FFFFFF !important;}
.navBox-subMenu1 .icon-down{background-image: url("../images/common/icon_down.png");background-size: cover;background-position: center;display: inline-block;width: 12px;height: 7px;margin-bottom: 3px;margin-left: 2px;}
.navBox-subMenu1 .icon-down-origin{background-image: url("../images/common/icon_down.png");background-size: cover;background-position: center;display: inline-block;width: 12px;height: 7px;margin-left: 6px;}
.navBox-subMenu1:hover .icon-down{background-image: url("../images/common/icon_down_active.png");}
.navBox-subMenu1 .icon-down.icon-down-active{background-image: url("../images/common/icon_down_active.png");}
.navBox-subMenu1 .nav-icon{background-size: cover;background-position: center;display: inline-block;width: 24px;height: 24px;}
.icon-client-zone{background-image: url("../images/link/icon_client_zone.png");margin-right: 6px;}
.navBox-subMenu1:hover .icon-client-zone{background-image: url("../images/link/icon_client_zone_active.png");}
.icon-client-zone.icon-client-zone-active{background-image: url("../images/link/icon_client_zone_active.png");}
.icon-contact{background-image: url("../images/link/icon_contact.png");}
.navBox-subMenu1:hover .icon-contact{background-image: url("../images/link/icon_contact_active.png");}
.icon-contact.icon-contact-active{background-image: url("../images/link/icon_contact_active.png");}
.icon-lang{background-image: url("../images/link/icon_lang.png");}
.navBox-subMenu2{display: none;position: absolute;background-color: white;border-radius: 10px;top: 60px;transform: translateX(-7px);}
.navBox-subMenu2 div{font-size: 18px;line-height: 30px;white-space: nowrap;padding: 12px 30px;text-align: center;}
.navBox-subMenu2 .active{color: #E4002B;font-weight: 400 !important;}
.navBox-overflow-menu{display: none;height: calc(100vh - 60px);overflow-y: auto;position: absolute;top: 60px;border-radius: 10px;}
.navBox-subMenu1:hover .navBox-overflow-menu{display: block;}
.navBox-overflow-menu .navBox-subMenu2{display: block;position: static;background-color: white;top: 0;transform: none;}

/*for home*/
.home .h-header{width: 100%;height: auto;}
.home .h-header .detail{padding-top: 76px;text-align: center;overflow: hidden;}
/*for about*/
.home .content{width: 100%;display: flex;align-content: center;justify-content: center;align-items: center;flex-direction: column}
.home .content .introContent{padding: 80px 0px;width: 100%;display: flex;flex-direction: column}
.home .content .introContent.height-3{height: 810px;}
.home .content .introBg{background-color: #E3E3E3;}
.home .content .bgIntro1{font-family: PingFang HK, Helvetica;font-weight: 600;font-size: 40px;color: #E4002B;line-height: 56px;display: flex;justify-content: center;white-space: nowrap;}
.home .content .bgIntro2{display: flex; justify-content: center;}
.home .content .bgIntro2 .introTags{font-weight: 400;font-size: 20px;line-height: 30px;display: flex;justify-content: center;white-space: nowrap;width: 240px;background-color: white;border-radius: 8px;float: left;margin: 50px 20px;padding: 15px 0;position: relative;color: #111111;}
.home .content .bgIntro2 .introTags-triangle{display: none;width: 0;height: 0;position: relative;top: 67.5%;left: 46.5%;border-width: 10px;border-style: solid;border-color: #E4002B transparent transparent transparent;}
.introTags-active{background-color: #E4002B !important;color: white !important;}
.introTags-triangle-active{display: block !important;}
.home .content .introContent .introTagBox{display: flex; justify-content: center;flex-wrap: wrap;width: 100%;margin: 0 auto;}
.home .content .introContent .introTagBox .introTag{border: 1px solid transparent;flex: 0 0 18%;text-align: center;background-color: white;border-radius: 8px;width: 240px;margin: 5px 10px 15px 10px;}
.home .content .introContent .introTagBox .introTag:hover{border: 1px solid #E4002B;border-radius: 10px;transform: scale(1.08);}
.home .content .introContent .introTagBox .introTag1{height: 360px;flex: 0 0 30.5%;text-align: center;background-color: white;border-radius: 8px;margin: 5px 10px 15px 10px;overflow: hidden;}
.home .content .introContent .introTagBox .introTag1 div{width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;}
.home .content .introContent .introTagBox .introTag1:hover div{transform: scale(1.08);border-radius: 10px;}
.home .content .introContent .introTagBox .introTag img{margin-top: 20px;width: 80px;}
.home .content .introContent .introTagBox .introTag .introTagTitle{margin-top: 10px;font-weight: 600;font-size: 18px;line-height: 20px;color: #111111;}
.home .content .introContent .introTagBox .introTag .introTagDesc{margin: 10px 15px 25px;font-weight: 400;font-size: 15px;line-height: 24px;color: #555555;}
/*for insight*/
.home .content .insightContent{padding: 80px 0 40px;width: 100%;height: 810px;display: flex;flex-direction: column}
.home .content .insightContent .introTagBox{height:360px;display: flex; justify-content: center;flex-wrap: wrap; width: 100%;margin: 0 auto 40px;}
.home .content .insightContent .introTagBox .introTag{height: 360px;flex: 0 0 30.5%;text-align: center;background-color: white;border-radius: 8px;margin: 5px 10px 15px 10px;overflow: hidden;}
.home .content .insightContent .introTagBox .introTag div{width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;}
.home .content .insightContent .introTagBox .introTag .introTagContent{height: calc(100% - 50px);}
.home .content .insightContent .introTagBox .introTag .introTagTitle{margin-top: 20px;font-weight: bold;font-size: 18px;}
.home .content .insightContent .introTagBox .introTag:hover div{transform: scale(1.08);border-radius: 10px;}
.home .content .insightContent .introTagBox .introTag:hover .introTagTitle{text-decoration: underline;}
.home .content .insightContent .introTagBox .introTag .introTagDesc{margin: 10px 20px 0;line-height: 30px;}
.home .content .insightContent .introTagBox .introTag .readMore{text-align: center;margin: 20px 20px;}
.home .content .insightContent .introTagBox .introTag .readMore a{color: #E4002B;}
/*for newsroom*/
.home .content .newsroomContent{padding: 80px 0 40px;width: 100%;height: 700px;display: flex;flex-direction: column;background-color: #FFFFFF}
.home .content .newsroomContent .introTagBox{display: flex; justify-content: center;flex-wrap: wrap; width: 100%;margin: 40px auto;}
.home .content .newsroomContent .introTagBox .introTag{height:362px;flex: 0 0 30.5%;text-align: left;border: 1px solid #EEEEEE;border-radius: 8px;margin: 5px 10px 15px 10px;overflow: hidden;background-color: #F7F7F7;}
.home .content .newsroomContent .introTagBox .introTag div{width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;}
.home .content .newsroomContent .introTagBox .introTag .introTagContent{height: calc(100% - 40px);}
.home .content .newsroomContent .introTagBox .introTag .introTagTitle{margin: 20px 20px 0;font-weight: bold;font-size: 20px;text-align: left;}
.home .content .newsroomContent .introTagBox .introTag:hover div{transform: scale(1.08);border-radius: 10px;}
.home .content .newsroomContent .introTagBox .introTag:hover .introTagTitle{text-decoration: underline;}
.home .content .newsroomContent .introTagBox .introTag .introTagPublisher{margin: 10px 20px;line-height: 20px;width: 50%;text-align: left;}
.home .content .newsroomContent .introTagBox .introTag .introTagDate{margin: 10px 20px;line-height: 20px;width: 50%;text-align: right;}
.home .content .newsroomContent .introTagBox .introTag .readMore{text-align: center;margin: 10px 20px;}
.home .content .newsroomContent .introTagBox .introTag .readMore a{color: #E4002B;}
/*for stp*/
.home .content .stpContent{width: 100%;height: 100%;background-color: #F7F7F7;position: relative;}
.home .content .stpContent .stpBgImg{width: 60%;margin-top: 100px;position: relative;}
.home .content .stpContent .stpBgImg.english-position{transform: translate(-10%, 0);margin-top: 150px;}
.stpContent .stpContent-detail{max-width: 720px;position: absolute;float: right;transform: translate(90%, -115%);}
.stpContent .stpContent-detail.english-position{transform: translate(80%, -110%);}
.stpContent .stpContent-detail .stpTextBox .stpTitleBox{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;width: 100%;margin: 20px 0 10px;}
.stpContent .stpContent-detail .stpTextBox .stpTitleBox .stpTitle{color: #E4002B;font-weight: 600;font-size: 36px;line-height: 50px;margin-bottom: 10px;}
.stpContent .stpContent-detail .stpTextBox .stpTitleBox .comingSoonDesc{color: #3D3935;font-size: 30px;font-weight: 500;line-height: 42px;margin-bottom: 10px;}
.stpContent .stpContent-detail .stpTextBox .iconBox{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;overflow: hidden;margin-bottom: 10px;}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox{cursor: pointer;display: inline-flex;margin-right: 15px;margin-bottom: 5px;}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox span{color: #111111;font-size: 18px;font-weight: 400;line-height: 25px;}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover span{color: #E4002B;}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox .stp_icon{height: 24px;width: 24px;margin-right: 5px;display: inline-block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox .hk_icon{background-image: url("../images/home/stp_icon_hk.png");}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .hk_icon{background-image: url("../images/home/stp_icon_hk_active.png");}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox .us_icon{background-image: url("../images/home/stp_icon_us.png");}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .us_icon{background-image: url("../images/home/stp_icon_us_active.png");}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox .bond_icon{background-image: url("../images/home/stp_icon_bond.png");}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .bond_icon{background-image: url("../images/home/stp_icon_bond_active.png");}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox .foundation_icon{background-image: url("../images/home/stp_icon_foundation.png");}
.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .foundation_icon{background-image: url("../images/home/stp_icon_foundation_active.png");}
.stpContent .stpContent-detail .stpTextBox .stpDesc{font-size: 18px;font-weight: 400;line-height: 32px;color: #111111;}
.stpContent .stpContent-detail .stpTextBox .stpLink{margin: 15px 0;font-size: 18px;font-weight: 400;line-height: 25px;}
.stpContent .stpContent-detail .stpTextBox .stpLink a{color: #E4002B;}
.stpContent .stpContent-detail .stpTextBox .stpLink .icon-left{width: 7px;margin-bottom: 2px;}

.downloadBox{display: flex;width: 100%;}
.downloadBox .apkDownloadBox{width: 100%;display: flex;flex-direction: column;justify-content: space-around;}
.downloadBox .apkDownloadBox:nth-child(1){width: 40%;}
.downloadBox .apkDownloadBox:nth-child(2){align-items: center;}
.downloadBox .apkDownloadBox:nth-child(2).english-margin{margin-left: 20px;}
.downloadBox .apkDownloadBox .apkDownloadImg{width: 194px;height: 64px;}
.downloadBox .apkDownloadBox .apkDownloadBtn{font-size: 20px;line-height: 30px;width: 297px;margin-top: 16px;height: 48px;padding: 9px 0;text-align: center;background: linear-gradient(180deg, #E4002B 0%, #CF1F40 100%);color: #FFFFFF;border-radius: 8px;cursor: pointer;box-shadow: 0 4px 4px 0 rgba(202, 132, 154, 0.15);}
.downloadBox .apkDownloadBox .apkDownloadBtn.english-width{width: 460px;}
#apk-qr-code canvas{width: 135px !important;height: 135px !important;padding: 5px;background-color: #FFFFFF;border-radius: 3px;}

/*for contact*/
.home .content .contactBg{width: 100%;height: 100%;background-image: url("../images/home/contact_bg.png");background-size: cover;background-repeat: no-repeat;}
.home .content .contactContent{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 80px 0;}
.home .content .contactContent .contactText1{font-size:36px;font-weight: 600;color: #FCDCB4;line-height: 50px;}
.home .content .contactContent .contactText2{margin-top: 30px;font-size: 20px;font-weight: 400;color: #FCDCB4;line-height: 25px;}
.home .content .contactContent .contactBtn{margin-top: 30px;padding: 10px 24px 10px 24px;font-size:20px;font-weight: 600;line-height: 28px;color: #E4002B;background-color: #FCDCB4;text-align: center;border: none;border-radius: 8px;}
/*for services*/
.home .content .servicesContent{width: 100%;height: 100%;background-color: #FFFFFF;text-align: center;}
.servicesContent .title{margin-top: 85px;display: flex;align-content: center;justify-content: center;align-items: center;}
.servicesContent .title .text{font-family: PingFang HK, Helvetica;font-size: 40px;line-height: 56px;color: #E4002B;font-weight: 600;position: relative;}
.servicesContent .detail .box{flex-grow: 0;flex-shrink: 0;flex-basis: calc((100% - 60px) / 3);width: 440px;text-align: center;border: 1px solid transparent;border-radius: 10px;}
.servicesContent .detail .box:hover{border: 1px solid #E4002B;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);}
.servicesContent .detail .box:hover .serviceBoxContent10{display: none;}
.servicesContent .detail .box .comingSoonCover{display: none;float: left;position: relative;width: 100%;border-radius: 10px;height: 100%;background-size: 70%;background-repeat: no-repeat;background-position: center;background-color: white}
.servicesContent .detail .box.serviceBox10:hover .comingSoonCover{display: block;}
.servicesContent .detail .box .serviceBoxImg{width: 130px;height: 130px;margin: 20px auto 0;}
.servicesContent .detail .box .serviceBoxImg img{width: 100%;height: 100%;}
.servicesContent .detail .box .serviceTitle{margin-top: 20px;font-weight: 600;font-size: 24px;line-height: 33px;color: #111111;}
.servicesContent .detail .box .serviceDesc{margin: 25px 40px;padding-bottom: 20px;font-size: 20px;line-height: 32px;color: #555555;}
/*for footer*/
.webFooter-info{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.15);display: flex;flex-direction: row;padding: 50px 0;justify-content: space-between;align-items: center;}
.webFooter-info .webFooter-box.logo-box{width: 150px;display: flex;flex-direction: column;align-items: center;}
.webFooter-info .webFooter-box .webFooter-logo{width: 124px;height: auto;}
.webFooter-info .webFooter-box .webFooter-box-text{width: 100%;margin-top: 14px;margin-bottom: 10px;}
.webFooter-info .webFooter-box .webFooter-box-text > span{font-size: 10px;line-height: 16px;color: #666666;}
.webFooter-info .webFooter-box .webFooter-box-icon {width: 100%;display: flex;justify-content: space-evenly;}
.webFooter-info .webFooter-box .webFooter-box-icon .footer-icon{width: 30px;height: 30px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.webFooter-info .webFooter-box .webFooter-box-icon .wechat-icon{background-image: url("../images/footer/icon_wechat.png");}
.webFooter-info .webFooter-box .webFooter-box-icon .footer-wechat:hover .wechat-icon{background-image: url("../images/footer/icon_wechat_active.png");}
.webFooter-info .webFooter-box .webFooter-box-icon .whatsapp-icon{background-image: url("../images/footer/icon_whatsapp.png");}
.webFooter-info .webFooter-box .webFooter-box-icon .footer-whatsapp:hover .whatsapp-icon{background-image: url("../images/footer/icon_whatsapp_active.png");}
.webFooter-info .webFooter-box .webFooter-box-icon .wechatOverlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(164, 164, 164, 0.06);}
.webFooter-info .webFooter-box ul{padding: 0px 0px 0px 20px;width:100%;margin:0px; font-size:0px; list-style:none;}
.webFooter-info .webFooter-box ul > li{font-weight: 400;color: #555555;line-height: 20px;margin-bottom: 20px;width:100%; font-size:16px;}
.webFooter-info .prdActive ul > li{color: #555555;line-height: 20px;margin-bottom: 10px;letter-spacing: 0.2px;width:100%; font-size:16px; vertical-align:top;}
.webFooter-info .prdActive .email-link{color: #555555;}
.webFooter-info .prdActive .email-link:active{color: #145DEB;text-decoration: underline;}
.FooterTitle{font-size:18px;font-weight: 600;line-height: 20px;color: #111111;padding:10px 0 10px 20px;}
.webFooter-wechatQRCode{display: none;float: left;position: absolute;transform: translate(-37%, 15%);width: 102px;height: 102px;background-color: #FFFFFF;box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);}
.webFooter-wechatQRCode .wechatQRCode{width: 98px;margin: 2px;}
.webFooter-wechatQRCode:before{content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -100%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #FFFFFF;}
.show-wechat-code:hover .webFooter-wechatQRCode{display: block;}

.addrMap{width: 600px;cursor: pointer;}
.map-modal .map-modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.1);}
.map-modal .map-modal-content{position: fixed;z-index: 9999;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 810px;height: 206px;background-color: #FFFFFF;border-radius: 8px;box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08);}
.map-modal .map-modal-content .map-modal-header{padding: 20px 30px;height: 64px;width: 100%;border-bottom: 1px solid #EEEEEE;}
.map-modal .map-modal-content .map-modal-header .map-modal-title{font-size: 18px;font-weight: 600;line-height: 24px;letter-spacing: 0.02em;text-align: left;color: #111111;float: left;}
.map-modal .map-modal-content .map-modal-header .map-modal-close{width: 24px;height: 24px;background-image: url("../images/footer/icon_close.png");background-size: cover;background-repeat: no-repeat;background-position: center;float: right;cursor: pointer;}
.map-modal .map-modal-content .map-modal-body{padding: 38px 15px;height: 142px;width: 100%;}
.map-modal .map-modal-content .map-modal-body .map-modal-btn{margin: 0 15px;padding: 16.5px 28px;display: flex;flex-direction: row;align-items: center;float: left;width: 360px;height: 66px;border-radius: 6px;border: 1px solid #CCCCCC;background-color: #FFFFFF;cursor: pointer;}
.map-modal .map-modal-content .map-modal-body .map-modal-btn .map-btn-icon{float: left;width: 32px;height: 32px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.map-modal .map-modal-content .map-modal-body .map-modal-btn .google-icon{background-image: url("../images/footer/icon_google_map.png");}
.map-modal .map-modal-content .map-modal-body .map-modal-btn .baidu-icon{background-image: url("../images/footer/icon_baidu_map.png");}
.map-modal .map-modal-content .map-modal-body .map-modal-btn-text{float: left;margin-left: 10px;font-size: 18px;font-weight: 600;line-height: 24px;letter-spacing: 0.02em;text-align: left;color: #333333;}

.pdf-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999999;}
.pdf-modal-close{position: absolute;top: 5px;right: 10px;width: 24px;height: 24px;background-image: url("../images/footer/icon_close.png");background-size: cover;background-repeat: no-repeat;background-position: center;cursor: pointer;}

/*for the header of services pages and clientZone pages*/
.content .headerBox{height: 100%;margin-top: 76px;position: relative;min-width: 320px;}
.content .headerBox .detail{width: 100%;height: 100%;display: flex; justify-content: center;align-items: center;}
.content .headerBox .detail .textBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;display: flex;max-width: 300px;flex-direction: column;align-items: center;color: #fff;font-weight: 600;white-space: nowrap;}
.content .headerBox .detail .textBox .title{font-size: 48px;font-weight: 600;line-height: 67.2px;color: #FFFFFF}
.content .headerBox .detail .textBox .divider{background-color: #fff;align-self: stretch;height: 4px;margin-top: 22px;width: 100%;}
.content .headerBox .detail .textBox .subtitle{font-size: 20px;font-weight: 600;line-height: 28px;color: #FFFFFF;text-align: center;margin-top: 26px;}

/*for tradingPlatform */
.tradingPlatform .content .titleBg{background: linear-gradient(90deg, #E1E1E1 0%, #EEEEEE 100%);}
.tradingPlatform .content .detail{width: 100%;height: 100%;display: flex;max-width: 1300px;}
.tradingPlatform .content .headerBox{height: 580px;margin-top: 76px;position: relative;}
.tradingPlatform .content .headerBox .titleBg{background-size: cover;background-repeat: no-repeat;}
.tradingPlatform .content .headerBox .detail .tpTextBox1{z-index: 2;margin-left: 10px;display: flex;align-content: center;align-items: center;width: 53%;justify-content: center;}
.tradingPlatform .content .headerBox .detail .tpTextBox1 .textContent{display: flex;flex-direction: column;width: 100%;}
.tradingPlatform .content .headerBox .detail .tpTextBox1 .bg{line-height:30px;font-size: 20px;font-weight: 500;margin-top: 20px;color: #3D3935;font-style: normal;display: flex;flex-direction: column;white-space: pre-line;}
.tradingPlatform .content .headerBox .detail .tpTextBox1 .bg >span:not(:first-child){margin-top: 10px;}
.tradingPlatform .content .headerBox .detail .picBox{z-index: 1;height: 420px;width: 47%;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: center;background: radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.8), transparent 50%);}
.tradingPlatform .content .headerBox .detail .picBox >img{height: auto;max-width: 458px;}
.tradingPlatform .content .headerBox .detail .tpTextBox1 .title{font-size: 46px;font-weight: 600;line-height: 67px;color: #111111;white-space: nowrap;}
.tradingPlatform .content .headerBox .detail .tpTextBox1 .title.english-font-title{font-size: 46px;line-height: 60px;}

.tradingPlatform .content .tpContent{width: 100%;background-color: #ffffff;height: 750px;position: relative;}
.tradingPlatform .content .tpContent .tpBgImg{height: 660px;position: absolute;bottom: 0;transform: translateX(-20%);}
.tpContent .tpContent-detail .tpTextBox2 .tpTitle{font-size: 38px;font-weight: 600;line-height: 52px;color: #111111;margin: 20px 0;white-space: pre-line;}
.tpContent .tpContent-detail .tpTextBox2 .tpTitle.english-font-title{font-size: 32px;line-height: 48px;}
.tpContent .tpContent-detail .tpTextBox2 .tpDesc{font-size: 20px;font-weight: 400;line-height: 32px;color: #3D3935}
.tpContent .tpContent-detail .tpTextBox2 .tpDesc.english-font-desc{font-size: 20px;line-height: 30px;}
.tpContent .tpContent-detail{max-width: 635px;position: absolute;top: 50%;transform: translate(100%, -50%);}
.tradingPlatform .content .tpContent2{width: 100%;height: 650px;background-color: #3D3935;background-size: cover;background-repeat: no-repeat;}
.tradingPlatform .content .tpContent2 .tpBgImg{width: 30%;max-width: 304px;position: absolute;transform: translate(280%, 0%);bottom: 0;}
.tpContent2 .tpContent2-detail .tpTextBox2 .tpTitle{font-size: 38px;font-weight: 600;line-height: 52px;color: #FFFFFF;margin: 20px 0;white-space: pre-line;}
.tpContent2 .tpContent2-detail .tpTextBox2 .tpTitle.english-font-title{font-size: 32px;line-height: 48px;}
.tpContent2 .tpContent2-detail .tpTextBox2 .tpDesc{font-size: 20px;font-weight: 400;line-height: 32px;color: rgba(255,255,255,0.8)}
.tpContent2 .tpContent2-detail .tpTextBox2 .tpDesc.english-font-desc{font-size: 20px;line-height: 30px;}
.tpContent2 .tpContent2-detail{width: 30%;position: absolute;max-width: 610px;top: 50%;margin: 20px;transform: translateY(-50%);}

/*for wealthManagement */
.wealthManagement .content .wmContent{width: 100%;height: 100%;}
.wealthManagement .content .wmContent .wmContentTitle{display: inline-block;text-align: center;width: 100%;margin-top:90px;font-size: 28px;font-weight: 600;line-height: 39.2px;color: #111111;}
.wealthManagement .content .wmContent .wmContentTitle div{margin: 0 auto;width: 980px;}
.wealthManagement .content .wmContent .wmContentDetail{width: 100%;margin: 20px 0px 123px 0px;display: flex;flex-wrap: wrap;justify-content: space-around;}
.wealthManagement .content .wmContent .wmContentDetail .wmContentBox{min-height: 210px;margin-top:40px;width: 48%;display: flex; background: #F2F2F2;border-radius: 10px 10px 10px 10px;align-items: center;justify-content: space-between;}
.wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox{width: 52%;float: left;display: inline-block}
.wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail{margin-left: 30px;}
.wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail .wmTextTitle{color:#111111;display: inline-block;font-size: 25px;font-weight: 600;line-height: 35px;text-align: left;}
.wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail .wmTextIntro{margin-top:16px;color:#3D3935;font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: 0.01em;text-align: left;}
.wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmPicBox{width: 48%;display: inline-block;height: 100%}
.wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmPicBox >img{width: 100%;border-radius: 0 10px 10px 0;height: 100%;}

/*for wealthPlanning */
.wealthPlanning .content .wpContent{width: 100%;height: 100%;}
.wealthPlanning .content .wpContent .wpContentTitle{display: inline-block;text-align: left;width: 100%;margin-top:90px;font-size: 28px;font-weight: 600;line-height: 39.2px;color: #111111;}
.wealthPlanning .content .wpContent .wpContentTitle div{width: 1024px;text-align: center;margin: 0 auto;}
.wealthPlanning .content .wpContent .wpContentDetail{width: 100%;margin: 20px 0px 123px 0px;display: flex;flex-wrap: wrap;justify-content: space-around;}
.wealthPlanning .content .wpContent .wpContentDetail .wpContentBox{min-height: 210px;margin-top:40px;width: 48%;display: flex; background: #F2F2F2;border-radius: 10px 10px 10px 10px;align-items: center;justify-content: space-between;}
.wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox{width: 55%;float: left;display: inline-block}
.wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail{margin-left: 25px;padding-top: 1px;}
.wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextTitle{color:#111111;display: inline-block;font-size: 25px;font-weight: 600;line-height: 35px;text-align: left;}
.wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextIntro{margin-top:10px;color:#3D3935;font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: 0.01em;text-align: left;}
.wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpPicBox{width: 45%;display: inline-block;height: 100%;}
.wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpPicBox >img{width: 100%;border-radius: 0 10px 10px 0;height: 100%;}

/*for clientZone*/
.clientZone .content .czContent{width: 100%;height: 100%;}
.clientZone .content .czContent .detail .servicesBox{width: 100%;height: 100%;display: flex;flex-wrap: wrap;padding: 80px 0;justify-content: center;}
.clientZone .content .czContent .detail .servicesBox .serviceBox{display: flex;flex-wrap: nowrap;align-items: center;width: 585px;min-height: 220px;border-radius: 8px;margin: 0 20px 20px 20px;padding: 16px;}
.clientZone .content .czContent .detail .servicesBox .boxBgColor1{background-color: #E4002B;}
.clientZone .content .czContent .detail .servicesBox .boxBgColor2{background-color: #555555;}
.clientZone .content .czContent .detail .servicesBox .imgBox{width: 225px;height: 100%;cursor: pointer;position: relative;}
.clientZone .content .czContent .detail .servicesBox .imgBox .comingSoonCover{display: none;float: left;position: absolute;width: 100%;height: 100%;background-size: 70%;background-repeat: no-repeat;background-position: center;background-color: white}
.clientZone .content .czContent .detail .servicesBox .imgBox:hover .comingSoonCover{z-index: 10;display: block;}
.clientZone .content .czContent .detail .soonBox:hover .comingSoonCover{z-index: 10;display: block;}
.clientZone .content .czContent .detail .servicesBox .imgBox img{width: 225px;height: 100%;float: left;}
.clientZone .content .czContent .detail .servicesBox .imgBox .serviceOverlay{display: none;float: left;position: absolute;width: 100%;height: 100%;background-color: #000000;opacity: 0.45;text-align: center;}
.clientZone .content .czContent .detail .servicesBox .imgBox .serviceTitle{display: none;float: left;position: absolute;top: 50%;width: 100%;text-align: center;left: 50%;transform: translate(-50%, -50%);font-size: 30px;font-weight: 500;line-height: 42px;color: #FFFFFF;}
.clientZone .content .czContent .detail .servicesBox .imgBox .serviceTitle.english-font-size{font-size: 25px;}
.clientZone .content .czContent .detail .servicesBox .imgBox:hover .serviceOverlay{display: block;}
.clientZone .content .czContent .detail .servicesBox .imgBox:hover .serviceTitle{display: block;}
.clientZone .content .czContent .detail .servicesBox ul{padding-inline-start: 45px;margin: 0;position: relative;}
.clientZone .content .czContent .detail .servicesBox ul li{cursor: pointer;list-style: none;font-size: 20px;line-height: 28px;font-weight: 500;color: #FFFFFF;}
.clientZone .content .czContent .detail .servicesBox ul li:not(:last-child){margin-bottom: 12px;}
.clientZone .content .czContent .detail .servicesBox ul li:before{content: "";border: 1px solid #FFFFFF;position: absolute;left: 20px;width: 14px;height: 14px;border-radius: 50%;margin-top: 7px;}
.clientZone .content .czContent .detail .servicesBox ul li:hover{text-decoration: underline;text-underline-offset: 4px;}
.clientZone .content .czContent .detail .servicesBox ul li:focus{text-decoration: underline;text-underline-offset: 4px;}
.clientZone .content .czContent .detail .servicesBox ul li > .download-link{color: #FFFFFF}
.clientZone .content .czContent .detail .servicesBox ul li > .download-link:hover{color: #FFFFFF}
.clientZone .content .czContent .detail .servicesBox ul li > .download-link:focus{text-decoration: underline;text-underline-offset: 4px;}

/*for openAccount*/
.openAccount .content .oaContent{width: 100%;height: 100%;padding: 0 20px;}
.openAccount .content .oaContent .detail .oaWayBox{text-align: center;margin-top: 70px;}
.openAccount .content .oaContent .detail .oaWayBox .oaWayTitle{font-size: 32px;font-weight: 600;line-height: 44.8px;color: #111111;}
.openAccount .content .oaContent .detail .oaWayBox .wayBox{display: flex;width: 100%;flex-wrap: nowrap;flex-direction: row;justify-content: center;}
.openAccount .content .oaContent .detail .oaWayBox .wayBox .wayItem{padding: 16px 42px 16px 42px;margin: 60px 0;border-radius: 100px;border: 2px solid #E4002B;font-size: 32px;font-weight: 600;line-height: 44px;color: #E4002B;cursor: pointer;}
.openAccount .content .oaContent .detail .oaWayBox .wayBox .wayItem:not(:first-child){margin-left: 120px;}
.openAccount .content .oaContent .detail .oaWayBox .wayBox .wayItem:hover{background-color: #E4002B;color: #FFFFFF;}
.openAccount .content .oaContent .detail .oaDocBox{text-align: center;}
.openAccount .content .oaContent .detail .oaDocBox .oaDocTitle{font-size: 32px;font-weight: 600;line-height: 44.8px;color: #111111;}
.openAccount .content .oaContent .detail .oaDocBox .docBox{display: inline-flex;width: 100%;justify-content: center;}
.openAccount .content .oaContent .detail .oaDocBox .docBox .docItem{width: 30%;max-width: 352px;margin: 50px 0;text-align: center;}
.openAccount .content .oaContent .detail .oaDocBox .docBox .docItem:not(:first-child){margin-left: 72px;}
.openAccount .content .oaContent .detail .oaDocBox .docBox .docItem img{width: 160px;height: 160px;margin-bottom: 20px;}
.openAccount .content .oaContent .detail .oaDocBox .docBox .docItem .docText{font-size: 24px;font-weight: 600;line-height: 33.6px;color: #3D3935;white-space: break-spaces;}

.openAccount .content .oaContent .detail .oaBox{text-align: center;margin-top: 70px;}
.openAccount .content .oaContent .detail .oaBox .oaWayTitle{background-color: #E4002B;padding: 20px;margin: 0 auto;border-radius: 10px;max-width: 1200px;font-size: 32px;font-weight: 600;line-height: 44.8px;color: #FFFFFF;}
.openAccount .content .oaContent .detail .oaBox .stepBox{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1200px;margin: 50px auto 30px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem{max-width: 356px;flex: 0 0 33%;margin-bottom: 30px;border: 6px solid transparent;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItemBC1{border-color: #FF6959;border-radius: 10px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItemBC2{border-color: #FFA449;border-radius: 10px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItemBC3{border-color: #FFD749;border-radius: 10px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItemBC4{border-color: #03BF9C;border-radius: 10px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItemBC5{border-color: #6EC1E4;border-radius: 10px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItemBC6{border-color: #6E73E4;border-radius: 10px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem img{width: 120px;height: 120px;margin-top: 20px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepTitle{font-size: 32px;font-weight: 600;line-height: 44.8px;color: #111111;margin: 20px 12px;white-space: pre-line;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepDesc{font-size: 18px;font-weight: 400;line-height: 28px;text-align: left;margin-right: 12px;color: #888888;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepDesc li{white-space: pre-line;margin-bottom: 10px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepTip{font-size: 18px;font-weight: 400;line-height: 28px;text-align: left;margin: 12px;color: #888888;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .downloadBtn{cursor: pointer;display: inline-block;font-size: 18px;color: #FFFFFF;font-weight: 600;text-align: center;padding: 10px 24px;margin: 30px auto;border-radius: 6px;background-color: #E4002B;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .downloadBtn:hover{background-color: #C9052A;text-decoration: none;}
.openAccount .content .oaContent .detail .oaBox .onlineBtn{font-size: 32px;font-weight: 600;line-height: 44px;text-align: center;color: #E4002B;width: 366px;height: 76px;padding: 16px 42px;border-radius: 100px;border: 2px solid #E4002B;margin: auto;cursor: pointer;}
.openAccount .content .oaContent .detail .oaBox .onlineBtn:hover{background-color: #E4002B;color: #FFFFFF;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepDesc > li > a:hover{color: #E4002B;text-decoration: underline;text-underline-offset: 4px;}
.openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepDesc > li > a:focus{color: #E4002B;text-decoration: underline;text-underline-offset: 4px;}

/*for customerService*/
.customerServiceBox{text-align: center;margin-top: 70px;}
.customerServiceBox .csTitle{max-width: 1200px;font-size: 22px;font-weight: 600;line-height: 30.8px;text-align: left;color: #555555;margin: 0 auto;}
.customerServiceBox .csContent{max-width: 1200px;margin: 10px auto 70px;width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-around;}
.customerServiceBox .csContent .csItem{flex: 0 0 25%;max-width: 243px;padding: 20px 32px;cursor: pointer;}
.customerServiceBox .csContent .csItem img{width: 50px;height: 50px;}
.customerServiceBox .csContent .csItem .csText{font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: center;color: #3D3935;margin: 15px 0;}
.customerServiceBox .csContent .csItem .csVal{font-family: Helvetica Neue;font-size: 18px;font-weight: 600;line-height: 21.98px;color: #555555;}
.cs-wechatQRCode{display: none;float: left;position: absolute;transform: translate(140%, -160%);width: 102px;height: 102px;background-color: #FFFFFF;box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);}
.cs-wechatQRCode .wechatQRCode{width: 98px !important;height: 98px !important;margin: 2px;}
.cs-wechatQRCode:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(-100%, -50%);border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 10px solid #FFFFFF;}
.csItem:hover .cs-wechatQRCode{display: block;}

/*for fundsProcessing*/
.fundsProcessing .content .fpContent{width: 100%;height: 100%;padding: 0 20px;}
.fundsProcessing .content .fpContent .detail .fpContentTitle{font-size: 32px;font-weight: 600;line-height: 44.8px;color: #111111;text-align: center;margin-top: 70px;}
.fundsProcessing .content .fpContent .detail .fpContentSubTitle{display: flex;align-items: center;justify-content: space-between;max-width: 1200px;margin: 0 auto;width: 244px;height: 92px;padding: 20px 40px;border-radius: 10px;margin: 30px auto;background-color: #F2F2F2;}
.fundsProcessing .content .fpContent .detail .fpContentSubTitle.english-style-fpContentSubTitle{width: auto;max-width: 305px;}
.fundsProcessing .content .fpContent .detail .fpContentSubTitle img{width: 52px;height: 52px;}
.fundsProcessing .content .fpContent .detail .fpContentSubTitle span{font-size: 24px;font-weight: 600;line-height: 33.6px;color: #111111;}

.fundsProcessing .content .fpContent .detail .fpIntro{max-width: 1200px;margin: 0 auto;width: 100%;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox{width: 100%;margin-bottom: 56px;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroTitle{font-size: 32px;font-weight: 600;line-height: 44.8px;color: #E4002B;margin-bottom: 20px;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroDesc1{font-size: 18px;font-weight: 400;line-height: 32px;margin-bottom: 10px;color: #111111;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroDesc2{font-size: 17px;font-weight: 400;line-height: 32px;color: #555555;margin-top: 24px;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent{font-size: 18px;line-height: 32px;text-align: left;width: 100%;color: #555555;border-collapse: collapse;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent.fpIntroContent-border tr td{border: 1px solid white;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent.fpIntroContent-border tr td:not(:first-child){text-align: center;font-weight: 500;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent tr:first-child{color: #FFFFFF;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent tr td.firstTd{color: #111111;font-weight: 600;padding-top: 20px;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .payeeColor{color: #663300 !important;font-weight: 500 !important;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent tr td{width: 25%;padding: 12px 20px;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .font-weight-600{font-weight: 600 !important;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .tdValColor{color: #111111;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .trBgColor1{background-color: #E4002B;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .trBgColor2{background-color: #5063A5;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .trBgColor3{background-color: #FFFFFF;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .trBgColor4{background-color: #F2F2F2;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent .trBgColor5{background-color: #DFDFDF;}
.fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox ul li{list-style: auto;font-size: 18px;font-weight: 400;line-height: 30px;color: #555555;white-space: pre-line;margin-bottom: 10px;}

/*for formDownload*/
.formDownload .content .fdContent{width: 100%;height: 100%;margin-bottom: 100px;padding: 0 20px;}
.formDownload .content .fdContent .detail .fdBox{text-align: center;margin: 70px auto 30px;max-width: 1200px;}
.formDownload .content .fdContent .detail .fdBox .fdContentTitle{font-size: 34px;font-weight: 600;line-height: 47.6px;text-align: center;background-color: #E4002B;color: #FFFFFF;border-radius: 10px;margin-bottom:50px;padding: 20px 0;}
.formDownload .content .fdContent .detail .fdBox .fdSubContent{display: flex;flex-direction: row;align-items: flex-start;flex-wrap: nowrap;justify-content: space-between;}
.formDownload .content .fdContent .detail .fdBox .fdSubContent .fdSubBox{margin: 0 85px 0 0;}
.formDownload .content .fdContent .detail .fdBox .fdSubContent .fdSubBox.english-style-fdSubBox{margin-right: 30px;}
.formDownload .content .fdContent .detail .fdBox .fdSubContent .fdSubBox .fdSubTitle{font-size: 34px;font-weight: 600;line-height: 47.6px;text-align: left;color: #3D3935;margin-bottom: 20px;padding-left: 15px;}
.formDownload .content .fdContent .detail .fdBox .fdSubContent .fdSubBox .fdSubTitle.width-440{width: 440px;}
.formDownload .content .fdContent .detail .fdBox ul{padding-inline-start: 15px;}
.formDownload .content .fdContent .detail .fdBox ul li{list-style: none;font-size: 18px;font-weight: 500;line-height: 25.2px;color: #3D3935;margin-bottom: 12px;text-align: left;padding-left: 23px;text-indent: -23px;}
.formDownload .content .fdContent .detail .fdBox ul .download-link:hover{color: #E4002B;text-decoration: underline;text-underline-offset: 4px;}
.formDownload .content .fdContent .detail .fdBox ul .download-link:focus{color: #E4002B;text-decoration: underline;text-underline-offset: 4px;}
.formDownload .content .fdContent .detail .fdBox ul li:before{content: "";border-radius: 50%;width: 8px;height: 8px;background-color: #E4002B;display: inline-block;margin: 0 15px 3px 0;}
.formDownload .content .fdContent .detail .fdBox ul li a:hover{color: #E4002B;}
.formDownload .content .fdContent .detail .fdBoxes{display: flex;max-width: 1200px;justify-content: space-between;margin: 0 auto;}
.formDownload .content .fdContent .detail .fdBoxes .fdBox{width: 580px;margin: 70px 0 30px;text-align: center;}
.formDownload .content .fdContent .detail .fdBox ul li.no-file{color: #999999;}
.formDownload .content .fdContent .detail .fdBox ul li.no-file:before{background-color: #999999;}

/*for otherClientServices*/
.otherClientServices .content .ocsContent{width: 100%;height: 100%;margin-bottom: 100px;padding: 0 20px;}
.otherClientServices .content .ocsContent .ocsContentBox{text-align: left;margin: 70px auto;max-width: 1200px;}
.otherClientServices .content .ocsContent .ocsContentBox .ocsContentTitle{display: flex;justify-content: flex-start;align-items: center;width: 100%;font-size: 32px;font-weight: 600;line-height: 45px;color: #111111}
.otherClientServices .content .ocsContent .ocsContentBox .ocsContentTitle img{width: 45px;height: 45px;margin-right: 15px;}
.otherClientServices .content .ocsContent .ocsContentBox .ocsContentSubBox{margin: 50px 0;}
.otherClientServices .content .ocsContent .ocsContentBox .ocsContentSubBox .ocsContentSubtitle{font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: left;color: #111111;margin: 20px 0;}
.otherClientServices .content .ocsContent .ocsContentBox .ocsContentSubBox .ocsContentDesc{font-size: 18px;font-weight: 400;line-height: 25.2px;text-align: left;margin: 15px 0;}


/*for mainBusiness */
.mainBusiness .content .rmContent{width: 100%;height: 100%;}
.mainBusiness .content .rmContent .detail{padding: 70px 10px 100px 10px;}
.mainBusiness .content .rmContent .detail .infoBox:not(:first-child){margin-top: 50px;}
.mainBusiness .content .rmContent .detail .contentTitle{display: inline-block;padding: 10px;width: 236px;background-image: url("../images/mainBusiness/key-bg.png");background-repeat: no-repeat;}
.mainBusiness .content .rmContent .detail .contentTitle > span{vertical-align: middle;font-size: 22px;font-weight: 600;line-height: 28px;text-align: left;color: #FFFFFF}
.mainBusiness .content .rmContent .detail .contentDetail{padding:20px;width: 100%;display: inline-block;vertical-align: middle; border-radius: 2px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.13);}
.mainBusiness .content .rmContent .detail .contentDetail > span{font-size: 18px;font-weight: 400;line-height: 30px;text-align: left;color: #3D3935;}

/*for privacyPolicy*/
.privacyPolicy{background-color: #e1e2e2;}
.privacyPolicy .content .detail{background-color: #FFFFFF;}
.privacyPolicy .content .detail .ppHeader{width: 100%;height: 100%;text-align: center;padding: 60px 0 10px;max-width: 1200px;margin: 76px auto 0;}
.privacyPolicy .content .detail .ppHeader .ppTitle{font-size: 24px;font-weight: 600;line-height: 33.6px;color: #E4002B;}
.privacyPolicy .content .detail .ppHeader .divider{height: 2px;margin: 26px auto 35px;background-color: #E4002B;}
.privacyPolicy .content .detail .ppDesc{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #3D3935;}
.privacyPolicy .content .detail .ppDesc a{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #0066CC;text-decoration: underline;}
.privacyPolicy .content .detail ul li{list-style: none;position: relative;}
.privacyPolicy .content .detail .ppContent{max-width: 1200px;margin: 0 auto;padding-bottom: 100px;width: 100%;counter-reset: item-counter;}
.privacyPolicy .content .detail .ppContent .ppSection:before{counter-increment: item-counter;content: counter(item-counter) ". ";position: absolute;left: -30px;}
.privacyPolicy .content .detail .ppContent .ppSection{font-size: 22px;font-weight: 600;line-height: 34px;text-align: left;color: #000000;}
.privacyPolicy .content .detail .ppContent .ppSection .ppSectionTitle{margin: 20px 0;}
.privacyPolicy .content .detail .ppContent .ppSection .ppSectionDesc{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #000000;}
.privacyPolicy .content .detail .ppContent .ppSection tr{border: 1px solid #000000;}
.privacyPolicy .content .detail .ppContent .ppSection tr td{padding: 12px 20px;vertical-align: top;}
.privacyPolicy .content .detail .ppContent .ppSection .ppRowTitle{font-size: 18px;font-weight: 600;line-height: 34px;text-align: left;color: #000000;width: auto;white-space: nowrap;}
.privacyPolicy .content .detail .ppContent .ppSection .ppRowDesc{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #3D3935;}
.privacyPolicy .content .detail .ppContent .ppSection .subSections{width: 100%;counter-reset: item-counter;}
.privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection{margin-bottom: 15px;}
.privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection:before{counter-increment: item-counter;content: "3." counter(item-counter);position: absolute;left: -40px;font-weight: 600;}
.privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection .ppSubSectionTitle{font-size: 20px;font-weight: 600;line-height: 34px;text-align: left;color: #000000;margin-bottom: 10px;}
.privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection .ppSubSectionDesc{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #000000;margin-bottom: 10px;}
.privacyPolicy .content .detail .ppContent .ppSection ul li{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #3D3935;margin-top: 5px;}
.subUl1, .subUl2, .subUl3, .subUl4, .subUl5{counter-reset: item-counter;}
.subUl1 li:before, .subUl2 li:before, .subUl3 li:before, .subUl4 li:before, .subUl5 li:before{counter-increment: item-counter;content: "(" counter(item-counter, lower-roman) ") ";position: absolute;left: -40px;}

/*for disclaimer*/
.disclaimer{background-color: #e1e2e2;}
.disclaimer .content .detail{background-color: #FFFFFF;}
.disclaimer .content .detail .disclaimerHeader{width: 100%;height: 100%;text-align: center;padding: 60px 0 10px;max-width: 1200px;margin: 76px auto 20px;}
.disclaimer .content .detail .disclaimerHeader .disclaimerTitle{font-size: 24px;font-weight: 600;line-height: 33.6px;color: #E4002B;}
.disclaimer .content .detail .disclaimerHeader .divider{height: 2px;margin: 26px auto 35px;background-color: #E4002B;}
.disclaimer .content .detail .disclaimerHeader .disclaimerDesc{font-size: 18px;font-weight: 600;line-height: 34px;text-align: left;color: #3D3935;}
.disclaimer .content .detail .disclaimerContent{max-width: 1200px;margin: 0 auto;padding-bottom: 10px;width: 100%;}
.disclaimer .content .detail .disclaimerContent .contentBox{margin-bottom: 30px;}
.disclaimer .content .detail .disclaimerContent .contentBox .boxTitle{font-size: 22px;font-weight: 600;line-height: 34px;text-align: left;color: #000000;margin-bottom: 10px;}
.disclaimer .content .detail .disclaimerContent .contentBox .contentTitle{font-size: 20px;font-weight: 600;line-height: 34px;text-align: left;color: #000000;margin-bottom: 10px;}
.disclaimer .content .detail .disclaimerContent .contentBox .contentDesc{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #3D3935;white-space: pre-line;}
.disclaimer .content .detail .disclaimerContent .contentBox .contentAdvice{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #999999;margin-top: 30px;}
.disclaimer .content .detail .disclaimerContent .contentBox table tr{border: 1px solid #000000;}
.disclaimer .content .detail .disclaimerContent .contentBox table tr td{padding: 10px;}
.disclaimer .content .detail .disclaimerContent .contentBox .subBox ul li{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #3D3935;list-style: auto;margin-bottom: 5px;}
.disclaimer .content .detail .disclaimerContent .contentBox .subBox{margin-bottom: 20px;}
.disclaimer .content .detail .disclaimerContent .contentBox .subBox .contentDesc a{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #0066CC;text-decoration: underline;}

/*for riskStatement*/
.riskStatement{background-color: #e1e2e2;padding-bottom: 100px; }
.riskStatement .content .detail{background-color: #FFFFFF;}
.riskStatement .content .detail .ppHeader{width: 100%;height: 100%;text-align: center;padding: 60px 0 10px;max-width: 1200px;margin: 76px auto 0;}
.riskStatement .content .detail .ppHeader .ppTitle{font-size: 24px;font-weight: 600;line-height: 33.6px;color: #E4002B;}
.riskStatement .content .detail .ppHeader .divider{height: 2px;margin: 26px auto 35px;background-color: #E4002B;}
.riskStatement .content .detail ul li{list-style: none;position: relative;}
.riskStatement .content .detail .ppContent{max-width: 1200px;margin: 0 auto;padding-bottom: 60px;width: 100%;counter-reset: item-counter;}
.riskStatement .content .detail .ppContent .ppSection:before{counter-increment: item-counter;content: counter(item-counter) "、 ";position: absolute;left: -40px;}
.riskStatement .content .detail .ppContent .ppSection{font-size: 22px;font-weight: 600;line-height: 34px;text-align: left;color: #000000;}
.riskStatement .content .detail .ppContent .ppSection .ppSectionTitle{margin: 20px 0;}
.riskStatement .content .detail .ppContent .ppSection .ppSectionDesc{font-size: 18px;font-weight: 400;line-height: 34px;text-align: left;color: #000000;white-space: break-spaces;}
.riskStatement .content .detail .ppContent .ppSection .ppSectionDescMargin{margin-top: 18px;}

/*for capitalInvestorEntryScheme*/
.capitalInvestorEntryScheme .content .ciesContent{width: 100%;height: 100%;margin-bottom: 120px;font-size: 18px;line-height: 28px;font-weight: 400;color: #333333;}
.capitalInvestorEntryScheme .content .ciesContent .detail{text-align: left;margin: 76px auto;max-width: 1200px;padding: 0 20px;}
.capitalInvestorEntryScheme .content .ciesContent .detail .bold-text{font-weight: 600;color: #111111;}
.capitalInvestorEntryScheme .content .ciesContent .detail b{font-weight: 600;color: #111111;}
.capitalInvestorEntryScheme .content .ciesContent .detail .margin-left-34{margin-left: 34px;}
.ciesContentBox1 .ciesSubtitle{font-size: 32px;line-height: 45px;position: relative;}
.ciesContentBox1 .ciesSubtitle > span{background-color: #E4002B;padding-right: 7px;}
.ciesContentBox1 .ciesDesc{line-height: 26px;margin: 30px 0 80px;}
.ciesContentBox2{margin-bottom: 80px;position: relative;}
.ciesContentBox2 .ciesSubtitle{font-size: 26px;line-height: 36px;margin-bottom: 24px;}
.ciesContentBox2 .ciesDesc{margin-top: 10px;}
.ciesContentBox2 .subContentBox .subContentBoxTitle{font-size: 22px;line-height: 34px;}
.ciesContentBox2 .advantageBoxes{display: flex;flex-wrap: wrap;justify-content: center;width: 90%;margin: 30px auto 80px;}
.ciesContentBox2 .advantageBoxes .advantageBox{flex: 1 0 48%;margin: 10px;}
.ciesContentBox2 .advantageBoxes .advantageBox > div{padding: 39px 33px;height: 100%;background-color: #FBECEA;text-align: center;border-radius: 8px;}
.ciesContentBox2 .subContentBox > ul{margin-bottom: 24px;margin-left: 12px;}
.ciesContentBox2 .questionBoxes{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.ciesContentBox2 .questionBoxes .questionBox{flex: 1 0 42%;position: relative;max-width: 580px;min-height: 272px;padding: 40px 32px;border-radius: 8px;margin-top: 30px;background-color: #F2F2F2;}
.ciesContentBox2 .questionBoxes .questionBox:nth-child(2n){margin-left: 40px;}
.ciesContentBox2 .questionBoxes .questionBox .questionBoxTitle{font-size: 20px;width: 100%;display: flex;margin-bottom: 24px;}
.ciesContentBox2 .questionBoxes .questionBox .questionBoxTitle > img{flex: 0 0 40px;margin-right: 8px;width: 40px;height: 40px;}

@media (max-width: 1600px) {
    /*for header*/
    .navBar .navBox span{font-size: 18px;}
    .navBox-subMenu2 span{font-size: 17px;}

    /*for footer*/
    .addrMap{width: 450px; !important;}

    /*for newsroom*/
    .home .content .newsroomContent .introTagBox .introTag .introTagPublisher{font-size: 14px;}
    .home .content .newsroomContent .introTagBox .introTag .introTagDate{font-size: 14px;}

    /*for services */
    .servicesContent .detail{padding: 0 8%;}

    /*for tradingPlatform */
    .tpContent2 .tpContent2-detail{left: 15%;}

}
@media (max-width: 1480px) {
    /*for link*/
    .navBar{padding-left:calc((100% - 1400px) / 2);}
}
@media (max-width: 1440px) {
    /*for link*/
    .navBar .navBox.left .navBox-subMenu1.english-margin{margin-right: 30px;}
    .navBar .navBox.right .navBox-subMenu1.english-margin{margin-left: 22px;}

    /*for about*/
    .home .content .introContent .introTagBox .introTag{flex: 0 0 16%;}

    /*for stp*/
    .stpContent .stpContent-detail.english-position{transform: translate(80%, -50%);}
    .stpContent .stpContent-detail{width: 700px;top: 50%;transform: translate(85%, -50%);}

    /*for tradingPlatform*/
    .tpContent .tpContent-detail{width: 40%;transform: translate(120%, -50%);}

    /*for wealthManagement*/
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox{min-height: 152px;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail.english-margin{margin-left: 6px}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail .wmTextTitle{font-size: 20px;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail .wmTextIntro{margin-top: 0;font-size: 17px;}

    /*for wealthPlanning*/
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox{min-height: 152px;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox{width: 62%;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail.english-margin{margin-left: 6px}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextTitle{font-size: 19px;position: absolute;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextIntro{margin-top: 35px;font-size: 17px;}

}
@media (max-width: 1280px) {
    /*for link*/
    .navBar{padding-right: 22px;}
    .navBar .navBox.left .navBox-subMenu1{margin-right: 18px;}
    .navBar .navBox.right .navBox-subMenu1{margin-left: 10px;}
    .navBar .navBox.left .navBox-subMenu1.english-margin{margin-right: 18px;}
    .navBar .navBox.right .navBox-subMenu1.english-margin{margin-left: 10px;}
    .navBox-subMenu2 div{padding: 12px;}
    .navBox-subMenu1.english-padding{margin-top: 13px !important;}
    .navBox-subMenu1.english-padding .nav-btn{border-radius: 4px;padding-top: 3px;padding-bottom: 3px;white-space: break-spaces;}

    /*for stp*/
    .stpContent .stpBgImg{left: -10% !important;transform: translate(0, 0) !important;}
    .stpContent .stpContent-detail.english-position{width: 70%;left: 30%;transform: translate(10px, -50%);}
    .stpContent .stpContent-detail{left: 32%;transform: translate(0, -50%);}

    /*for clientZone */
    .clientZone .content .czContent .detail .servicesBox .serviceBox{width: 48%;margin: 0 10px 20px;}

    /*for tradingPlatform */
    .tpContent .tpContent-detail{transform: translate(140%, -50%);}
    .tradingPlatform .content .tpContent2 .tpBgImg{right: 10%;transform: translate(0%, 0%);}
    .tradingPlatform .content .tpContent2 .tpBgImg.english-position{margin-top: 120px;}
}

@media (min-width: 1024px) {

    .hidden-1024{display: none !important;}
}

/*less than 1024px*/
@media (max-width: 63.99em) {
    /*body{min-width: 1024px;overflow-x: scroll !important;}*/

    .overlay .line1{font-size: 26px !important;line-height: 28px !important;}
    .overlay .line2{font-size: 16px !important;line-height: 20px !important;padding: 0 16px !important;}
    header{height: 50px;width: 100%}
    .visible-1024{display: none !important;}

    /*for home*/
    .home .h-header .detail{padding-top: 50px;}

    /*for link*/
    .navBar{padding: 0;}
    .navBar .navImage{margin: 5px 0 5px 5px;}
    .navBar .menuBox{float: right;margin: 13px 5px 0 3px;}
    .navBar .menuBox > img{height: 24px;width: 24px;}
    .mb-nav-btn{font-size: 15px;line-height: 24px;float: right;margin: 9px 5px;background-color: #E4002B;border-radius: 6px;padding: 4px 10px;color: #FFFFFF !important;text-align: center;cursor: pointer;}
    .mb-nav-btn.english-style{white-space: break-spaces;border-radius: 4px;padding: 3px 8px;line-height: 16px;margin: 6px 3px;}
    .mb-nav-btn:hover{background-color: #D2082E;color: #FFFFFF !important;}
    .mb-nav-btn:focus{background-color: #D2082E;color: #FFFFFF !important;}

    /*for about*/
    .home .content .introContent{padding: 0;}
    .home .content .introContent .detail{padding: 0 7px;margin-bottom: 24px;}
    .home .content .introContent.height-3{height: 460px;}
    .home .content .bgIntro1{margin: 24px auto;font-size: 22px;line-height: 24px;}
    .home .content .bgIntro2 .introTags{min-width: 100px;width: auto;padding: 12px 20px;margin: 0 6px 23px;font-size: 16px;line-height: 18px;}
    .home .content .bgIntro2 .introTags.mb-english-introTags{padding: 12px 10px;margin: 0 5px 23px;}
    .home .content .bgIntro2 .introTags-triangle{left: 50%;transform: translate(-50%, -20%);border-width: 6px;}
    .home .content .introContent .introTagBox .introTag{flex: 1 0 45%;margin: 7px;}
    .home .content .introContent .introTagBox .introTag img{width: 58px;}
    .home .content .introContent .introTagBox .introTag .introTagTitle{font-size: 16px;line-height: 20px;}
    .home .content .introContent .introTagBox .introTag .introTagDesc{font-size: 14px;line-height: 20px;}
    .home .content .introContent .introTagBox .introTag1{height: 268px;flex: 1 0 90%;margin: 0 14px;}
    .home .content .introContent .introTagBox .introTag1 div{background-size: 70%;max-width: 343px;margin: 0 auto;}

    /*for stp*/
    .home .content .stpContent .stpBgImg{width: 100%;margin-top: 500px;position: static;}
    .home .content .stpContent .stpBgImg.english-position{margin-top: 560px;}
    .stpContent .stpContent-detail{width: 100% !important;left: 50% !important;top: 3%;transform: translateX(-50%) !important;text-align: center;padding: 0 20px;}
    .stpContent .stpContent-detail .stpTextBox .stpTitleBox{justify-content: center;}
    .stpContent .stpContent-detail .stpTextBox .stpTitleBox .stpTitle{font-size: 22px;line-height: 24px;}
    .stpContent .stpContent-detail .stpTextBox .stpTitleBox .comingSoonDesc{font-size: 18.5px;line-height: 20.16px;}
    .stpContent .stpContent-detail .stpTextBox .iconBox{justify-content: center;}
    .stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox span{font-size: 14px;line-height: 22px;}
    .stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox .stp_icon{height: 16px;width: 16px;margin-top: auto;margin-bottom: auto;}
    .stpContent .stpContent-detail .stpTextBox .stpDesc{font-size: 14px;line-height: 24px;}
    .stpContent .stpContent-detail .stpTextBox .stpLink{margin: 15px 0;font-size: 14px;line-height: 18px;}
    .stpContent .stpContent-detail .stpTextBox .stpLink .icon-left{width: 7px;margin-bottom: 2px;}
    .stpContent .stpContent-detail .stpButtonBox{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;width: 100%;}
    .stpContent .stpContent-detail .stpButtonBox .stpButton{margin: 15px 10px 0 0;padding: 7px 14px;border: 1px solid #E4002B;border-radius: 6px;}
    .stpContent .stpContent-detail .stpButtonBox .stpButton span{font-size: 14px;line-height: 20px;}
    .stpContent .stpContent-detail .stpButtonBox .stpButton .stp_btn_icon{width: 20px;height: 20px;margin: 0 5px 0 0;}

    .downloadBox{flex-direction: column;justify-content: space-around;align-items: center;}
    .downloadBox .apkDownloadBox:nth-child(1){flex-direction: row;width: 100%;}
    .downloadBox .apkDownloadBox:nth-child(1) div{text-align: center;}
    .downloadBox .apkDownloadBox:nth-child(2){margin-left: 0;margin-top: 24px;}
    .downloadBox .apkDownloadBox:nth-child(2).english-margin{margin-left: 0;}
    .downloadBox .apkDownloadBox .apkDownloadImg{width: 75%;height: auto;max-width: 194px;min-width: 136px;}
    .downloadBox .apkDownloadBox .apkQRImg{min-width: 110px;min-height: 110px;max-width: 130px;max-height: 130px;width: 30%;height: auto;}
    .downloadBox .apkDownloadBox .apkDownloadBtn{font-size: 16px;margin-top: 16px;padding-top: 6px;padding-bottom: 6px;height: auto;width: 76%;}
    .downloadBox .apkDownloadBox .apkDownloadBtn.english-width{min-width: 355px;max-width: 460px;width: 80%;}
    #apk-qr-code canvas{min-width: 115px;min-height: 115px;max-width: 135px;max-height: 135px;width: 30% !important;height: auto !important;}

    /*for services*/
    .servicesContent .detail{padding: 0 7px;}
    .servicesContent .title{margin: 0;}
    .servicesContent .title .text{margin: 24px auto;font-size: 22px;line-height: 24px;}
    .servicesContent .detail .serviceBoxes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin-bottom: 24px;}
    .servicesContent .detail .serviceBoxes .box{flex: 1 0 45%;margin: 0 7px 14px;border: 1px solid #EEEEEE;border-radius: 6px;box-shadow: 0 4px 10px 0 rgba(0,0,0,0.09);padding: 20px 10px 30px 10px;}
    .servicesContent .detail .serviceBoxes .box .serviceBoxImg{width: 66px;height: 66px;margin: 0 auto;}
    .servicesContent .detail .box .serviceTitle{font-size: 16px;line-height: 22.4px;letter-spacing: 0.02em;margin: 16px auto;}
    .servicesContent .detail .box .serviceDesc{font-size: 14px;line-height: 26px;margin: 0 auto;padding: 0;}
    .servicesContent .detail .box:hover .serviceBoxContent3{display: block;}
    .servicesContent .detail .box:hover .serviceBoxContent10{display: block;}
    .servicesContent .detail .box .comingSoonDesc{color: #E4002B;white-space: nowrap;}

    /*for insight*/
    .home .content .insightContent{padding: 0;height: 460px;}
    .home .content .insightContent .introTagBox .introTag{height: 268px;flex: 1 0 90%;margin: 0 14px;}
    .home .content .insightContent .introTagBox .introTag div{background-size: 70%;max-width: 343px;margin: 0 auto;}

    /*for newsroom*/
    .home .content .newsroomContent{padding: 0;height: 380px;}
    .home .content .newsroomContent .introTagBox{margin-top: 0;}
    .home .content .newsroomContent .introTagBox .introTag div{background-size: 70%;max-width: 343px;margin: 0 auto;}
    .home .content .newsroomContent .introTagBox .introTag{height: 268px;flex: 1 0 90%;margin: 0 14px;}

    /*for contact*/
    .home .content .contactContent{padding: 50px 0;}
    .home .content .contactContent .contactText1{font-size: 22px;line-height: 30.8px;letter-spacing: 0.02em;margin: 0 auto;white-space: pre-line;}
    .home .content .contactContent .contactText2{font-size: 16px;line-height: 22.4px;letter-spacing: 0.02em;margin: 16px auto;}
    .home .content .contactContent .contactBtn{padding: 10px 24px;font-size: 16px;line-height: 22.4px;margin: 0 auto;}

    /*for footer*/
    .webFooter-info{padding: 24px 14px 0;flex-direction: column;border-bottom: none;}
    .webFooter-info .webFooter-box.logo-box{width: 100%;}
    .webFooter-info .webFooter-box .webFooter-logo{width: 84px;height: auto;}
    .webFooter-info .webFooter-box .webFooter-box-text{text-align: center;margin-bottom: 0;margin-top: 20px;}
    .webFooter-info .webFooter-box .webFooter-box-text > span{font-size: 12px;line-height: 17px;color: #999999;}
    .FooterTitle{text-align: center;padding: 0;font-size: 16px;line-height: 22.4px;letter-spacing: 0.01em;}
    .webFooter-info .webFooter-box ul{padding: 0;}
    .webFooter-info .prdActive ul > li{font-size: 14px;line-height: 20px;text-align: center;}
    .webFooter-info .webFooter-box .wechat-qr-code{height: 104px;width: 104px;margin: 13px auto;box-shadow: 0 4px 16px 0 rgba(0,0,0,0.09);}
    .webFooter-info .webFooter-box .wechat-qr-code-text{color: #555555;font-size: 12px;font-weight: 400;line-height: 16px;text-align: center;margin: 0 auto 30px;}
    #Calms{padding: 0 14px;}
    #Calms .webFooter-disclaimer{font-size: 12px;line-height: 12px;text-align: center;white-space: normal;}
    #Calms .webFooter-disclaimer .english-line-height{line-height: 20px;}
    #Calms .webFooter-disclaimer span a:focus{color: #555555;text-decoration: none;}

    .addrMap{width: 98%;padding-bottom: 24px;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
    .mb-map-modal .map-modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.35);}
    .mb-map-modal .map-modal-content{position: fixed;left: 0;bottom: 0;width: 100%;background-color: #ffffff;border-radius: 10px 10px 0 0;}
    .mb-map-modal .map-modal-content .map-modal-body{width: 100%;}
    .mb-map-modal .map-modal-content .map-modal-header{height: 54px;padding: 17px 0;}
    .mb-map-modal .map-modal-content .map-modal-header .map-modal-title{font-size: 16px;font-weight: 400;line-height: 20px;letter-spacing: 0.02em;text-align: center;color: #888888;margin: 0 auto;}
    .mb-map-modal .map-modal-content .map-modal-body .map-modal-btn{border-top: 0.5px solid #EEEEEE;padding: 15px 0;cursor: pointer;}
    .mb-map-modal .map-modal-content .map-modal-body .map-modal-btn .google-icon{background-image: url("../images/footer/icon_google_map.png");}
    .mb-map-modal .map-modal-content .map-modal-body .map-modal-btn .baidu-icon{background-image: url("../images/footer/icon_baidu_map.png");}
    .mb-map-modal .map-modal-content .map-modal-body .map-modal-btn-text{font-size: 17px;font-weight: 400;line-height: 20px;letter-spacing: 0.02em;color: #333333;margin: 0 auto;text-align: center;}

    .icon-modal .icon-modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
    .icon-modal .icon-modal-content{position: fixed;bottom: 60px;right: 12px;width: 48px;height: 212px;z-index: 100;}
    .icon-modal .icon-modal-content .iconBoxes{border: 1px solid #EEEEEE;border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0,0,0,0.08);}
    .icon-modal .icon-modal-content .iconBox{height: 48px;width: 48px;background-color: #FFFFFF;background-position: center;background-repeat: no-repeat;background-size: 45%;}
    .icon-modal .icon-modal-content .iconBox.wechat-icon{border-radius: 6px 6px 0 0;background-image: url("../images/footer/mb_icon_wechat.png");}
    .icon-modal .icon-modal-content .iconBox.wechat-icon.footer-icon-active{background-image: url("../images/footer/mb_icon_wechat_active.png");}
    .icon-modal .icon-modal-content .iconBox.whatsapp-icon{border-top: 1px solid #EEEEEE;background-image: url("../images/footer/mb_icon_whatsapp.png");}
    .icon-modal .icon-modal-content .iconBox.whatsapp-icon.footer-icon-active{background-image: url("../images/footer/mb_icon_whatsapp_active.png");}
    .icon-modal .icon-modal-content .iconBox.email-icon{border-radius: 0 0 6px 6px;border-top: 1px solid #EEEEEE;background-image: url("../images/footer/mb_icon_email.png");}
    .icon-modal .icon-modal-content .iconBox.email-icon.footer-icon-active{background-image: url("../images/footer/mb_icon_email_active.png");}
    .icon-modal .icon-modal-content .iconBox-top{display: none;box-shadow: 0 0 6px 0 rgba(0,0,0,0.08);border: 1px solid #EEEEEE;height: 48px;width: 48px;position: absolute;bottom: 0;background-image: url("../images/footer/mb_icon_top.png");background-color: #FFFFFF;background-position: center;background-repeat: no-repeat;background-size: 65%;border-radius: 6px;}
    .icon-modal .icon-modal-content .iconBox-top.showGoTop{display: block;}
    .icon-modal .icon-modal-content .iconBox .icon-subModal .subModal-content{position: fixed;right: 73px;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.08);padding: 10px;background-color: #FFFFFF;border-radius: 4px;}
    .icon-modal .icon-modal-content .iconBox .icon-subModal .subModal-content:before{content: '';position: absolute;top: 16px;left: 100%;border-left: 6px solid #FFFFFF;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
    .icon-modal .icon-modal-content .iconBox.wechat-icon .icon-subModal .subModal-content .wechatQRCode{width: 104px;height: 104px;}
    .icon-modal .icon-modal-content .iconBox .icon-subModal .subModal-content .title{font-size: 15px;font-weight: 500;line-height: 18px;text-align: left;color: #111111;}
    .icon-modal .icon-modal-content .iconBox .icon-subModal .subModal-content .text{font-size: 12px;font-weight: 400;line-height: 16px;text-align: left;margin-top: 5px;}
    .icon-modal .icon-modal-content .iconBox .icon-subModal .subModal-content .text:active{text-decoration: underline;}

    /*for the header of services pages and clientZone pages*/
    .content .headerBox{margin-top: 50px;}
    .content .headerBox .detail .textBox .title{font-size: 26px;line-height: 26px;}
    .content .headerBox .detail .textBox .subtitle{font-size: 16px;line-height: 18px;margin: 0;}
    .content .headerBox .detail .textBox .divider{height: 2px;width: 160px;margin: 14px auto;}

    /*for tradingPlatform*/
    .tradingPlatform .content .detail{flex-direction: column;align-items: center;flex-wrap: nowrap;}
    .tradingPlatform .content .headerBox{margin-top: 50px;height: auto;padding-bottom: 40px;}
    .tradingPlatform .content .headerBox .detail .tpTextBox1{width: 100%;padding: 40px 24px 30px;margin: 0;max-width: 635px;}
    .tradingPlatform .content .headerBox .detail .tpTextBox1 .title{font-size: 26px !important;line-height: 36.4px !important;}
    .tradingPlatform .content .headerBox .detail .tpTextBox1 .bg{font-size: 17px;line-height: 27px;font-weight: 400;white-space: normal;}
    .tradingPlatform .content .headerBox .detail .picBox{padding: 0;margin-top: 16px;text-align: center;width: 100%;background: transparent;height: auto;}
    .tradingPlatform .content .headerBox .detail .picBox >img{width: 80%;max-width: 410px;}

    .tradingPlatform .content .tpContent{height: auto;overflow: hidden;}
    .tradingPlatform .content .tpContent .tpBgImg{height: 352px;width: auto;position: static;margin: 314px auto 0;transform: none;}
    .tradingPlatform .content .tpContent .tpBgImg.english-margin{margin-top: 350px;}
    .tpContent .tpContent-detail{width: 100%;padding: 0 16px;transform: translate(0, 0);top: 0;margin-top: 32px;margin-bottom: 20px;}
    .tpContent .tpContent-detail .tpTextBox2 .tpTitle, .tpContent2 .tpContent2-detail .tpTextBox2 .tpTitle{font-size: 24px !important ;line-height: 32px !important;}
    .tpContent .tpContent-detail .tpTextBox2 .tpDesc, .tpContent2 .tpContent2-detail .tpTextBox2 .tpDesc{font-size: 16px !important;line-height: 26px !important;}
    .tradingPlatform .content .tpContent2{height: auto;overflow: hidden;background-image: url("../images/tradingPlatform/content_bg3.png");}
    .tpContent2 .tpContent2-detail{left: 50%;top: 0;transform: translate(-50%, 0);margin: 0 auto;padding: 30px 16px;width: 100%;}
    .tradingPlatform .content .tpContent2 .tpBgImg{height: 256px;width: auto;right: 0;position: relative;margin: 242px auto 0;}
    .tradingPlatform .content .tpContent2 .tpBgImg.english-margin{margin-top: 250px;}

    /*for wealthManagement*/
    .wealthManagement .content .wmContent .wmContentTitle{margin: 0;}
    .wealthManagement .content .wmContent .wmContentTitle div{padding: 30px 16px 0;font-size: 18px;line-height: 28px;width: 100%;text-align: left;}
    .wealthManagement .content .wmContent .wmContentTitle div.english-text-align{text-align: center;}
    .wealthManagement .content .wmContent .wmContentDetail{margin: 0 0 50px 0;padding: 0 14px;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox{margin-top: 30px;width: 100%;min-width: 343px;min-height: auto;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox{width: 80%;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail{margin: 0;padding: 30px 0 30px 16px;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail.english-padding{padding: 1px 0 0 10px;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail .wmTextTitle{font-size: 18px;line-height: 24px;white-space: nowrap;position: absolute;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail .wmTextTitle.english-font{font-size: 17px;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmTextBox .wmTextDetail .wmTextIntro{font-size: 16px;line-height: 24px;margin-top: 34px !important;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmPicBox{max-width: 132px;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox .wmPicBox >img{min-height: 180px;}

    /*for wealthPlanning*/
    .wealthPlanning .content .wpContent .wpContentTitle{margin: 0;}
    .wealthPlanning .content .wpContent .wpContentTitle div{padding: 30px 16px 0;font-size: 18px;line-height: 28px;width: 100%;text-align: left;}
    .wealthPlanning .content .wpContent .wpContentTitle div.english-text-align{text-align: center;}
    .wealthPlanning .content .wpContent .wpContentDetail{margin: 0 0 50px 0;padding: 0 14px;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox{margin-top: 30px;width: 100%;min-width: 343px;min-height: auto;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox{width: 80%;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail{margin: 0 !important;padding: 25px 0 15px 16px}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail.english-padding{padding: 1px 0 0 10px;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextTitle{font-size: 18px;line-height: 24px;white-space: nowrap;position: absolute;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextTitle.english-white-space{width: 60%;white-space: normal;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextTitle.english-font{font-size: 16px;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextIntro{font-size: 16px;line-height: 24px;margin-top: 34px !important;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextIntro.english-font{font-size: 14px;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextIntro.english-margin-top3{margin-top: 28px !important;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpTextBox .wpTextDetail .wpTextIntro.english-margin-top8{margin-top: 50px !important;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpPicBox{max-width: 132px;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox .wpPicBox >img{min-height: 180px;}

    /*for mainBusiness */
    .mainBusiness .content .rmContent .detail{padding: 30px 16px 50px;}
    .mainBusiness .content .rmContent .detail .infoBox:not(:first-child){margin-top: 23px;}
    .mainBusiness .content .rmContent .detail .contentTitle{height: 44px;background-size: 100% 100%;}
    .mainBusiness .content .rmContent .detail .contentTitle img{height: 26px !important;width: 26px !important;}
    .mainBusiness .content .rmContent .detail .contentTitle span{font-size: 18px;line-height: 24px;}
    .mainBusiness .content .rmContent .detail .contentDetail{padding: 16px;border-radius: 0 4px 4px 4px;}
    .mainBusiness .content .rmContent .detail .contentDetail span{font-size: 16px;line-height: 28px;}

    /*for clientZone*/
    .clientZone .content .czContent .detail .servicesBox{padding: 30px 16px 50px;margin: 0 auto;justify-content: center;flex-direction: column;align-items: center;}
    .clientZone .content .czContent .detail .servicesBox .serviceBox{align-items: normal;flex-direction: column;padding: 16px;width: 100%;height: auto;flex-wrap: wrap;margin: 0;}
    .clientZone .content .czContent .detail .servicesBox .serviceBox:not(:last-child){margin-bottom: 30px;}
    .clientZone .content .czContent .detail .servicesBox .imgBox{width: 100%;height: auto;}
    .clientZone .content .czContent .detail .servicesBox .imgBox img{width: 100%;height: auto;}
    .clientZone .content .czContent .detail .servicesBox ul{padding-inline-start: 26px;}
    .clientZone .content .czContent .detail .servicesBox ul li:first-child{margin-top: 16px;}
    .clientZone .content .czContent .detail .servicesBox ul li{margin-top: 10px;font-size: 18px;line-height: 25.2px;}
    .clientZone .content .czContent .detail .servicesBox ul li:before{margin-right: 12px;left: 0;margin-top: 6px;}

    /*for openAccount*/
    .openAccount .content .oaContent{padding: 30px 16px 50px;}
    .openAccount .content .oaContent .detail .oaWayBox{margin: 0;}
    .openAccount .content .oaContent .detail .oaWayBox .wayBox{margin: 0 auto 50px;}
    .openAccount .content .oaContent .detail .oaWayBox .wayBox.english-flex{flex-direction: column;align-items: center;}
    .openAccount .content .oaContent .detail .oaWayBox .wayBox .wayItem{font-size: 20px;line-height: 44px;padding: 8px 26px;margin: 20px 0 0;}
    .openAccount .content .oaContent .detail .oaWayBox .oaWayTitle, .openAccount .content .oaContent .detail .oaDocBox .oaDocTitle{font-size: 24px;line-height: 33.6px;}
    .openAccount .content .oaContent .detail .oaWayBox .wayBox .wayItem:not(:first-child){margin-left: 20px;}
    .openAccount .content .oaContent .detail .oaWayBox .wayBox .wayItem.english-margin-padding{margin: 20px auto 0;padding: 8px 20px;}
    .openAccount .content .oaContent .detail .oaDocBox .docBox{flex-direction: column;align-items: center;margin: 30px 0 50px;}
    .openAccount .content .oaContent .detail .oaDocBox .docBox .docItem{width: 100%;margin: 0;}
    .openAccount .content .oaContent .detail .oaDocBox .docBox .docItem:not(:first-child){margin: 40px 0 0;}
    .openAccount .content .oaContent .detail .oaDocBox .docBox .docItem img{width: 105px;height: 105px;}
    .openAccount .content .oaContent .detail .oaDocBox .docBox .docItem .docText{font-size: 20px;line-height: 28px;margin-top: 20px;}

    .openAccount .content .oaContent .detail .oaBox{margin: 0;}
    .openAccount .content .oaContent .detail .oaBox .oaWayTitle{font-size: 24px;line-height: 33.6px;padding: 12px 21px;}
    .openAccount .content .oaContent .detail .oaBox .stepBox{flex-direction: column;align-content: center;margin-top: 20px;margin-bottom: 0;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem{margin-bottom: 20px;border-width: 4px;padding: 30px 16px;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem img{width: 105px;height: 105px;margin: 0 auto;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepTitle{font-size: 20px;line-height: 28px;margin: 20px auto;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepDesc{font-size: 16px;line-height: 24px;padding-left: 24px;margin: 0;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepDesc li{margin: 0;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .stepDesc li:first-child{margin-bottom: 6px;}
    .openAccount .content .oaContent .detail .oaBox .onlineBtn{font-size: 24px;line-height: 44px;padding: 8px 26px;width: 239px;height: auto;margin-bottom: 58px;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .downloadBtnBox{margin: 20px auto 0;}
    .openAccount .content .oaContent .detail .oaBox .stepBox .stepItem .downloadBtnBox .downloadBtn{font-size: 16px;line-height: 28px;padding: 8px 24px;}

    /*for customerService*/
    .customerServiceBox{margin-top: 58px;}
    .customerServiceBox .csTitle{font-size: 18px;line-height: 25.2px;}
    .customerServiceBox .csContent{flex-wrap: wrap;justify-content: space-between;margin: 20px auto 0;}
    .customerServiceBox .csContent .csItem{flex: 0 0 50%;padding: 10px 20px;}
    .customerServiceBox .csContent .csItem .csText{font-size: 20px;line-height: 34px;margin: 12px auto;}
    .customerServiceBox .csContent .csItem img{width: 44px;height: 44px;}
    .customerServiceBox .csContent .csItem .csVal{font-size: 16px;line-height: 19.54px;}

    .cs-wechatQRCode{transform: translate(-60%, -150%);left: 0;}
    .cs-wechatQRCode:before{right: 0;transform: translate(100%, -50%);border-left: 10px solid #ffffff;border-right: none;}

    /*for fundsProcessing*/
    .fundsProcessing .content .fpContent{padding: 30px 0 50px;}
    .fundsProcessing .content .fpContent .detail .fpContentTitle{font-size: 24px;line-height: 33.6px;margin: 0;}
    .fundsProcessing .content .fpContent .detail .fpContentSubTitle{padding: 12px 30px;max-width: 200px;height: 68px;margin: 20px auto 50px;}
    .fundsProcessing .content .fpContent .detail .fpContentSubTitle.english-style-fpContentSubTitle{max-width: 250px;}
    .fundsProcessing .content .fpContent .detail .fpContentSubTitle img{width: 44px;height: 44px;}
    .fundsProcessing .content .fpContent .detail .fpContentSubTitle span{font-size: 20px;line-height: 28px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox{margin-bottom: 50px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroTitle{font-size: 24px;line-height: 24px;text-align: center;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroDesc1{text-align: center;font-weight: 600;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .mb-fpIntroDesc{font-size: 16px;line-height: 24px;padding: 0 16px;margin-bottom: 20px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroDesc2{font-size: 14px;line-height: 22px;margin-top: 20px;margin-bottom: 50px;padding: 0 16px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent{font-size: 16px;line-height: 32px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent.fpIntroContent-border tr td{width: auto;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent.fpIntroContent-border tr td:not(:first-child){text-align: left;padding: 0;width: 60%;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent tr td{padding: 9px 10px;width: auto;vertical-align: top;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .mb-fpIntroContent tr td{padding: 10px 20px;width: 50%;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .mb-fpIntroContent tr td.width-auto{width: auto;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .mb-fpIntroContent tr td .tdItem{padding: 10px 12px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .mb-fpIntroContent tr td .tdItem .tdLabel{line-height: 22px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .mb-fpIntroContent tr td .tdItem .tdVal{line-height: 20px;color: #111111;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox ul{padding-right: 16px;padding-left: 44px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox ul li{font-size: 16px;line-height: 26px;}

    /*for formDownload*/
    .formDownload .content .fdContent{padding: 0 10px;margin-bottom: 50px;}
    .formDownload .content .fdContent .detail .fdBox{margin: 0 auto;}
    .formDownload .content .fdContent .detail .fdBox .fdSubContent{flex-direction: column;margin: 0 !important;}
    .formDownload .content .fdContent .detail .fdBox .fdContentTitle{font-size: 24px;line-height: 33.6px;margin-top: 40px;margin-bottom: 20px;padding: 12px 0;}
    .formDownload .content .fdContent .detail .fdBox .fdSubContent .fdSubBox{margin: 0 0 40px 0;}
    .formDownload .content .fdContent .detail .fdBox .fdSubContent .fdSubBox:last-child{margin-bottom: 0;}
    .formDownload .content .fdContent .detail .fdBox .fdSubContent .fdSubBox .fdSubTitle{font-size: 24px;line-height: 33.6px;margin-bottom: 16px;width: auto !important;}
    .formDownload .content .fdContent .detail .fdBox ul li{font-size: 17px;line-height: 23.8px;margin: 0;}
    .formDownload .content .fdContent .detail .fdBox ul li.no-file{color: #999999;}
    .formDownload .content .fdContent .detail .fdBox ul li:not(:last-child){margin-bottom: 12px;}
    .formDownload .content .fdContent .detail .fdBox ul li:before{margin-bottom: 2px;}
    .formDownload .content .fdContent .detail .fdBox ul li.no-file:before{background-color: #999999;}
    .formDownload .content .fdContent .detail .fdBoxes{flex-direction: column;}
    .formDownload .content .fdContent .detail .fdBoxes .fdBox{margin: 0 !important;width: auto;}

    /*for otherClientServices*/
    .otherClientServices .content .ocsContent{padding: 40px 20px 0;margin: 0;}
    .otherClientServices .content .ocsContent .ocsContentBox{margin: 0 auto 50px;}
    .otherClientServices .content .ocsContent .ocsContentBox .ocsContentTitle{font-size: 24px;line-height: 33.6px;text-align: left;}
    .otherClientServices .content .ocsContent .ocsContentBox .ocsContentTitle img{width: 40px;height: 40px;}
    .otherClientServices .content .ocsContent .ocsContentBox .ocsContentSubBox{margin: 0;}
    .otherClientServices .content .ocsContent .ocsContentBox .ocsContentSubBox .ocsContentSubtitle{font-size: 20px;line-height: 28px;margin: 16px 0 0;}
    .otherClientServices .content .ocsContent .ocsContentBox .ocsContentSubBox .ocsContentDesc{font-size: 17px;line-height: 26px;margin: 16px 0 20px;}

    /*for privacyPolicy*/
    .privacyPolicy > div{padding-bottom: 0 !important;}
    .privacyPolicy .content .detail{padding: 0 16px 20px;}
    .privacyPolicy .content .detail .ppHeader{margin: 50px 0 30px;padding: 30px 0 0;}
    .privacyPolicy .content .detail .ppHeader .divider{margin: 16px auto 30px;}
    .privacyPolicy .content .detail .ppDesc{padding: 0 4px;font-size: 16px;line-height: 26px;}
    .privacyPolicy .content .detail .ppContent{padding-right: 4px;padding-left: 34px;padding-bottom: 0;}
    .privacyPolicy .content .detail .ppContent .ppSection{font-size: 18px;line-height: 26px;margin: 30px 0;}
    .privacyPolicy .content .detail .ppContent .ppSection .ppSectionTitle{margin: 0 0 16px;}
    .privacyPolicy .content .detail .ppContent .ppSection .ppRowTitle{font-size: 16px;line-height: 26px;}
    .privacyPolicy .content .detail .ppContent .ppSection .ppRowTitle.english-white-space{white-space: normal;}
    .privacyPolicy .content .detail .ppContent .ppSection .ppRowDesc{font-size: 16px;line-height: 26px;}
    .privacyPolicy .content .detail .ppContent .ppSection .ppSectionDesc{font-size: 16px;line-height: 26px;}
    .privacyPolicy .content .detail .ppContent .ppSection tr td{padding: 10px;}
    .privacyPolicy .content .detail .ppContent .ppSection ul li{font-size: 16px;line-height: 26px;margin: 10px 0;}
    .privacyPolicy .content .detail .ppContent .ppSection .subSections{padding-left: 35px;}
    .privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection{margin: 30px 0;}
    .privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection:before{font-size: 18px;line-height: 26px;left: -35px;}
    .privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection .ppSubSectionDesc{font-size: 16px;line-height: 26px;}
    .privacyPolicy .content .detail .ppContent .ppSection .subSections .subSection .ppSubSectionTitle{font-size: 18px;line-height: 26px;}
    .subUl1 li:before, .subUl2 li:before, .subUl3 li:before, .subUl4 li:before, .subUl5 li:before{left: -38px;}
    .subUl1, .subUl2, .subUl3, .subUl4, .subUl5{padding-left: 38px;}

    /*for disclaimer*/
    .disclaimer .content .detail{padding: 0 16px 20px;}
    .disclaimer .content .detail .disclaimerHeader{margin: 50px 0 30px;padding: 30px 0 0;}
    .disclaimer .content .detail .disclaimerHeader .divider{margin: 16px auto 30px;}
    .disclaimer .content .detail .disclaimerHeader .disclaimerDesc{font-size: 16px;line-height: 26px;padding: 0 4px;}
    .disclaimer .content .detail .disclaimerContent{padding: 0 4px;}
    .disclaimer .content .detail .disclaimerContent .contentBox .boxTitle{font-size: 18px;line-height: 26px;margin-bottom: 16px;}
    .disclaimer .content .detail .disclaimerContent .contentBox .contentTitle{font-size: 18px;line-height: 26px;}
    .disclaimer .content .detail .disclaimerContent .contentBox .contentDesc{font-size: 16px;line-height: 26px;}
    .disclaimer .content .detail .disclaimerContent .contentBox .contentAdvice{font-size: 16px;line-height: 26px;}
    .disclaimer .content .detail .disclaimerContent .contentBox .subBox{margin-bottom: 30px;}
    .disclaimer .content .detail .disclaimerContent .contentBox .subBox ul{padding-left: 30px;}
    .disclaimer .content .detail .disclaimerContent .contentBox .subBox ul li{font-size: 16px;line-height: 26px;margin: 10px 0;}

    /*for riskStatement*/
    .riskStatement{padding-bottom: 0;}
    .riskStatement .content .detail{padding: 0 16px 20px;}
    .riskStatement .content .detail .ppHeader{margin: 50px 0 30px;padding: 30px 0 0;}
    .riskStatement .content .detail .ppHeader .divider{margin: 16px auto 30px;}
    .riskStatement .content .detail .ppContent{padding-right: 4px;padding-left: 34px;padding-bottom: 0;}
    .riskStatement .content .detail .ppContent .ppSection{font-size: 18px;line-height: 26px;margin: 30px 0;}
    .riskStatement .content .detail .ppContent .ppSection:before{left: -30px;}
    .riskStatement .content .detail .ppContent .ppSection .ppSectionTitle{margin: 0 0 16px;}
    .riskStatement .content .detail .ppContent .ppSection .ppSectionDesc{font-size: 16px;line-height: 26px;}

    /*for capitalInvestorEntryScheme*/
    .capitalInvestorEntryScheme .content .headerBox .detail .textBox .title{white-space: normal;text-align: center;}
    .capitalInvestorEntryScheme .content .ciesContent{margin-bottom: 50px;font-size: 17px;}
    .capitalInvestorEntryScheme .content .ciesContent .detail{margin: 40px auto;padding: 0 16px;}
    .capitalInvestorEntryScheme .content .ciesContent .detail .margin-left-34{margin-left: 28px;}
    .capitalInvestorEntryScheme .content .ciesContent .detail .margin-top-20{margin-top: 20px !important;}
    .capitalInvestorEntryScheme .content .ciesContent .detail .margin-bottom-16{margin-bottom: 16px !important;}
    .capitalInvestorEntryScheme .content .ciesContent .detail .margin-bottom-30{margin-bottom: 30px !important;}
    .ciesContentBox1 .ciesSubtitle{font-size: 24px;line-height: 34px;}
    .ciesContentBox1 .ciesSubtitle > span{padding-right: 6px;}
    .ciesContentBox1 .ciesDesc{margin: 16px 0 50px;}
    .ciesContentBox2{margin-bottom: 50px;}
    .ciesContentBox2 .ciesSubtitle{font-size: 20px;margin-bottom: 16px;}
    .ciesContentBox2 .subContentBox .subContentBoxTitle{font-size: 18px;line-height: 28px;margin-top: 16px;}
    .ciesContentBox2 .advantageBoxes{margin: 30px 0 40px;width: 100%;}
    .ciesContentBox2 .advantageBoxes .advantageBox{flex: 1 0 100%;margin: 10px 0;}
    .ciesContentBox2 .advantageBoxes .advantageBox > div{padding: 20px 15px;}
    .ciesContentBox2 .subContentBox > ul{margin-bottom: 16px;margin-left: 12px;}
    .ciesContentBox2 .questionBoxes{margin-top: 20px;}
    .ciesContentBox2 .questionBoxes .questionBox{flex: 1 0 100%;min-height: auto;padding: 30px 20px;margin-bottom: 20px;margin-top: 0;}
    .ciesContentBox2 .questionBoxes .questionBox:nth-child(2n){margin-left: 0;}
    .ciesContentBox2 .questionBoxes .questionBox .questionBoxTitle{font-size: 18px;margin-bottom: 20px;}
    .ciesContentBox2 .questionBoxes .questionBox .questionBoxTitle > img{flex: 0 0 36px;width: 36px;height: 36px;}

}

@media (max-width: 540px) {

    /*for tradingPlatform*/
    .tradingPlatform .content .tpContent .tpBgImg{transform: translateX(3%);margin: 314px 0 0;}
    .tradingPlatform .content .tpContent .tpBgImg.english-margin{margin-top: 390px;}
    .tradingPlatform .content .tpContent2 .tpBgImg.english-margin{margin-top: 326px;}
}

@media (max-width: 425px) {

    /*for tradingPlatform*/
    .tradingPlatform .content .tpContent .tpBgImg.english-margin{margin-top: 482px;}
    .tradingPlatform .content .tpContent2 .tpBgImg.english-margin{margin-top: 340px;}
}

@media (max-width: 374px){

    /*for services*/
    .servicesContent .detail .serviceBoxes .box{padding: 20px 7px;margin: 5px 3px}

    /*for footer*/
    #Calms{padding: 0;}

    /*for tradingPlatform*/
    .tradingPlatform .content .headerBox .detail .tpTextBox1{padding-left: 8px;padding-right: 8px;}

    /*for wealthManagement*/
    .wealthManagement .content .wmContent .wmContentDetail{padding: 0 4%;}
    .wealthManagement .content .wmContent .wmContentDetail .wmContentBox{min-width: auto;width: 100%;}

    /*for wealthPlanning*/
    .wealthPlanning .content .wpContent .wpContentDetail{padding: 0 4%;}
    .wealthPlanning .content .wpContent .wpContentDetail .wpContentBox{min-width: auto;width: 100%;}

    /*for mainBusiness*/
    .mainBusiness .content .headerBox .detail .textBox .title{white-space: normal;}

    /*for clientZone*/
    .clientZone .content .czContent .detail .servicesBox .serviceBox{margin: 0;}

    /*for openAccount*/
    .openAccount .content .oaContent .detail .oaWayBox .wayBox .wayItem{padding: 8px 15px;}
    .openAccount .content .oaContent .detail .customerServiceBox .csContent .csItem{padding: 10px 7px;}

    /*for fundsProcessing*/
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .fpIntroContent tr td{white-space: normal;padding: 9px 0 9px 9px;}
    .fundsProcessing .content .fpContent .detail .fpIntro .fpIntroBox .mb-fpIntroContent tr td{padding: 9px 0 9px 5px}
    .fundsProcessing .content .fpContent .detail .customerServiceBox .csContent .csItem{padding: 10px 15px;}

    /*for privacyPolicy*/
    .privacyPolicy .content .detail{padding: 0 5px 20px;}
    .privacyPolicy .content .detail .ppContent{padding-left: 20px;}
    .privacyPolicy .content .detail .ppContent .ppSection:before{left: -17px}
    .privacyPolicy .content .detail .ppContent .ppSection tr td{padding: 10px 0 10px 5px;}

}

@media (min-width: 334px) {
    .hidden-333{display: none;}
}

/* IE6, IE7, IE8, IE9, IE10+ */
@media screen\9, screen\0, \0screen, screen and (min-width: 0\0), all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    /*for link*/
    .navBox-overflow-menu, .navBox-subMenu2{transform: translateX(-50%) translate(-7px);}
}

@media (any-hover: hover) {

    /*!*for stp*!*/
    /*.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover span{color: #E4002B;}*/
    /*.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .hk_icon{background-image: url("../images/home/stp_icon_hk_active.png");}*/
    /*.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .us_icon{background-image: url("../images/home/stp_icon_us_active.png");}*/
    /*.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .bond_icon{background-image: url("../images/home/stp_icon_bond_active.png");}*/
    /*.stpContent .stpContent-detail .stpTextBox .iconBox .iconSubBox:hover .foundation_icon{background-image: url("../images/home/stp_icon_foundation_active.png");}*/
    /*.stpContent .stpContent-detail .stpButtonBox .stpButton:hover .ios_icon{background-image: url("../images/home/stp_icon_ios_active.png");}*/
    /*.stpContent .stpContent-detail .stpButtonBox .stpButton:hover .aos_icon{background-image: url("../images/home/stp_icon_aos_active.png");}*/
    /*.stpContent .stpContent-detail .stpButtonBox .stpButton:hover .tp_icon{background-image: url("../images/home/stp_icon_tp_active.png");}*/
    /*.stpContent .stpContent-detail .stpButtonBox .stpButton:hover{background-color: #E4002B;}*/
    /*.stpContent .stpContent-detail .stpButtonBox .stpButton:hover span{color: white;}*/

    /*for footer*/
    .webFooter-info .prdActive .email-link:hover{color: #145DEB;text-decoration: underline;}
    #Calms .webFooter-disclaimer span a:hover{color: #555555;text-decoration: underline;}
}