@import"//fonts.googleapis.com/earlyaccess/notosanstc.css";#preload{width:0px;height:0px;background:url("../images/map-A-bg.png"),url("../images/map-B-bg.png"),url("../images/map-C-bg.png"),url("../images/map-D-bg.png"),url("../images/map-E-bg.png"),url("../images/map-F-bg.png"),url("../images/map-G-bg.png")}@-webkit-keyframes fadeOutBubble{0%{opacity:1;max-width:200px;visibility:visible}80%{opacity:0;max-width:200px}100%{opacity:0;max-width:0;visibility:hidden}}@keyframes fadeOutBubble{0%{opacity:1;max-width:200px;visibility:visible}80%{opacity:0;max-width:200px}100%{opacity:0;max-width:0;visibility:hidden}}@-webkit-keyframes fadeInBubble{0%{opacity:0;max-width:200px;visibility:hidden}80%{opacity:1;max-width:200px;visibility:visible}100%{opacity:1;max-width:200px;visibility:visible}}@keyframes fadeInBubble{0%{opacity:0;max-width:200px;visibility:hidden}80%{opacity:1;max-width:200px;visibility:visible}100%{opacity:1;max-width:200px;visibility:visible}}@-webkit-keyframes jumper{0%{opacity:0;transform:scale(0)}5%{opacity:1}100%{opacity:0}}@keyframes jumper{0%{opacity:0;transform:scale(0)}5%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes zboing{0%{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}100%{transform:scale3d(1, 1, 1)}}@keyframes zboing{0%{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}100%{transform:scale3d(1, 1, 1)}}@-webkit-keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.animation-pulse{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite}@-webkit-keyframes shop-init{0%{opacity:0;transform:translateY(50%) scale(0.5);transform-origin:bottom center}100%{opacity:1;transform:translateY(0%) scale(1);transform-origin:bottom center}}@keyframes shop-init{0%{opacity:0;transform:translateY(50%) scale(0.5);transform-origin:bottom center}100%{opacity:1;transform:translateY(0%) scale(1);transform-origin:bottom center}}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translate3d(0, 0, 0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translate3d(0, 0, 0)}}@-webkit-keyframes bounceInDown2{0%{opacity:0;transform:translate3d(0, -90%, 0) scaleY(1)}30%{opacity:1;transform:translate3d(0, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes bounceInDown2{0%{opacity:0;transform:translate3d(0, -90%, 0) scaleY(1)}30%{opacity:1;transform:translate3d(0, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes kv-desc-fadeInUp{from{opacity:0;transform:translate3d(-50%, 100%, 0)}to{opacity:1;transform:translate3d(-50%, 0, 0)}}@keyframes kv-desc-fadeInUp{from{opacity:0;transform:translate3d(-50%, 100%, 0)}to{opacity:1;transform:translate3d(-50%, 0, 0)}}@-webkit-keyframes kv-yue-lao-fadeInUp{from{opacity:0;transform:translate3d(0, 40%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes kv-yue-lao-fadeInUp{from{opacity:0;transform:translate3d(0, 40%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes kv-yue-lao-loop{0%{transform:translateY(0)}50%{transform:translateY(-2%)}}@keyframes kv-yue-lao-loop{0%{transform:translateY(0)}50%{transform:translateY(-2%)}}@-webkit-keyframes kv-yue-lao-shadow-fadeInUp{from{opacity:0;transform:translate3d(-50%, 40%, 0)}to{opacity:1;transform:translate3d(-50%, 0, 0)}}@keyframes kv-yue-lao-shadow-fadeInUp{from{opacity:0;transform:translate3d(-50%, 40%, 0)}to{opacity:1;transform:translate3d(-50%, 0, 0)}}@-webkit-keyframes kv-yue-lao-shadow{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(0.8)}}@keyframes kv-yue-lao-shadow{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(0.8)}}@-webkit-keyframes yue-lao-light{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes yue-lao-light{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes house{0%{transform:scale(1, 1) translate(0%, 0%)}15%{transform:scale(0.95, 0.95) translate(0%, 2.5%)}30%{transform:scale(1.1, 0.9) translate(0%, 5%)}50%{transform:scale(0.9, 1.1) translate(0%, -5%)}70%{transform:scale(1.05, 0.95) translate(0%, 2.5%)}100%{transform:scale(1, 1) translate(0%, 0%)}}@keyframes house{0%{transform:scale(1, 1) translate(0%, 0%)}15%{transform:scale(0.95, 0.95) translate(0%, 2.5%)}30%{transform:scale(1.1, 0.9) translate(0%, 5%)}50%{transform:scale(0.9, 1.1) translate(0%, -5%)}70%{transform:scale(1.05, 0.95) translate(0%, 2.5%)}100%{transform:scale(1, 1) translate(0%, 0%)}}@-webkit-keyframes map-fixed{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes map-fixed{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@-webkit-keyframes person-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes person-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes person-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes person-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}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,input{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;outline:0;box-sizing:border-box}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:focus{outline:0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:none;border-radius:0;border:1px solid #000}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;cursor:pointer}input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{zoom:1}.clearfix:before{content:"";display:table}.clearfix:after{content:"";display:table;clear:both}html{font-family:sans-serif;line-height:1;font-size:16px;height:100%}a{text-decoration:none;color:#000}html{font-size:62.5%}h1{font-size:3rem}h2{font-size:2.6rem}h3{font-size:2rem}h4{font-size:1.8rem}p{font-size:1.6rem}html,body{position:relative;margin:0 auto;height:100%;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",Verdana,Arial,Helvetica,sans-serif,"Microsoft Yahei","Microsoft JhengHei","新細明體";background:#fff}a{cursor:pointer}.fb-root{height:0;overflow:hidden}._freeze{position:fixed;width:100%;height:100%}.l-container{margin:0 auto;position:relative}.l-wrap{width:100%;position:relative;overflow:hidden}.l-main{position:relative}.l-footer{position:relative;text-align:center}.container-area{width:100%;max-width:75vw;margin:0 auto}.hidden{display:none}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}:root{--vh: 100vh;--scale: 1}.index-pc{width:100vw;height:56.25vw;background:url("../images/pc-index.jpg") no-repeat center/100%}@media only screen and (max-width: 750px){.index-pc{display:none}}.index{display:none}@media only screen and (max-width: 750px){.index{display:flex;justify-content:center;align-items:center;width:100%;height:calc(var(--vh, 1vh)*100 - 13.3333333333vw);background:url("../images/home-bg.png") no-repeat center -44.4vw/cover}.index .kv{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(93.0133333333vw*var(--scale, 1)) 0}.index .kv-title{width:calc(90.4vw*var(--scale, 1));height:calc(34.6666666667vw*var(--scale, 1));-webkit-animation:bounceInDown .7s;animation:bounceInDown .7s}.index .kv-yue-lao{width:calc(96.8vw*var(--scale, 1));height:calc(87.3333333333vw*var(--scale, 1));opacity:0;-webkit-animation:kv-yue-lao-fadeInUp 1s .3s,kv-yue-lao-loop 3s 1s infinite;animation:kv-yue-lao-fadeInUp 1s .3s,kv-yue-lao-loop 3s 1s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.index .kv #kv-yue-lao{position:absolute;top:calc(40vw*var(--scale, 1));width:calc(106.6666666667vw*var(--scale, 1));opacity:0;-webkit-animation:kv-yue-lao-fadeInUp 1s .3s,kv-yue-lao-loop 3s 1s infinite;animation:kv-yue-lao-fadeInUp 1s .3s,kv-yue-lao-loop 3s 1s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.index .kv-yue-lao-shadow{position:absolute;left:50%;top:calc(125.1466666667vw*var(--scale, 1));transform:translateX(-50%) scale(1);width:calc(30.6666666667vw*var(--scale, 1));height:calc(6.4vw*var(--scale, 1));background:url("../images/kv-Yue-Lao-shadow.png") no-repeat center/100%;opacity:0;-webkit-animation:kv-yue-lao-shadow-fadeInUp 1s .3s,kv-yue-lao-shadow 3s 1s infinite;animation:kv-yue-lao-shadow-fadeInUp 1s .3s,kv-yue-lao-shadow 3s 1s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.index .kv-descript{position:absolute;z-index:5;top:calc(35.6533333333vw*var(--scale, 1));left:50%;transform:translateX(-50%);font-size:3.7333333333vw;font-weight:bold;letter-spacing:.1493333333vw;line-height:5.6vw;text-align:center;white-space:nowrap;color:#333;opacity:0;-webkit-animation:kv-desc-fadeInUp 1s .3s;animation:kv-desc-fadeInUp 1s .3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.index .kv-descript span{color:#d33333}.index .kv-button{opacity:0;width:calc(59.44vw*var(--scale, 1));height:calc(17vw*var(--scale, 1));background:url("../images/kv-btn.png") no-repeat top left/cover;background-size:200% 100%;margin-top:calc(1.0666666667vw*var(--scale, 1));-webkit-animation:kv-yue-lao-fadeInUp 1s .3s,kv-button 1s steps(2, end) .8s infinite;animation:kv-yue-lao-fadeInUp 1s .3s,kv-button 1s steps(2, end) .8s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:relative;z-index:6}}@-webkit-keyframes kv-button{0%{background-position:left top}100%{background-position:200% top}}@keyframes kv-button{0%{background-position:left top}100%{background-position:200% top}}.game{display:none}.game .scan-bg{position:absolute;left:0;top:0;width:100%;height:100%}.game .scan-bg.shop-A{background:url("../images/scan-bg-A.png") no-repeat center -13.3333333333vw/cover}.game .scan-bg.shop-B{background:url("../images/scan-bg-B.png") no-repeat center -13.3333333333vw/cover}.game .scan-bg.shop-C{background:url("../images/scan-bg-C.png") no-repeat center -13.3333333333vw/cover}.game .scan-bg.shop-D{background:url("../images/scan-bg-D.png") no-repeat center -13.3333333333vw/cover}.game .scan-bg.shop-E{background:url("../images/scan-bg-E.png") no-repeat center -13.3333333333vw/cover}.game .scan-bg.shop-F{background:url("../images/scan-bg-F.png") no-repeat center -13.3333333333vw/cover}.game .scan-bg.shop-G{background:url("../images/scan-bg-G.png") no-repeat center -13.3333333333vw/cover}.game #scan-video{opacity:0;position:absolute;top:0;left:50%;transform:translateX(-50%)}.game #scan-canvas{height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 750px){.game{position:relative;display:block;width:100%;height:calc(var(--vh, 1vh)*100 - 13.3333333333vw);overflow:hidden}.game .map{position:absolute;top:50%;left:0;transform:translateY(calc(-50% - 6.6666666667vw));width:100%;height:calc(240vw*var(--scale, 1));background:url("../images/map-bg.png") no-repeat center/100%}.game .map .person-1,.game .map .person-2,.game .map .person-3,.game .map .person-4,.game .map .person-5{position:absolute;opacity:0}.game .map .person-1,.game .map .person-3{transform:translateX(100%)}.game .map .person-2,.game .map .person-4,.game .map .person-5{transform:translateX(-100%)}.game .map .person-1{top:calc(65.3333333333vw*var(--scale, 1));right:calc(11.8133333333vw*var(--scale, 1));width:calc(14.6666666667vw*var(--scale, 1));height:calc(22.6666666667vw*var(--scale, 1))}.game .map .person-2{top:calc(91.8133333333vw*var(--scale, 1));left:calc(9.2vw*var(--scale, 1));width:calc(9.3333333333vw*var(--scale, 1));height:calc(14.4vw*var(--scale, 1))}.game .map .person-3{top:calc(96.48vw*var(--scale, 1));right:calc(20.32vw*var(--scale, 1));width:calc(20vw*var(--scale, 1));height:calc(14.6666666667vw*var(--scale, 1))}.game .map .person-4{top:calc(133.28vw*var(--scale, 1));left:calc(5.36vw*var(--scale, 1));width:calc(12.7733333333vw*var(--scale, 1));height:calc(18.24vw*var(--scale, 1))}.game .map .person-5{top:calc(149.7733333333vw*var(--scale, 1));left:calc(41.1333333333vw*var(--scale, 1));width:calc(14.6666666667vw*var(--scale, 1));height:calc(14.6666666667vw*var(--scale, 1))}.game .map.init .shop-A,.game .map.init .shop-B,.game .map.init .shop-C,.game .map.init .shop-D,.game .map.init .shop-E,.game .map.init .shop-F,.game .map.init .shop-G{opacity:0;transform:translate3d(0, -90%, 0) scaleY(1)}.game .map.init .shop-A{-webkit-animation:bounceInDown2 .5s;animation:bounceInDown2 .5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.game .map.init .shop-B{-webkit-animation:bounceInDown2 .5s;animation:bounceInDown2 .5s;-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.game .map.init .shop-C{-webkit-animation:bounceInDown2 .5s;animation:bounceInDown2 .5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.game .map.init .shop-D{-webkit-animation:bounceInDown2 .5s;animation:bounceInDown2 .5s;-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.game .map.init .shop-E{-webkit-animation:bounceInDown2 .5s;animation:bounceInDown2 .5s;-webkit-animation-delay:.65s;animation-delay:.65s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.game .map.init .shop-F{-webkit-animation:bounceInDown2 .5s;animation:bounceInDown2 .5s;-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.game .map.init .shop-G{-webkit-animation:bounceInDown2 .5s;animation:bounceInDown2 .5s;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.game .map.active .person-1,.game .map.active .person-3{-webkit-animation:person-right 1s;animation:person-right 1s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.game .map.active .person-2,.game .map.active .person-4,.game .map.active .person-5{-webkit-animation:person-left 1s;animation:person-left 1s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.game .map .shop-A,.game .map .shop-B,.game .map .shop-C,.game .map .shop-D,.game .map .shop-E,.game .map .shop-F,.game .map .shop-G{position:absolute}.game .map .shop-A.active,.game .map .shop-B.active,.game .map .shop-C.active,.game .map .shop-D.active,.game .map .shop-E.active,.game .map .shop-F.active,.game .map .shop-G.active{-webkit-animation:house 1s infinite;animation:house 1s infinite}.game .map .shop-A.used img,.game .map .shop-B.used img,.game .map .shop-C.used img,.game .map .shop-D.used img,.game .map .shop-E.used img,.game .map .shop-F.used img,.game .map .shop-G.used img{-webkit-animation:none;animation:none}.game .map .shop-A.used::before,.game .map .shop-B.used::before,.game .map .shop-C.used::before,.game .map .shop-D.used::before,.game .map .shop-E.used::before,.game .map .shop-F.used::before,.game .map .shop-G.used::before{content:"";position:absolute;z-index:50;width:calc(6.6666666667vw*var(--scale, 1));height:calc(6.6666666667vw*var(--scale, 1));background:url(../images/done.png) no-repeat center/cover}.game .map .shop-A{width:calc(24.2666666667vw*var(--scale, 1));height:calc(30.9333333333vw*var(--scale, 1));left:5.0666666667vw;top:calc(55.5866666667vw*var(--scale, 1))}.game .map .shop-A::before{top:calc(-1.3333333333vw*var(--scale, 1));left:calc(6.6666666667vw*var(--scale, 1))}.game .map .shop-B{width:calc(30.1333333333vw*var(--scale, 1));height:calc(37.3333333333vw*var(--scale, 1));left:35.7333333333vw;top:calc(50.92vw*var(--scale, 1))}.game .map .shop-B::before{top:3.3333333333vw;left:-.6666666667vw}.game .map .shop-C{width:calc(17.3333333333vw*var(--scale, 1));height:calc(28.5333333333vw*var(--scale, 1));left:30.1333333333vw;top:calc(83.7333333333vw*var(--scale, 1))}.game .map .shop-C::before{top:8vw;left:-2vw}.game .map .shop-D{width:calc(45.8666666667vw*var(--scale, 1));height:calc(28vw*var(--scale, 1));left:19.4666666667vw;top:calc(119.0533333333vw*var(--scale, 1))}.game .map .shop-D::before{top:0;left:2.6666666667vw}.game .map .shop-E{width:calc(31vw*var(--scale, 1));height:calc(31.2vw*var(--scale, 1));left:65.8vw;top:calc(116.12vw*var(--scale, 1))}.game .map .shop-E::before{top:-1.3333333333vw;left:7.3333333333vw}.game .map .shop-F{width:calc(32.6666666667vw*var(--scale, 1));height:calc(30.2666666667vw*var(--scale, 1));left:13.5333333333vw;top:calc(155.92vw*var(--scale, 1))}.game .map .shop-F::before{top:-2vw;left:2.6666666667vw}.game .map .shop-G{width:calc(31.8666666667vw*var(--scale, 1));height:calc(26vw*var(--scale, 1));left:59.3333333333vw;top:calc(157.2533333333vw*var(--scale, 1))}.game .map .shop-G::before{top:-1.3333333333vw;left:2.6666666667vw}.game .map-to-certificate{position:absolute;top:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(112,104,104,.7);padding-bottom:calc(6.2933333333vw*var(--scale, 1))}.game .map-to-certificate .container{position:relative;width:calc(80vw*var(--scale, 1));height:calc(80vw*var(--scale, 1))}.game .map-to-certificate .yue-lao-section{position:relative;width:calc(80vw*var(--scale, 1));height:calc(80vw*var(--scale, 1));-webkit-animation:bounceInDown .7s,kv-yue-lao-loop 3s 1s infinite;animation:bounceInDown .7s,kv-yue-lao-loop 3s 1s infinite}.game .map-to-certificate .yue-lao-section img{position:relative;z-index:5}.game .map-to-certificate .yue-lao-section::before{position:absolute;content:"";width:100%;height:100%;background:url("../images/yue-lao-light.png") no-repeat center/100%;-webkit-animation:yue-lao-light 4s;animation:yue-lao-light 4s}.game .map-to-certificate p{color:#fff;font-weight:bold;font-size:calc(4.2666666667vw*var(--scale, 1));line-height:1.63;text-shadow:#3d3d3d .1em .1em .2em}.game .map-to-certificate p span{color:#fefda8}.game .map-to-certificate p.first{font-size:calc(5.8666666667vw*var(--scale, 1));line-height:calc(8.5333333333vw*var(--scale, 1));margin-top:calc(-2.2666666667vw*var(--scale, 1))}.game .map-to-certificate .receive-btn{width:calc(57.0666666667vw*var(--scale, 1));height:calc(13.2vw*var(--scale, 1));margin-top:calc(5.6933333333vw*var(--scale, 1));background:url("../images/receive-btn.png") no-repeat center/100%}.game .map-to-certificate .close-btn{position:absolute !important;top:calc(3.32vw*var(--scale, 1));right:calc(.4933333333vw*var(--scale, 1));width:calc(9.8666666667vw*var(--scale, 1));height:calc(9.8666666667vw*var(--scale, 1))}.game .map-to-certificate .receive-btn,.game .map-to-certificate .close-btn,.game .map-to-certificate p{-webkit-animation:bounceInDown .7s !important;animation:bounceInDown .7s !important}.game .map-tip{position:absolute;left:0;bottom:0;width:100%;height:12.68vw;background:#1a81c1;border-radius:2.6666666667vw 2.6666666667vw 0 0;color:#fff;font-size:5.3333333333vw;font-weight:bold;line-height:5.3333333333vw;letter-spacing:.2133333333vw;display:flex;justify-content:center;align-items:center;gap:0 1.6vw;-webkit-animation:map-fixed .6s 1.4s;animation:map-fixed .6s 1.4s;transform:translateY(100%);-webkit-animation-fill-mode:both;animation-fill-mode:both}.game .input-user-name{position:absolute;z-index:100;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(128,119,119,.5)}.game .input-user-name .frame{position:relative;width:calc(76vw*var(--scale, 1));text-align:center;padding-bottom:calc(2.6666666667vw*var(--scale, 1));background:url("../images/frame-middle.png") repeat-y top/100%}.game .input-user-name .frame::before,.game .input-user-name .frame::after{width:100%;height:8.5333333333vw;content:"";position:absolute;left:0}.game .input-user-name .frame::before{top:-8vw;background:url("../images/frame-top.png") no-repeat center/100%}.game .input-user-name .frame::after{bottom:-8vw;background:url("../images/frame-bottom.png") no-repeat center/100%}.game .input-user-name .frame .title{display:flex;justify-content:center;align-items:center;gap:0 calc(.8533333333vw*var(--scale, 1));color:#cc4242;font-size:calc(7.8666666667vw*var(--scale, 1));font-weight:bold;line-height:calc(11.3333333333vw*var(--scale, 1));letter-spacing:calc(.0786666667vw*var(--scale, 1));margin-bottom:calc(.52vw*var(--scale, 1))}.game .input-user-name .frame .title::before{content:"";position:relative;display:block;width:calc(5.8533333333vw*var(--scale, 1));height:calc(7.36vw*var(--scale, 1));background:url("../images/icon-hi.png") no-repeat center/100%;margin-right:calc(1.0266666667vw*var(--scale, 1))}.game .input-user-name .frame .descript{color:#3d3d3d;font-size:calc(4.1333333333vw*var(--scale, 1));font-weight:500;letter-spacing:calc(.08vw*var(--scale, 1));line-height:1.53;margin-bottom:calc(2.6666666667vw*var(--scale, 1))}.game .input-user-name .frame .input-title{color:#cc4242;font-size:calc(4.2666666667vw*var(--scale, 1));font-weight:bold;line-height:calc(6.1333333333vw*var(--scale, 1));letter-spacing:calc(.0426666667vw*var(--scale, 1));margin-bottom:calc(1.5866666667vw*var(--scale, 1))}.game .input-user-name .frame .user-name-input{width:calc(50.6666666667vw*var(--scale, 1));height:calc(9.8666666667vw*var(--scale, 1));background:#efe3df;border:none;border-radius:calc(1.3333333333vw*var(--scale, 1));margin-bottom:calc(5.3066666667vw*var(--scale, 1));color:#333;font-size:calc(4.2666666667vw*var(--scale, 1));font-weight:500;letter-spacing:calc(.0426666667vw*var(--scale, 1));padding:0 calc(2.6666666667vw*var(--scale, 1))}.game .input-user-name .frame .user-name-save-btn{width:calc(50.6666666667vw*var(--scale, 1));height:calc(13.2vw*var(--scale, 1));background:url("../images/btn-hi.png") no-repeat center/cover}.game .shop-slide{position:relative;width:100%;height:100%;background:#fff;transition:background .5s}.game .shop-slide .bg-1{background:url("../images/map-A-bg.png") no-repeat center calc(-44.4vw * var(--scale, 1))/cover}.game .shop-slide .bg-2{background:url("../images/map-B-bg.png") no-repeat center calc(-44.4vw * var(--scale, 1))/cover}.game .shop-slide .bg-3{background:url("../images/map-C-bg.png") no-repeat center calc(-44.4vw * var(--scale, 1))/cover}.game .shop-slide .bg-4{background:url("../images/map-D-bg.png") no-repeat center calc(-44.4vw * var(--scale, 1))/cover}.game .shop-slide .bg-5{background:url("../images/map-E-bg.png") no-repeat center calc(-44.4vw * var(--scale, 1))/cover}.game .shop-slide .bg-6{background:url("../images/map-F-bg.png") no-repeat center calc(-44.4vw * var(--scale, 1))/cover}.game .shop-slide .bg-7{background:url("../images/map-G-bg.png") no-repeat center calc(-44.4vw * var(--scale, 1))/cover}.game .shop-slide .back-map{position:absolute;top:4.3466666667vw;right:4.72vw;width:14.6666666667vw;height:19.6vw;background:url("../images/btn-back.png") no-repeat center/cover;z-index:5}.game .shop-slide .swiper-slide{position:relative}.game .shop-slide .swiper-pagination{width:100%;height:1.6vw;position:absolute;top:calc(100.8vw*var(--scale, 1));left:0;display:flex;justify-content:center;align-items:center;gap:0 2.04vw}.game .shop-slide .swiper-pagination .swiper-pagination-bullet{width:1.6vw;height:1.6vw;margin:0;background:#ab9e99;opacity:1}.game .shop-slide .swiper-pagination .swiper-pagination-bullet-active{background:#cc4242}.game .shop-slide .shop-real-photo{position:absolute;top:calc(17.5066666667vw*var(--scale, 1));left:calc(11.1333333333vw*var(--scale, 1));width:calc(34.6666666667vw*var(--scale, 1));height:calc(34.6666666667vw*var(--scale, 1))}.game .shop-slide .shop-image{position:absolute;top:calc(38.5333333333vw*var(--scale, 1));left:50%;transform:translateX(-50%);width:calc(88vw*var(--scale, 1));height:calc(61.3333333333vw*var(--scale, 1))}.game .shop-slide .shop-name{position:absolute;top:calc(27.4666666667vw*var(--scale, 1));left:52vw;color:#cc4242;font-weight:bold;font-size:calc(5.3333333333vw*var(--scale, 1));letter-spacing:calc(.32vw*var(--scale, 1));line-height:calc(8.1866666667vw*var(--scale, 1))}.game .shop-slide .shop-name::before,.game .shop-slide .shop-name::after{content:"";position:absolute;left:0;width:100%;height:calc(.6666666667vw*var(--scale, 1));background:#cc4242}.game .shop-slide .shop-name::before{top:calc(-.6666666667vw*var(--scale, 1))}.game .shop-slide .shop-name::after{bottom:calc(-.6666666667vw*var(--scale, 1))}.game .shop-slide .selector{position:absolute;z-index:5;top:calc(104.9333333333vw*var(--scale, 1));left:50%;transform:translateX(-50%);width:calc(57.7733333333vw*var(--scale, 1));height:calc(11.4666666667vw*var(--scale, 1));background:#ab9e99;border-radius:calc(6.6666666667vw*var(--scale, 1));color:#fff;font-size:calc(5.3333333333vw*var(--scale, 1));font-weight:bold;line-height:calc(7.7333333333vw*var(--scale, 1));letter-spacing:calc(.16vw*var(--scale, 1));display:flex;padding:0 calc(1.0666666667vw*var(--scale, 1));justify-content:space-between;align-items:center}.game .shop-slide .selector img{width:calc(9.3333333333vw*var(--scale, 1));height:calc(9.3333333333vw*var(--scale, 1))}.game .shop-slide .descript{position:absolute;left:50%;transform:translateX(-50%);top:calc(118.8266666667vw*var(--scale, 1));z-index:5;color:#3d3d3d;text-align:center;font-size:4vw;font-weight:bold;line-height:1.41;letter-spacing:.04vw;white-space:pre-wrap}.game .shop-slide .descript.one-row{top:calc(121.7333333333vw*var(--scale, 1))}.game .shop-slide .to-exam{position:absolute;z-index:5;left:50%;transform:translateX(-50%);top:calc(138.2666666667vw*var(--scale, 1));width:54.4vw;height:13.2vw}}.rule{position:absolute;top:0;left:0;z-index:300;padding:22.2666666667vw 5.6vw 29.3333333333vw;background:#f5afa9;height:calc(var(--vh, 1vh)*100 - 13.3333333333vw);overflow:auto}.rule-to-home{position:absolute;top:4.1333333333vw;right:4.1333333333vw;color:#4f280d;font-size:7.3333333333vw;z-index:100}.rule .container{position:relative;width:100%;background:url("../images/frame-rule-2.png") center top/100%;padding:0 9.7333333333vw}.rule .container::before,.rule .container::after{content:"";position:absolute;left:0;display:block;width:100%;height:18.1333333333vw}.rule .container::before{top:-18vw;background:url("../images/frame-rule-1.png") no-repeat center/100%}.rule .container::after{bottom:-18vw;background:url("../images/frame-rule-3.png") no-repeat center/100%}.rule ul{list-style:auto}.rule ul li{color:#3d3d3d;font-size:3.4666666667vw;letter-spacing:.0346666667vw;line-height:5.6vw;text-align:justify;margin-bottom:4.6666666667vw}.rule ul li.last{margin-bottom:10.4vw}.rule ol li{display:flex;gap:0 1rem}.rule .time-description{color:#3d3d3d;font-size:3.4666666667vw;letter-spacing:.0346666667vw;text-align:center;line-height:5.6vw;margin-bottom:9.3333333333vw}.rule .title{display:flex;justify-content:center;align-items:center;margin:0 auto;width:41.2vw;height:12.1333333333vw;font-size:6.9333333333vw;font-weight:900;letter-spacing:2.7733333333vw;text-indent:2.7733333333vw;white-space:nowrap;margin-bottom:4.6666666667vw}.rule .title.red{color:#cc4242;background:url("../images/title-red.png") no-repeat center/100%}.rule .title.blue{color:#2d7fbd;background:url("../images/title-blue.png") no-repeat center/100%}.rule .title.green{color:#1bab88;background:url("../images/title-green.png") no-repeat center/100%}.model{width:100%;height:100%;background:#3dac88;padding-top:4.6666666667vw}.model-container{width:calc(88.8vw*var(--scale, 1));height:calc(151.4666666667vw*var(--scale, 1));background:url("../images/exam-frame.png") no-repeat center/cover;margin:0 auto;padding-top:calc(15.9466666667vw*var(--scale, 1))}.model-title{display:flex;justify-content:center;align-items:center;width:calc(58.1333333333vw*var(--scale, 1));height:calc(13.3333333333vw*var(--scale, 1));background:url("../images/prepar-title.png") no-repeat center/cover;margin:0 auto calc(2.6vw*var(--scale, 1))}.model-title .text{color:#cc4242;text-align:center;font-weight:900;font-size:calc(8vw*var(--scale, 1));line-height:calc(11.6vw*var(--scale, 1));letter-spacing:calc(3.12vw*var(--scale, 1));text-indent:calc(3.12vw*var(--scale, 1));white-space:nowrap}.model-description{color:#3d3d3d;text-align:center;font-size:calc(3.7333333333vw*var(--scale, 1));font-weight:bold;line-height:1.36;letter-spacing:.0373333333vw;margin-bottom:calc(2.4933333333vw*var(--scale, 1))}.model-description span{color:#cc4242}.model-yue-lao{display:block;width:calc(44vw*var(--scale, 1));height:calc(44vw*var(--scale, 1));margin:0 auto calc(1.9733333333vw*var(--scale, 1))}.model-to-map{display:block;margin:0 auto;width:calc(54.4vw*var(--scale, 1));height:calc(13.2vw*var(--scale, 1));background:url("../images/btn-shop.png") no-repeat center/cover}.model-love-bottom{display:flex;justify-content:center;align-items:center;gap:0 2.04vw;margin-top:calc(3.6133333333vw*var(--scale, 1))}.model-love-bottom .left{width:calc(30.9333333333vw*var(--scale, 1));height:calc(30vw*var(--scale, 1))}.model-love-bottom .right .dialog-box{display:flex;justify-content:center;align-items:center;width:calc(52.2666666667vw*var(--scale, 1));height:calc(18vw*var(--scale, 1));background:url("../images/dialog box.png") no-repeat center/cover;margin-bottom:calc(3.6533333333vw*var(--scale, 1))}.model-love-bottom .right .text{color:#3d3d3d;font-size:calc(3.2vw*var(--scale, 1));font-weight:bold;text-align:center;letter-spacing:calc(.032vw*var(--scale, 1));line-height:calc(4.4vw*var(--scale, 1))}.model-love-bottom .right .text span{font-size:calc(3.4666666667vw*var(--scale, 1));color:#d63645}.model-scan-btn{display:block;margin:0 auto;width:calc(40.1333333333vw*var(--scale, 1));height:calc(10vw*var(--scale, 1));background:url("../images/btn-appear.png") no-repeat center/cover}.model-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(128,119,119,.5)}.model-hight-light{position:relative;width:calc(76vw*var(--scale, 1));height:calc(92.6666666667vw*var(--scale, 1));background:url("../images/prepar-light-frame.png") no-repeat center/cover;z-index:100;padding-top:calc(11.4666666667vw*var(--scale, 1));margin:0 auto}.model .model-scan-btn{width:calc(49.2vw*var(--scale, 1));height:calc(11.7333333333vw*var(--scale, 1));background:url("../images/btn-appear-2.png") no-repeat center/cover}.model.D .model-container{height:calc(117.3333333333vw*var(--scale, 1));background:url("../images/prepar-frame-love.png") no-repeat center/cover;padding-top:calc(12.2933333333vw*var(--scale, 1))}.model.D .model-title{width:calc(46.9333333333vw*var(--scale, 1));background:url("../images/prepar-title-love.png") no-repeat center/cover;margin-bottom:calc(1.7333333333vw*var(--scale, 1))}.model.D .model-description{margin-bottom:1.3333333333vw}.model.D .model-description img{position:relative;width:calc(3.5466666667vw*var(--scale, 1));height:calc(3.48vw*var(--scale, 1));top:calc(.2666666667vw*var(--scale, 1));left:calc(.6666666667vw*var(--scale, 1))}.model.D .model-yue-lao{width:calc(43.3333333333vw*var(--scale, 1));height:calc(43.2vw*var(--scale, 1));margin:calc(.7066666667vw*var(--scale, 1)) auto calc(1.9466666667vw*var(--scale, 1))}.model-options{display:flex;align-items:center;flex-direction:column;gap:calc(3.6vw*var(--scale, 1)) 0;margin-bottom:calc(6.1066666667vw*var(--scale, 1))}.model-option{position:relative;width:calc(74.4vw*var(--scale, 1));height:calc(13.3333333333vw*var(--scale, 1));border-radius:calc(6.6666666667vw*var(--scale, 1));background:#ab9e99;color:#fff;font-weight:bold;text-align:center;line-height:calc(13.3333333333vw*var(--scale, 1));letter-spacing:normal;font-size:calc(4.5333333333vw*var(--scale, 1))}.model-option span{color:#fefda8}.model-option.voice::after{content:"";position:absolute;right:calc(2.2vw*var(--scale, 1));top:50%;transform:translateY(-50%);width:calc(7.4666666667vw*var(--scale, 1));height:calc(7.4666666667vw*var(--scale, 1));background:url("../images/listen.png") no-repeat center/cover}.model-option.active{background:#6e6663}.model-option.correct{background:#42ba93}.model-option.correct::before{background:url("../images/right.png") no-repeat center/cover}.model-option.error{background:#6e6663}.model-option.error::before{background:url("../images/wrong.png") no-repeat center/cover}.model-option.correct::before,.model-option.error::before{content:"";position:absolute;top:0;left:0;width:calc(13.3333333333vw*var(--scale, 1));height:calc(13.3333333333vw*var(--scale, 1))}.model.exam .model-description,.model.check-answer .model-description{font-size:calc(4.5333333333vw*var(--scale, 1));margin-bottom:calc(5.0133333333vw*var(--scale, 1))}.model.exam .exam-send{display:block;width:calc(54.4vw*var(--scale, 1));height:calc(13.2vw*var(--scale, 1));background:url("../images/btn-send.png") no-repeat center/cover;margin:0 auto calc(2.1333333333vw*var(--scale, 1))}.model.exam .exam-memo{color:#3d3d3d;font-size:3.2vw;font-weight:500;line-height:3.2vw;letter-spacing:.032vw;text-align:center}.model.exam .exam-to-teach{width:16.9333333333vw;height:21.2vw;position:absolute;top:2.8266666667vw;right:3.5733333333vw}.model.check-answer .model-container{width:calc(88.8vw*var(--scale, 1));height:calc(142.5333333333vw*var(--scale, 1));background:url("../images/frame-test-answer.png") no-repeat center/cover;margin:0 auto;padding-top:calc(16vw*var(--scale, 1))}.model .know-btn{width:calc(54.4vw*var(--scale, 1));height:calc(13.2vw*var(--scale, 1));display:block;margin:0 auto}.scan{width:100%;height:100%}.scan .test{position:absolute;top:0;z-index:200;color:#fff;font-size:2.6666666667vw;background:#000}.scan-mask{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:5}.scan-container{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;padding-top:calc(9.9866666667vw*var(--scale, 1))}.scan-container.tow-rows{padding-top:calc(16.2533333333vw*var(--scale, 1))}.scan-container.teach-step{padding-top:calc(16.2266666667vw*var(--scale, 1));z-index:6}.scan-container.last{padding-top:calc(22.7733333333vw*var(--scale, 1))}.scan-container.inited{z-index:6}.scan-container .to-map{display:block;margin:0 auto;width:calc(40vw*var(--scale, 1));height:calc(10.1333333333vw*var(--scale, 1));border-radius:calc(5.0666666667vw*var(--scale, 1));background:#fff;color:#3d3d3d;font-weight:bold;text-align:center;font-size:calc(4.5333333333vw*var(--scale, 1));line-height:calc(10.1333333333vw*var(--scale, 1));letter-spacing:calc(.2266666667vw*var(--scale, 1))}.scan-header,.scan-description{color:#fff;font-size:calc(4.5333333333vw*var(--scale, 1));font-weight:bold;line-height:calc(6.4vw*var(--scale, 1));letter-spacing:calc(.0453333333vw*var(--scale, 1));text-align:center;text-shadow:#3d3d3d .1em .1em .2em}.scan-header{position:relative;top:0;left:0;white-space:pre-wrap;margin-bottom:calc(99.9066666667vw*var(--scale, 1))}.scan-header.top{z-index:5}.scan-header.shop-D{margin-bottom:calc(90.6666666667vw*var(--scale, 1))}.scan-header span{color:#fefda8}.scan-header .space{height:calc(3.92vw*var(--scale, 1))}.scan-description{margin-bottom:calc(3.92vw*var(--scale, 1))}.scan-block{position:absolute;z-index:10;width:100%;top:calc(31.6vw*var(--scale, 1));transition:all .5s ease-in-out}.scan-block.inited{top:calc(42.88vw*var(--scale, 1))}.scan-block.inited.shop-D{top:calc(57.4666666667vw*var(--scale, 1))}.scan-block.teach-yue{top:calc(24.9866666667vw*var(--scale, 1))}.scan-block.teach-yue #yue-lao-permanent{width:calc(80vw*var(--scale, 1));height:calc(66.6666666667vw*var(--scale, 1));margin:0 auto}.scan-block.last{top:calc(42.88vw*var(--scale, 1))}.scan-block.last #yue-lao-permanent{width:calc(100vw*var(--scale, 1));height:calc(83.7333333333vw*var(--scale, 1))}.scan-frame{position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(80.2666666667vw*var(--scale, 1));height:calc(80.2666666667vw*var(--scale, 1))}.scan-frame.shop-A{background:url(../images/camera-frame-a.png) no-repeat center/cover}.scan-frame.shop-B{background:url(../images/camera-frame-b.png) no-repeat center/cover}.scan-frame.shop-C{background:url(../images/camera-frame-c.png) no-repeat center/cover}.scan-frame.shop-D{background:url(../images/camera-frame-d.png) no-repeat center/cover}.scan-frame.shop-E{background:url(../images/camera-frame-e.png) no-repeat center/cover}.scan-frame.shop-F{background:url(../images/camera-frame-f.png) no-repeat center/cover}.scan-frame.shop-G{background:url(../images/camera-frame-g.png) no-repeat center/cover}.scan .return-btn{width:calc(40vw*var(--scale, 1));height:calc(10.2666666667vw*var(--scale, 1));background:#fff;margin:0 auto calc(2.9333333333vw*var(--scale, 1));display:flex;justify-content:center;align-items:center;border-radius:calc(5.1333333333vw*var(--scale, 1));color:#3d3d3d;font-size:calc(4.5333333333vw*var(--scale, 1));font-weight:bold;letter-spacing:calc(.3333333333vw*var(--scale, 1))}.scan-memo{color:#fff;font-size:calc(3.2vw*var(--scale, 1));text-align:center;line-height:calc(3.2vw*var(--scale, 1));letter-spacing:calc(.032vw*var(--scale, 1));text-shadow:#3d3d3d .1em .1em .2em}.lottie-container{width:100%;position:relative;z-index:5}.teach{position:relative;z-index:5;width:100%;height:100%;padding-top:calc(16.2266666667vw*var(--scale, 1));-webkit-animation:teach-fadeIn 2s;animation:teach-fadeIn 2s}.teach-header,.teach-body,.teach-btn-section,.teach-open-exam,.teach #yue-lao-teach{position:relative;z-index:5}.teach-header{color:#fff;font-size:4.5333333333vw;font-weight:bold;letter-spacing:.0453333333vw;line-height:4.5333333333vw;text-align:center;text-shadow:#3d3d3d .1em .1em .2em;margin-bottom:calc(74.8vw*var(--scale, 1))}.teach-header.last{margin-bottom:calc(94.4vw*var(--scale, 1));line-height:1.41}.teach #yue-lao-teach{position:relative;width:calc(80vw*var(--scale, 1));height:calc(66.6666666667vw*var(--scale, 1));margin:0 auto calc(4.7333333333vw*var(--scale, 1))}.teach #yue-lao-teach.last{width:calc(100vw*var(--scale, 1));height:calc(83.7333333333vw*var(--scale, 1))}.teach-body{position:relative;width:calc(91.3333333333vw*var(--scale, 1));height:calc(26.6666666667vw*var(--scale, 1));margin:0 auto calc(5.1333333333vw*var(--scale, 1));padding:calc(3.1333333333vw*var(--scale, 1)) calc(3.52vw*var(--scale, 1)) 0;border-radius:calc(4vw*var(--scale, 1));background:#fff}.teach-title{position:relative;display:flex;align-items:center;gap:0 calc(.88vw*var(--scale, 1));color:#ab9e99;font-size:calc(2.9333333333vw*var(--scale, 1));font-weight:500;letter-spacing:calc(.1173333333vw*var(--scale, 1));line-height:calc(2.9333333333vw*var(--scale, 1));margin-bottom:calc(2.2666666667vw*var(--scale, 1))}.teach-title::before{content:"";position:relative;display:block;width:calc(1.36vw*var(--scale, 1));height:calc(1.2533333333vw*var(--scale, 1));background:url("../images/icon-heart-teach.png") no-repeat center/cover}.teach-exercise{color:#3d3d3d;font-size:calc(4.8vw*var(--scale, 1));font-weight:bold;text-align:center;line-height:1.39;letter-spacing:calc(.048vw*var(--scale, 1))}.teach-exercise span{color:#1a81c1}.teach-voice{position:absolute;right:1.2vw;bottom:.7866666667vw;width:10.4vw;height:10.4vw;background:url("../images/btn-exercise-listen.png") no-repeat center/cover}.teach-btn-section{display:flex;justify-content:center;align-items:center;gap:0 calc(2.08vw*var(--scale, 1));margin-bottom:calc(3.9733333333vw*var(--scale, 1))}.teach-btn{width:calc(34.2933333333vw*var(--scale, 1));height:calc(10.1733333333vw*var(--scale, 1))}.teach-btn.prev{background:url("../images/btn-previous-2.png") no-repeat center/cover}.teach-btn.next{background:url("../images/btn-keep-2.png") no-repeat center/cover}.teach-btn.next.first{width:calc(40vw*var(--scale, 1));background:url("../images/btn-keep.png") no-repeat center/cover}.teach-open-exam{display:block;width:calc(40vw*var(--scale, 1));height:calc(10.24vw*var(--scale, 1));border-radius:calc(5.12vw*var(--scale, 1));margin:0 auto;background:#fff;font-weight:500;color:#3d3d3d;text-align:center;font-size:calc(4.5333333333vw*var(--scale, 1));letter-spacing:.2266666667vw;line-height:calc(10.24vw*var(--scale, 1))}@-webkit-keyframes teach-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes teach-fadeIn{0%{opacity:0}100%{opacity:1}}.result{display:none}@media only screen and (max-width: 750px){.result{display:block;background-color:#3dac88;height:100%;padding-top:calc(4.2666666667vw*var(--scale, 1))}.result .result-wrapper{width:calc(88.8vw*var(--scale, 1));height:calc(154.9333333333vw*var(--scale, 1));margin:0 auto;background-image:url(../images/result-wrapper.png);background-size:100%;background-repeat:no-repeat;padding-top:calc(19.7333333333vw*var(--scale, 1));padding-bottom:calc(6.6666666667vw*var(--scale, 1));position:relative;display:flex;flex-direction:column;justify-content:space-between}.result .result-wrapper .result-box{position:relative;width:calc(76vw*var(--scale, 1));margin:0 auto calc(1.8vw*var(--scale, 1));padding-top:calc(7.0666666667vw*var(--scale, 1));padding-bottom:calc(4.8vw*var(--scale, 1));background:url("../images/result-box-top.png") no-repeat center top/100% calc(6.9333333333vw*var(--scale, 1)),url("../images/result-box-bottom.png") no-repeat center bottom/100%}.result .result-wrapper .result-box::before{content:"";position:absolute;top:calc(6.9333333333vw*var(--scale, 1));left:0;width:100%;height:calc(100% - 13.8666666667vw*var(--scale, 1));background:url("../images/result-box-body.png") repeat-y center/100%}.result .result-wrapper .result-box .title{position:absolute;z-index:5;top:calc(-6.4266666667vw*var(--scale, 1));left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;width:calc(58.1333333333vw*var(--scale, 1));height:calc(13.3333333333vw*var(--scale, 1));background:url("../images/prepar-title.png") no-repeat center/cover}.result .result-wrapper .result-box .title p{color:#cc4242;text-align:center;font-weight:900;font-size:calc(8vw*var(--scale, 1));line-height:calc(11.6vw*var(--scale, 1));letter-spacing:calc(3.12vw*var(--scale, 1));text-indent:calc(3.12vw*var(--scale, 1));white-space:nowrap}.result .result-wrapper .result-box .character{width:calc(56vw*var(--scale, 1));height:calc(56vw*var(--scale, 1));margin:0 auto;position:relative;z-index:5}.result .result-wrapper .result-box .promo{position:relative;z-index:5}.result .result-wrapper .result-box .promo p{font-size:calc(4.2666666667vw*var(--scale, 1));font-weight:700;color:#3d3d3d;text-align:center;line-height:1.46;white-space:nowrap}.result .result-wrapper .result-box .promo p.highlight{color:#d63645}.result .result-wrapper .result-box .promo p.highlight .number{font-size:calc(4.8vw*var(--scale, 1))}.result .result-wrapper .store-desc{width:calc(78.6666666667vw*var(--scale, 1));margin:0 auto calc(1.3333333333vw*var(--scale, 1))}.result .result-wrapper .store-desc p{font-size:calc(3.4666666667vw*var(--scale, 1));font-weight:500;color:#3d3d3d;line-height:1.5;text-align:center}.result .result-wrapper .btn-container{width:calc(78.6666666667vw*var(--scale, 1));margin:0 auto}.result .result-wrapper .btn-container .btn-row{display:flex;justify-content:space-between}.result .result-wrapper .btn-container .btn-row.top{margin-bottom:calc(3.0666666667vw*var(--scale, 1))}.result .result-wrapper .btn-container .btn-row.center{justify-content:center}.result .result-wrapper .btn-container .btn-row .teach-btn,.result .result-wrapper .btn-container .btn-row .continue-btn{width:calc(37.8666666667vw*var(--scale, 1))}.result .result-wrapper .btn-container .btn-row .generate-btn{width:calc(53.8666666667vw*var(--scale, 1))}}.certificate{display:none}@media only screen and (max-width: 750px){.certificate{display:block;background-color:#f5afa9;min-height:100vh;padding-top:2.2666666667vw}.certificate .certificate_canvas{width:666px;height:903px;transform-origin:0 0;transform:scale(0.5, 0.5);margin-left:5.6vw;display:none}.certificate .certificate-image{width:calc(88.8vw*var(--scale, 1));height:calc(120.4vw*var(--scale, 1));margin:0 auto calc(2vw*var(--scale, 1))}.certificate .download-desc{display:flex;align-items:center;justify-content:center;margin-bottom:calc(2.4vw*var(--scale, 1))}.certificate .download-desc .download-icon{width:calc(3.7333333333vw*var(--scale, 1));margin-right:calc(.9333333333vw*var(--scale, 1))}.certificate .download-desc p.download-text{font-size:calc(3.2vw*var(--scale, 1));color:#3d3d3d;font-weight:500}.certificate .download-desc p.download-text .highlight{color:#cc4242}.certificate .btn-row{width:calc(88vw*var(--scale, 1));margin:0 auto 1.8666666667vw;display:flex;justify-content:space-between}.certificate .btn-row .btn-continue{width:calc(35.6vw*var(--scale, 1))}.certificate .btn-row .btn-share{width:calc(48.8vw*var(--scale, 1))}.certificate .btn-row .btn-form{width:calc(88vw*var(--scale, 1))}}.reserve-pc{width:100vw;height:100vh;background:url("../images/pc-index.jpg") no-repeat center/100%}@media only screen and (max-width: 750px){.reserve-pc{display:none}}.reserve{display:none}@media only screen and (max-width: 750px){.reserve{display:block;background:#f5afa9;padding-top:4.2666666667vw;min-height:calc(100vh - 13.3333333333vw)}.reserve form{width:88.8vw;height:154.9333333333vw;background:url("../images/class-frame.png") center/100%;margin:0 auto;padding-top:17.8666666667vw;padding:17.8666666667vw 9.8666666667vw 0}.reserve form .header{font-weight:900;font-size:7.4666666667vw;line-height:10.8vw;letter-spacing:.3733333333vw;color:#cc4242;display:flex;justify-content:center;align-items:center;gap:0 1.4666666667vw;margin-bottom:4.8vw}.reserve form .header::before{content:"";position:relative;display:block;width:10.28vw;height:10.28vw;background:url("../images/btn-logo.png") no-repeat center/cover}.reserve form .title{color:#cc4242;font-size:4.2666666667vw;font-weight:bold;letter-spacing:.0426666667vw;line-height:6.1333333333vw;margin-bottom:.8vw}.reserve form input[type=text]{width:100%;height:10.6666666667vw;border:none;border-radius:1.3333333333vw;background:#efe3df;margin-bottom:1.68vw;font-size:4.2666666667vw;font-weight:500;padding-left:2.6666666667vw;color:#3d3d3d}.reserve form input[type=text].last{margin-bottom:3.0533333333vw}.reserve form .check-section{position:relative;display:block;padding-left:6.8vw;color:#3d3d3d;font-size:3.4666666667vw;letter-spacing:.3466666667vw;line-height:5.0666666667vw;margin-bottom:5.7333333333vw}.reserve form .check-section input{display:none}.reserve form .check-section span{text-decoration:underline}.reserve form .checkmark{position:absolute;top:0;left:0;width:5.0666666667vw;height:5.0666666667vw;background:#efe3df;border-radius:.5333333333vw}.reserve form .checkmark:after{content:"";position:absolute;display:none}.reserve form .check-section input:checked~.checkmark{background-color:#cc4242}.reserve form .check-section input:checked~.checkmark:after{display:block}.reserve form .check-section .checkmark:after{left:1.7333333333vw;top:.6666666667vw;width:1.3333333333vw;height:2.6666666667vw;border:solid #fff;border-width:0 .4vw .4vw 0;transform:rotate(45deg)}.reserve form .course-section{display:flex;align-items:center;gap:0 11.2vw}.reserve form .reserve-submit{width:35.2vw;height:11.8666666667vw;background:url("../images/btn-reserve-send.png") no-repeat center/cover;margin:3.0666666667vw auto 0}.reserve form .reserve-back{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 2.6666666667vw;margin:2.04vw auto 0;color:#3d3d3d;font-size:4.2666666667vw;font-weight:bold;letter-spacing:.2133333333vw;line-height:6.1333333333vw}.reserve form input[type=checkbox]{background:#efe3df;accent-color:red}.reserve .success{position:absolute;left:0;top:13.3333333333vw;width:100%;height:calc(100% - 13.3333333333vw);display:flex;align-items:center;justify-content:center;background:rgba(128,119,119,.5)}.reserve .success-container{width:70.1333333333vw;height:74.4vw;background:url("../images/submit-frame.png") no-repeat center/100%;padding-top:9.84vw}.reserve .success-container .header{display:flex;justify-content:center;align-items:center;gap:0 1.9866666667vw;font-size:6.9333333333vw;font-weight:bold;color:#1bab88;letter-spacing:.3466666667vw;line-height:10vw;margin-bottom:2.1333333333vw}.reserve .success-container .header::before{content:"";position:relative;display:inline-block;width:8.8vw;height:8.8vw;background:url("../images/icon-ok.png") no-repeat center/100%}.reserve .success-container .center{color:#3d3d3d;font-size:4vw;font-weight:500;line-height:6.1333333333vw;text-align:center;margin-bottom:5.6vw}.reserve .success-container .bottom{display:block;margin:0 auto;width:49.2vw;height:11.7333333333vw}.reserve .regulations{position:absolute;left:0;top:13.3333333333vw;width:100%;height:calc(100% - 13.3333333333vw);background:rgba(112,104,104,.5);padding-top:22.8133333333vw;padding-bottom:22.8133333333vw;overflow:auto}.reserve .regulations-container{width:80vw;margin:0 auto;position:relative;background:url("../images/rule-frame-2.png") repeat-y center/100%;padding:0 7.2933333333vw}.reserve .regulations-container .close-btn{width:9.8666666667vw;height:9.8666666667vw;position:absolute;right:-2.5866666667vw;top:-10.6666666667vw}.reserve .regulations-container::before,.reserve .regulations-container::after{content:"";position:absolute;left:0;display:block;width:100%;height:9.0666666667vw}.reserve .regulations-container::before{top:-9.0666666667vw;background:url("../images/rule-frame-1.png") no-repeat center/100%}.reserve .regulations-container::after{bottom:-9.0666666667vw;background:url("../images/rule-frame-3.png") no-repeat center/100%}.reserve .regulations-container p{font-size:2.9333333333vw;letter-spacing:.0293333333vw;line-height:5.3333333333vw;color:#3d3d3d}.reserve .regulations-container .row{font-size:2.9333333333vw;letter-spacing:.0293333333vw;line-height:5.3333333333vw;color:#3d3d3d;display:flex}.reserve .regulations-container .row .num{width:2rem}.reserve .regulations-container .row .world{width:calc(100% - 2rem)}.reserve .loading{position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:13.3333333333vw;width:100%;height:calc(100% - 13.3333333333vw);background:rgba(112,104,104,.5)}.reserve .loader{width:13.3333333333vw;height:13.3333333333vw;border:1.3333333333vw solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}header{width:100vw;padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.nav{width:100%;position:relative;left:0;top:0;display:none}.nav .to-index{position:absolute;width:60vw;height:7.7333333333vw;top:50%;transform:translateY(-50%);left:3.7333333333vw}@media only screen and (max-width: 750px){.nav{height:13.3333333333vw;background:url("../images/nav-bg.png") no-repeat center/cover;display:block;z-index:10000}}.nav a{cursor:pointer}.nav p{display:inline-block;margin-right:10px}.nav .l-container{height:100%}.nav-bd{height:100%;padding:0 1.4583333333vw;display:flex;align-items:center;justify-content:flex-end}@media only screen and (max-width: 1024px){.nav-bd{padding:0 4.1333333333vw}}.nav-logo{display:inline-block;width:11.09375vw;line-height:0;vertical-align:middle}@media only screen and (max-width: 1024px){.nav-logo{width:48vw}}.nav-logo img{width:100%;height:auto}.nav-btn{display:none}@media only screen and (max-width: 750px){.nav-btn{cursor:pointer;position:relative;display:block;order:3;width:5.7333333333vw;height:5.3333333333vw}}@media only screen and (max-width: 750px){.nav-menu{width:100%;background:rgba(128,119,119,.5);height:calc(100vh - 13.3333333333vw);right:-100%;top:13.3333333333vw;position:absolute;transition:all .2s ease-out;display:flex;justify-content:center;align-items:center;z-index:500}.nav-menu ul{position:relative;width:76vw;display:flex;flex-direction:column;align-items:center;gap:12.8vw 0;padding:.2666666667vw 0;background:url("../images/frame-middle.png") repeat-y top/100%}.nav-menu ul::before,.nav-menu ul::after{width:100%;height:8.5333333333vw;content:"";position:absolute;left:0}.nav-menu ul::before{top:-8vw;background:url("../images/frame-top.png") no-repeat center/100%}.nav-menu ul::after{bottom:-8vw;background:url("../images/frame-bottom.png") no-repeat center/100%}.nav-menu ul li{width:56vw;position:relative;display:flex;gap:2.32vw;align-items:center;padding-left:1.5066666667vw}.nav-menu ul li .icon{width:10.4vw;height:11.7333333333vw}.nav-menu ul li a,.nav-menu ul li span{color:#4f280d;font-size:5.0666666667vw;font-weight:bold}.nav-menu ul li .arrow{width:2.3466666667vw;height:2.88vw}.nav-menu ul .nav-close-btn{position:absolute;top:-9.3333333333vw;right:-2.5333333333vw;width:9.8666666667vw;height:9.8666666667vw;background:url("../images/close-button.png") no-repeat center/100%}.nav-menu ul .hr-1,.nav-menu ul .hr-2,.nav-menu ul .hr-3{width:57.3333333333vw;height:.6666666667vw;background:#efe3df;position:absolute;left:50%;transform:translateX(-50%)}.nav-menu ul .hr-1{top:17.3333333333vw}.nav-menu ul .hr-2{top:41.3333333333vw}.nav-menu ul .hr-3{bottom:17.3333333333vw}}@media only screen and (max-width: 750px){.nav--active .nav-menu{right:0;position:absolute;overflow:auto}}.mdLoading{width:100vw;height:100vh;position:fixed;z-index:100;background:#e91200;top:0px;left:0px;z-index:10}.mdLoading .loadingBox{width:640px;margin:0 auto;text-align:center}.mdLoading .loadingBox .title{position:absolute;width:450px;height:120px;top:50%;margin-top:-120px;left:50%;margin-left:-225px}.mdLoading .loadingBox .title .titleBox{position:relative}.mdLoading .loadingBox .line2{width:200px}.mdLoading .loadingBox .percentage{position:absolute;color:#fff;font-size:3rem;font-family:sans-serif;top:50%;width:100%;text-align:center;left:0;height:75px;margin-top:-43px}.mdLoading .loadingBox .progressBar{width:100%;position:absolute;top:50%;left:0%;overflow:hidden}.mdLoading .loadingBox .progressBar .progress{width:0%;height:5px;background:#fff;transition-property:all;transition:.1s}.popup{display:block;background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100vh}.popup img{width:100%;height:auto}.popup__area{position:relative}.popup__content{position:relative;height:80vh;overflow:scroll;padding:0 15px;width:80%;margin:100px auto 0;text-align:center}.popup__content::-webkit-scrollbar{display:none}.popup__close{top:-70px;right:30px;font-size:30px;width:50px;height:50px;line-height:50px;text-align:center;background:#aaa;color:#fff;border-radius:50%;position:absolute;cursor:pointer}.popup__close:before{content:"✖"}ul.pictures{background:none;padding:0;margin:0;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%}ul.pictures li{border:1px dashed #ddd;width:150px;height:150px;margin:0;text-align:center;position:relative}ul.pictures li label{width:100%;height:100%;line-height:150px;font-size:24px;margin:0;display:block;cursor:pointer;position:relative;z-index:2}ul.pictures li label~input{opacity:0;display:none}ul.pictures li label~.preview{width:100%;height:100%;text-align:center;line-height:150px;position:absolute;top:0;left:0;z-index:1;overflow:hidden}ul.pictures li label~.preview p{font-size:24px;color:#000}ul.pictures li label~.preview img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}[v-cloak] *{display:none}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.example{display:grid;transition:all .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:linear-gradient(to bottom, white, black)}button{border:none}