.banner_area{position:relative;width:100%;margin-bottom:0px}.banner_area .banner_img{position:relative;width:100%;transform:scale(1);transition:transform 15s ease}.banner_area.active .banner_img{transform:scale(1)}.banner_area .banner_img{overflow:hidden}.tnc-holder{font-size:12px;color:#222}.tnc-holder p{font-size:12px;color:#222}.tnc-holder ol{padding-left:18px}.line-break{display:none}#main_content_area{padding-bottom:5px;position:relative}#main_content_area .row{padding:15px 8px 0}#main_content_area .row.full_width{padding-left:0;padding-right:0}#main_content_area .row.full_width .columns{padding-left:0;padding-right:0}.centered-txt{text-align:center}.wid680{max-width:680px;margin-left:auto;margin-right:auto}.wid730{max-width:730px;margin-left:auto;margin-right:auto}.wid850{max-width:850px;margin-left:auto;margin-right:auto}.section{padding:12px 15px}.section.full_width{padding-right:0;padding-left:0}.section_icon{margin-bottom:5px}.section_title{font-size:23px;font-weight:bold;margin-bottom:25px}.section p sup{font-size:10px;top:-6px}#footer .copy a{width:50%;max-width:270px;color:#2664bb;display:inline-block;margin-bottom:5px;text-decoration:underline}.modal{overflow-y:auto;display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.55)}.modal#tncModal{overflow:auto}.modal-content{overflow-y:auto;background-color:#fefefe;margin:0 auto;padding:30px 15px 10px;width:95%;max-width:45%;color:#333;line-height:130%;max-height:calc(100% - 130px);position:relative;top:50%;transform:translateY(-50%);font-size:14px;border:5px solid #006532}.modal-content h5{margin-bottom:3px;font-size:20px;font-weight:600}.modal-content .btn-holder{width:100%;margin:0 auto}.modal-content .btn-holder .btn{display:inline-block;width:140px;color:#fff;padding:15px 12px 14px;border-radius:4px;margin-bottom:15px;margin-left:5px;font-size:19px;text-align:center;background-color:#39b54a;border:1px solid #39b54a}.modal-content .btn-holder .btn:before{content:" ";text-indent:-999em;background:url(icon_20px.png);width:20px;height:20px;margin-right:5px;margin-top:-3px;display:inline-block;vertical-align:middle;background-position:0px -61px}.modal-content .btn-holder .btn.btn-accept:hover{opacity:.8;background-color:#34a344;border:1px solid #34a344}.modal-content .btn-holder .btn.btn-cancel{border:1px solid #b2b2b2;color:#666;background-color:#fff;width:100px}.modal-content .btn-holder .btn.btn-cancel:hover{background-color:#f0f0f0}.modal-content .close{display:block;height:25px;max-height:25px;min-height:25px;max-width:25px;min-width:25px;width:25px;bottom:auto;left:auto;position:absolute;right:10px;top:5px;background-image:url(https://www.hangseng.com/etc/designs/hase/pws/common/rwd-assets/images/icn_stroke_close_grey02.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;opacity:1}.modal-content .close:hover{background-image:url(https://www.hangseng.com/etc/designs/hase/pws/common/rwd-assets/images/icn_stroke_close_hase_green.svg)}.modal-content .close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-content .ico-triangle{display:block;position:absolute;bottom:-9px;left:50%;margin-left:-8px;width:0;height:0;border-style:solid;border-width:10px 8px 0 8px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.modal.btn-modal{position:absolute;background:rgba(0,0,0,0);overflow:unset !important;top:-185px;left:4%}.modal.btn-modal .modal-content{box-shadow:0px 6px 10px rgba(0,0,0,.5);max-height:1000% !important;top:0;transform:translateY(0%);width:190px;padding:20px 25px 5px}.modal.btn-modal .modal-content .close{top:0px;right:0px;display:block;width:26px;height:26px;min-width:20px;min-height:20px}.modal.btn-modal .modal-content .btn-holder{margin:0 auto;text-align:center}.modal.btn-modal .modal-content .btn-holder .btn{margin-left:0;width:100%;font-size:16px;padding:12px 12px 11px;margin-bottom:12px}@media(max-width: 768px){.modal-content{max-width:100%}}.isMobile-block,.isMobile-inline-block,.isMobile-inline-table,.isDaaSC-show,.isMobile .app-download-qr,.isP2G-show{display:none}.isMobile .isDesktop-show{display:none}.isMobile .isMobile-block{display:block}.isMobile .isMobile-inline-block{display:inline-block}.isMobile .isMobile-inline-table{display:inline-table}.isDaaSC .isDaaSC-show{display:inline-table !important}.isDaaSC .isDaaSC-hide{display:none !important}.isDaaSC .lan_area,.isDaaSC .HSB_logo{display:none !important}.isP2G .isP2G-show{display:inline-block !important}.isP2G .isP2G-hide{display:none !important}.isD2G .isD2G-hide{display:none !important}.isD2G .isD2G-show{display:block !important}.px-0{padding-left:0 !important;padding-right:0 !important}#top_banner_area .view_p2g{display:block !important}#wrap{max-width:none;min-width:auto}body{background:#000 linear-gradient(194.3248989019deg, #20AF6F 20%, #126D44 80%);background-attachment:fixed}.fullpage-bg{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:0;background:linear-gradient(194.3248989019deg, #20AF6F 20%, #126D44 80%)}.fullpage-bg .flip-box{background:linear-gradient(0deg, #4EBE58 20%, #35A538 60%);box-shadow:0px 20px 24px rgba(0,0,0,.5);width:2500px;height:2500px;position:absolute;left:50%;top:50%;transform-origin:center bottom}#footer{position:relative;z-index:20}.page-navigator-wrapper{position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:30}.page-navigator-wrapper .container{height:100%}.page-navigator{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:all}.page-navigator a{border:2px solid #fff;border-radius:50%;display:block;margin:15px auto;width:8px;height:8px;cursor:pointer;color:rgba(0,0,0,0)}.page-navigator a.active{background:#92df87;transform:scale(1.4);transition:all .2s}@media(min-width: 1280px){.page-navigator{right:-10px}}#main_content_area{position:relative;z-index:20;overflow:hidden}#main_content_area section{min-height:1000px;position:relative;padding-top:40px;padding-bottom:150px}.container{max-width:1280px;position:relative;margin:0 auto;width:100%}.px-20{padding-left:20px;padding-right:20px}.flex-1{flex:1}.hidden.lang_box a.btn_readmore{background:none;color:#fff;font-size:18px}.hidden.lang_box a.btn_readmore:not(.expanded):after{background:url("arrow-down.png")}.hidden.lang_box .content a{background:none;color:#fff;font-size:18px}.hidden.lang_box.expanded{background:#fff;border-radius:3px;transition:.2s background}.hidden.lang_box.expanded a.btn_readmore{color:#333}.hidden.lang_box.expanded .content a{color:#333}#main_content_area header{padding-bottom:40px}#main_content_area header .container{display:flex;justify-content:space-between;align-items:center}#main_content_area header #HSB_logo{padding:14px 19px 12px;max-width:300px}#main_content_area header .lan_area{position:relative;top:0;right:0;height:auto;margin-right:10px}#main_content_area header .lan_area .lang_box{margin-top:0;padding-bottom:0}#main_content_area header .lan_area .content{position:absolute;top:100%;left:0;right:0;background:#fff}@media(min-width: 1024px){#main_content_area header #HSB_logo{max-width:none;padding:17px 24px 14px}}.float-btn{background:linear-gradient(#f0175d, #f56454);border-radius:50px;padding:13px;color:#fff;font-size:14px;position:fixed;bottom:40px;right:15px;box-shadow:0 0 3px rgba(0,0,0,.8);z-index:30;display:flex;align-items:center;transition:all .2s ease-out}.float-btn:hover{transform:scale(1.1)}.float-btn img{width:20px;margin-right:7px}@media(min-width: 1024px){.float-btn{flex-direction:row;font-size:18px;padding:10px 30px;border-radius:60px}.float-btn img{margin-right:10px;width:33px}}br.mobile{display:inherit}.mobile-show{display:block}.desktop-show{display:none}@media(min-width: 1024px){br.mobile{display:none}.mobile-show{display:none}.desktop-show{display:block}}.page-title{font-size:44px;line-height:54px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.5);text-align:center;font-weight:bold}.section-title{font-size:32px;line-height:50px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.5);text-align:center;font-weight:bold}.highlight-title{border-bottom:4px solid #fff}@media(min-width: 1024px){.page-title{font-size:50px;line-height:70px}.section-title{font-size:50px;line-height:70px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.5);text-align:center;font-weight:bold}.section-title.small{font-size:40px;line-height:54px}}.arrow-list i{display:inline-block;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;margin-right:13px}@media(min-width: 1024px){.arrow-list i{border-width:10px 0 10px 18px;margin-right:20px}}.arrow-list.green i{border-left-color:#58a448}.btn-green{display:block;max-width:320px;margin:0 auto;color:#fff;text-shadow:0px 2px 6px rgba(0,0,0,.2);font-size:18px;line-height:38px;font-weight:bold;background:linear-gradient(180deg, #68D878, #35A538);border-radius:10px;text-align:center;padding:12px;box-shadow:0 2px 14px rgba(0,0,0,.3)}.btn-red{display:block;max-width:320px;margin:0 auto;color:#fff;text-shadow:0px 2px 6px rgba(0,0,0,.2);font-size:18px;line-height:38px;font-weight:bold;background:linear-gradient(180deg, #F55F54, #F44B57);border-radius:10px;text-align:center;padding:12px;box-shadow:0 2px 14px rgba(0,0,0,.3)}.txt-l-green{color:#a5ef96;white-space:break-spaces}.txt-ul{text-decoration:underline}.app-download{display:flex}.app-download .app-logo{margin-right:5px;flex:13;text-align:right}.app-download .app-logo img{max-height:95px}.app-download .app-meta{flex:43;max-width:493px;align-self:center}.app-download .app-name{border:1px solid #979797;border-radius:8px;padding:7px 10px;font-size:16px;line-height:1em;color:#2d2d2d;font-weight:400;margin-bottom:5px;font-weight:bold}.app-download .app-platforms{display:flex;justify-content:space-between}.app-download .app-platforms .ios{flex:7}.app-download .app-platforms .aos{flex:7}.app-download .app-platforms .hms{flex:8}.app-download .app-qr{flex:13;margin-left:5px}.app-download .app-qr img{max-height:93px}@media(min-width: 1024px){.app-download .app-logo,.app-download .app-qr{flex:11}}@-webkit-keyframes flick{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}@keyframes flick{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.section-last{background:#fff;position:relative;z-index:20;padding:20px 0}.scroll-box{border:1px solid #777;overflow-y:auto;height:100px;margin:10px 20px}#footer{background:#fff}#scene-1 .container{text-align:center}#scene-1 .kv-container{position:relative;display:inline-block;padding-top:50px;margin-top:30px}#scene-1 .kv-container>img{margin:0 auto}#scene-1 #bubble1{position:absolute;width:28%;left:10px;top:0;z-index:-1;text-align:center}#scene-1 #bubble2{position:absolute;width:200px;bottom:40px;right:0px;text-align:center}#scene-1 .offline-txt{width:98px;opacity:.6;-webkit-animation:flick forwards infinite 2s;animation:flick forwards infinite 2s}#scene-1 .online-txt{width:98px;margin-left:5%;opacity:.6;-webkit-animation:flick forwards infinite 2s 1s;animation:flick forwards infinite 2s 1s}@media(min-width: 1024px){#scene-1 .kv-container{padding-left:20%;padding-right:20%}#scene-1 #bubble1{width:30%;top:170px;left:-35px}#scene-1 #bubble2{width:38%;bottom:160px;right:-55px}#scene-1 .offline-txt{display:block;width:auto;margin:0 auto}#scene-1 .online-txt{display:block;width:auto;margin:0 auto}}section#scene-2{padding-top:85px}section#scene-2 #mobile-frame{position:relative;min-width:395px;max-width:525px;margin:50px auto 0;transform:translateX(-20px)}section#scene-2 #cheque-hand{position:absolute;right:-65%;top:15px;left:6%;z-index:-1}section#scene-2 #tick-icon{position:absolute;left:50%;bottom:20%;transform:translateX(-50%);width:35px;opacity:0}section#scene-2 #slogan1{position:absolute;top:100%;left:15%;width:30%}section#scene-2 #slogan2{position:absolute;top:120%;right:20%;width:30%}@media(min-width: 1024px){section#scene-2 #slogan1{top:0;width:auto;left:-220px}section#scene-2 #slogan2{top:auto;bottom:-150px;width:auto;right:-280px}}section#scene-3{color:#fff;font-size:18px;line-height:32px}section#scene-3 .section-title{text-align:left;text-shadow:8px 12px 24px rgba(0,0,0,.6);margin-bottom:20px}section#scene-3 .video-wrapper{overflow:hidden;position:relative;padding-top:56.25%;background:#000;box-shadow:0 22px 54px rgba(0,0,0,.5);margin-bottom:20px}section#scene-3 .video-wrapper>*{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}section#scene-3 .left{text-shadow:8px 4px 4px rgba(0,0,0,.5)}section#scene-3 .caption{margin:0 20px;margin-top:20px;line-height:1.3em}section#scene-3 .d-flex{margin:0 20px}section#scene-3 .card-list-title{font-size:20px;color:#fff;font-weight:bold;margin:20px 20px 0}section#scene-3 .card-list{display:flex;overflow-x:auto;max-width:100vw}section#scene-3 .card{background:linear-gradient(#FFF, #D8D8D8);border-radius:11px;padding:20px;margin:0 10px;min-width:300px}section#scene-3 .card:first-child{margin-left:20px}section#scene-3 .card:last-child{margin-right:20px}section#scene-3 .card-title{color:#126d44;font-weight:bold;font-size:24px;line-height:1.1em}section#scene-3 .card-desc{color:#126d44;font-weight:bold;font-size:20px;line-height:1.1em}section#scene-3 .card-cap{color:#333;font-size:16px;line-height:1em;margin-top:20px}section#scene-3 .with-icon{position:relative}section#scene-3 .with-icon img{position:absolute;right:20px;top:20px}section#scene-3 .with-icon .card-title,section#scene-3 .with-icon .card-desc{margin-right:70px}section#scene-3 .card-list-footer{font-size:16px;margin:10px 20px 30px;line-height:1.3em}@media(min-width: 1024px){section#scene-3 .d-flex{display:flex;flex-direction:row-reverse}section#scene-3 .right{flex:2}section#scene-3 .left{flex:2}section#scene-3 .card{flex:1}}section#scene-4{color:#fff;font-size:18px;line-height:32px}section#scene-4 .section-title{text-align:left;text-shadow:8px 12px 24px rgba(0,0,0,.6);margin-bottom:30px}section#scene-4 .hl{font-size:1.2em;font-weight:900;color:#ffb4fa}section#scene-4 .left{text-align:center}section#scene-4 .right{text-shadow:8px 4px 4px rgba(0,0,0,.5)}section#scene-4 .d-flex{margin:0 20px}section#scene-4 .content{margin-bottom:20px;padding-right:10px;font-weight:bold}section#scene-4 .action-box{background:linear-gradient(#FFF, #D8D8D8);border-radius:11px;color:#2d3342;text-shadow:none}section#scene-4 .action-box .box-content{padding:20px;font-size:20px;line-height:32px;color:#2d3342;font-weight:bold}section#scene-4 .action-box .box-title{margin-bottom:20px}section#scene-4 .action-box hr{height:1px;background:silver;margin:0;border:0 none}section#scene-4 .app-download{justify-content:center}section#scene-4 .app-download .app-logo{flex:none}@media(min-width: 1024px){section#scene-4 .d-flex{display:flex}section#scene-4 .left{flex:2;margin-right:50px}section#scene-4 .right{flex:3;margin-right:50px}section#scene-4 .action-box{display:flex}section#scene-4 .action-box .box-content-left{flex:5}section#scene-4 .action-box .box-content-right{flex:4}section#scene-4 .action-box hr{width:1px;height:auto}section#scene-4 .app-logo{max-width:70px}section#scene-4 .app-download{justify-content:center}section#scene-4 .app-download .app-logo{flex:13}}section#scene-5{display:flex}section#scene-5 .card{background:#fff;border-radius:20px;overflow:hidden;margin-right:10px;max-width:367px;min-width:320px;font-weight:bold;display:flex;flex-direction:column}section#scene-5 .card:first-child{margin-left:20px}section#scene-5 .card:last-child{margin-right:20px}section#scene-5 .card .card-text{font-size:24px;line-height:38px;padding:10px 20px;flex:auto}section#scene-5 .card a{position:relative;color:#000;font-size:18px;padding:10px 20px;display:block}section#scene-5 .card a:after{content:"";background:url("icon_arrow_02.png");width:20px;height:20px;display:inline-block;vertical-align:text-top}section#scene-5 .video-wrapper{overflow:hidden;position:relative;padding-top:56.25%;background:#000;box-shadow:0 22px 54px rgba(0,0,0,.5);margin-bottom:20px}section#scene-5 .video-wrapper>*{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}section#scene-5 .tagline{font-size:18px;line-height:32px;font-weight:bold;text-align:center;margin:40px 20px 10px;color:#fff;text-shadow:8px 4px 4px rgba(0,0,0,.5)}section#scene-5 .section-title{text-align:left}section#scene-5 .steps{margin-top:20px}section#scene-5 .step{display:flex;color:#fff;margin-bottom:20px}section#scene-5 .step .icon{display:flex;width:90px;height:90px;background:linear-gradient(180deg, #FFFFFF 0%, #D8D8D8 100%);justify-content:center;align-items:center;border-radius:50%}section#scene-5 .step .step-content{text-shadow:3px 3px 4px rgba(0,0,0,.5);font-weight:bold;flex:1}section#scene-5 .step .step-num{font-size:20px}section#scene-5 .step .step-text{font-size:26px}section#scene-5 .dash-line{display:none}@media(min-width: 1024px){section#scene-5 .d-flex{display:flex;padding-bottom:20px;margin-top:20px}section#scene-5 .section-title{padding:0}section#scene-5 .d-flex{justify-content:center}section#scene-5 .tagline{font-size:20px}section#scene-5 .left{margin-right:40px}section#scene-5 .right{display:flex;flex-direction:column;justify-content:center}section#scene-5 .steps{display:flex;align-items:center;margin-bottom:40px}section#scene-5 .step{margin-bottom:0}section#scene-5 .dash-line{display:block;flex:1;overflow:hidden;color:#fff;font-size:20px;white-space:nowrap;margin:0 30px;max-width:95px}}.section-last .action-title{font-size:24px;line-height:1.2em;font-weight:bold;padding:30px 20px 20px;text-align:center}.section-last .app-download{max-width:720px;margin:0 auto;padding:0 20px}.popup{position:fixed;background:rgba(0,0,0,.3);left:0;top:0;right:0;bottom:0;z-index:1050;padding:10px;overflow-x:auto}.popup .popup-container{padding:80px 20px 20px;background:#fff;border-radius:20px;max-width:888px;margin:0 20px;overflow:hidden;position:relative;margin:0 auto;top:60px}.popup .popup-container:before{content:"";position:absolute;background:linear-gradient(207.24deg, #68D878 0%, #35A538 100%);transform:rotate(30deg);width:400px;height:400px;right:-300px;bottom:-130px}.popup .popup-title{font-size:28px;color:#b15bbf;font-weight:bold;margin-bottom:10px}.popup p{font-size:20px;line-height:1.5em}.popup .hl{font-size:22px;line-height:1.5em;color:#b15bbf;font-weight:bold}.popup .hl-last{font-size:26px;line-height:1.5em;color:#b15bbf;font-weight:bold}.popup .left,.popup .right{z-index:20;position:relative}.popup .right{max-width:248px;margin:0 auto}.popup .btn-close{background:url("green-close.png") no-repeat;display:block;position:absolute;right:20px;top:20px;width:28px;height:28px;color:rgba(0,0,0,0)}@media(min-width: 1024px){.popup .popup-container{display:flex;padding-left:40px}.popup .left{flex:1;margin-top:20px}.popup .right{flex:1;max-width:317px}.popup .popup-title{font-size:28px}.popup p{font-size:18px}}.popup.hide{display:none}