@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";.iOS-show,.AOS-show{display:none}.isIOS .iOS-show{display:inline-block}.isAOS .AOS-show{display:inline-block}.isIOS .cta_android{display:none}.isAOS .cta_ios{display:none}.isDaaSC .lan_area,.isDaaSC .HSB_logo{display:none !important}.isMobile-block,.isMobile-inline-block,.isMobile-inline-table{display:none}.isMobile .app-download-qr{display:none !important}.isMobile .isDesktop-show{display:none}.isMobile .isMobile-block{display:block}.isMobile .isMobile-inline-block{display:inline-block}.isMobile .isMobile-inline-table{display:inline-table}*{font-family:"Noto Sans SC",sans-serif}body .isD2G-block{display:block}body .isD2G-inline{display:inline}body .isD2G-inline-block{display:inline-block}body .isP2G-block,body .isP2G-inline,body .isP2G-inline-block,body .isDaaSC-block,body .isDaaSC-inline,body .isDaaSC-inline-block,body .isD2G-hide{display:none}.isD2G .isD2G-block{display:block}.isD2G .isD2G-inline{display:inline}.isD2G .isD2G-inline-block{display:inline-block}.isD2G .isD2G-hide{display:none}.isP2G .isD2G-block,.isP2G .isD2G-inline,.isP2G .isD2G-inline-block{display:none}.isP2G .isP2G-block{display:block}.isP2G .isP2G-inline{display:inline}.isP2G .isP2G-inline-block{display:inline-block}.isP2G .isP2G-hide{display:none}.isDaaSC .isD2G-block,.isDaaSC .isD2G-inline,.isDaaSC .isD2G-inline-block{display:none}.isDaaSC .isDaaSC-block{display:block}.isDaaSC .isDaaSC-inline{display:inline}.isDaaSC .isDaaSC-inline-block{display:inline-block}.isDaaSC .isDaaSC-hide{display:none}.modal-popup{display:flex;width:100%;height:100%;padding-left:15px;padding-right:15px;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9}.modal-popup .bg-overlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer}.modal-popup .modal-popup-box{width:auto;max-width:768px;background-color:#fff;border-radius:14px;padding:15px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.modal-popup .modal-popup-box .close{display:block;width:16px;height:16px;position:relative;transform:rotate(45deg);margin-left:auto;margin-bottom:10px}.modal-popup .modal-popup-box .close::before{content:"";display:block;width:100%;height:1px;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal-popup .modal-popup-box .close::after{content:"";display:block;width:1px;height:100%;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal-popup .modal-popup-box .modal-popup-heading{color:#0f4b41;text-align:center;font-size:18px;font-weight:bold;line-height:28px;margin-bottom:12px}.modal-popup .modal-popup-box .modal-popup-desc{font-size:14px;line-height:24px;margin-bottom:12px}.modal-popup .modal-popup-box .modal-popup-btn{display:flex;flex-wrap:wrap;justify-content:flex-end}.modal-popup .modal-popup-box .modal-popup-btn a{color:#0f4b41;padding:2px 18px;font-size:14px;line-height:24px;border:1px solid #0f4b41;border-radius:4px;margin-left:12px}.modal-popup .modal-popup-box .modal-popup-btn a:first-child{margin-left:0}.modal-popup .modal-popup-box .modal-popup-btn a.btn-continue{color:#fff;background-color:#0f4b41}.modal-popup .modal-popup-box .modal-popup-btn a.btn-app{width:100%;text-align:center;margin-left:0;margin-bottom:15px}.modal-popup .modal-popup-box .modal-popup-btn.center{justify-content:center}.px-0{padding-left:0 !important;padding-right:0 !important}#top_banner_area .view_p2g{display:block !important}.green_bar{position:relative;z-index:1}#wrap{max-width:100%}.disable-links{pointer-events:none !important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-02{z-index:1}.section-02-1 .page-container{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:45px 3rem 45px 3rem}.section-02-1 .page-container img{width:70%;-o-object-fit:contain;object-fit:contain}.section-02-1 .page-container p{text-align:left;font-size:25px;line-height:1.5}@media(min-width: 768px){.section-02-1 .page-container{flex-direction:row;padding-inline:60px;padding:20px 1.25rem 20px 1.25rem}.section-02-1 .page-container img{width:40%}}.section-03{z-index:3}.section-03 .section-03-background{background-image:url("bg_element_02.svg"),url("bg_element_03.svg");background-repeat:no-repeat;background-position:left bottom 50%,right bottom 20%}.section-05 .green-background{background-image:url("bg_gradient_bars.svg");background-repeat:no-repeat;background-position:right 15% bottom}@media(max-width: 768px){.section-05 .green-background{background-size:95%}}.section-05 .qr-code img{margin-right:20px;width:25%}.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("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("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%}}.warn-modal .modal-content{top:50%;transform:translateY(-50%);border:0 none;padding:30px;border-radius:20px}.warn-modal .modal-content .warn-heading{font-size:18px;font-weight:bold;text-align:center;padding-top:15px;padding-bottom:20px}.warn-modal .modal-content .warn-desc{font-size:15px;text-align:left;margin-top:10px;line-height:24px}.warn-modal .modal-content .warn-btn{text-align:right;padding-top:40px}.warn-modal .modal-content .warn-btn .con-btn{background-color:#005126;color:#fff;padding:10px 40px;border-radius:3px}.warn-modal .modal-content .warn-btn .cancel-btn{border:1px solid #005126;color:#005126;padding:10px 40px;margin-right:8px;border-radius:3px}.warn-modal .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("icn_stroke_close_grey02.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;opacity:1}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}:root{--plyr-color-main: #70ddaf}body{overflow-x:hidden !important;position:relative;background:#fff}#logo_area{position:absolute;z-index:999;left:0;top:0;width:100%}#logo_area .green_bar{display:none}#main_content_area{text-align:center}p{font-size:20px;line-height:31px}@media(max-width: 1440px){p{font-size:18px}}.page-container{width:100%;max-width:80rem;margin:0 auto;padding:80px 1.25rem 80px 1.25rem}@media(min-width: 1440px){.page-container{padding-left:2.5rem;padding-right:2.5rem}}@media(max-width: 768px){.page-container{padding:45px 1.25rem}}.mb-50{margin-bottom:50px}.mb-15{margin-bottom:15px !important}.mt-50{margin-top:50px !important}.gallery-container{display:flex;max-width:1440px}@media(max-width: 768px){.gallery-container{display:grid;justify-items:center}}.gallery-container .gallery-item{max-width:33%;padding:10px 30px}@media(max-width: 768px){.gallery-container .gallery-item{max-width:100%;margin-bottom:20px}}.gallery-container .gallery-item .gallery-icon{width:120px;height:120px;margin-bottom:20px}.green-title{color:#206351;font-size:36px;font-weight:bold;line-height:44px;margin-bottom:40px}@media(max-width: 768px){.green-title{margin-bottom:20px}}.blk-title{color:#000;font-size:36px;font-weight:bold;line-height:44px;margin-bottom:40px}.green-txt{color:#206351;font-size:20px;font-weight:bold}@media(max-width: 1440px){.green-txt{font-size:18px}}.green-background{background-color:#e3ede2}.light-green-background{background-color:#fcfdf8}.section-03 .bg-image-01{right:0;position:absolute;margin-top:-200px}.section-03 .content-item{display:flex;max-width:1440px;margin:50px 0}@media(max-width: 768px){.section-03 .content-item{margin:60px 0}}@media(max-width: 768px){.section-03 .content-item{display:grid;justify-items:center}.section-03 .content-item .content-image{order:1}.section-03 .content-item .content-text{order:2}}.section-03 .content-item .content-image{width:60%}@media(max-width: 768px){.section-03 .content-item .content-image{width:90%;margin-bottom:20px}}.section-03 .content-item .content-text{text-align:justify;align-self:center}@media(max-width: 768px){.section-03 .content-item .content-text{text-align:center}}.section-03 .content-item .content-text.right{margin-left:50px}@media(max-width: 768px){.section-03 .content-item .content-text.right{margin-left:0}}.section-03 .content-item .content-text.left{margin-right:50px}@media(max-width: 768px){.section-03 .content-item .content-text.left{margin-right:0}}.section-03 .page-container{padding-bottom:0}.section-04 .tab-container{background-color:#fff;border:1px solid #006f43;border-bottom-width:5px}.section-04 .tab-container .tab-content{display:none;padding:20px 10px}@media(max-width: 768px){.section-04 .tab-container .tab-content{padding:20px}}.section-04 .tab-container .tab-content .box{width:46%}@media(max-width: 768px){.section-04 .tab-container .tab-content .box{width:90%;margin:0 auto}}@media(max-width: 768px){.section-04 .tab-container .tab-content .box:first-child{margin-bottom:20px}}.section-04 .tab-container .tab-content .box-title{font-size:22px;font-weight:bold;color:#006f43;margin-bottom:20px;display:flex;align-items:center}@media(max-width: 768px){.section-04 .tab-container .tab-content .box-title{margin-bottom:10px}}.section-04 .tab-container .tab-content .box-title p{display:inline;font-size:22px;margin:0}.section-04 .tab-container .tab-content .box-title img{width:35px;height:35px;margin-right:10px;margin-top:2px}@media(max-width: 768px){.section-04 .tab-container .tab-content .box-title img{width:40px;height:40px}}.section-04 .tab-container .tab-content ol{padding-left:0px;counter-reset:item}.section-04 .tab-container .tab-content ol li{display:flex;align-items:center;border-bottom:1px solid #08b46f;padding:10px 0;color:#666;position:relative;padding-left:35px;font-size:16px}.section-04 .tab-container .tab-content ol li::before{content:counter(item) ".";counter-increment:item;position:absolute;left:0;font-weight:bold;color:#000}.section-04 .tab-container .tab-content ol li span{display:inline-block;min-width:60px;font-weight:bold;color:#000;margin-right:10px}.section-04 .tab-container .tab-content ol li:last-child{border-bottom:0}.section-04 .tab-container .tab-content.active{display:flex;text-align:left;justify-content:space-around}@media(max-width: 768px){.section-04 .tab-container .tab-content.active{flex-direction:column;text-align:left;justify-items:center}}.section-04 .page-container{padding-bottom:30px}@media(max-width: 768px){.section-04 .page-container{padding-bottom:80px}}.section-04 .tab-list{display:flex}.section-04 .tab-list a{display:flex;padding:15px 5px;flex:1;text-align:center;align-items:center;justify-content:center;color:#006f43;font-weight:bold;font-size:26px;position:relative;border:1px solid;border-radius:18px 18px 0 0;background-color:#fff}@media(max-width: 768px){.section-04 .tab-list a{font-size:16px}}.section-04 .tab-list a.active{background:#009660;background:linear-gradient(180deg, rgb(0, 150, 96) 0%, rgb(48, 158, 118) 31%, rgb(114, 177, 119) 100%);color:#fff;opacity:1;border:0}.section-04 .tab-list .divider{width:1px;background:#dfdfdf;display:block;margin-top:10px;margin-bottom:10px}.section-04 p{margin-bottom:15px}@media(max-width: 768px){.section-04 p{margin:15px 0px 0px 0px}}.section-04 .bottom-part .green-title{margin-top:50px;margin-bottom:15px;max-height:52px}.section-04 .bottom-part .green-title img{width:52px;height:52px;margin-right:15px;padding-bottom:5px}@media(max-width: 768px){.section-04 .bottom-part .green-title img{margin-right:10px}}@media(max-width: 768px){.section-04 .bottom-part .green-title{margin-top:20px}}.invest-app-container{display:flex;justify-content:space-between}@media(max-width: 768px){.invest-app-container{display:block;justify-items:center}}.invest-app-container .left-invest-app{text-align:left;width:45%;align-content:center}@media(max-width: 768px){.invest-app-container .left-invest-app{text-align:center;width:100%}}.invest-app-container .left-invest-app .qr-code{display:flex;margin-bottom:20px}.invest-app-container .left-invest-app .green-title{margin-bottom:30px}.invest-app-container .left-invest-app .green-title p{font-size:36px;line-height:44px;text-align:left}@media(max-width: 768px){.invest-app-container .left-invest-app .green-title p{text-align:center}}.invest-app-container .left-invest-app .app-template{justify-content:left;margin:10px 0 50px}@media(max-width: 768px){.invest-app-container .left-invest-app .app-template{justify-content:center;margin:10px auto 20px auto}}.invest-app-container .right-invest-app img{max-height:500px}@media(max-width: 768px){.invest-app-container .right-invest-app img{max-height:350px}}.section-05 .page-container{padding-bottom:0}.section-06 .page-container{padding:80px 1.25rem 20px 1.25rem}@media(max-width: 768px){.section-06 .page-container{padding-top:40px}}.app-col{display:flex;justify-content:space-between}.app-template{max-width:500px;display:flex;align-items:center;margin:10px auto 50px;justify-content:center}.app-template .app-icon{width:19%}.app-template .app-icon img{aspect-ratio:1/1}.app-template .app-download-template{width:62%;margin:0 2px}.app-template .app-col{display:flex;justify-content:space-between;margin-top:2px}.app-template .app-col a{width:calc(50% - 2px)}.app-template .app-col a img{width:100%;margin-bottom:0;vertical-align:top}.section-07{max-width:75rem;margin:0 auto}@media(max-width: 970px){.section-07{padding:0 5px}}.tnc-container{text-align:left;display:grid;gap:1rem;padding-left:38px;padding-right:26px}@media(max-width: 970px){.tnc-container{padding-left:15px;padding-right:15px;gap:.5rem}}.tnc-container p{font-size:14px}.tnc-container .tnc-title{text-decoration:underline;font-weight:bold}.tnc-container .tnc-subtitle{font-weight:bold}.section-08 .content-wrapper{display:flex;align-items:center}@media(max-width: 768px){.section-08 .content-wrapper{display:grid;justify-items:center}}.section-08 .img-container{flex:1;max-width:50%;background-image:url("bg_halftone.svg");background-repeat:no-repeat;background-position:center bottom 40%;background-size:100%}@media(max-width: 768px){.section-08 .img-container{min-width:100%}}.section-08 .img-container img{max-height:700px;margin:25px 0}@media(max-width: 768px){.section-08 .img-container img{max-height:500px}}.section-08 .text-container{flex:1;max-width:50%;text-align:left;justify-content:center;display:flex}@media(max-width: 768px){.section-08 .text-container{max-width:100%;order:-1;text-align:center}}.section-08 .text-container .green-title{width:70%}@media(max-width: 768px){.section-08 .text-container .green-title{width:100%}}.section-08 .page-container{padding-bottom:60px;padding-top:60px}@media(max-width: 768px){.section-08 .page-container{padding-top:25px;padding-bottom:45px}}@media(max-width: 768px){.des-show{display:none !important}}@media(min-width: 769px){.mob-show{display:none !important}}span{white-space:normal}.unbold{font-weight:normal;font-size:28px}.sticky-bar{position:sticky;background:linear-gradient(0deg, rgba(57, 181, 74, 0.3) 0%, rgba(57, 181, 74, 0.3) 100%),#fff;width:100%;padding:12px 20px;bottom:0;z-index:1;box-shadow:0px -4px 10px 0px rgba(0,0,0,.1)}.sticky-bar__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;margin:auto;gap:10px}.sticky-bar__inner>*{flex-shrink:0}.sticky-bar__desc{width:-moz-fit-content;width:fit-content;font-size:14px;color:#3d5c46;font-weight:500;letter-spacing:1px;margin:0 auto;text-align:center}.sticky-bar__desc span{font-size:180%;font-weight:800;line-height:0.5555555556}.sticky-bar__qrcode{flex-shrink:0;width:100px}.sticky-bar__qrcode img{width:100%}.sticky-bar .highlight::after{background-color:hsla(0,0%,100%,.6)}@media(min-width: 767px){.sticky-bar{padding:20px 20px}.sticky-bar__desc{font-size:20px;text-align:left}}.w767-show{display:none}.w767-hide{display:inherit}@media(min-width: 767px){.w767-show{display:inherit}.w767-hide{display:none}}.highlight{word-break:keep-all;position:relative;margin:0 8px;z-index:0}.highlight::after{display:block;content:"";width:103%;height:50%;position:absolute;left:-2%;right:0;top:50%;background-color:#d5f1d8;z-index:-1}.cta-btn{display:block;margin:0 auto;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;background:#3d5c46;color:#fff;font-weight:bold;border-radius:10px;padding:10px 30px;font-size:21px;transition:transform .5s ease}.cta-btn:hover{transform:scale(1.05)}@media(min-width: 1024px){.isD2G-block .sticky-bar__inner{gap:40px;flex-direction:row}}.en .app-box__title-txt{font-size:20px}@media(min-width: 767px){.en .app-box__title-txt{font-size:26px}}.modal-popup{display:flex;width:100%;height:100%;padding-left:15px;padding-right:15px;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9}.modal-popup .bg-overlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer}.modal-popup .modal-popup-box{width:auto;max-width:768px;background-color:#fff;border-radius:14px;padding:15px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.modal-popup .modal-popup-box .close{display:block;width:16px;height:16px;position:relative;transform:rotate(45deg);margin-left:auto;margin-bottom:10px}.modal-popup .modal-popup-box .close::before{content:"";display:block;width:100%;height:1px;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal-popup .modal-popup-box .close::after{content:"";display:block;width:1px;height:100%;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal-popup .modal-popup-box .modal-popup-heading{color:#0f4b41;text-align:center;font-size:18px;font-weight:bold;line-height:28px;margin-bottom:12px}.modal-popup .modal-popup-box .modal-popup-desc{font-size:14px;line-height:24px;margin-bottom:12px}.modal-popup .modal-popup-box .modal-popup-btn{display:flex;flex-wrap:wrap;justify-content:flex-end}.modal-popup .modal-popup-box .modal-popup-btn a{color:#0f4b41;padding:2px 18px;font-size:14px;line-height:24px;border:1px solid #0f4b41;border-radius:4px;margin-left:12px}.modal-popup .modal-popup-box .modal-popup-btn a:first-child{margin-left:0}.modal-popup .modal-popup-box .modal-popup-btn a.btn-continue{color:#fff;background-color:#0f4b41}.modal-popup .modal-popup-box .modal-popup-btn a.btn-app{width:100%;text-align:center;margin-left:0;margin-bottom:15px}.modal-popup .modal-popup-box .modal-popup-btn.center{justify-content:center}.modal-popup#register-now .modal-popup-box{width:100%;max-width:768px}.modal-popup#register-now .modal-popup-box img{width:20%;-o-object-fit:contain;object-fit:contain}.modal-popup#register-now .modal-popup-box .button-container{display:flex;flex-direction:column;gap:.75rem;align-items:center}.modal-popup#register-now .modal-popup-box .button-container a{border:1px solid #015625;padding:.5rem;border-radius:20px;color:#424242;width:100%}/*# sourceMappingURL=reward.min.css.map */