@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=PT+Sans&display=swap);
@font-face{font-family:"SF Pro Display";src:url(../68dd00a1b4d020df3bd9.woff2) format("woff2"),url(../2ee6eb03984d6d564772.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"SF Pro Display";src:url(../062b6188d5465a356866.woff2) format("woff2"),url(../d6311c23bbcb6163e18f.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"SF Pro Display";src:url(../1c2dc0d848f2dd611d32.woff2) format("woff2"),url(../937ee7fe7e0b16ff1cd5.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"SF Pro Rounded";src:url(../3444acd5f81bca00bed1.woff2) format("woff2"),url(../0f73192f18801e01f6a7.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,::after,::before{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"SF Pro Display",sans-serif;font-weight:normal;font-size:1rem;line-height:1.4;color:#fff;background:#1c173e}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto}strong{font-weight:bold}.container{padding-left:15px;padding-right:15px;max-width:1280px;margin:0 auto}.common-btn{display:flex;align-items:center;justify-content:center;padding:0 12px;height:70px;max-width:100%;border-radius:123px;background:linear-gradient(180deg, #55ffad 0%, #14b9ff 100%);font-size:1.25rem;font-weight:bold;color:#1f1d44;line-height:1.333;text-decoration:none !important;border:0;cursor:pointer;transition:opacity .5s}.common-btn:hover{opacity:.8}@media(min-width: 768px){.common-btn{padding-left:20px;padding-right:20px;max-width:535px}.text-center .common-btn{margin-left:auto;margin-right:auto}}.btn-outline{background:#fff;color:#33b6ff;border:3px solid #33b6ff}.row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap}.col-3{flex:0 0 25%;max-width:25%}.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-9,.col-lg-7,.col-lg-5{position:relative;width:100%;padding-left:15px;padding-right:15px}@media(min-width: 768px){.d-md-flex{display:flex}.justify-content-md-between{justify-content:space-between}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-9{flex:0 0 75%;max-width:75%}.flex-md-reverse{flex-flow:row-reverse}}@media(min-width: 992px){.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}}.text-center{text-align:center !important}.text-danger{color:#d74040}.title{text-align:center;font-size:2rem;font-weight:bold;line-height:1.333;margin-bottom:30px}@media(min-width: 768px){.title{font-size:3rem}}.form-group{margin-bottom:20px}@media(min-width: 768px){.form-group{margin-bottom:16px}}.form-control{display:block;line-height:normal;padding:5px 8px;width:100%;background:rgba(0,0,0,0);border:0;font-size:1.25rem;outline:none;color:#fff;flex:1 0 0}.form-control::placeholder{opacity:0}.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff}.input-group{display:flex;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);position:relative}.input-group .input-icon{width:32px;height:32px;background-repeat:no-repeat;background-size:contain}.input-group .input-icon--email{background-image:url(../images/icon-email-nova.svg)}.input-group .input-icon--phone{background-image:url(../images/icon-phone-nova.svg)}.input-group .input-icon--contact{background-image:url(../images/icon-contact-nova.svg)}.input-group .form-label{position:absolute;font-size:1.125rem;left:53px;top:50%;letter-spacing:2px;color:#999;transition:opacity .8s,top .5s;pointer-events:none;line-height:1;margin-top:-0.5em}.input-group.has-val .form-label{top:-10px;opacity:0}.slick-dots{display:flex;justify-content:center;gap:0 10px}.slick-dots button{width:8px;height:8px;padding:0;border:0;cursor:pointer;text-indent:-999px;overflow:hidden;border-radius:10px;background:rgba(129,98,227,.3)}.slick-dots .slick-active button{width:60px;background-color:#8162e3}input[type=radio]{width:1px;height:1px;visibility:hidden;opacity:0;position:absolute}input[type=radio]+label{display:inline-block;margin-bottom:0;position:relative;font-size:1.1rem;line-height:1.3;padding-left:40px;min-height:30px}input[type=radio]+label::before{content:"";width:28px;height:28px;position:absolute;left:0;top:0;border-radius:6px;border:2px solid #fff}input[type=radio]:checked+label::before{background-image:url(../images/icon-tick-blue.svg);background-repeat:no-repeat;background-position:center;background-size:14px}@media(max-width: 767px){.desktop{display:none !important}}@media(min-width: 768px){.mobile{display:none !important}}.slick-slide img{height:auto}.header{background:#fff}.text-gradient,.promotion-box__list li strong,.banner__title strong{background:linear-gradient(151deg, #55ffad 0%, #14b9ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.line-chat-button{position:fixed;right:24px;bottom:20px;z-index:990;border-radius:100px;border:none;color:#fff;background-color:#22ba4f;width:fit-content;padding:0;cursor:pointer}.line-chat-button__inner{display:inline-flex;align-items:center;width:100%;padding:10px 25px}.line-chat-button__icon{width:20px;margin:0 8px 0 -4px}.line-chat-button__icon svg{fill:currentcolor}.header .container{background:#fff;height:60px;display:flex;align-items:center;justify-content:center}@media(min-width: 768px){.header .container{height:72px;justify-content:flex-start}}.site-footer{overflow:hidden;background:#1f1b4e;color:#fff;position:relative}.site-footer a{color:inherit}.site-footer a .text{display:inline-block;margin-left:5px}.site-footer__top{padding:20px 0}@media(min-width: 768px){.site-footer__top{padding:60px 0}}@media(min-width: 992px){.site-footer__bottom{padding:20px 0;border-top:#748898 solid 1px}}.site-footer .ft-logo{gap:24px}.site-footer .download{display:flex;gap:10px}.site-footer .contact-right{margin-top:25px}@media(min-width: 768px){.site-footer .contact-right{margin-top:0}}.site-footer .contact-right ul{margin-bottom:0;list-style:none;padding-left:0}.site-footer .contact-right ul li{margin-bottom:10px}.site-footer .contact-right ul li:last-child{margin-bottom:0}@media(max-width: 767px){.site-footer .contact-right:last-child{padding-top:30px;border-top:1px solid #fff}}.banner{padding:50px 0 30px;color:#fff;text-align:center;position:relative}@media(max-width: 767px){.banner{padding-top:92%}}@media(min-width: 768px){.banner{height:650px}}@media(min-width: 768px){.banner .container{display:flex;height:100%;flex-direction:column;justify-content:center;position:relative}}@media(min-width: 768px){.banner__content{width:600px;max-width:100%}}.banner__image{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.banner__image img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.banner__title{margin-bottom:10px;font-size:28px;font-weight:bold;line-height:1.4}@media(min-width: 768px){.banner__title{margin-bottom:20px;font-size:2.5rem}.banner__title strong{display:block;font-size:1.2em}}.banner__description{margin-bottom:10px;font-size:1.25rem}@media(min-width: 768px){.banner__description{margin-bottom:20px;font-size:1.5rem}}.banner .common-btn{margin:0 auto}@media(max-width: 767px){.banner .common-btn{width:350px}}@media(min-width: 768px){.banner .common-btn{width:530px}}.elsa-feature{padding:40px 0 20px}@media(min-width: 768px){.elsa-feature{padding:60px 0 40px}}@media(min-width: 768px){.elsa-feature__container{display:flex;justify-content:center;gap:0 30px;flex-direction:row-reverse;margin-bottom:30px}}.feature-slider{width:220px;margin:0 auto 20px}@media(min-width: 768px){.feature-slider{width:320px;margin:0}}.feature-slider .slick-arrow{width:32px;height:32px;background:rgba(0,0,0,0) url(../images/slide-arrow.svg);z-index:990;position:absolute;top:50%;margin-top:-16px;border:0;text-indent:-999px;overflow:hidden}.feature-slider .slick-arrow.slick-next{transform:rotate(180deg)}.feature-slider .slick-prev{left:-50px}.feature-slider .slick-next{right:-50px}.feature-nav{margin-bottom:32px}@media(min-width: 768px){.feature-nav{margin-bottom:0;flex:1 0 0;max-width:675px}}.feature-nav li{background:inherit;margin:1px;position:absolute}@media(max-width: 767px){.feature-nav li{opacity:0;visibility:hidden;transition:opacity .7s}}@media(min-width: 768px){.feature-nav li{margin-bottom:14px;position:relative}.feature-nav li:last-child{margin-bottom:0}}.feature-nav li::before{content:"";top:-1px;left:-1px;right:-1px;bottom:-1px;background:rgba(255,255,255,.1);border-radius:12px;position:absolute;pointer-events:none}.feature-nav li.active{opacity:1;position:relative;visibility:visible}.feature-nav li.active::before{background:linear-gradient(97.9deg, #55ffad -10.96%, #14b9ff 105.47%)}.feature-nav__icon{width:64px;height:64px;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}.active .feature-nav__icon{background-position:0 -64px}.feature-nav__icon--user{background-image:url(../images/icon-user-edit.png)}.feature-nav__icon--gamming{background-image:url(../images/icon-gamming.png)}.feature-nav__icon--sound{background-image:url(../images/icon-sound-chart.png)}.feature-nav__icon--translate{background-image:url(../images/icon-translate.png)}.feature-nav__icon--messages{background-image:url(../images/icon-messages.png)}.feature-nav__wrap{background:#1c173e;border-radius:12px;padding:20px;display:flex;position:relative;z-index:1}.feature-nav__wrap::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border-radius:12px;z-index:-1;pointer-events:none}.feature-nav__content{flex:1 0 0;padding-left:10px}.feature-title{margin-bottom:8px;font-size:1.5rem;line-height:1.333;font-weight:bold}.active .feature-title{background:linear-gradient(151deg, #55ffad 0%, #14b9ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.feature-description,.feature-detail{color:#bec4d0}.feature-description{margin-bottom:5px;font-size:1.125rem}.feature-detail{font-style:italic}@media(min-width: 768px){.feature-detail{max-height:0;transform:scaleY(0);transition:transform .5s,max-height .3s}.active .feature-detail{margin-top:10px;max-height:7em;transform:scaleY(1);transition-delay:.3s,0}}.elsa-flow{padding:20px 0 40px}@media(min-width: 768px){.elsa-flow{padding:40px 0}}@media(min-width: 768px){.elsa-flow__container{width:250px;margin:300px auto 220px;position:relative}}.elsa-flow__item{margin-bottom:15px;text-align:center}.elsa-flow__item::after{content:"";background-repeat:no-repeat;background-position:0 0;background-size:contain}@media(max-width: 767px){.elsa-flow__item::after{display:block;width:9px;height:54px;margin:14px auto 20px;background-image:url(../images/line-arrow.png)}}@media(min-width: 768px){.elsa-flow__item::after{position:absolute}}@media(min-width: 768px){.elsa-flow__item{min-width:380px;position:absolute;z-index:2}.elsa-flow__item:nth-child(even){left:50%;transform:translateX(-50%)}.elsa-flow__item:nth-child(3),.elsa-flow__item:nth-child(5){top:50%;transform:translateY(-50%)}.elsa-flow__item:nth-child(2){bottom:calc(100% + 10px)}.elsa-flow__item:nth-child(2)::after{width:320px;height:198px;background-image:url(../images/line-top-right.png);left:calc(50% + 70px);top:60px}.elsa-flow__item:nth-child(4){top:calc(100% + 10px)}.elsa-flow__item:nth-child(3){left:calc(100% + 80px)}.elsa-flow__item:nth-child(3)::after{width:183px;height:197px;background-image:url(../images/line-bottom-right.png);right:50%;top:calc(100% + 10px)}.elsa-flow__item:nth-child(5){right:calc(100% + 80px)}.elsa-flow__item:nth-child(5)::after{width:188px;height:165px;background-image:url(../images/line-bottom-left.png);left:50%;top:calc(100% + 10px)}}@media(max-width: 767px){.elsa-flow__item:last-child::after{display:none}}.elsa-flow__thumb{width:120px;margin:0 auto 10px}.elsa-flow__title{margin-bottom:10px;font-size:23px;line-height:1.333;font-weight:bold}.elsa-flow__desc{font-size:1.125rem;color:#bec4d0}.comparison{padding:20px 0 40px}@media(min-width: 768px){.comparison{padding:40px 0 60px}}.comparison-table{margin-bottom:32px;border-radius:40px;overflow:hidden}@media(min-width: 768px){.comparison-table{max-width:1050px;margin-left:auto;margin-right:auto}}.comparison-row{display:flex;align-items:center;width:100%;min-height:140px;background:#fff;font-size:1rem}@media(min-width: 768px){.comparison-row{display:table;table-layout:fixed;min-height:105px;font-size:1.25rem}}.comparison-row:nth-child(odd){background:#e0e8f3}.comparison-row--head{font-size:1.25rem;font-weight:bold}@media(min-width: 768px){.comparison-row--head{font-size:1.5rem}}.comparison-col{display:table-cell;padding:10px 5px;text-align:center;vertical-align:middle}@media(min-width: 768px){.comparison-col{padding:15px}}.comparison-col span{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.comparison-col--free span{background-image:linear-gradient(180deg, #e558e7 1.25%, #6773f8 101.25%)}.comparison-col--free1{color:#333}.comparison-col--premium{width:35%}@media(min-width: 768px){.comparison-col--premium{width:33%}}.comparison-col--premium span{background-image:linear-gradient(180deg, #29f4ff -46.11%, #5257ff 151.97%)}.comparison-col--name{width:35%;color:#413e9d;font-weight:bold}@media(min-width: 768px){.comparison-col--name{width:33%}}.form-register{margin-bottom:40px}.form-register .form-thumb{margin-bottom:0;text-align:center}.form-register .form-note{max-width:600px;margin:20px auto;text-align:center}@media(min-width: 768px){.form-register .form-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:0 40px}}@media(min-width: 768px){.form-register .form-inputs,.form-register .box-packages{max-width:345px}}.form-register .box-packages{margin-bottom:40px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);padding:20px 10px}.form-register .package-title{margin-bottom:15px;font-size:1.25rem;font-weight:600}@media(min-width: 992px){.form-register .package-title{font-size:1.125rem}}.form-register .form-submit{margin-top:40px}.form-register .form-submit .common-btn{width:350px;margin:0 auto}@media(min-width: 768px){.form-register .title{font-size:2.5rem;max-width:930px;margin-left:auto;margin-right:auto}}.promotion-box{width:100%}.promotion-box__list{margin-top:15px}.promotion-box__list li{display:none;text-align:center}@media(min-width: 768px){.promotion-box__list li{text-align:left}}.promotion-box__list li.active{display:block}@media(min-width: 992px){.list-form-checkboxes{display:flex;flex-wrap:wrap}}.list-form-checkboxes li{width:100%}.list-form-checkboxes li+li{margin-top:15px}.list-form-checkboxes .is-feature{display:flex;align-items:center;width:fit-content;padding:5px 8px;font-size:12px;border-radius:5px;position:relative;background:linear-gradient(0deg, #fd4aa9 0%, #ff926e 98.75%);margin:5px 0}.list-form-checkboxes .is-feature .stars{margin-right:7px;position:relative}.list-form-checkboxes .is-feature .plus-icon{animation-name:starblinking;animation-duration:2.1s;animation-iteration-count:infinite}.list-form-checkboxes .is-feature .plus-icon::before,.list-form-checkboxes .is-feature .plus-icon::after{content:"";position:absolute;background:#fff;border-radius:3px}.list-form-checkboxes .is-feature .plus-icon--small{width:6px;height:6px;position:absolute;left:11px;top:-2px}.list-form-checkboxes .is-feature .plus-icon--small::before{width:6px;height:2px;left:0;top:2px}.list-form-checkboxes .is-feature .plus-icon--small::after{width:2px;height:6px;left:2px;top:0}.list-form-checkboxes .is-feature .plus-icon--smaller{width:4px;height:4px;position:absolute;left:15px;top:3px;animation-delay:.4s}.list-form-checkboxes .is-feature .plus-icon--smaller::before{width:4px;height:2px;left:0;top:2px}.list-form-checkboxes .is-feature .plus-icon--smaller::after{width:2px;height:4px;left:1px;top:1px}.list-form-checkboxes .price{display:block;padding-left:40px;font-size:11px}.list-form-checkboxes .price del{margin-right:10px;color:#8692a7}.list-form-checkboxes .price strong{color:#ff0008}@keyframes starblinking{0%{transform:scale(0.9) translate(0, 0);opacity:1}50%{opacity:1}100%{transform:scale(1.2) translate(0, -8px);opacity:0}}.form-error-message{display:none;border:1px solid #ffc2c2;color:#ffc2c2;padding:8px 15px;margin-top:20px;font-size:14px}.form-error-message p{margin:8px 0}[data-animate^=fade]{opacity:0;transition-property:opacity,transform;transition-duration:1s}[data-animate=fade-up]{transform:translate3d(0, 60px, 0)}.animated[data-animate^=fade]{opacity:1;transform:translateZ(0)}.animated[data-animate-delay="100"]{transition-delay:.1s}.animated[data-animate-delay="200"]{transition-delay:.2s}.animated[data-animate-delay="300"]{transition-delay:.3s}.animated[data-animate-delay="400"]{transition-delay:.4s}