body{padding:70px 0 0;background-color:#929292}body>.notification-container{margin:20px 8.3%}body>.notification-container .notification:last-child{margin-bottom:-20px}body .bg-image{position:fixed;top:0;left:0;bottom:0;width:100%;z-index:-100;background-repeat:repeat-y;background-position:50%;background-attachment:fixed;background-size:100% auto;background-size:cover}table th{font-family:Univers-Next-for-HSBC-Md,Univers-Next-for-HSBC-Rg,Arial,PingFang TC,PingFang SC,Microsoft JhengHei,Microsoft YaHei,Lantinghei TC,Lantinghei SC,Heiti TC,Heiti SC,simhei,sans-serif;font-weight:400}[data-locale=zh-CN] .font-weight-md,[data-locale=zh-CN] b,[data-locale=zh-CN] strong,[data-locale=zh-CN] table th,[data-locale=zh-HK] .font-weight-md,[data-locale=zh-HK] b,[data-locale=zh-HK] strong,[data-locale=zh-HK] table th{font-weight:550}.page-element{display:none}.page-element .page-content{flex-wrap:wrap;align-items:stretch;position:relative;margin:0;padding:0;min-height:calc(100vh - 242px)}.page-element .nav-tabs.progress-tracker+.page-content{min-height:calc(100vh - 282px)}.page-element .page-notification{display:none;width:100%;margin:20px 50px}.page-element .page-content.d-block .page-notification{width:auto;padding-top:20px;margin-top:0}.notification-container:not(:empty)+.content .page-element .page-content{min-height:calc(100vh - 308px)}.notification-container:not(:empty)+.content .page-element .nav-tabs.progress-tracker+.page-content{min-height:calc(100vh - 348px)}.content{display:block;margin:40px 8.3% 132px;position:relative;background-color:#fff}.page-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.left-panel{padding:40px 50px 50px}.left-panel .title-content{margin-bottom:30px}.left-panel .title{margin-bottom:20px;font-size:2em;font-family:Univers-Next-for-HSBC-Lt,Univers-Next-for-HSBC-Rg,Arial,PingFang TC,PingFang SC,Microsoft JhengHei,Microsoft YaHei,Lantinghei TC,Lantinghei SC,Heiti TC,Heiti SC,simhei,sans-serif}.left-panel .button-panel.fix-bottom{left:50px;right:50px;bottom:50px}.right-panel{padding:60px 30px 30px;background-color:#f3f3f3}.right-panel .sub-title4,.right-panel h4{font-size:1em;font-family:Univers-Next-for-HSBC-Md,Univers-Next-for-HSBC-Rg,Arial,PingFang TC,PingFang SC,Microsoft JhengHei,Microsoft YaHei,Lantinghei TC,Lantinghei SC,Heiti TC,Heiti SC,simhei,sans-serif;margin-bottom:15px}.right-panel h4.sub-title5{font-family:inherit;font-size:.875rem}.right-panel ol{padding-left:20px}.right-panel .sub-title5,.right-panel h5,.right-panel li,.right-panel p{margin-bottom:10px}.right-panel section{margin-bottom:30px}.right-panel .title{margin-bottom:30px;font-size:1.375rem;font-family:Univers-Next-for-HSBC-Lt,Univers-Next-for-HSBC-Rg,Arial,PingFang TC,PingFang SC,Microsoft JhengHei,Microsoft YaHei,Lantinghei TC,Lantinghei SC,Heiti TC,Heiti SC,simhei,sans-serif}.right-panel .global-list-group-xs .list-item{padding:0;border-color:#d7d8d6}.right-panel .global-list-group-xs a.list-item-header{padding-top:15px;padding-bottom:12px;text-decoration:none}.right-panel .global-list-group-xs a.list-item-header h4{margin-bottom:0}.right-panel .global-list-group-xs .list-item-expandable-body{padding-top:0;padding-bottom:15px}.right-panel .flex-space-between{display:flex;justify-content:space-between;align-items:center}.gray-panel{background-color:#f3f3f3;padding:20px}@media (max-width:1199.98px){.right-panel{padding:30px 50px}}.Trident .left-panel,.Trident .right-panel{min-height:calc(100vh - 242px)}.Trident .progress-tracker+.page-content .left-panel,.Trident .progress-tracker+.page-content .right-panel{min-height:calc(100vh - 282px)}.Trident .notification-container:not(:empty)+.content .left-panel,.Trident .notification-container:not(:empty)+.content .right-panel{min-height:calc(100vh - 308px)}.Trident .notification-container:not(:empty)+.content nav-tabs.progress-tracker+.page-content .left-panel,.Trident .notification-container:not(:empty)+.content nav-tabs.progress-tracker+.page-content .right-panel{min-height:calc(100vh - 348px)}input[type=password]{font-family:Univers-Next-for-HSBC-Rg,Arial,sans-serif}[data-toggle=collapse] .icon-chevron-down-small{transform:rotate(180deg)}[data-toggle=collapse].collapsed .icon-chevron-down-small{transform:rotate(0deg)}.tooltip .tooltip-inner{font-size:.875rem}.content input.form-control{padding:11px 15px 12px}.content input.form-control :focus{background-color:#fff6ba}.content .page-element .page-content .left-panel{padding:16px 16px 20px;min-height:270px}.content .page-element .page-content .left-panel .title-content .title{font-family:Univers-Next-for-HSBC-Lt;font-size:1.188rem;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#333}.content .page-element .page-content .left-panel .description{height:34px;width:350px;color:#000;font-family:Arial;font-size:14px;letter-spacing:0;line-height:17px}.content .page-element .page-content .left-panel #nameCheckForm{margin-top:20px}.content .page-element .page-content .left-panel .form-state-error .form-message{color:rgba(51,51,51,.9)}@media only screen and (min-width:760px){.content .page-element .page-content{margin-bottom:2rem}.content .page-element .page-content .left-panel{padding:20px 20px 24px}}@media only screen and (min-width:960px){.content .page-element .page-content .left-panel{padding:24px 24px 28px}}@media (max-width:759px){body{width:100%}body .pre-logon-content{flex:1;width:auto}body .pre-logon-content .page #logon-content{display:flex;flex-direction:column}body .pre-logon-content .page .logon-btn-group{margin-top:10px;display:flex;flex-direction:column;flex:1}body .pre-logon-content .page .logon-btn-group #securityDevice{box-sizing:border-box;height:38px;border:1 solid #ccc;border-radius:3px;width:100%}body .pre-logon-content .page .otp{height:18px;color:#0d6c29;font-weight:700;line-height:18px}body .pre-logon-content .page .or,body .pre-logon-content .page .otp{font-family:Arial;font-size:13px;letter-spacing:0;text-align:center;margin-top:10px}body .pre-logon-content .page .or{height:15px;color:#666;width:100%;line-height:15px}body .pre-logon-content .page #mobileDevice{box-sizing:border-box;height:38px;width:100%;border:1px solid #0d6c29;border-radius:3px;background-color:#0d6c29}body .pre-logon-content .page #mobileDevice span{height:18px;width:107px;color:#fff;font-family:Arial;font-size:13px;font-weight:700;letter-spacing:0;line-height:18px;text-align:center}body .pre-logon-content .page .pa-tip{display:flex;width:none}body .pre-logon-content .page .pa-tip .pa-tip-center .pa-tip-centent{flex:1}body .pre-logon-content .page .pa-tip-left{width:26px}body .pre-logon-content .page .pa-tip-right{width:31px}body .pre-logon-content .page .optcode{width:100%}body .pre-logon-content .page .forgotten:hover span{display:none}body .pre-logon-content .cam40-logon-button{display:flex;flex-direction:column;margin-top:10px}body .pre-logon-content .cam40-logon-button #cam40Cancel{width:100%;margin:10px 0;order:1}body .pre-logon-content .cam40-logon-button #cam40Login{margin:20px 0 0}body #logon-link-group,body #online-banking-security{width:100%}body .mobile-notification{display:none;background-color:#fff6ba;padding:10px;color:#000;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2);z-index:99;margin-top:-30px}}@media only screen and (min-width:760px){.page .username-btns{margin-top:24px}.page .username-btns .partner-button>button{float:right}.page .username-btns .partner-button>a{float:left}.page .username-btns .partner-button hr{display:block}}@media only screen{.page .title{margin-bottom:0}.page .title,.page .title-opt{color:#0d6c29;font-family:Arial;font-size:21px!important;letter-spacing:0;line-height:26px;display:flex}.page .title-left{justify-content:flex-start;flex:1}.page .title-right{justify-content:flex-end;margin-left:50px}.page .logon-with-account{margin-top:20px;color:#000;font-family:Arial;font-size:14px;letter-spacing:0;line-height:17px}.page .back{height:26px;width:32px;color:#0d6c29;font-family:Arial;font-size:13px!important;font-weight:700;letter-spacing:0;line-height:26px;float:right;text-decoration:underline}.page .field-login{margin-top:20px;height:75px}.page .field-login>input{height:50px}.page .field-login>label{height:20px;margin-bottom:5px}.page .field-login .pwd{margin:15px 0}.page .field-login .pwd>input{height:50px}.page .login-failed{display:none}.page .logon-error-failed{margin:10px 0;display:flex;padding:10px;background-color:#d20000}.page .logon-error-failed .failed-left{width:25px}.page .logon-error-failed .failed-right{flex:1;color:#fff;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px}.page a>img{margin-left:3px}.page .login-error-msg{display:none;padding:5px 0 10px}.page .login-error-msg .error-arrow{width:0;height:0;border:0;border-right:8px solid transparent;border-bottom:8px solid #d20000;border-left:8px solid transparent;top:-8px;margin-left:10%}.page .login-error-msg .error-msg-content{display:flex;padding:10px;background-color:#d20000}.page .login-error-msg .error-msg-content .error-left{width:25px}.page .login-error-msg .error-msg-content .error-right{flex:1;color:#fff;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px}.page .login-with-your-hang{height:49px;font-size:14px!important;line-height:17px}.page .login-with-your-hang,.page .to-continue-hang-se{margin-top:15px;color:#000;font-family:Arial;letter-spacing:0}.page .to-continue-hang-se{font-size:13px;line-height:20px}.page .logon-btn-group{margin-top:10px;display:flex}.page .login-method-btn{box-sizing:border-box;height:38px;width:147px;border:1px solid #ccc;border-radius:3px}.page .login-method-btn.btn-background-white{background:linear-gradient(180deg,#fff,#e8e8e8)}.page .login-method-btn.btn-background-green{background-color:#0d6c29}.page .otp{height:18px;width:107px;color:#0d6c29;font-weight:700;line-height:18px}.page .or,.page .otp{font-family:Arial;font-size:13px;letter-spacing:0;text-align:center;margin-top:10px}.page .or{height:15px;width:56px;color:#666;line-height:15px}.page #mobileDevice{box-sizing:border-box;height:38px;width:147px;border:1px solid #0d6c29;border-radius:3px;background-color:#0d6c29}.page #mobileDevice span,.page .mobile{height:18px;width:107px;color:#fff;font-family:Arial;font-size:13px;font-weight:700;letter-spacing:0;line-height:18px;text-align:center}.page .login-method{margin-top:20px;height:20px;color:#000;font-family:Arial;font-size:14px;letter-spacing:0;line-height:20px}.page .pa-tip{display:flex;margin-top:10px;padding:10px;box-sizing:border-box;border:1px solid #34a344;background-color:#f7fff8}.page .pa-tip-content{margin:0 10px;color:#34a344;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px}.page .pa-tip-content>a{color:#0d6c29;text-decoration:underline}.page .rectangle{box-sizing:border-box;height:82px;border:1px solid #34a344;background-color:#f7fff8}.page .please-enable-mobile{height:60px;width:278px;color:#34a344;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px}.page .field-login-label{color:#000;font-family:Arial;font-size:14px;letter-spacing:0;line-height:20px;float:left}.page .icon-profile{vertical-align:baseline;height:14px;width:14px}.page .forgotten{height:20px;color:#0d6c29;font-family:Arial;font-size:12px;letter-spacing:0;line-height:20px;text-align:right;float:right;text-decoration:underline;position:relative}.page .forgotten a{color:#0d6c29}.page .forgotten span{display:none}.page .forgotten:hover{z-index:21}.page .forgotten:hover span{display:block;width:300px;padding:20px!important;background-color:#fff6ba;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);color:#000;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px;text-decoration:none;position:absolute;border-radius:6px;top:-25px;left:-290px;text-align:left}.page .forgotten:hover div{left:100%;width:10;height:10;border:0;border-top:1 solid transparent;border-bottom:1 solid transparent;border-left:1 solid #ce2727}.page .password-input{position:relative;margin-top:-50px}.page .password-input span{display:none}.page .password-input input{height:50px}.page .password-tooltip{display:block!important;width:300px;padding:20px!important;background-color:#fff6ba;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);color:#000;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px;text-decoration:none;position:absolute;border-radius:6px;top:-115px;left:50px;text-align:left}.page .resetPin{float:none;text-align:left}.page .logon-link{margin-top:50px}.page .maintenance-schedule{width:133px;color:#cc5825}.page .maintenance-schedule,.page .online-banking-secur{height:15px;font-family:Arial;font-size:13px;letter-spacing:0;line-height:15px;text-decoration:underline}.page .online-banking-secur{width:139px;color:#0d6c29}.page .logon-link-ul{list-style:none;padding:0}.page .logon-link-ul>li{height:20px}.page .optcode{height:50px;margin-top:5px;border:1px solid #ccc;border-radius:4px;background-color:#fff;width:100%}.page .logon-user-group{display:flex;margin:15px 0;flex-wrap:wrap;overflow:hidden}.page .logon-user-group div{margin-right:3px}.page .logon-user-group div img{vertical-align:top}.page .logon-page-user{height:17px;color:#000;font-family:Arial;font-size:16px;letter-spacing:0;line-height:17px;margin-right:10px}.page .gourp-babel{height:20px;color:#0d6c29!important;font-family:Arial;font-size:13px;letter-spacing:0;line-height:20px;text-align:right;float:right;text-decoration:underline!important;cursor:pointer}.page #push-not-account{line-height:17px}.page .security-code{height:20px;width:88px;color:#333;font-family:Arial;font-size:14px;letter-spacing:0;line-height:20px}.page .optcode{padding:11px 15px 12px}.page .security-code-page{margin:0 auto}.page #cam40Login{width:84px}.page .cam40-logon-button{margin-top:20px;display:flex;justify-content:flex-end}.page .cam40-logon-button button{margin-left:20px;height:38px;font-weight:700;font-size:13px!important}.page .cam40-logon-button button .button-text{font-size:13px!important}.page .cam40-logon-button .login{box-sizing:border-box;width:84px;border:1px solid #0d6c29;border-radius:3px;background-color:#0d6c29;color:#fff}.page .cam40-logon-button .cancel{box-sizing:border-box;width:84px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#0d6c29}.page .cam40-links{margin-top:30px}.page .cam40-links div{margin-top:5px}.page .cam40-links div a{height:15px;color:#0d6c29;font-family:Arial;font-size:13px;letter-spacing:0;line-height:15px;text-decoration:underline}.page .username-btns{margin-top:28px}.page .username-btns .partner-button>button{float:right}.page .username-btns .partner-button>a{float:left;border:1px solid #333}.page .username-btns .partner-button>a:hover{border:1px solid #333}#online-banking-security{width:390px;display:none;align-self:center;background-color:inherit;padding:20px;margin-top:50px}#online-banking-security .title{color:#0d6c29;font-family:Arial;font-size:21px!important;letter-spacing:0;line-height:26px}#online-banking-security .content-group .content-title{color:#000;font-family:Arial;font-size:13px;font-weight:700;letter-spacing:0;line-height:15px;margin:10px 0}#online-banking-security .content-group .content-details{margin-left:-18px;padding-right:28px}#online-banking-security .content-group .content-details ul li{color:#000;font-family:Arial;font-size:13px;letter-spacing:0;line-height:15px;margin:5px 0}#online-banking-security .content-group .read-more-line{margin-left:-18px}#online-banking-security .content-group .read-more-line ul li{font-family:Arial;font-size:13px;letter-spacing:0;line-height:15px;text-decoration:underline;margin:10px 0}#online-banking-security .content-group .read-more-line ul li a{color:#0d6c29}#logon-link-group{margin-top:50px;display:none;align-self:center;background-color:inherit;flex-wrap:wrap;padding:20px 30px;width:390px}#logon-link-group .group-first{display:flex}#logon-link-group .group-first div{flex:1}#logon-link-group a{color:#0d6c29;font-family:Arial;font-size:13px;letter-spacing:0;line-height:15px;text-decoration:underline;margin-right:20px}#logon-link-group .support-item{margin-top:5px}.get-security{display:flex;flex-direction:column}.get-security .sercurity-step{margin-top:20px;padding:10px;display:flex;box-sizing:border-box;border:1px solid #dedede}.get-security .sercurity-step .sercurity-left{justify-content:left}.get-security .sercurity-step .sercurity-right{justify-content:right;margin-left:20px}.get-security .sercurity-step .sercurity-right .steps span{color:#0d6c29;font-family:Arial;font-size:16px;font-weight:700;letter-spacing:0;line-height:16px}.get-security .sercurity-step .sercurity-right .step-text{color:#333;font-family:Arial;font-size:14px;letter-spacing:0;line-height:16px}#label_select_phone{height:20px;color:#000;font-family:Arial;font-size:14px;letter-spacing:0;line-height:20px}.mobile-notification{display:none;z-index:-1}}@media only screen and (min-width:760px){.content #authenticateForm .form-group{margin-bottom:24px!important}.content .getting-authentication{padding:20px 20px 24px!important}.content .getting-authentication h1{font-size:1.188rem;line-height:27px;font-weight:300;margin-bottom:16px;font-style:normal;font-stretch:normal}.content .getting-authentication .getting-content{margin:16px 0 24px}.content .getting-authentication section>div>span:first-of-type{font-size:1rem;line-height:24px;font-stretch:normal;font-style:normal;color:#333;font-weight:500;font-family:Univers-Next-for-HSBC-Md}.content .getting-authentication .partner-button{margin-top:24px!important}.content .getting-authentication .partner-button hr{display:block}.content .getting-authentication .partner-button>button:nth-child(2){float:right}.content .getting-authentication .partner-button>button:nth-child(3){float:left;margin-top:0}.content .getting-authentication .partner-button>div:last-child{clear:both;margin-top:8px;float:right}}@media (max-width:759px){.getting-authentication{display:flex!important;flex-direction:column!important}.device-auth-page #getting_button_back{margin:0!important}.auth-right{margin-top:10px!important}.device-auth-page .device-buttons{display:flex;flex-direction:column;font-family:Arial!important}.device-auth-page .device-buttons .send-btn{width:100%;order:2;margin:10px 0!important;width:100%!important}}@media only screen and (min-width:960px){.content #authenticateForm .form-group{margin-bottom:28px!important}.content .getting-authentication{padding:24px 24px 28px!important}.content .getting-authentication h1{font-size:1.375rem;line-height:31px;margin-bottom:20px}.content .getting-authentication .getting-content{margin:20px 0 28px}.content .getting-authentication .partner-button{margin-top:28px!important}.content .getting-authentication .partner-button hr{display:block}.content .getting-authentication .partner-button>button:nth-child(3){margin-top:0}}.express-guide-content{font-size:1rem;font-weight:400;line-height:1.5;color:#333}.express-hsbc-img img{width:50px;height:50px;float:left}.express-guide-img{width:100%;height:100%}.express-guide-img img{width:100px;height:100px}.authentication_title_style{font-style:normal!important}.express-others{margin-left:60px}.express-others .express-app-store-img{width:90px;height:30px;background-color:#000}.express-others .express-play-store-img{width:100px;height:30px;background-color:#000}.how-to-authenticate-guide span.secondLine{margin-top:10px;display:inline-block}.hsbc-hk-business-exp{font-size:.75rem;font-weight:700;line-height:1.25;color:#000}.modal-auth-landscape-img{width:100%;height:97px;opacity:.04;background-color:#000}.section-ref-code{font-size:1rem;font-weight:400;line-height:1.5;color:#333}#one-device .send-title{margin-bottom:8px;color:#000;font-family:Arial;font-size:14px;letter-spacing:0;line-height:20px}.vertival-line{border-left:1px solid #d7d8d6;padding-left:15px}.getting-authentication{display:flex;flex-direction:row;color:#333;margin-top:15px}.getting-authentication h1{font-size:1.188rem;line-height:1.42;font-weight:300;margin-bottom:12px;font-family:Univers-Next-for-HSBC-Lt}.getting-authentication .auth-left{flex:1;margin-top:20px}.getting-authentication .space-line{width:30px}.getting-authentication .notification-container{width:auto}.getting-authentication .auth-right{flex:1}.getting-authentication .auth-right .help{color:#0d6c29;font-family:Arial;font-size:20px;font-weight:700;letter-spacing:0;line-height:23px}.getting-authentication .auth-right #how-to-authenticate{padding:0}.getting-authentication .auth-right #how-to-authenticate a{text-decoration:none}.getting-authentication .auth-right #how-to-authenticate a span{width:85%}.getting-authentication .auth-right #how-to-authenticate-heading-1,.getting-authentication .auth-right #not-see-notification-heading-1{height:40px;color:#000;font-family:Arial;font-size:12px;font-weight:700;letter-spacing:0;line-height:15px}.getting-authentication .auth-right #how-to-authenticate-heading-1 .aira-expand-button,.getting-authentication .auth-right #not-see-notification-heading-1 .aira-expand-button{padding-right:2rem}.getting-authentication .getting-content{margin:12px 0 20px;line-height:1.5;font-size:1rem}.getting-authentication .notification{margin-bottom:16px}.getting-authentication .partner-button{margin-top:10px}.getting-authentication .partner-button hr{display:none}.getting-authentication .partner-button:first-child{height:33px!important;width:265px!important;border-radius:3px!important;background-color:#0d6c29;font-size:1.6rem!important;line-height:1rem!important}.getting-authentication .partner-button:nth-child(2){height:15px;width:225px;color:#0d6c29;font-family:Arial;font-size:12px;letter-spacing:0;line-height:15px;text-align:center}.getting-authentication .partner-button button{width:100%;line-height:1rem}.getting-authentication .partner-button button:nth-child(3){margin-top:12px}.getting-authentication .partner-button .loading{margin-top:8px}.getting-authentication .partner-button #counting-container{margin-top:8px!important}.getting-authentication .getting-dropdown .getting-dropdown-button{text-decoration:none;display:flex;justify-content:space-between;font-size:1rem;font-weight:500;cursor:pointer;font-family:Univers-Next-for-HSBC-Md;padding-top:12px;padding-bottom:12px}.getting-authentication .getting-dropdown .getting-dropdown-button .icon-chevron-down-small:after{content:"";width:1px;height:100%;display:inline-block;position:absolute;left:-15px;background-color:#d7d8d6}.getting-authentication .getting-dropdown .getting-dropdown-button[aria-expanded=true] .icon-chevron-down-small:after{left:auto;right:-15px}.getting-authentication .getting-dropdown ol{padding-left:0!important;list-style:none}.getting-authentication .getting-dropdown ol li:not(:last-of-type){margin-bottom:8px}.getting-authentication .getting-dropdown ol li{font-size:10px;font-weight:400;line-height:15px;color:#666;margin-top:5px!important;margin-bottom:0!important}.getting-authentication .getting-dropdown ol div{margin-left:10px;line-height:15px}.getting-authentication .getting-dropdown ol span{font-size:10px;font-weight:400;line-height:15px;color:#666}.getting-authentication .getting-dropdown .list-item-expandable-body{margin-top:4px}.getting-authentication .button-success{width:100%}.getting-authentication .loading-status{border-color:#83000a!important;background-color:#83000a!important}.express-image-tbl{width:100%}.reference-code-div{margin-top:20px;margin-bottom:10px}.reference-code{height:41px;width:121px;font-size:36px;font-weight:700;line-height:42px}.auth-notification,.reference-code{color:#0d6c29;font-family:Arial;letter-spacing:0}.auth-notification{font-size:10px;line-height:15px}.remaing-seconds{height:11px;color:rgba(0,0,0,.54);font-size:10px;line-height:11px;text-align:right;display:flex;justify-content:right}.need-help-title,.remaing-seconds{font-family:Arial;letter-spacing:0}.need-help-title{height:30px;width:222px;color:#000;font-size:12px;font-weight:700;line-height:15px}.need-help-title li{height:30px;width:250px;color:#666;font-family:Arial;font-size:10px;letter-spacing:0;line-height:15px}.device-auth-page{display:flex;flex-direction:column}.device-auth-page .device-auth-form{flex:1}.device-auth-page .device-buttons{display:flex;justify-content:flex-end}.device-auth-page .device-buttons button{font-weight:700}.device-auth-page .device-buttons .send-btn{box-sizing:border-box;height:38px;width:84px;border:1px solid #ccc;border-radius:3px;background:linear-gradient(180deg,#fff,#e8e8e8);margin:0 20px;color:#0d6c29;font-family:Arial;font-size:13px;letter-spacing:0;line-height:18px;text-align:center}.device-auth-page .device-buttons .cancel-btn{box-sizing:border-box;height:38px;width:72px;border:1px solid #0d6c29;border-radius:5px;background-color:#0d6c29;padding:0}.device-auth-page #getting_button_back{box-sizing:border-box;border:1px solid #979797;border-radius:3px;color:#0d6c29;height:33px!important;font-weight:700}.device-auth-page #getting_button_back .button-text{color:#0d6c29;font-family:Arial;font-size:12px;letter-spacing:0;line-height:15px;text-align:center}.device-auth-page #awaiting_authentication_button,.device-auth-page #login_again,.device-auth-page #resend_authentication_button{height:33px!important;line-height:15px}.device-auth-page #awaiting_authentication_button .button-text,.device-auth-page #login_again .button-text,.device-auth-page #resend_authentication_button .button-text{color:#fff;font-family:Arial;font-size:13px!important;font-weight:700;letter-spacing:0;line-height:15px}.device-auth-page #awaiting_authentication_button:not(:disabled):not(.disabled),.device-auth-page #login_again,.device-auth-page #resend_authentication_button,.device-auth-page body .modal-dialog .btn-primary:not(:disabled):not(.disabled){font-size:13px!important}.device-auth-page #counting-container{display:flex;justify-content:flex-end}.device-auth-page #counting-container span{color:rgba(0,0,0,.54);font-family:Arial;font-size:10px;letter-spacing:0;line-height:11px}.device-auth-page #counting-container .count_seconds_2{margin-left:5px}.device-auth-page .icon-chevron-down-small:before{color:#0d6c29}.third-partner-auth .device-list{display:block;width:100%}@media only screen and (min-width:760px){.third-partner-auth .device-list{width:400px}}@media only screen and (min-width:960px){.third-partner-auth .device-list{width:400px}}.profile-select h1{font-size:1rem;line-height:24px;margin-bottom:20px}.profile-select label{margin:0;width:auto!important;font-size:1rem}.profile-select .profile-list-select{margin:8px 0 16px}.profile-select .company-title{margin-bottom:8px}.profile-select .single{margin:8px 0 16px;word-break:break-word;word-wrap:break-word}.content .page-element .page-content .left-panel.profile-select{padding:0;margin-top:3rem}.progress-bar-title .progress-number{padding:16px 16px 12px;display:none;font-family:Univers-Next-for-HSBC-Bd}@media only screen and (max-width:759.99px){.progress-bar-title .progress-number{display:block}.progress-bar-title .progress-tracker .nav-item{height:5px!important;background-color:#00847f}.progress-bar-title .progress-tracker i{display:none!important}.progress-bar-title .progress-tracker a{height:5px!important;padding:0!important;font-size:0!important}}.account-consent h1{font-family:Univers-Next-for-HSBC-Lt;font-size:1.1875rem;margin-bottom:4px}.account-consent .acknowledge-title{margin-bottom:16px}.account-consent .information-message{margin:16px 0;font-size:.75rem;display:flex}.account-consent .information-message>.icon{margin-right:8px}.account-consent .information-message>.icon:before{font-size:1rem}.account-consent .information-message>span{line-height:1.5}.account-consent .selection-notification{margin-top:16px}.account-consent .notification-container{margin:0!important}.account-consent .notification-container .notification{padding:15px}.account-consent .notification-container .notification-content{font-size:.875rem}.account-consent .consent-description{margin-top:16px}.account-consent .account-balance{font-size:.75rem;margin-bottom:16px}.account-consent .notification-container{margin-bottom:12px}.account-consent .select-account{margin-bottom:16px}.account-consent .consent-form{margin-top:16px}.account-consent .consent-form .form-group{vertical-align:top;line-height:20px}.account-consent .consent-form .form-group th{width:160px}.account-consent .consent-form .form-group td,.account-consent .consent-form .form-group th{padding:0;padding-bottom:4px}.account-consent .consent-form .form-group:last-of-type td,.account-consent .consent-form .form-group:last-of-type th{padding-bottom:0}.account-consent .consent-form .form-group .account-title{padding-right:24px;font-family:Univers-Next-for-HSBC-Md;max-width:40vw}.account-consent .consent-form.consent-form-detail .form-group td,.account-consent .consent-form.consent-form-detail .form-group th{padding-bottom:8px}.account-consent .consent-form.consent-form-detail .form-group:last-of-type td,.account-consent .consent-form.consent-form-detail .form-group:last-of-type th{padding-bottom:0}.account-consent .consent-form.consent-form-detail .form-group.accounts{display:none}.account-consent .consent-form.consent-form-detail .form-group.accounts td,.account-consent .consent-form.consent-form-detail .form-group.accounts th{padding-bottom:0!important}.account-consent .consent-form.consent-form-detail .form-group.accounts div{margin-bottom:8px}.account-consent .consent-form.consent-form-detail .form-group.accounts div:last-of-type{margin-bottom:0}.account-consent .share-account .account-title{font-family:Univers-Next-for-HSBC-Md;margin-bottom:8px;font-weight:550}.account-consent .share-account .share-account-detail div{margin-bottom:4px}.account-consent .no-wrap{white-space:nowrap}.account-consent .consent-break-word{word-break:break-word;word-wrap:break-word}.account-consent .getting-dropdown{margin-top:20px}.account-consent .getting-dropdown .getting-dropdown-button{text-decoration:none;display:flex;justify-content:space-between;font-size:1rem;font-weight:500;cursor:pointer;padding-top:12px;padding-bottom:12px}.account-consent .getting-dropdown .getting-dropdown-button .icon-chevron-down-small{margin-right:15px}.account-consent .getting-dropdown .getting-dropdown-button .icon-chevron-down-small:after{content:"";width:1px;height:100%;display:inline-block;position:absolute;left:-15px;background-color:#d7d8d6}.account-consent .getting-dropdown .getting-dropdown-button[aria-expanded=true] .icon-chevron-down-small:after{left:auto;right:-15px}.account-consent .getting-dropdown ol{list-style:none;font-size:.875rem;font-weight:400;line-height:1.43;color:#333;margin-bottom:16px;padding-left:0}.account-consent .getting-dropdown ol li:not(:last-of-type){margin-bottom:8px}.account-consent .getting-dropdown .list-item-expandable-body{margin-top:4px}.account-consent .important-info{margin:20px 0;color:#333}.account-consent .important-info .important-title{font-size:1rem;font-family:Univers-Next-for-HSBC-Rg;margin-bottom:8px}.account-consent .agree-auth{display:flex}.account-consent .agree-auth input{float:left;margin-right:16px}.account-consent .agree-auth .agree-content a{text-decoration:underline;cursor:pointer}.account-consent .agree-auth .agree-content a:hover{text-decoration:underline}.account-consent #account-input-button-continue:disabled{background:#0d6c29;color:#fff;border:none}#_n_account-input-error{margin-bottom:20px}@media only screen and (min-width:760px){.account-consent h1{margin-bottom:8px}.account-consent .notification-container{padding:0!important}.account-consent .information-message{margin:20px 0}.account-consent .consent-form{margin-top:20px;margin-bottom:20px}.account-consent .consent-form .form-group td,.account-consent .consent-form .form-group th{padding-bottom:8px}.account-consent .consent-form .form-group:last-of-type td,.account-consent .consent-form .form-group:last-of-type th{padding-bottom:0}.account-consent .consent-form .form-group .account-title{max-width:35vw}.account-consent .consent-form.consent-form-detail .form-group.accounts{display:table-row}.account-consent .consent-form.consent-form-detail .form-group td{padding-bottom:12px}.account-consent .consent-form.consent-form-detail .form-group:last-of-type td,.account-consent .consent-form.consent-form-detail .form-group:last-of-type th{padding-bottom:0}.account-consent .share-account{display:none}.account-consent .getting-dropdown{margin-top:24px}.account-consent .important-info{margin:24px 0}.account-consent .consent-description{margin-top:20px}}@media only screen and (min-width:960px){.account-consent h1{margin-bottom:12px;font-size:1.375rem}.account-consent .notification-container{padding:0!important}.account-consent .information-message{margin:24px 0}.account-consent .consent-form{margin-top:24px;margin-bottom:24px}.account-consent .consent-form .form-group td,.account-consent .consent-form .form-group th{padding-bottom:12px}.account-consent .consent-form .form-group:last-of-type td,.account-consent .consent-form .form-group:last-of-type th{padding-bottom:0}.account-consent .consent-form .form-group .account-title{max-width:25vw}.account-consent .consent-form.consent-form-detail .form-group td,.account-consent .consent-form.consent-form-detail .form-group th{padding-bottom:16px}.account-consent .consent-form.consent-form-detail .form-group.accounts{display:table-row}.account-consent .consent-form.consent-form-detail .form-group:last-of-type td,.account-consent .consent-form.consent-form-detail .form-group:last-of-type th{padding-bottom:0}.account-consent .share-account{display:none}.account-consent .getting-dropdown{margin-top:28px}.account-consent .important-info{margin:28px 0}.account-consent .consent-description{margin-top:24px}}body,body .sub-title{font-size:.875rem}body .language-a{font-size:.875rem!important}body .footer-list a,body .footer div{font-size:.875rem}body .btn{font-size:.875rem!important}body .form-control{font-size:.875rem}body>.notification-container{margin:16px}.notification-container:not(:empty)+.content .page-element .page-content{min-height:300px}@media (min-width:760px){.pre-logon-content{background-color:inherit;width:390px;margin:0 auto}}@media (max-width:759px){.pre-logon-content{background-color:inherit}}.content{margin:16px 16px 80px}.content .page-notification{margin:0;padding:16px 16px 0;width:auto}.content .page-notification .notification-content{font-size:.875rem}.content .icon-new-window:before{font-size:1rem}.content .form-state-error .form-control{border-color:#0d6c29}.content .partner-error-page-back-btn{margin:0!important}.content .dropdown .btn-dropdown-toggle>i.icon{border-left-color:#979797;padding-left:10px;padding-right:10px}.partner-error-page-back-btn{width:100%!important}.footer{min-width:0;padding:16px 20px 20px;margin-top:50px}.footer .footer-list{margin-bottom:8px}.footer .footer-list a,.footer div{line-height:1.43;color:#000}.footer div{padding:0}.footer .iconPopup{padding:0 20px 0 0;margin-bottom:4px}.a-overlay{text-decoration:underline}.disable-modal{position:fixed;width:100vw;height:100vh;z-index:1000000;left:0;top:0;display:none}.nav-tabs~.content-box{display:none}.nav-tabs~.content-box.active{display:block}.hard-token-link{font-size:.875rem;line-height:1.43;text-decoration:underline;margin-bottom:12px}.hard-token-link:first-of-type{margin-top:16px}.hard-token-link.last-token-link{margin-bottom:20px}.notification-content{font-family:Univers-Next-for-HSBC-Rg;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#333}.button-success{width:100px}#loadingPage{background-color:rgba(0,0,0,.5);position:fixed;z-index:1000;width:100%;height:100%}.vertical-mid{position:absolute;margin:auto;padding:0;top:0;left:0;right:0;bottom:0}.form-state-error .form-message{color:rgba(51,51,51,.9);padding-top:9px;font-size:.875rem}.form-state-error .form-message:before{margin-top:-2px}.third-partner-auth.left-panel{font-size:1rem;padding:0!important}.third-partner-auth.left-panel .title-content{margin-bottom:20px}.third-partner-auth.left-panel .title-content div:last-child{font-size:.75rem;line-height:16px}.third-partner-auth.left-panel .title-content .title{font-size:1.1875rem;margin-bottom:8px;line-height:27px;font-weight:300!important}.third-partner-auth.left-panel #authenticateForm #express-error{margin-bottom:16px}.third-partner-auth.left-panel #authenticateForm #express-error .notification-container{margin:0;padding:0}.third-partner-auth.left-panel #authenticateForm #express-error .notification-container .notification.alert-information:before{top:0}.third-partner-auth.left-panel #authenticateForm .nav-tabs{margin-bottom:20px;font-family:Univers-Next-for-HSBC-Rg}.third-partner-auth.left-panel #authenticateForm .nav-tabs:not(.progress-tracker) .nav-item .nav-link{color:#333;font-size:.875rem}.third-partner-auth.left-panel #authenticateForm .form-group label,.third-partner-auth.left-panel #authenticateForm .radio-input-group label{color:#333;font-size:1rem;line-height:1.5}.third-partner-auth.left-panel #authenticateForm .button-panel{margin-top:0;position:inherit}.third-partner-auth.left-panel #authenticateForm .button-panel .btn{padding:14px 20px}.third-partner-auth.left-panel #authenticateForm .button-panel-placeholder{display:none}.third-partner-auth.left-panel #authenticatePwdForm .button-panel button{float:right}.m_t{margin-bottom:.875rem}.little-font{font-size:.875rem}.profile-list-select{margin:10px 0}.loading-content{width:284px;height:48px;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#fff;word-break:break-word;margin:0 auto}.make-transform{width:60px;height:60px;border:4px solid;border-bottom-color:#fff;border-right-color:#fff;border-left-color:#fff;border-top-color:transparent;border-radius:50%;overflow:hidden;margin:0 auto;animation:a 2s linear infinite;-webkit-animation:a 2s linear infinite;-moz-animation:a 2s linear infinite;-ms-animation:a 2s linear infinite;top:35%}.content-v-align,.make-transform{position:relative;transform:translateY(-70%)}.content-v-align{top:40%}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-container .notification{padding:16px 20px}.notification-container .alert-error{border-color:#0d6c29}@media screen and (max-width:759.98px){body>.notification-container{margin:16px}body>.notification-container .notification:last-child{margin-bottom:auto}.header{padding-left:16px}.header #logoHeader{margin-right:-50px}.footer{padding:12px 16px 16px}.footer .iconPopup{flex:0 0 50%;max-width:50%}.content{margin-left:16px;margin-right:16px;margin-top:16px}.content .page-element .page-content{min-height:300px}.content .page-element .page-content .notification-container .notification{padding:9px 16px 11px}.content .page-element .page-content .partner-error-page-back-btn{margin:20px 16px}.content .page-element .page-content .partner-error-page-back-btn hr{display:none}.content .page-element .page-content .third-partner-auth.left-panel{font-size:1rem;padding:0!important}.content .page-element .page-content .third-partner-auth.left-panel .button-success{width:100%}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs{display:flex;white-space:normal;border-bottom:0;margin-left:-16px;margin-right:-16px}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs:not(.progress-tracker)>li:not(:last-child){margin-right:0}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs:not(.progress-tracker)>li>.nav-link{padding:10px 20px 14px}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs .for-security-device{font-size:0;display:inline-block;height:100%;vertical-align:middle}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs .nav-item{width:50%}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs .nav-item:not(.active){border-bottom:1px solid #d7d8d6}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs .nav-item.active{border-bottom:1px solid #fff!important}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs .nav-item.active .nav-link{align-items:initial}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs .nav-item.active .nav-link:before{margin:-2px -20px 0!important}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .nav-tabs .nav-item .nav-link{width:100%;height:100%;vertical-align:middle;white-space:normal;line-height:normal;display:grid;align-items:center}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .content-box .form-group{margin-bottom:16px}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .content-box .button-panel hr{display:none}.content .page-element .page-content .third-partner-auth.left-panel #authenticateForm .content-box .button-panel button{width:100%}}@media (min-width:760px){.content{margin:25px auto 80px;width:620px}.content .page-element .page-content{min-height:300px}.content .page-element .page-content .notification-container{padding:24px 24px 0}.content .page-element .page-content .partner-error-page-back-btn{margin:0 24px 28px}.content .page-element .page-content .partner-error-page-back-btn hr{margin-top:28px}.content .page-element .page-content .left-panel{padding:24px 24px 28px}.content .page-element .page-content .left-panel .title-content{margin-bottom:28px}.content .page-element .page-content .left-panel .title-content .title{font-size:1.375rem;line-height:1.5;margin-bottom:16px}.content .page-element .page-content .left-panel .button-success{float:right}.content .page-element .page-content .left-panel #authenticateForm #express-error{margin-bottom:24px}.content .page-element .page-content .left-panel #authenticateForm .nav-tabs{margin-bottom:28px}.content .page-element .page-content .left-panel #authenticateForm .nav-tabs:not(.progress-tracker) li .nav-link{padding-bottom:15px}.content .page-element .page-content .left-panel #authenticateForm #tab_hsbc_app_id .form-control{width:400px}.content .page-element .page-content .left-panel #authenticateForm #tab_security_device_id .form-group{margin-bottom:24px!important}.content .page-element .page-content .left-panel #authenticateForm #tab_security_device_id .form-group .form-control{width:400px}.content .page-element .page-content .left-panel #authenticateForm #tab_security_device_id .hard-token-link{margin-bottom:20px}.content .page-element .page-content .left-panel #authenticateForm #tab_security_device_id .hard-token-link.last-token-link{margin-bottom:28px}.loading-content{margin:0 342px;width:auto}.footer{width:100%}}