body{padding:70px 0 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:center center;background-attachment:fixed;background-size:100% auto;background-size:cover}body .btn{font-size:.875rem}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:normal}[data-locale=zh-CN] .font-weight-md,[data-locale=zh-CN] strong,[data-locale=zh-CN] b,[data-locale=zh-HK] .font-weight-md,[data-locale=zh-HK] strong,[data-locale=zh-HK] b{font-weight:550}[data-locale=zh-CN] table th,[data-locale=zh-HK] table th{font-weight:550}.page-element{display:none}.page-element .page-content{color:#333;display:flex;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)}.notification-container .custom-alert-success{border-color:#38837f;background-color:#ebf4f4}.notification-container .custom-alert-warning{border-color:#e69616;background-color:#faf7f1}.notification-container .custom-alert-information{border-color:#244872;background-color:#eceff4}.notification-container .custom-alert-error{border-color:#a11f1b;background-color:#f8f2f3}.notification-container .custom-alert-system-error{border-color:#a11f1b;background-color:#a11f1b;color:#fff}.notification-container .custom-alert-system-error::before{color:#fff}.notification-container .custom-alert-browser{border-color:#244872;background-color:#244872;color:#fff}.notification-container .custom-alert-browser::before{color:#fff}.content{display:block;margin:40px 8.3% 132px 8.3%;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,.right-panel caption.sub-title5{font-family:inherit;font-size:.875rem}.right-panel caption.sub-title5{caption-side:top;padding:0;color:inherit}.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:22px;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)}.hidden{display:none !important}.nav-tabs~.content-box{display:none}.nav-tabs~.content-box.active{display:block}.username-label{display:flex}.username-label label{width:auto;margin-right:8px}.username-label .tooltip{left:-110px}.username-label .tooltip:after{left:136px}.password-button-group,.username-button-group,.push-auth-button-group{display:flex;align-items:baseline;justify-content:space-between}.password-button-group #reset-password{text-decoration:underline;margin-top:20px}#forgotUsername,.select-device-info-button{background-color:rgba(0,0,0,0);border:0 none;padding:0;text-decoration:underline}#logonSecurityCode{color:#333;background-color:rgba(0,0,0,0);border:0 none;padding:0;display:flex;align-items:baseline;margin-top:20px}#logonSecurityCode svg{width:.625rem;height:.625rem;margin-right:6px}.forgot-username-modal{padding-left:20px !important;padding-right:20px !important}.forgot-username-modal .modal-header a{display:none}.forgot-username-modal .modal-dialog{max-width:500px}.new-push-modal .modal-header,.step-by-step-modal .modal-header{padding:40px 0 20px}.new-push-modal .modal-header h2,.step-by-step-modal .modal-header h2{font-weight:400}.new-push-modal .modal-body,.step-by-step-modal .modal-body{padding-top:20px;border-top:1px solid #d7d8d6;margin:0 40px 40px}.new-push-modal .modal-dialog-centered,.step-by-step-modal .modal-dialog-centered{height:auto;margin:3rem auto}.new-push-modal .modal-dialog,.step-by-step-modal .modal-dialog{max-width:700px}.new-push-modal .new-push-loading,.step-by-step-modal .new-push-loading{opacity:1 !important;border:0 none !important;background-color:rgba(0,0,0,0) !important;color:#333 !important;padding-right:0 !important;cursor:default}.new-push-modal .new-push-loading .global-spinner-xs>span::after,.step-by-step-modal .new-push-loading .global-spinner-xs>span::after{border-top-color:#333;border-left-color:#333}.new-password-container{color:#333}.new-password-container label{margin-bottom:0}.new-password-container #multi-device legend{font-size:.875rem;margin-bottom:0}.new-password-container #multi-device .radio-item{cursor:pointer;padding:16px 16px}.new-password-container #multi-device .radio-item input{margin-left:10px}.new-password-container .new-password-label{font-size:.875rem;margin-bottom:7px}.new-password-container .radio-item{align-items:center;display:flex;border:1px solid #d7d8d6;padding:8px 16px;justify-content:space-between;margin-top:10px}.new-password-container .radio-item .radio-frame{align-items:center;display:flex;gap:10px;font-size:.875rem;word-break:break-all}.new-password-container .radio-item:hover{box-shadow:#d7d8d6 0px 0px 0px 1px}.new-password-container .radio-item:focus-within{box-shadow:#2278ce 0px 0px 0px 1px;border-color:#2278ce}.new-password-container .radio-item.item-checked{box-shadow:#00847f 0px 0px 0px 1px;border-color:#00847f}.new-password-container .select-device-info{display:flex;margin-top:10px;align-items:flex-start;gap:10px}.new-password-container .select-device-info svg{flex:none;width:1.125rem;height:1.125rem}.new-password-container .select-device-info .select-device-info-button{text-decoration:underline;color:#333}.new-password-container .no-device-teamsite,.new-password-container .device-notification,.new-password-container .error-device-notification{padding-top:10px;gap:16px;display:flex;flex-direction:column;align-items:center;text-align:center}.new-password-container .no-device-teamsite .bottom-frame,.new-password-container .device-notification .bottom-frame,.new-password-container .error-device-notification .bottom-frame{display:flex;gap:40px}.new-password-container .no-device-teamsite .bottom-frame img,.new-password-container .device-notification .bottom-frame img,.new-password-container .error-device-notification .bottom-frame img{margin-bottom:4px}.new-password-container .no-device-teamsite .button-panel,.new-password-container .device-notification .button-panel,.new-password-container .error-device-notification .button-panel{align-self:flex-end;margin-top:32px;width:100%}.new-password-container .otp-section{padding:8px 0 8px 14px;display:flex;align-items:center;margin-bottom:0}.new-password-container .otp-section .otp-input{flex:1;border-left:2px solid #e4e8ea;padding-left:24px;padding-bottom:16px}.new-password-container .otp-section .otp-input label{margin-bottom:7px;font-size:.875rem}.username-system-notification{margin-top:-10px;margin-bottom:20px}.new-password-radio-group{margin-top:30px}.new-password-radio-group legend{font-size:.875rem;font-weight:400}.new-password-form{margin-bottom:0}.new-password-form .password-radio-item{display:flex;padding:5px 0;align-items:center}.new-password-form label{font-size:.875rem}.new-password-form input[type=radio]{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:16px;margin-right:10px}.new-password-form input[type=radio]:focus-visible{outline:-webkit-focus-ring-color auto 1px !important;outline-offset:4px}.new-password-form input[type=radio]::after{border-width:8px;border-radius:8px}.new-password-form.form-state-error input[type=radio]{border-color:#a8000b;background-color:#f9f2f3}@media only screen and (max-width: 760px){.password-button-group{flex-direction:column-reverse}}@media(min-width: 600px)and (max-width: 1199.99px){.col-lg-4{max-width:33.33333%}.col-lg-8{max-width:66.66666%}}@media screen and (max-width: 600px){#logway-tab{display:flex;flex-direction:column}#logway-tab button{width:100%}#logway-tab li.active>.nav-link{border-left:3px solid #db0011}#logway-tab li.active>.nav-link:before{border-top:none}#tab_hsbc_app_id .radio-input-group i{display:none}.new-push-modal,.step-by-step-modal{padding-left:20px !important;padding-right:20px !important}.new-push-modal .modal-body li,.step-by-step-modal .modal-body li{flex-direction:column !important}.push-auth-button-group,.device-notification-buttons,.new-push-modal .modal-footer{display:flex;flex-direction:column-reverse;align-items:start}.device-notification-buttons .btn-primary{margin-bottom:20px}}.modal-content .notification-container .notification{margin:0 0 20px;padding:20px}.taboggles-hsbc-app .taboggles-header .radio-input-group input:checked+i:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #d7d8d6 rgba(0,0,0,0)}.taboggles-hsbc-app .taboggles-body{border-color:#d7d8d6}.modal.error .error-hide{display:none}.express-guide-img{width:120px;height:120px}.express-app-store-img{width:102px;height:29px}.express-play-store-img{width:102px;height:29px}#transmitContainer{width:0 !important;height:0 !important;display:none}.hero-carousel__slide-triggers{font-size:16px;zoom:1;padding:0;background-color:#fff;position:relative;margin:0 35px;list-style:none}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item{transition:opacity 1.5s ease-in-out;cursor:pointer;position:relative}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item:last-child{margin-right:0}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item .hero-carousel__slide-triggers-item-link-overlay{left:0;right:0;top:0;bottom:0;position:absolute;display:block;z-index:2;overflow:hidden;text-indent:-9999px}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item .fade-image{left:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;position:absolute;top:0;width:100%}.hero-carousel__slide-triggers .hero-carousel__mobile-aria-trigger{left:0;right:0;bottom:-5px;position:absolute;top:-5px}.hero-carousel__slide-triggers .hero-carousel__mobile-aria-trigger[role=button]{cursor:pointer}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-head{height:auto;overflow:hidden}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-head img{display:block}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-body{padding:15px 10px 15px 20px;background:#000;margin-top:-1px}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-rollover{left:0;transition:all .2s ease-in-out;background:#000;color:#fff;height:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:-1;opacity:0}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-rollover.active{height:100%;top:0;z-index:1;opacity:1}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-rollover-inner{padding:0 20px 0 20px}.hero-carousel__slide-triggers hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;width:100%}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-rollover-heading{margin-bottom:0;margin-top:17px}.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-link,.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item-link:visited{font-weight:normal;font-style:normal;color:#fff;display:block;padding-right:20px}.hero-carousel__slide-triggers .image-replace{width:100%}.hero-carousel__slide-triggers img{max-width:100%;height:auto}.hero-carousel__slide-triggers:after{clear:both}@media(max-width: 1199.98px){.hero-carousel__slide-triggers .hero-carousel__slide-triggers-item{margin-bottom:20px}.hero-carousel__mobile-aria-trigger{display:none !important}}@media(max-width: 1199.98px){.profile-error .header h1{position:relative;left:auto;transform:none}}.offline-reset-password{padding:40px 50px;width:100%}.offline-reset-password legend{margin-bottom:0}.offline-reset-password button span{font-weight:normal}.offline-reset-password .container{float:left;padding:0}.offline-reset-password .container .hide{display:none}.offline-reset-password .container .title{width:auto;font-family:Univers-Next-for-HSBC-Lt;font-size:1.75rem;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:normal;color:#333}.offline-reset-password .container .help{display:inline-block}.offline-reset-password .container .notification-container .notification{margin:0 auto;margin-bottom:20px}.offline-reset-password .container .form label{width:auto;display:inline-block;margin-bottom:10px}.offline-reset-password .container .form input{width:500px;max-width:100%}.offline-reset-password .container .form .popover-tooltip{text-decoration:none}.offline-reset-password .container .form .popover-tooltip .icon::before{color:#5c5c5c;font-size:1.3125rem;line-height:15px}.offline-reset-password .container .form .tooltip.show-tooltip{left:-107px;padding:15px}.offline-reset-password .container .form .tooltip.show-tooltip:after{left:135px}.offline-reset-password .container .otp-modal-container .float-right{float:right}.offline-reset-password .container .otp-modal-container .hide{display:none}.offline-reset-password .verification-container{color:#333}.offline-reset-password .verification-container .description{color:#333;margin:10px 0 20px 0}.offline-reset-password .verification-container .form-group-show{margin-bottom:10px;height:24px;line-height:24px}.offline-reset-password .verification-container .form-group-show>label,.offline-reset-password .verification-container .form-group-show>div{display:inline-block;width:auto;margin-bottom:0;font-size:1rem}.offline-reset-password .verification-container div.label{margin-top:20px;font-size:1rem;line-height:24px}.offline-reset-password .verification-container div.label span:not(:first-child){font-family:Univers-Next-for-HSBC-Md;font-weight:500;margin-left:10px}.offline-reset-password .verification-container .errorlist-notification{margin-bottom:20px}.offline-reset-password .verification-container .modal-dialog .modal-title{font-size:1.625rem}.offline-reset-password .confirmation-container .title{margin-bottom:20px}.offline-reset-password .title-content{margin-bottom:30px}.offline-reset-password h3{margin-bottom:20px;font-size:1rem;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}.offline-reset-password .title{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}.offline-reset-password form .button-panel.fix-bottom,.offline-reset-password .page .button-panel.fix-bottom{left:50px;right:50px;bottom:40px}.offline-reset-password .title-btn-content{float:right;margin-top:-60px}.offline-reset-password .btn-icon-only{padding:7px 7px}.offline-reset-password .modal-dialog{max-width:639px;max-height:768px}.offline-reset-password .modal-dialog .modal-body{margin-bottom:40px}.offline-reset-password .modal-dialog .modal-body #otpOfrForm .form-group [class^=col-]{padding:0 10px}.offline-reset-password .modal-dialog .modal-body #otpOfrForm .form-group .form-message{padding-top:5px}.offline-reset-password .modal-dialog .button-panel>button:last-child{margin-right:16px}.offline-reset-password .modal-header{padding:40px 0 30px 0 !important}.offline-reset-password .modal-header>a{position:absolute;top:15px;right:15px;width:24px;height:26px}.offline-reset-password .modal-footer .btn-left{float:left}.offline-reset-password .modal-incorrect .modal-title:before{content:"";color:#a11f1b;font-family:"HSBCIcon-Font";font-size:1.25em;vertical-align:middle}.offline-reset-password .modal-incorrect .modal-title span{vertical-align:middle}.offline-reset-password .modal-incorrect .bg-steps{background-color:#f3f3f3}.offline-reset-password .modal-incorrect .bg-steps1{padding-right:30px !important;padding-left:5px !important;padding-top:10px !important;padding-bottom:1px !important}.offline-reset-password .modal-incorrect .bg-steps1 ol li{padding:20px 0 20px 0;border-bottom:1px solid #d7d8d6}.offline-reset-password .modal-incorrect .bg-steps1 ol li:last-child{border-bottom:none}[data-locale=zh-CN] .offline-reset-password h3,[data-locale=zh-HK] .offline-reset-password h3{font-weight:550}[data-locale=zh-CN] .right-panel h4,[data-locale=zh-HK] .right-panel h4{font-weight:550}@media print{.offline-reset-password{padding:0}}.middle-img{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.example-images .img2{width:145px}.Safari.Version .example-images.float-right~.row,.Safari.Version .example-images.float-right~div .row{max-width:calc(100% - 145px)}.acknowlege-table th,.acknowlege-table td{padding-left:.5em;padding-right:.5em}.acknowlege-table th{font-size:1rem;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;font-weight:normal}.acknowlege-print{width:670px;margin:0 8px;padding:0 0 0 20px;background-color:#fff;font-size:1rem}.acknowlege-print .offline-reset-password{padding:0}.acknowlege-print .barcode{float:right;width:200px;height:100px}.acknowlege-print .logo h1{display:block;line-height:100px;padding:0 0 0 60px;font-size:1.125rem;font-weight:bold;position:relative}.acknowlege-print .logo h1 svg{display:block;position:absolute;left:-113px;width:175.844px;height:100px}.acknowlege-print h2.title{font-size:1.75rem}.acknowlege-print h3{margin-bottom:10px}.acknowlege-print ol{padding-left:1.5rem;list-style-position:outside}.acknowlege-print table tr td{padding-bottom:10px}.acknowlege-print table tr:last-child td{padding-bottom:0}.acknowlege-print .text-note{font-size:.875rem}#offline-reset-password-form{color:#333}#offline-reset-password-form h1{font-family:"Univers-Next-for-HSBC-Lt";line-height:1.25;font-size:1.75rem;margin-bottom:20px}#offline-reset-password-form h2{font-family:"Univers-Next-for-HSBC-Md";margin-bottom:20px;font-size:1rem}#offline-reset-password-form label{margin-bottom:10px}#offline-reset-password-form legend{font-size:.875rem}#offline-reset-password-form .notification-container{margin:20px auto}.other-way-reset-password{padding:40px 50px;width:100%;font-family:"Univers-Next-for-HSBC-Rg";color:#333;line-height:1.43}.other-way-reset-password h1{font-family:"Univers-Next-for-HSBC-Lt";line-height:1.25;font-size:1.75rem;margin-bottom:10px}.other-way-reset-password .description{font-size:.875rem;margin-bottom:20px}.other-way-reset-password .notification-container .notification{margin-bottom:20px}.other-way-reset-password .hide{display:none !important}.other-way-reset-password .disabled{opacity:.5;cursor:auto}.other-way-reset-password .disabled [role=radio]{pointer-events:none}.other-way-reset-password .loading{min-height:300px;padding-top:20px}.other-way-reset-password button span{font-weight:normal}.other-way-reset-password .select-box{display:flex;position:relative;max-width:560px;border:1px solid #979797;padding:15px;font-size:.875rem}.other-way-reset-password .select-box:not(:last-child){margin-bottom:15px}.other-way-reset-password .select-box .select-box-text{margin-left:10px}.other-way-reset-password .select-box .select-box-text .select-box-title{margin-bottom:5px;font-family:"Univers-Next-for-HSBC-Md";line-height:1.5;font-size:1rem}.other-way-reset-password .select-box .select-box-text label{margin-bottom:0}.other-way-reset-password .btn-secondary{margin-right:20px}.other-way-reset-password .modal-dialog .modal-header{padding-top:40px;padding-bottom:10px !important;border-bottom:1px solid #d7d8d6}.other-way-reset-password .modal-dialog .modal-header .modal-title{font-size:1.625rem}.other-way-reset-password .modal-dialog a[title=Close]{position:absolute;right:15px;top:15px}.other-way-reset-password .modal-dialog .modal-body{margin-top:30px}.other-way-reset-password .modal-dialog .bg-steps{background-color:#f3f3f3}.other-way-reset-password .modal-dialog .bg-steps1{padding:5px 15px}.other-way-reset-password .modal-dialog .bg-steps1 ul{list-style:none;padding:0;margin:0}.other-way-reset-password .modal-dialog .bg-steps1 ul li{padding:15px 0;border-bottom:1px solid #d7d8d6}.other-way-reset-password .modal-dialog .bg-steps1 ul li:last-child{border-bottom:none}.reset-password{padding:40px 50px 50px;width:100%;color:#333}.reset-password .title-content{margin-bottom:30px}.reset-password .title-content h1{font-size:1.625rem}.reset-password h3{margin-bottom:20px;font-size:16px;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}.reset-password .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}.reset-password form .button-panel.fix-bottom,.reset-password .page .button-panel.fix-bottom{left:50px;right:50px;bottom:50px}.reset-password .title-btn-content{float:right;margin-top:-60px}.reset-password .btn-icon-only{padding:7px 7px}.reset-password .modal-dialog .modal-title{font-size:1.625rem}[data-locale=zh-CN] .reset-password h3,[data-locale=zh-HK] .reset-password h3{font-weight:550}[data-locale=zh-CN] .right-panel h4,[data-locale=zh-HK] .right-panel h4{font-weight:550}.modal-incorrect .modal-title:before{content:"";color:#a11f1b;font-family:"HSBCIcon-Font";font-size:1.25em;vertical-align:middle}.modal-incorrect .modal-title span{vertical-align:middle}.modal-incorrect .bg-steps{background-color:#f3f3f3}.modal-incorrect .bg-steps1{padding-right:30px !important;padding-left:5px !important;padding-top:10px !important;padding-bottom:1px !important}.modal-incorrect .bg-steps1 ol li{padding:20px 0 20px 0;border-bottom:1px solid #d7d8d6}.modal-incorrect .bg-steps1 ol li:last-child{border-bottom:none}@media print{.reset-password{padding:0}}.middle-img{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.example-images .img2{width:145px}.no-token{float:right !important;margin-top:30px}.Safari.Version .example-images.float-right~.row,.Safari.Version .example-images.float-right~div .row{max-width:calc(100% - 145px)}.acknowlege-table th,.acknowlege-table td{padding-left:.5em;padding-right:.5em}.acknowlege-table th{font-size:16px;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;font-weight:normal}.acknowlege-print{width:670px;margin:0 8px;padding:0 0 0 20px;background-color:#fff;font-size:16px}.acknowlege-print .reset-password{padding:0}.acknowlege-print .barcode{float:right;width:200px;height:100px}.acknowlege-print .logo h1{display:block;line-height:100px;padding:0 0 0 60px;font-size:18px;font-weight:bold;position:relative}.acknowlege-print .logo h1 svg{display:block;position:absolute;left:-113px;width:175.844px;height:100px}.acknowlege-print h2.title{font-size:28px}.acknowlege-print h3{margin-bottom:10px}.acknowlege-print ol{padding-left:1.5rem;list-style-position:outside}.acknowlege-print table tr td{padding-bottom:10px}.acknowlege-print table tr:last-child td{padding-bottom:0}.acknowlege-print .text-note{font-size:14px}.reset-triage-page{max-width:574px}.reset-triage-page .title-content{margin-bottom:10px}.reset-triage-page h1{font-size:1.625rem;margin-bottom:10px}.reset-triage-page h2{font-size:.875rem}.reset-triage-page .modal-dialog .modal-header{padding-top:40px;padding-bottom:10px !important;border-bottom:1px solid #d7d8d6}.reset-triage-page .modal-dialog .modal-header .modal-title{font-size:1.625rem}.reset-triage-page .modal-dialog a[title=Close]{position:absolute;right:15px;top:15px}.reset-triage-page .modal-dialog .modal-body{margin-top:30px}.reset-triage-page .modal-dialog .bg-steps{background-color:#f3f3f3}.reset-triage-page .modal-dialog .bg-steps1{padding:5px 15px}.reset-triage-page .modal-dialog .bg-steps1 ul{list-style:none;padding:0;margin:0}.reset-triage-page .modal-dialog .bg-steps1 ul li{padding:15px 0;border-bottom:1px solid #d7d8d6}.reset-triage-page .modal-dialog .bg-steps1 ul li:last-child{border-bottom:none}.reset-triage-group .radio-item{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;padding:0px 16px;border:1px solid #d7d8d6;margin-top:20px}.reset-triage-group .radio-item:hover{box-shadow:#d7d8d6 0px 0px 0px 1px}.reset-triage-group .radio-item:focus-within{box-shadow:#2278ce 0px 0px 0px 1px;border-color:#2278ce}.reset-triage-group .radio-item.item-checked{box-shadow:#00847f 0px 0px 0px 1px;border-color:#00847f}.reset-triage-group .radio-item .radio-title{display:flex;padding:17px 0px;flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;align-self:stretch}.reset-triage-group .radio-item .radio-title .radio-frame{display:flex;padding-top:1px;align-items:flex-start;gap:10px;flex:1 0 0;font-size:.875rem}.reset-triage-group .radio-item .radio-detail{display:flex;padding-bottom:5px;flex-direction:column;align-items:flex-start;align-self:stretch;border-top:1px solid #d7d8d6;padding:15px 0px;font-size:.75rem}.reset-triage-group #expand-link{margin-top:20px}.reset-triage-group legend{font-size:.875rem}.verify-otp-page dt{width:114px;font-weight:400}.verify-otp-page dt,.verify-otp-page dd{display:inline-block;margin-top:20px;margin-right:10px;line-height:18px}.verify-otp-page .security-code{width:364px;height:40px}.question-form{margin-bottom:10px}#forgetAnswer{text-decoration:underline}#transmitContainer{width:0 !important;height:0 !important}.has-ios-banner .header{top:80px}#android-banner-wrapper{width:100%;height:80px;display:none}#android-banner-wrapper .android-banner-inner{position:fixed;width:100%;height:80px;top:0;z-index:1001}.has-ios-banner #android-banner-wrapper{height:80px;display:block}.has-ios-banner #android-banner-wrapper .android-banner-inner{height:80px;background:#f2f2f2;border-bottom:1px solid #cdcdcd;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.has-ios-banner .utility-bar-container{top:80px}.has-ios-banner .navbar{top:114px}.has-ios-banner #android-banner .appCloseButton{display:block;position:fixed;left:5px;top:21px;width:22px;color:#737373;font-size:22px;text-align:center;line-height:1.5}.has-ios-banner #android-banner .hsbcLogo{display:block;position:fixed;left:30px;top:10px;border-radius:15px;box-shadow:0 1px 3px rgba(0,0,0,.3);height:auto !important;background-image:none !important}.has-ios-banner #android-banner .appName{display:block;position:fixed;width:50%;left:98px;top:18px;color:#101010;font-size:13px;line-height:1.2}.has-ios-banner #android-banner .appName span{display:block;color:#393939;font-size:11px}.has-ios-banner #android-banner .appName span.innerText{display:inline-block;font-size:100%;margin:0}.has-ios-banner #android-banner .appName span.grey{color:#676767}.has-ios-banner #android-banner .appName span.bold{font-weight:bold}.has-ios-banner #android-banner .appInstall{display:block;position:fixed;right:5px;top:26px;padding:0 10px;min-width:10%;height:24px;color:#007aff;font-size:16px;text-align:center;line-height:24px}.has-ios-banner #android-banner .appInstall .installBtn{display:inline-block}.has-banner .header{top:80px}.has-banner #android-banner-wrapper{display:block;height:80px}.has-banner #android-banner-wrapper .android-banner-inner{height:80px}.has-banner .utility-bar-container{top:80px}.has-banner .navbar{top:80px}.has-banner #android-banner{position:relative;background:#dfdfdf;height:80px;display:flex;align-items:center}.has-banner #android-banner .appCloseButton{display:inline-block;position:absolute;right:7px;top:7px;width:23px;height:23px;border-radius:50%;background-color:#595959;cursor:pointer}.has-banner #android-banner .appCloseButton::before,.has-banner #android-banner .appCloseButton::after{content:"";left:50%;top:50%;background:#fff;margin-left:-8px;margin-top:-1px;width:16px;height:2px;position:absolute;transform:rotate(45deg)}.has-banner #android-banner .appCloseButton::after{transform:rotate(-45deg)}.has-banner #android-banner .hsbcLogo{margin:7px;border-radius:15px;box-shadow:0 1px 3px rgba(0,0,0,.3);width:57px;height:57px}.has-banner #android-banner .appName{color:#333;font-weight:bold;font-family:Arial,sans-serif;margin:8px 0px 0px;top:10px;font-size:.842em;width:50%}.has-banner #android-banner .appName span{display:block;margin-top:10px;font-size:70%;font-weight:normal}.has-banner #android-banner .appName span.innerText{display:inline-block;font-size:100%;margin:0}.has-banner #android-banner .appName span.grey{color:#676767}.has-banner #android-banner .appName span.bold{font-weight:bold}.has-banner #android-banner .appInstall{position:absolute;bottom:0;right:7px;max-width:140px;width:30%;margin-bottom:10px}.has-banner #android-banner .appInstall a{display:inline-block;width:100%}.has-banner #android-banner .appInstall .installBtn{display:inline-block;height:28px;width:100%;color:#fff;text-align:center;background-color:#b2cd26;line-height:28px}.has-banner #android-banner .appInstall img{width:100%;max-width:140px;height:28px}.has-banner #android-banner br{clear:both;height:1px}@media only screen and (max-width: 60em){.has-banner .navbar{top:84px}.has-banner .navbar .main-nav{top:-84px}.has-ios-banner .navbar{top:79px}.has-ios-banner .navbar .main-nav{top:-79px}}.token-replacement{padding:40px 50px;width:100%;font-family:"Univers-Next-for-HSBC-Rg";color:#333;line-height:1.43}.token-replacement h1{font-family:"Univers-Next-for-HSBC-Lt";line-height:1.25;font-size:1.75rem;margin-bottom:10px}.token-replacement .to-bottom{left:50px;right:50px;bottom:40px;position:absolute}.token-replacement .page-title{margin-bottom:10px;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}.token-replacement .form-group .label{margin-bottom:10px}.token-replacement .verification-method-page{padding:0}.token-replacement .otp-modal-component .modal-body{margin-bottom:40px}.token-replacement .otp-modal-component .modal-body #otpForm .otp-code-label{margin-bottom:4px}.token-replacement .otp-modal-component .modal-body #otpForm .row .col-7{padding-right:10px}.token-replacement .otp-modal-component .modal-body #otpForm .row .col-5{padding-left:10px}.token-replacement .otp-modal-component .modal-title{font-size:1.625rem}.token-replacement ol{font-size:.75rem;padding-left:20px}.token-replacement .value-font,.token-replacement .delivery-chnl-value,.token-replacement .delivery-addr-value,.token-replacement .branch-addr-value,.token-replacement .delivery-req-date{font-weight:500;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}.token-replacement .lower-alpha{list-style-type:lower-alpha;padding-left:0px}.token-replacement .special{list-style-type:none;margin-left:-20px}.token-replacement .verification-content .row,.token-replacement .content-DetailsSU .row{margin-left:0;margin-right:0;margin-bottom:15px}.token-replacement .verification-content .row div:first-child,.token-replacement .verification-content .row .address-branch-label,.token-replacement .content-DetailsSU .row div:first-child,.token-replacement .content-DetailsSU .row .address-branch-label{width:22%}.token-replacement .verification-content .row .branch-name,.token-replacement .content-DetailsSU .row .branch-name{display:inline}.token-replacement .preview-page .info-message{margin-bottom:20px}.token-replacement .preview-page .info-message::before{padding-right:10px}.token-replacement .preview-page .info-message span{display:block}.token-replacement .preview-page .info-message .branch-info-message{margin-bottom:10px}.token-replacement .preview-page .description{font-size:1rem}.token-replacement .preview-page .form-content{display:inline-flex;margin-bottom:.045rem}.token-replacement .preview-page .form-content>div{display:flex;align-items:center;margin-right:10px}.token-replacement .preview-page .form-content label{font-size:1rem;margin-left:10px;margin-bottom:0;line-height:1.5}.token-replacement .preview-page .form-content .disableLabel{color:#929292}.token-replacement .preview-page .collect-branch-selector .icon-hsbc-error{color:#a11f1b;padding-top:7px}.token-replacement .preview-page .collect-branch-selector .icon-hsbc-error::before{font-size:1.25em;margin-right:5px}.token-replacement .preview-page .other-address-detail{font-size:1em}.token-replacement .preview-page .selector-width{width:400px}.token-replacement .preview-page .branch-address{margin-top:5px}.token-replacement .preview-page .branch-address div{display:inline-block}.token-replacement .preview-page .branch-address-su{margin-top:5px}.token-replacement .preview-page .note{display:inline-flex;margin-top:20px}.token-replacement .preview-page .note .note-description{margin-left:5px}.token-replacement .preview-page .note .note-description .p-note{padding-top:5px}.token-replacement .preview-page .note .note-last-p{margin-bottom:0px}.token-replacement .preview-page .note .icon-circle-fill-information::before{color:#5c5c5c}.token-replacement .preview-page .paper-form-preview{display:none}.token-replacement .confirmation-page .confirmation-wrapper{display:flex;flex-direction:column}.token-replacement .confirmation-page .confirmation-wrapper .confirmation-content{margin-right:0;flex:1 0}.token-replacement .confirmation-page .confirmation-wrapper .confirmation-content .address-bottom{margin-bottom:5px}.token-replacement .confirmation-page .confirmation-wrapper .ad-content{max-width:100%}@media only screen and (min-width: 1200px){.token-replacement .confirmation-page .confirmation-wrapper .ad-content{flex:0 0 33.33333%;max-width:33.33333%}}@media only screen and (min-width: 1200px){.token-replacement .confirmation-page .confirmation-wrapper{flex-direction:row}.token-replacement .confirmation-page .confirmation-wrapper .confirmation-content{margin-right:20px}}.token-replacement .confirmation-page .notes{display:flex;margin-top:20px;margin-bottom:20px}.token-replacement .confirmation-page .notes .icon-circle-fill-information::before{font-size:1.313em;color:#5c5c5c}.token-replacement .confirmation-page .notes .charge-info{margin-left:5px;margin-top:5px;font-size:.75em;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#333}.token-replacement .confirmation-page .ad{border:solid 1px #ededed;padding:0;align-items:center}@media only screen and (min-width: 1200px){.token-replacement .confirmation-page .ad{flex-direction:column}}.token-replacement .confirmation-page .ad section{padding:20px}.token-replacement .confirmation-page .ad .pic{height:100%;width:auto}@media only screen and (min-width: 1200px){.token-replacement .confirmation-page .ad .pic{width:100%;height:auto}}.token-replacement .confirmation-page .ad .turn-mobile-url{font-size:1em;line-height:1.5}.token-replacement .confirmation-page .ad .information{font-size:.875em;line-height:1.43}.request-security-device .title-content{margin-bottom:30px}.request-security-device h3{margin-bottom:20px;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}.request-security-device form .button-panel.fix-bottom,.request-security-device .page .button-panel.fix-bottom{left:50px;right:50px;bottom:50px}.request-security-device .title-btn-content{float:right;margin-top:-60px}.request-security-device .btn-icon-only{padding:7px 7px}.request-security-device .form-group .username-label{display:inline-block;width:auto;font-weight:normal;font-size:1em;color:#333;line-height:1.5}.request-security-device .form-group .tooltip-content .popover-tooltip .icon::before{color:#5c5c5c;font-size:1.313em;vertical-align:middle;line-height:18px}.request-security-device .form-group .tooltip-content .tooltip{left:-80px}.request-security-device .paper-form-link a{text-decoration:none}.request-security-device .paper-form-link span i{margin-right:5px}.information-notification{margin-bottom:20px}.information-notification ul li{list-style-type:disc;margin-top:10px;margin-left:20px}.information-notification ul li a{text-decoration:none}.information-notification ul li a:hover{text-decoration:underline}.errorlist-notification{margin-bottom:20px}.modal-reminder{font-family:"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-size:1em;line-height:1.5;letter-spacing:normal;color:#333}.modal-reminder .modal-header{padding:40px 0 10px 0}.modal-reminder .modal-header a[aria-label=Close]{position:absolute;right:15px;top:15px}.modal-reminder .modal-header .modal-title{font-size:1.625rem}.modal-reminder .modal-title>span{display:flex;align-items:center}.modal-reminder .modal-title>span .icon-circle-fill-information{margin-right:10px}.modal-reminder .modal-title>span .icon-circle-fill-information::before{font-size:2.25rem;color:#1a4875}.modal-reminder .modal-body ul{padding-left:30px}.modal-reminder .modal-footer{display:flex;justify-content:space-between}.progress-tracker.tokenless{display:flex}.progress-tracker.tokenless>li.nav-item{display:inline-flex;padding-left:20px}.progress-tracker.tokenless>li.nav-item .nav-link{display:inline-block;overflow:hidden;text-overflow:ellipsis}.progress-tracker.tokenless>li.nav-item>i{display:inline-block}.transpant-layer{background:rgba(0,0,0,0);position:fixed;top:0;left:0;right:0;bottom:0}.setup-second-password .right-panel{padding-top:50px}.setup-second-password .button-panel button{height:40px}.setup-second-password .add-profile-steps-subtitle{font-size:.875rem;line-height:18px;margin-bottom:20px}.setup-second-password .add-profile-questions .tooltip-content{display:inline-block}.setup-second-password .add-profile-questions .tooltip-content .tooltip{left:-115px}.setup-second-password .add-profile-questions .tooltip-content .tooltip::after{left:140px}.setup-second-password .add-profile-info .new-window-link,.setup-second-password .add-profile-steps-subtitle .new-window-link{text-decoration:underline;display:inline-flex}.setup-second-password .add-profile-info .new-window-link svg,.setup-second-password .add-profile-steps-subtitle .new-window-link svg{width:18px;height:18px}.setup-second-password .steps-msk .tokenless-acknowledge h2{display:none}.setup-second-password .steps-msk .second-title{margin-bottom:20px}.setup-second-password h2.second-title{font-size:.875rem}.setup-second-password .verification-page .title-content{margin-bottom:33px}.setup-second-password .title-content .title{margin-bottom:15px}.setup-second-password .form-group .tooltip-content .tooltip{left:-80px}.setup-second-password .form-group label{display:inline-block;width:auto;font-weight:400;font-size:1em;color:#333;line-height:1.5}.setup-second-password .button-panel{margin-top:30px}.setup-second-password .button-panel hr{border-top:1px solid #333}.setup-second-password .usename-page{color:#333}.setup-second-password .usename-page .form-group .username-label{font-size:.875rem;margin-bottom:10px}.setup-second-password .usename-page .form-group .radio-option{display:flex;margin-bottom:4px}.setup-second-password .usename-page .form-group .radio-option input{margin-right:12px}.setup-second-password .usename-page .form-group .instructions .instruction-title{margin-left:27px;font-size:.875rem;font-family:"Univers-Next-for-HSBC-Rg"}.setup-second-password .usename-page .form-group .instructions .icon-circle-fill-information{margin-right:9px;width:18px;height:18px}.setup-second-password .usename-page .form-group .instructions .icon-circle-fill-information::before{color:#305a85;margin-top:-3px;margin-left:-3px}.setup-second-password .usename-page .form-group .instructions>p{margin-bottom:10px;display:flex}.setup-second-password .usename-page .form-group .instructions ol{margin-bottom:0}.setup-second-password .usename-page .form-group .instructions ol li{margin-bottom:10px;padding-left:5px}.setup-second-password .usename-page .form-group .instructions .steps{margin-left:32px;color:#333}.setup-second-password .usename-page legend{margin:0;font-size:.875rem}.setup-second-password .usename-page .companies-questions{margin-bottom:10px;font-size:.875rem;font-weight:400;line-height:18px;color:#333}.setup-second-password .question-page .question-label{margin-bottom:10px}.setup-second-password .userProfile-page #profileList-button{height:40px;padding:10px 49px 12px 10px}.setup-second-password .userProfile-page #profileList-button .icon-chevron-down{border-left:1px solid #767676}.setup-second-password .second-pwd-page .title{margin-bottom:10px;font-size:1.75rem}.setup-second-password .second-pwd-page .prepare-title,.setup-second-password .second-pwd-page .setup-title{display:none}.setup-second-password .second-pwd-page .form-group label{margin-bottom:10px}.setup-second-password .second-pwd-page .form-group .input-group-append>.btn span.icon{border-left:1px solid #767676;line-height:18px}.setup-second-password .count-down-group{display:flex;justify-content:flex-end}.setup-second-password .count-down-group .otp-box{width:100%}.setup-second-password .count-down-group #countDownBtn>div{display:flex}.setup-second-password .count-down-group #countDownBtn>div span:nth-child(3){white-space:nowrap}.setup-second-password .count-down-group #countDownBtn .visualInvisibility{overflow:hidden;width:0;height:0}.setup-second-password .count-down-group .resend-button{display:flex}.setup-second-password .count-down-group .resend-button>span{white-space:nowrap}.setup-second-password .count-down-group .buttons{margin-left:11px}.setup-second-password .custom-alert-success{padding-top:15px;padding-bottom:15px}.setup-second-password .steps-add-profile{padding-bottom:20px;color:#333}.setup-second-password .steps-add-profile .button-panel{bottom:20px}.ack-page{color:#333}.ack-page h2.second-title{font-family:"Univers-Next-for-HSBC-Md",UniversNextforHSBC,Arial,sans-serif;font-size:1.125rem;font-weight:500}.ack-page .show{display:block}.ack-page .hide{display:none}.ack-page .add-profile-info{padding:20px 0}.ack-page .icon-hsbc-success::before{width:18px;height:18px}.usename-page .add-profile-info{padding-bottom:30px}@media(min-width: 1200px){.ip-block-page{flex:0 0 66.66667%;max-width:66.66667%}}.ip-block-page .ip-container{display:flex;flex-direction:row}@media screen and (max-width: 760px){.ip-block-page .ip-container{flex-direction:column}.ip-block-page .ip-container svg{margin:0 0 16px}}.ip-block-page .ip-container .title{font-size:1.625rem;font-weight:400;line-height:34px;margin-bottom:12px}.ip-block-page .ip-container svg{width:60px;height:60px;min-width:60px;min-height:60px;margin-right:24px}.ip-block-page .ip-container .backBtn{margin-top:25px}