@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&display=swap);.banner{background-color:#bec4ce;display:grid;grid-template-columns:3fr 2fr}.banner .banner-watch{text-align:center}.banner .banner-watch{padding-left:20px}@media screen and (min-width: 767px){.banner .banner-watch{padding-left:calc(20px + 100 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .banner-watch{padding-left:120px}}.banner .banner-watch{padding-right:20px}@media screen and (min-width: 767px){.banner .banner-watch{padding-right:calc(20px + 100 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .banner-watch{padding-right:120px}}.banner .banner-watch{padding-top:0px}@media screen and (min-width: 767px){.banner .banner-watch{padding-top:calc(0px + 90 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .banner-watch{padding-top:90px}}.banner .banner-watch{padding-bottom:0px}@media screen and (min-width: 767px){.banner .banner-watch{padding-bottom:calc(0px + 70 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .banner-watch{padding-bottom:70px}}@media (max-width: 767px){.banner .banner-watch{background-color:transparent;padding-left:0;padding-right:0}}.banner .banner-watch .video-container{max-width:1127px;margin-left:auto;margin-right:auto}.banner .banner-watch .video-img{max-width:805px;width:100%;height:100%;opacity:1;position:absolute;background-size:cover;z-index:999}.banner .banner-watch .video-player{max-width:805px;max-height:453px;width:100%;position:relative;cursor:pointer;z-index:1}@media (max-width: 767px){.banner .banner-watch .video-player{width:100%;height:auto}}.banner .banner-watch .video-player video{max-width:100%;width:805px;opacity:1;position:relative}@media (max-width: 767px){.banner{grid-template-columns:auto}}.banner .content{width:100%;height:100%;display:flex;align-items:center}@media (max-width: 767px){.banner .content{background-color:#fff !important;color:#000;text-align:center;justify-content:center}}.banner .content .info-inner{border-radius:12px;max-width:430px}.banner .content .info-inner{padding-left:20px}@media screen and (min-width: 767px){.banner .content .info-inner{padding-left:calc(20px + -10 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .content .info-inner{padding-left:10px}}.banner .content .info-inner{padding-right:20px}@media screen and (min-width: 767px){.banner .content .info-inner{padding-right:calc(20px + -10 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .content .info-inner{padding-right:10px}}.banner .content .info-inner{padding-top:56px}@media screen and (min-width: 767px){.banner .content .info-inner{padding-top:calc(56px + -6 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .content .info-inner{padding-top:50px}}.banner .content .info-inner{padding-bottom:20px}@media screen and (min-width: 767px){.banner .content .info-inner{padding-bottom:calc(20px + 30 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.banner .content .info-inner{padding-bottom:50px}}@media (max-width: 767px){.banner .content .info-inner{padding-bottom:0}}.banner .content .info-inner h1{padding-bottom:20px;font-size:36px}@media (max-width: 767px){.banner .content .info-inner h1{font-size:26px}}.banner .content .info-inner h1 .by{font-size:28px;font-weight:400}@media (max-width: 767px){.banner .content .info-inner h1 .by{font-size:24px}}@media (max-width: 767px){.banner .content .info-inner p{padding-bottom:35px}}.banner .content .info-inner p.by{padding-top:10px;padding-bottom:30px}.banner .content .info-inner span{font-weight:700}.banner .content .info-inner span>span{color:#4445EC;font-style:italic;font-weight:400}
.need{text-align:center}.need{padding-left:20px}@media screen and (min-width: 767px){.need{padding-left:calc(20px + 100 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.need{padding-left:120px}}.need{padding-right:20px}@media screen and (min-width: 767px){.need{padding-right:calc(20px + 100 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.need{padding-right:120px}}.need{padding-top:50px}@media screen and (min-width: 767px){.need{padding-top:calc(50px + 5 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.need{padding-top:55px}}.need{padding-bottom:50px}@media screen and (min-width: 767px){.need{padding-bottom:calc(50px + 5 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.need{padding-bottom:55px}}.need h2{padding-bottom:35px;font-size:32px}@media (max-width: 767px){.need h2{font-size:26px;padding-left:20px;padding-right:20px;padding-bottom:20px}}.need p{padding-bottom:30px}@media (max-width: 767px){.need p{padding-bottom:20px}}.need .btn-cta{font-size:20px;padding:15px 48px;border-radius:50px}@media (max-width: 767px){.need .btn-cta{font-size:18px;padding:9px 36px}}
html,body{margin:0;padding:0;border:0;-webkit-text-size-adjust:none}body{width:100%;min-width:320px;font-weight:400}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0;outline:0}a{text-decoration:none;cursor:pointer}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;vertical-align:top}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}input,select,textarea,button{-webkit-appearance:none;-webkit-border-radius:0px}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;height:auto}p{margin:0;padding:0}a{text-decoration:none}ul{list-style:none}ul li{list-style:none}@font-face{font-family:'Roboto';src:url(../fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Roboto';src:url(../fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body{margin:0;padding:0;border:0;width:100%;min-height:100vh;font-size:62.5%;line-height:1.5;color:#505050;line-height:150%;font-family:"Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC"}html.sc,body.sc{font-family:"Noto Sans SC","Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC"}html.sc body,body.sc body{font-family:"Noto Sans SC","Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC"}html.tc,body.tc{font-family:"Noto Sans TC","Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC"}html.tc body,body.tc body{font-family:"Noto Sans TC","Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC"}body{font-size:16px}body:before{content:'desktop';display:none}@media (max-width: 1023px){body:before{content:'mobile'}}body.locked{overflow:hidden}select,input,textarea{font-family:"Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC";color:#505050}@media (max-width: 767px){.desktop-only{display:none !important}}@media (min-width: 768px){.mobile-only{display:none !important}}.hide-text{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0;top:50%}h1{font-weight:700;line-height:1.2}h1{font-size:32px}@media screen and (min-width: 767px){h1{font-size:calc(32px + 0 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){h1{font-size:32px}}h2{font-weight:700;line-height:1.2}h2{font-size:30px}@media screen and (min-width: 767px){h2{font-size:calc(30px + 0 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){h2{font-size:30px}}h3{font-weight:700}h3{font-size:18px}@media screen and (min-width: 767px){h3{font-size:calc(18px + 2 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){h3{font-size:20px}}input,select,textarea,button{font-family:"Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC"}*::-webkit-input-placeholder{color:#A6A6A6}input{font-size:16px;font-family:"Roboto",Arial,sans-serif,"Microsoft JhengHei","Heiti TC"}button{margin:0;padding:0}*:-moz-placeholder{color:#A6A6A6;opacity:1}*::-moz-placeholder{color:#A6A6A6;opacity:1}*:-ms-input-placeholder{color:#A6A6A6}*::-ms-input-placeholder{color:#A6A6A6}*::placeholder{color:#A6A6A6}p{padding-bottom:20px}a.btn-cta{display:inline-flex;align-items:center;background-color:#53B7FF;color:#FFF;align-items:center;text-align:center;justify-content:center;min-height:44px;border-radius:22px;padding-left:50px;padding-right:50px;transition:background-color .3s ease-in-out;font-weight:700}@media (max-width: 767px){a.btn-cta{min-height:40px}}a.btn-cta:hover{background-color:#2C4F7B}a.btn-cta.white{border:1px solid #53B7FF;background-color:transparent;color:#53B7FF}a.btn-cta.white:hover{background-color:#D9D9D9;color:#2C4F7B;border:1px solid #2C4F7B}.swiper-container{position:relative;overflow:hidden}
.banner{color:#fff}.banner .image{background:#bec4ce;background:linear-gradient(90deg, rgba(190,196,206,0) 0%, #bec4ce 100%)}.banner .image:after{background:#bec4ce;background:linear-gradient(90deg, rgba(190,196,206,0) 0%, #bec4ce 100%)}.banner .btn-cta{margin-bottom:20px;width:50%}.banner .btn-cta.white{border:none;background-color:#fff}@media (max-width: 767px){.banner .btn-cta.white{border:1px solid #53B7FF}}.banner .btn-cta.white:hover{background-color:#D9D9D9;color:#2C4F7B;border:none}@media (max-width: 767px){.banner .btn-cta.white:hover{border:1px solid #2C4F7B}}.banner .content{background-color:#bec4ce}.banner .content .info-inner{max-width:430px;color:#363636}.banner .content .info-inner .icon{width:50%}@media (max-width: 767px){.banner .content .info-inner .icon{width:30%}}.need h2{padding-bottom:35px}@media screen and (min-width: 767px){.need h2{padding-bottom:calc(35px + 15 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){.need h2{padding-bottom:50px}}
footer{font-size:14px;background:#2C4F7B;color:#FFF}footer{padding-top:30px}@media screen and (min-width: 767px){footer{padding-top:calc(30px + 15 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){footer{padding-top:45px}}footer{padding-bottom:30px}@media screen and (min-width: 767px){footer{padding-bottom:calc(30px + 5 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){footer{padding-bottom:35px}}footer{padding-left:20px}@media screen and (min-width: 767px){footer{padding-left:calc(20px + 100 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){footer{padding-left:120px}}footer{padding-right:20px}@media screen and (min-width: 767px){footer{padding-right:calc(20px + 100 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){footer{padding-right:120px}}footer a{color:#FFF}footer .logo{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #FFF}footer>div{max-width:1300px;margin:0 auto}footer .footer-items{display:grid;grid-template-columns:1fr 1fr 2fr}footer .footer-items{grid-gap:20px}@media screen and (min-width: 767px){footer .footer-items{grid-gap:calc(20px + 140 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){footer .footer-items{grid-gap:160px}}@media (max-width: 767px){footer .footer-items{display:block;max-width:330px}}@media (max-width: 767px){footer .footer-item{padding-bottom:20px}}footer .footer-item:last-child{display:grid;justify-content:end}@media (max-width: 767px){footer .footer-item:last-child{justify-content:start}}footer .footer-item .title{padding-bottom:10px;font-weight: 700;}footer .footer-item .content{line-height:1.8;padding-bottom:10px}footer .footer-item .app{text-align:center}@media (max-width: 767px){footer .footer-item .app{text-align:left}}footer .footer-item .app .mobile{display:none}@media (max-width: 767px){footer .footer-item .app .mobile{display:flex}}@media (max-width: 767px){footer .footer-item .app .desktop{display:none}}footer .collapsible{background-color:transparent;color:white;cursor:pointer;padding:18px 0;width:100%;border:none;text-align:left;outline:none;font-size:13px}footer .collapsible.active i::after{transform:rotate(-45deg);top:5px}footer .collapsible i{width:18px;height:18px;position:relative;margin-left:20px;margin-top:4px}@media (max-width: 767px){footer .collapsible i{margin-top:0}}footer .collapsible i::after{content:'';position:absolute;width:8px;height:8px;border-top:2px solid white;border-right:2px solid white;border-bottom:none;border-left:none;top:3px;left:6px;transform:rotate(135deg)}footer .tnc-privacy-link{padding-bottom:10px}footer .tnc-privacy-link a{margin-right:50px}@media (max-width: 767px){footer .tnc-privacy-link a{display:block;width:fit-content}}footer .download-app{display:grid;grid-template-columns:max-content auto;grid-template-rows:auto;grid-template-areas:"one icon"
 "two icon"
 "three icon";grid-row-gap:10px}footer .download-app{grid-column-gap:20px}@media screen and (min-width: 767px){footer .download-app{grid-column-gap:calc(20px + 10 * ((100vw - 767px) / 1153))}}@media screen and (min-width: 1920px){footer .download-app{grid-column-gap:30px}}footer .download-app img{display:block}@media (max-width: 767px){footer .download-app img{width:100px}}footer .download-app :nth-child(1){grid-area:one}footer .download-app :nth-child(2){grid-area:two}footer .download-app :nth-child(3){grid-area:three}footer .download-app :nth-child(4){grid-area:icon}@media (max-width: 767px){footer .download-app :nth-child(4) img{width:70px}}footer .note{font-size:12px;font-weight:300}@media (max-width: 767px){footer .note{font-size:10px;padding-top:20px}}footer .note li{position:relative;padding-left:10px}footer .note li::before{content:'';position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background-color:#FFF}.copyright{padding-top:10px;border-top:0.5px #FFF solid}.btn-back-to-top{position:fixed;bottom:38px;right:70px;width:46px;height:46px;border-radius:50%;z-index:10;background-color:#FFF;cursor:pointer;border:none;filter:drop-shadow(0 0 10px rgba(117,117,117,0.2))}@media (max-width: 767px){.btn-back-to-top{bottom:20px;right:15px}}.btn-back-to-top svg{position:absolute;left:12px;top:12px}
header{position:relative;font-size:16px;font-weight:700;min-height:138px;display:flex;padding-left:20px;padding-right:20px;max-width:1200px;margin:0 auto;background-color:#FFF;align-items:center;justify-content:space-between;color:#575757}@media (max-width: 767px){header{min-height:60px;box-shadow:0px 1px 8px rgba(174,174,174,0.32)}header.expanded::before{content:'';background-color:white;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}header.expanded .btn-hamburger{position:fixed;flex-grow:0;flex-shrink:0}header.expanded .btn-hamburger .line1{transform:translateY(8px) rotateX(180deg) rotateZ(-45deg)}header.expanded .btn-hamburger .line2{transform:rotateX(180deg) rotateZ(225deg)}header.expanded .btn-hamburger .line3{opacity:0;width:0;transform:rotateX(180deg) rotateZ(45deg)}header.expanded .right{position:fixed;z-index:11;width:100%;height:calc(100% - 65px);left:0;top:65px;display:flex;flex-direction:column;padding-left:20px;padding-right:20px}header.expanded .main{order:1;width:100%}header.nav-expanded .topbar{order:2;display:block;margin-top:15px}header.nav-expanded .topbar .language a:first-child{margin-left:0}header.nav-expanded .main .quick{display:none}header.nav-expanded .main ul{display:block;width:100%;padding-top:20px}header.nav-expanded .main ul li{border-bottom:#D9D9D9 1px solid;padding-top:15px;padding-bottom:15px}header.nav-expanded .main ul a{margin-left:0;min-height:0}header.nav-expanded .main ul a.active{color:#53B7FF}header.nav-expanded .main ul a.active:before{display:none}header.quick-expanded .quick{min-height:0;margin-right:0;border:none;border-radius:0;padding-top:20px;padding-left:0;padding-right:0;width:100%;font-size:16px}header.quick-expanded .quick .label{display:none}header.quick-expanded .quick:hover .quick-dropdown{display:block;pointer-events:auto;opacity:1}header.quick-expanded .quick .quick-dropdown{display:block;pointer-events:auto;opacity:1;position:static;padding-top:0}header.quick-expanded .quick .quick-dropdown .quick-dropdown-inner{border-radius:0;background-color:transparent;box-shadow:none;padding:0}header.quick-expanded .quick .quick-dropdown .quick-dropdown-inner::before{display:none}}header .btn-hamburger{cursor:pointer;flex-grow:0;flex-shrink:0;width:20px;perspective-origin:50%;perspective:200px;transform-style:preserve-3d;position:relative;z-index:100;border:none;background-color:transparent;margin-left:20px;display:block;position:absolute;top:75px;right:20px}@media (max-width: 767px){header .btn-hamburger{top:20px;right:20px}}header .btn-hamburger .line1,header .btn-hamburger .line2,header .btn-hamburger .line3{background-color:#575757;width:20px;height:2px;margin-top:6px;margin-bottom:6px;transform-origin:50%;transition:all .4s ease-out}header a{color:#575757}header .site-logo{position:relative;z-index:7;display:flex;align-items:center}@media (max-width: 767px){header .site-logo{margin-top:15px;margin-bottom:10px}}header .site-logo>span{display:inline-block;padding-left:30px;padding-right:30px;font-weight:600}@media (max-width: 767px){header .site-logo>span{padding-left:15px;padding-right:15px;font-size:7px}}header .logo img{display:block}@media (max-width: 767px){header .logo img{width:60px}}@media (max-width: 767px){header .hkialogo{width:70px}}header .topbar{display:none;justify-content:flex-end}@media (max-width: 767px){header .topbar{display:none}}header .topbar .language{display:flex}header .topbar .language a{margin-left:28px;font-weight:700}header .topbar .language a.active{color:#53B7FF}header .quick{display:flex;align-items:center;min-height:44px;border:1px solid #53B7FF;border-radius:22px;color:#53B7FF;padding-left:30px;padding-right:30px;text-transform:uppercase;letter-spacing:1px;position:relative;cursor:pointer}@media (max-width: 767px){header .quick{min-height:36px;font-size:12px;margin-right:40px}}header .quick:hover .quick-dropdown{opacity:1;pointer-events:auto}@media (max-width: 767px){header .quick:hover .quick-dropdown{display:none}}header .quick .quick-dropdown{position:absolute;top:0;left:0;width:100%;padding-top:65px;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out;z-index:10}header .quick .quick-dropdown .quick-dropdown-inner{position:relative;border-radius:15px;background-color:#FFF;box-shadow:0 0 15px rgba(166,166,166,0.2);padding:10px 25px 10px 25px}header .quick .quick-dropdown .quick-dropdown-inner:hover{opacity:1;pointer-events:auto}header .quick .quick-dropdown .quick-dropdown-inner:before{content:'';position:absolute;width:0;height:0;margin-left:10px;top:0;left:50%;box-sizing:border-box;border:10px solid #FFF;border-color:transparent transparent #FFF #FFF;transform-origin:0 0;transform:rotate(135deg);box-shadow:-3px 3px 6px rgba(166,166,166,0.2)}header .quick .quick-dropdown .quick-dropdown-inner a{display:block;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #D9D9D9;transition:color .3s ease-in-out}header .quick .quick-dropdown .quick-dropdown-inner a:hover,header .quick .quick-dropdown .quick-dropdown-inner a.active{color:#53B7FF}header .quick .quick-dropdown .quick-dropdown-inner a:last-child{border-bottom:none}header .main{margin-top:40px;display:flex}@media (max-width: 767px){header .main{margin-top:0;align-items:center}}header .main ul{display:none}@media (max-width: 767px){header .main ul{display:none;z-index:11}}header .main ul a{display:flex;position:relative;align-items:center;min-height:44px;margin-left:28px;letter-spacing:1px;transition:color .3s ease-in-out}header .main ul a::before{content:'';position:absolute;bottom:5px;left:0;width:0;height:2px;background-color:#53B7FF;transition:width .3s ease-in-out}header .main ul a.active{color:#53B7FF}header .main ul a:hover{color:#53B7FF}header .main ul .subNav{display:block;margin-top:10px;border-top:1px solid #D9D9D9;padding-left:20px}@media (max-width: 767px){header .main ul .subNav{display:block}}header .main ul .subNav a{margin-top:15px;margin-bottom:15px}@media (min-width: 768px){header.expanded::before{content:'';background-color:white;position:fixed;top:0;right:0;width:480px;height:100%;z-index:10}}header.expanded .btn-hamburger .line1{transform:translateY(8px) rotateX(180deg) rotateZ(-45deg)}header.expanded .btn-hamburger .line2{transform:rotateX(180deg) rotateZ(225deg)}header.expanded .btn-hamburger .line3{opacity:0;width:0;transform:rotateX(180deg) rotateZ(45deg)}@media (min-width: 768px){header.expanded .right{position:fixed;z-index:1000;width:480px;height:calc(100% - 65px);right:0;top:0;display:flex;flex-direction:column;padding-left:20px;padding-right:20px}}header.expanded .main{order:1;width:100%}@media (min-width: 768px){header.expanded .main{margin-top:100px}}header.nav-expanded .topbar{order:2;display:block;margin-top:15px;margin-left:20px}header.nav-expanded .topbar .language a:first-child{margin-left:0}header.nav-expanded .main .quick{display:none}header.nav-expanded .main ul{display:block;width:100%;padding-top:20px;margin-left:20px}header.nav-expanded .main ul li{border-bottom:#D9D9D9 1px solid;padding-top:15px;padding-bottom:15px}header.nav-expanded .main ul a{margin-left:0;min-height:0}header.nav-expanded .main ul a.active{color:#53B7FF}header.nav-expanded .main ul a.active:before{display:none}header.quick-expanded .quick{min-height:0;margin-right:0;border:none;border-radius:0;padding-top:20px;padding-left:0;padding-right:0;width:100%;font-size:16px}header.quick-expanded .quick .label{display:none}header.quick-expanded .quick:hover .quick-dropdown{display:block;pointer-events:auto;opacity:1}header.quick-expanded .quick .quick-dropdown{display:block;pointer-events:auto;opacity:1;position:static;padding-top:0}header.quick-expanded .quick .quick-dropdown .quick-dropdown-inner{border-radius:0;background-color:transparent;box-shadow:none;padding:0}header.quick-expanded .quick .quick-dropdown .quick-dropdown-inner::before{display:none}.layer.active::before{content:'';position:fixed;height:100%;width:100%;background-color:rgba(0,0,0,0.5);z-index:9;top:0;left:0}