.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}.container{max-width:1280px;margin:0 auto;padding-left:20px;padding-right:20px;position:relative}.section-title{font-size:32px;line-height:70px}.txt-white{color:#fff}.txt-lightgreen{color:#63f000}.txt-darkgreen{color:#224f4c}.btn-darkgreen{background:#00856f;color:#fff;font-size:18px;font-weight:bold;width:258px;display:inline-block;text-align:center;border-radius:34px;padding:10px}.highlight-bg{position:relative;z-index:100;white-space:nowrap}.highlight-bg:before{content:"";position:absolute;background:#d7ff00;height:70%;top:30%;z-index:-1;left:-3px;right:-3px;transform-origin:left}.highlight-bg.dark:before{background:#04383c}.txt-bold{font-weight:bold}.txt-underline{text-decoration:underline}.txt-enlarge{font-size:1.5em}.no-break{white-space:nowrap}@media(min-width: 1024px){.section-title{font-size:48px;line-height:1.5em}}.arrow-bg{position:absolute;background:url("img_journey_bg.png");width:1403px;height:974px;right:-650px;top:0;z-index:-1}.bg-white{background:#fff}.items-start{align-items:flex-start}.comp-journey{overflow:hidden;position:relative}.comp-journey .container{min-height:100vh;padding-bottom:30px}.comp-journey .green-arrow{position:absolute;width:100%;height:0;z-index:-1;left:0;right:0;bottom:0}.comp-journey .green-arrow:before{position:absolute;content:"";bottom:98%;height:2000px;background:#007669;left:0;right:0}.comp-journey .section-title{padding-top:30px;margin-bottom:20px;color:#224f4c}.comp-journey p{font-size:20px;color:#224f4c;line-height:1.2em;margin-bottom:30px;padding-right:80px}.comp-journey .fa-infinity{padding:0 4px}.comp-journey .section-title .fa-infinity{color:#63f000;padding:0 12px}.comp-journey .tab-container{padding-left:0;position:relative}.comp-journey .tab-list{border-radius:12px;display:flex;padding:10px;z-index:200;overflow-x:auto}.comp-journey .tab-list hr{width:20px;height:1px;border-bottom:1px dashed #fff;margin:17px 0px;opacity:.4}.comp-journey .tab-item{display:flex;align-items:center;color:#224f4c;font-weight:bold;line-height:34px;opacity:.3;flex-direction:column;text-align:center;flex:1;min-width:100px}.comp-journey .tab-item .figure{font-size:34px;margin-bottom:10px}.comp-journey .tab-item .tab-icon{margin-bottom:10px;width:64px}.comp-journey .tab-item .tab-label{font-size:18px}.comp-journey .tab-item.active{opacity:1}.comp-journey .tab-content-list{background:#f4fffd;border-radius:30px;overflow:hidden;margin-top:20px}.comp-journey .tab-content{display:block;opacity:0;height:0;overflow:hidden}.comp-journey .tab-content .right{overflow:hidden;position:relative;border-radius:12px;margin-bottom:10px}.comp-journey .tab-content .tab-content-title{font-size:30px;text-align:center;color:#224f4c;font-weight:bold;margin-bottom:22px;padding:20px 20px 0}.comp-journey .tab-content .tab-content-sub{font-size:26px;color:#007669;font-weight:bold;margin-bottom:13px}.comp-journey .tab-content .tab-content-txt{font-size:18px;color:#3e3f3a;margin-bottom:17px;line-height:1.8em}.comp-journey .tab-content .tab-content-inner{padding:0 20px 20px;display:flex;flex-direction:column-reverse;align-items:flex-start}.comp-journey .tab-content .highlight-bg:before{transform:scaleX(0);transition:all .2s .3s}.comp-journey .tab-content.active{opacity:1;height:auto}.comp-journey .tab-content.active .highlight-bg:before{transform:scaleX(1)}.comp-journey .d-only{display:none}@media(min-width: 1024px){.comp-journey .arrow{display:block}.comp-journey .section-title{padding-right:0;padding-right:90px}.comp-journey p{padding-right:0;color:#3e3f3a}.comp-journey .tab-container{padding-top:20px;min-height:570px}.comp-journey .figure{font-size:34px}.comp-journey .tab-label{font-size:26px}.comp-journey .tab-list{width:268px;padding:40px 20px;position:absolute;top:0;display:block}.comp-journey .tab-list hr{width:1px;height:40px;border-left:1px dashed #fff;border-bottom:0;margin:10px 17px}.comp-journey .tab-item{flex-direction:row;text-align:left}.comp-journey .tab-item .figure{font-size:34px;margin-right:10px;margin-bottom:0}.comp-journey .tab-item .tab-icon{margin-right:10px;margin-bottom:0;width:40px}.comp-journey .tab-item .tab-label{font-size:25px}.comp-journey .tab-content-list{margin-left:300px}.comp-journey .tab-content .tab-content-title{font-size:42px;margin-bottom:40px}.comp-journey .tab-content .tab-content-inner{padding:0 20px 20px;flex-direction:row}.comp-journey .tab-content .left{display:flex;flex-direction:column;min-width:400px;width:60%;padding-right:20px}.comp-journey .tab-content .right{width:40%}.comp-journey .d-only{display:block}.comp-journey .m-only{display:none}}@media(min-width: 1280px){.comp-journey .green-arrow{position:absolute;background:url("img_arrow.png") center;width:454px;height:100%;right:10%;z-index:-1;left:auto}.comp-journey .green-arrow:before{position:absolute;content:"";right:98%;width:2000px;background:#007669;top:0;bottom:0;left:auto}.comp-journey .container{display:flex;flex-direction:column;padding-top:80px;padding-bottom:50px}.comp-journey .section-title{padding-top:0}.comp-journey .tab-list{background:#00856f}.comp-journey .tab-content-list{margin-left:245px}.comp-journey .tab-item{color:#fff}.comp-journey .tab-content .tab-content-title{padding-left:40px}.comp-journey .tab-content .left{padding-left:50px}}#part-2{position:relative}#part-2 .container{position:relative;text-align:center;padding-bottom:200px}#part-2 .fa-infinity{color:#63f000;padding:0 12px}#part-2 .size-1{font-size:18px}#part-2 .size-2{font-size:28px}#part-2 .size-3{font-size:36px}#part-2 .size-4{font-size:38px}#part-2 .content-1{color:#224f4c;margin-bottom:20px;padding-top:65px;font-weight:bold}#part-2 a.size-1{color:#fff;background-color:#00856f;padding:13px 30px;border-radius:30px;border:1px solid #00856f;font-size:18px;margin-top:20px;display:inline-block}#part-2 a.size-1:hover{color:#00856f;background-color:#fff}#part-2 .highlight-bg:before{top:50%;height:50%}#part-2 .content-4{max-width:700px;margin:30px auto;line-height:40px}#part-2 .size-2,#part-2 .content-2{font-weight:bold}#part-2 .slide{opacity:0;height:0;position:relative;overflow:hidden}#part-2 .slide.active{opacity:1;height:auto}#part-2 .slide-container{position:relative}#part-2 .btn-prev{background:url("arrow-left.svg");width:26px;height:47px;z-index:200}#part-2 .btn-next{background:url("arrow-right.svg");width:26px;height:47px;z-index:200}#part-2 .hide{opacity:.2;display:inline-block !important}#part-2 .box{display:inline-flex;padding:20px 0;box-shadow:0 4px 12px 2px rgba(0,0,0,.1);border-radius:8px;background:#fff;margin:20px auto}#part-2 .box-item{padding:0 20px;flex:1;text-align:center}#part-2 .box-item img{height:72px}#part-2 .box-item .box-label{font-size:18px;line-height:26px;margin-top:10px}#part-2 hr{width:2px;height:80px;background:#00856f;opacity:.2;margin:0;border:0 none}#part-2 .loc{position:absolute;bottom:0;left:0;right:0;z-index:-1}#part-2 .location{position:absolute;width:1680px;left:50%;bottom:0;transform:translateX(-50%);opacity:0;max-width:none}#part-2 .building{position:relative;min-height:200px;-o-object-fit:cover;object-fit:cover;z-index:200}#part-2 .slide-ctrl{text-align:center;margin-top:-49px;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#part-2 .slide-ctrl a{display:inline-block;margin:0 10px}@media(min-width: 1024px){#part-2 .size-1{font-size:20px}#part-2 .size-2{font-size:31px}#part-2 .size-3{font-size:48px}#part-2 .size-4{font-size:50px}#part-2 .box-item{min-width:150px}}@media(min-width: 1280px){#part-2 .container{padding-bottom:50px;min-height:80vh}#part-2 .location{opacity:1}#part-2 .content-1{padding-top:100px}}main{overflow:hidden}#part-1 .banner{margin:0 -20px}#part-1 .banner img{width:100%}#part-1 .banner{margin:0 -20px}#part-1 .banner-title{font-size:28px;margin:16px 0}#part-1 .banner-tagline{font-size:24px}#part-1 .content{padding:30px 0;font-weight:bold}#part-1 .bank-name{display:inline-block}@media(min-width: 1024px){#part-1 .container{display:flex;flex-direction:row-reverse}#part-1 .banner{flex:9;position:relative}#part-1 .banner img{width:1151px;max-width:none;left:0;position:absolute;top:0;bottom:0}#part-1 .banner-title{margin-top:30px;margin-bottom:16px;font-size:36px}#part-1 .banner-tagline{font-size:28px}#part-1 .content{flex:5;min-width:350px;padding:70px 0}}.d-block{display:none}@media(min-width: 1024px){.m-block{display:none}.d-block{display:block}.d-flex{display:flex}}.comp-3-cols{overflow:hidden;background:url("img_dot_bg.png") no-repeat left top #fff}.comp-3-cols .green-arrow{position:absolute;width:100%;height:0;z-index:-1;left:0;right:0;bottom:0}.comp-3-cols .green-arrow:before{position:absolute;content:"";bottom:98%;height:2000px;background:#007669;left:0;right:0}.comp-3-cols .section-title{font-size:28px;font-weight:bold;line-height:1.6em;text-align:center;padding-top:40px;margin-bottom:40px}.comp-3-cols .enlarge{font-size:1.5em}.comp-3-cols .card-list{display:block;padding-bottom:40px}.comp-3-cols .card{border-radius:8px;overflow:hidden;margin-bottom:20px;background:#fff;box-shadow:0 4px 12px 2px rgba(0,0,0,.1);padding-bottom:30px}.comp-3-cols .card-title{font-size:28px;line-height:45px;font-weight:bold;padding:20px 20px 0;color:#007669}.comp-3-cols p{font-size:16px;line-height:2em;color:#3e3f3a;padding:0 20px 20px 20px}.comp-3-cols .btn-outline{margin:0 20px 10px;display:block}.comp-3-cols img{width:100%}@media(min-width: 1024px){.comp-3-cols .green-arrow{position:absolute;background:url("img_arrow_left.png") center;width:454px;height:100%;left:0;z-index:-1;right:auto}.comp-3-cols .green-arrow:before{position:absolute;content:"";width:2000px;background:#007669;top:0;bottom:0;left:98%;right:auto}.comp-3-cols .card-list{display:flex;justify-content:center}.comp-3-cols .card{margin:0 10px;flex:1;max-width:394px}}.pt60{padding-top:60px}.section-ctrl{position:relative;z-index:20;margin:0 -20px;display:flex;background:#ececec;overflow-x:auto;padding:10px 20px}.pt60 .section-ctrl{margin-top:-60px}.section-ctrl .item{display:flex;transition:all .2s;color:#007669;padding:0 10px;opacity:.3}.section-ctrl .item.active,.section-ctrl .item:hover{opacity:1}.section-ctrl .num-icon{display:flex;margin-right:5px}.section-ctrl .num{font-size:22px}.section-ctrl .icn{display:block;width:32px;height:32px;background-size:cover;margin-left:5px}.section-ctrl .icon-1{background-image:url("icn_step1.svg")}.section-ctrl .icon-2{background-image:url("icn_step2.svg")}.section-ctrl .icon-3{background-image:url("icn_step3.svg")}.section-ctrl .icon-4{background-image:url("icn_step4.svg")}.section-ctrl .icon-5{background-image:url("icn_step5.svg")}.section-ctrl span{font-size:22px;display:block;text-align:center;white-space:nowrap}@media(min-width: 1024px){.section-ctrl{background:#009e83;border-radius:13px;padding:10px 30px;align-items:center;max-width:825px;margin:0 auto}.pt60 .section-ctrl{margin-top:0}.section-ctrl .item{display:block}.section-ctrl .item.active,.section-ctrl .item:hover{color:#fff}.section-ctrl .num-icon{margin-right:0}.section-ctrl hr{display:block;border-bottom:2px dashed #fff;min-width:20px;opacity:.2;margin:0 5px;flex:1}}.comp-tab{position:relative;overflow:hidden;padding-bottom:40px}.comp-tab .section-title{margin-bottom:20px;margin-top:20px}.comp-tab .fa-infinity{color:#63f000;padding:0 8px}.comp-tab .tab-container{box-shadow:0 4px 12px 2px rgba(0,0,0,.1);background:#fff;border-radius:12px;overflow:hidden;z-index:1;position:relative;margin-top:30px}.comp-tab p{font-size:20px;line-height:40px}.comp-tab .tab-list{display:flex;flex-wrap:wrap}.comp-tab .tab-item{color:#224f4c;font-size:26px;padding:20px 10px 15px;opacity:.3;display:flex;align-items:center;justify-content:center;border-bottom:7px solid rgba(0,0,0,0);width:50%}.comp-tab .tab-item.active{border-bottom-color:#007669;opacity:1}.comp-tab .tab-content{padding:20px;display:none}.comp-tab .tab-content.active{display:block}.comp-tab .tab-content-title{font-size:36px;color:#224f4c;line-height:61px;font-weight:bold;text-align:center;margin-bottom:20px}.comp-tab .tab-content-sub{color:#007669;font-size:28px;font-weight:bold;margin-bottom:20px}.comp-tab .tab-content-txt{color:#3e3f3a;font-size:20px;line-height:40px;margin-bottom:20px}.comp-tab .left{margin-bottom:20px}.comp-tab .right{border-radius:12px;overflow:hidden}@media(min-width: 1024px){.comp-tab .tab-item{flex:1}.comp-tab .tab-content{padding:30px 40px}.comp-tab .tab-content-inner{display:flex;align-items:flex-start}.comp-tab .left{flex:1;margin-bottom:0}.comp-tab .right{margin-left:40px;width:416px}}.relative{position:relative}.tag{position:absolute;right:0;bottom:0;background:#d4fa00;color:#007669;font-size:16px;font-weight:bold;padding:5px 15px 5px 20px;border-radius:100px 0 0 0}.btn-outline{display:inline-block;color:#16835f;font-size:18px;text-align:center;border:1px solid #00856f;border-radius:34px;padding:10px 20px;min-width:250px}.btn-green{display:inline-block;color:#fff;background-color:#00856f;padding:13px 30px;border-radius:30px;border:1px solid #00856f;font-size:18px}.h-accordion{border-top:1px solid #979797;padding-top:20px}.h-accordion .accordion-handle{color:#3e3f3a;display:flex;font-size:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:7px 0}.h-accordion .accordion-handle-left{flex:1;font-weight:500}.h-accordion .accordion-handle-right{color:#00856f}.h-accordion .accordion-container{overflow:hidden;height:0}.h-accordion .icon-open{display:inline-block}.h-accordion .icon-close{display:none}.h-accordion.show .accordion-container{height:auto}.h-accordion.show .icon-open{display:none}.h-accordion.show .icon-close{display:inline-block}.inline-block{display:inline-block}