@charset "UTF-8";html,body{background-color:#1f1f28}*{font-family:"Noto Sans TC",sans-serif;font-optical-sizing:auto;font-style:normal}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-img{height:2.5rem;width:auto}.logo-name{font-size:1rem;margin-left:.25rem;margin-bottom:0}.kv-section{background-color:#1f1f28;background-image:url("/img/app/kv-bg.jpg");background-position:center;background-size:cover;padding:0 0 5rem;background-attachment:fixed;border-bottom:1px #3c3c53 solid}.kv-header{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3rem auto}@media(max-width:1199px){.kv-header{margin-top:1rem}}.kv-img{margin-top:3rem}@media(max-width:1199px){.kv-img{margin-top:1rem}}.kv-title{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;font-size:2rem;line-height:1;text-align:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:.75rem;padding:6px 8px;color:#ff3d4a}@media(max-width:1199px){.kv-title{font-size:1.5rem}}.kv-subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.75rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:left;font-weight:800;margin-bottom:3rem}.kv-subtitle span{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:4rem;line-height:1.3;color:#f6f6f6;z-index:0;margin-bottom:.5rem;padding:0 .5rem}@media(max-width:1199px){.kv-subtitle span{font-size:2.5rem}}@media(max-width:375px){.kv-subtitle span{font-size:2.2rem}}.kv-subtitle span:nth-of-type(2)::before,.kv-subtitle span:nth-of-type(3)::before{content:"";position:absolute;left:0;top:-5%;width:0%;height:110%;background:linear-gradient(120deg,#ff3dec,#ff3d4a);z-index:-1;-webkit-animation:kv-wipe 1s ease-in-out forwards;animation:kv-wipe 1s ease-in-out forwards}.kv-subtitle span:nth-of-type(3)::before{-webkit-animation-delay:.4s;animation-delay:.4s}.kv-subtitle .kv-arrow{height:.65em;width:auto;margin-right:4px;position:relative;z-index:1}@-webkit-keyframes kv-wipe{0%{left:0;width:0%}35%{left:0;width:100%}65%{left:0;width:100%}100%{left:100%;width:0%}}@keyframes kv-wipe{0%{left:0;width:0%}35%{left:0;width:100%}65%{left:0;width:100%}100%{left:100%;width:0%}}.dl-sec{padding:6rem 0;background-color:#1f1f28}.dl-note{font-size:1.25rem;margin-bottom:1rem;text-align:center;color:#bcbcbc}.dl-qrcode{display:block;max-width:200px;margin:0 auto 2rem;text-align:center;border-radius:6px}.dl-store{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;text-align:center}@media(max-width:1199px){.dl-store{gap:.5rem}}.dl-badge{max-height:4rem;overflow:hidden;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;background-color:transparent}@media(max-width:575px){.dl-badge{max-height:3rem}}.dl-badge:hover{background-color:#373749}.sec-section{background:#1f1f28;background:-webkit-gradient(linear,left bottom,left top,from(#191922),to(#2b2b3c));background:linear-gradient(0deg,#191922 0%,#2b2b3c 100%);border-bottom:1px #3c3c53 solid}@media(max-width:1199px){.sec-section{padding-top:3rem}}.sec-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:3.5rem 3rem 3rem;border:1px #3c3c53 solid;border-radius:4rem;-webkit-box-shadow:0 0 4rem rgba(0,0,0,.2509803922);box-shadow:0 0 4rem rgba(0,0,0,.2509803922);-webkit-box-shadow:0 0 32px 4px rgba(63,63,95,.5843137255) inset;box-shadow:0 0 32px 4px rgba(63,63,95,.5843137255) inset;-webkit-transition:all .3s ease;transition:all .3s ease}@media(max-width:1199px){.sec-header{margin:1rem;padding:2.5rem 2rem 2rem;border-radius:2rem}}.sec-icon{width:7.5rem;height:auto;margin-bottom:1.25rem}.sec-title{position:relative;display:inline-block;padding:.5rem;font-weight:700;font-size:3.5rem;line-height:1.2;margin-bottom:1.25rem;color:#f6f6f6;z-index:0}@media(max-width:1199px){.sec-title{font-size:2.5rem}}.sec-title::before{content:"";position:absolute;left:0;top:5%;width:0;height:90%;background:linear-gradient(120deg,#ff3dec,#ff3d4a);z-index:-1}.sec-title--active::before{-webkit-animation:kv-wipe 1s ease-in-out forwards;animation:kv-wipe 1s ease-in-out forwards}.sec-desc{font-size:1.5rem;line-height:1.8;color:#f6f6f6;text-align:justify}@media(max-width:1199px){.sec-desc{font-size:1rem;line-height:1.7}}.sec-img{max-width:100%;height:auto;margin:6rem 0}@media(max-width:1199px){.sec-img{margin:2rem 0;max-height:90vh}}.sec-section:nth-child(odd){background:#1f1f28;background-image:url("/img/app/sec-bg.jpg");background-size:cover;background-position:center}.sec-section:nth-child(odd) .sec-desc{color:#f6f6f6}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#09090e;padding:2.5rem 0;gap:.5rem;color:#9ea9b1}@media(max-width:1199px){.footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.footer>.copyright,.footer>.taxid{color:#f6f6f6;text-decoration:none;text-align:center;font-size:1rem;line-height:1}.footer>.copyright:hover{color:#929ea5}#loading{position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:100vw!important;height:100vh!important;background:#1f1f28;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:999999}.spinner{width:4rem;height:4rem;border:8px solid #ddd;border-top-color:#ff4446;border-radius:50%;-webkit-animation:spin .9s linear infinite;animation:spin .9s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.kv-section{opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}