.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.modal-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.5)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.5);-webkit-transform:scaleY(.5)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}@font-face{font-family:CronosProRegular;src:url(../font/CronosProRegular.otf)}html{height:100%;scroll-behavior:smooth}body,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;position:relative;width:100%;margin:0 auto;padding:0;font-size:17px;line-height:24px;box-sizing:border-box;color:#fff;text-align:center;min-height:100%;font-weight:400}body a,body a:active,body a:hover,body a:link,body a:visited,html a,html a:active,html a:hover,html a:link,html a:visited{color:#fff;text-decoration:none}:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);user-select:none}a,a:focus,input,input:focus,label,label:focus,textarea,textarea:focus{border:0;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-tap-highlight-color:transparent}input{border-radius:0;-webkit-appearance:none}input[type=hidden]{display:none}a:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);user-select:none}button:disabled,button[disabled]{opacity:.5}h1,h2,h3,h4,h5,p,ul{margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:900}h3{font-size:30px;line-height:35px}p{margin:0;padding:0}.clearfix .left{float:left}.clearfix .right{float:right}.clearfix::after{content:"";clear:both;display:table}.hidden{display:none!important}.clickable{-webkit-tap-highlight-color:rgba(255,255,255,0);user-select:none}.clickable:focus{outline:0}img{display:block;margin:0 auto;width:100%;-webkit-user-select:none;-webkit-touch-callout:none}.desktop{display:block}.mobile{display:none}.blocker{z-index:10;padding:0;background-color:rgba(0,0,0,.6)}.blocker .modal{box-shadow:0 0 3px #000;padding:30px 0}body{touch-action:none}body .page{width:100%;height:100%;overflow:scroll;top:0;left:0;position:fixed;display:none}body .page.active{display:block}body .page.active.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:53px;height:53px;background:url(../img/loading-bar.png) no-repeat center center/contain;z-index:11;margin-left:23px;margin-top:-45px;transform-origin:left bottom;animation:loading 3s linear forwards infinite}body .page.active.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7) url(../img/loading-combine.png) no-repeat center center/180px;z-index:10}body #desktop-check,body #landscape-check{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999}body #landscape-check{background:url(../img/camera-bg.jpg) no-repeat center center/cover}body #landscape-check .inner{position:absolute;height:100%;width:100%;left:0;top:0;background:url(../img/rotate.png) no-repeat center center/290px}body #desktop-check .inner{background-image:url(../images/common/desktop.jpg);background-size:cover;background-repeat:repeat;background-position:center center;width:100%;height:100%;position:relative}body #desktop-check .inner:lang(zh-HK),body #desktop-check .inner:lang(zh-MO){background-image:url(../images/common/desktop-hk.jpg)}body #desktop-check .inner:lang(ja-jp){background-image:url(../images/common/desktop-jp.jpg)}body #desktop-check .inner:lang(zh-CN){background-image:url(../images/common/desktop-cn.jpg)}body #desktop-check .inner::after{width:356px;height:55px;margin:0 auto;top:50px;left:0;right:0;position:absolute;content:""}body #desktop-check .inner .langs{z-index:5;width:104px;height:104px;position:absolute;top:25px;left:40px;background:url(../images/landing/langs.png) no-repeat top 30px center;background-size:46px;-webkit-tap-highlight-color:rgba(255,255,255,0);user-select:none;cursor:pointer}body #desktop-check .inner .langs:focus{outline:0}body #desktop-check .inner .langs.opened{height:415px;background:url(../images/landing/langs.png) no-repeat top 30px center,url(../images/landing/langs-open.png) no-repeat bottom center;background-size:46px,104px}body #desktop-check .inner .langs.opened a{width:60px;height:62px;margin:8px 0;top:32px;left:22px}body #desktop-check .inner .langs.opened a.lang-toggle{margin:0;top:20px;z-index:1}body #desktop-check .inner .langs a{width:0;height:0;display:block;position:relative;-webkit-tap-highlight-color:rgba(255,255,255,0);user-select:none}body #desktop-check .inner .langs a:focus{outline:0}body .page#share .content .i1{width:80%;max-width:350px;margin:50px auto}body .page#share .content .rights{padding-top:0}body.is-desktop{overflow:hidden}body.is-desktop #landscape-check{display:none}body.is-desktop #desktop-check{display:block}@media only screen and (max-width:768px){.desktop{display:none}.mobile{display:block}}@media screen and (orientation:landscape) and (min-width:500px){.is-mobile section#landscape-check{display:block}}@media screen and (min-aspect-ratio:1.44444444){.is-mobile .main{display:none}.is-mobile section#landscape-check{display:block}}@media only screen and (max-width:1920px){.is-desktop section#desktop-check{background:#ece8e4 url(../images/common/desktop-bar.jpg);background-repeat:repeat-y;background-size:100%}.is-desktop section#desktop-check .inner{background:url(../images/common/desktop.jpg) no-repeat top center/100%}.is-desktop section#desktop-check .inner:lang(zh-HK),.is-desktop section#desktop-check .inner:lang(zh-MO){background:url(../images/common/desktop-hk.jpg) no-repeat top center/100%}.is-desktop section#desktop-check .inner:lang(ja-jp){background:url(../images/common/desktop-jp.jpg) no-repeat top center/100%}.is-desktop section#desktop-check .inner:lang(zh-CN){background:url(../images/common/desktop-cn.jpg) no-repeat top center/100%}}@media only screen and (max-width:1500px){body #desktop-check .inner::after{width:284.8px;height:44px;top:20px}body #desktop-check .inner .langs{top:-12px}}body.index-page::after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(../img/score-1.png) url(../img/bg-result.jpg) url(../img/score-bottle1.png) url(../img/score-bottle2.png) url(../img/score-bottle3.png) url(../img/score-bottle4.png) url(../img/score-serum1-trim.png) url(../img/score-serum2-trim.png) url(../img/score-serum3-trim.png) url(../img/score-serum4-trim.png) url(../img/loading-bar.png) url(../img/loading-combine.png)}body.index-page.is-ios .page#ar .timer-wrapper #result-point,body.index-page.is-ios .page#result .congrats-wrapper .points-wrapper .point{text-shadow:0 0 1px #fff,0 1px 0 #545454,0 1px 2px rgba(0,0,0,.1);-webkit-text-fill-color:initial;background:0 0}body.index-page .logo{position:relative;z-index:1;width:32px;height:41px;margin:0 auto;display:block;background:url(../img/logo2.png) no-repeat center center/contain}body.index-page.can-redeem.redeemed .page#result #refresh{display:block}body.index-page.can-redeem.redeemed .page#result .congrats-wrapper .redeem-wrapper{display:none}body.index-page.can-redeem.redeemed .page#result .congrats-wrapper .btns{display:none;margin-top:0}body.index-page.can-redeem.redeemed .page#result .congrats-wrapper .points-wrapper{padding-bottom:20px;margin-top:-32px}body.index-page.can-redeem.redeemed .page#result .congrats-wrapper p{height:57px;background:url(../images/result/redeem-success-p2.png) no-repeat center center/232.5px}body.index-page.can-redeem.redeemed .page#result .congrats-wrapper p:lang(zh-HK),body.index-page.can-redeem.redeemed .page#result .congrats-wrapper p:lang(zh-MO){height:54px;background:url(../images/result/redeem-success-p2-hk.png) no-repeat center center/255.5px}body.index-page.can-redeem.redeemed .page#result .congrats-wrapper p:lang(zh-CN){height:54px;background:url(../images/result/redeem-success-p2-cn.png) no-repeat center center/256.5px}body.index-page.can-redeem #desktop-check .inner .langs.opened{background:url(../images/landing/langs.png) no-repeat top 30px center,url(../images/landing/langs-open2.png) no-repeat bottom center;background-size:46px,104px}body.index-page.can-redeem #desktop-check .inner .langs.opened .lang-jp{display:none}body.index-page.can-redeem .page#landing::before{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(../img/score-1.png) url(../img/score-bottle1.png) url(../img/score-bottle2.png) url(../img/score-bottle3.png) url(../img/score-bottle4.png) url(../img/score-serum1.png) url(../img/score-serum2.png) url(../img/score-serum3.png) url(../img/score-serum4.png)}body.index-page.can-redeem .page#landing .langs.opened{background:url(../images/landing/langs.png) no-repeat top 16px center,url(../images/landing/langs-open2.png) no-repeat bottom center;background-size:23px,52px}body.index-page.can-redeem .page#landing .langs.opened .lang-jp{display:none}body.index-page.can-redeem .page#landing .disclaimer{display:block}body.index-page.can-redeem .page#landing .content p{height:54px;background:url(../images/landing/description_gift_version.png) no-repeat center center/304.5px}body.index-page.can-redeem .page#landing .content p:lang(zh-HK),body.index-page.can-redeem .page#landing .content p:lang(zh-MO){height:60.5px;background:url(../images/landing/description_gift_version-hk.png) no-repeat top center/343px}body.index-page.can-redeem .page#landing .content p:lang(ja-jp){height:53.5px;background:url(../images/landing/description-jp.png) no-repeat center center/290px}body.index-page.can-redeem .page#landing .content p:lang(zh-CN){height:60.5px;background:url(../images/landing/description_gift_version-cn.png) no-repeat top center/343px}body.index-page.can-redeem .page#result.fail .congrats-wrapper .redeem-wrapper{display:none}body.index-page.can-redeem .page#result.fail .congrats-wrapper .btns{margin-top:0}body.index-page.can-redeem .page#result.fail .congrats-wrapper .btns .enter{display:none}body.index-page.can-redeem .page#result.fail .congrats-wrapper .btns .again{width:219px;height:66px;background:url(../images/result/btn-again-1.png) no-repeat center center/contain}body.index-page.can-redeem .page#result.fail .congrats-wrapper .btns .again:lang(zh-HK),body.index-page.can-redeem .page#result.fail .congrats-wrapper .btns .again:lang(zh-MO){background:url(../images/result/btn-again-1-hk.png) no-repeat center center/contain}body.index-page.can-redeem .page#result.fail .congrats-wrapper .btns .again:lang(ja-jp){background:url(../images/result/btn-again-1-jp.png) no-repeat center center/contain}body.index-page.can-redeem .page#result.fail .congrats-wrapper .btns .again:lang(zh-CN){background:url(../images/result/btn-again-1-cn.png) no-repeat center center/contain}body.index-page.can-redeem .page#result .congrats-wrapper p{margin-top:-15px;height:36.5px;background:url(../images/result/p1b.png) no-repeat center center/319.5px}body.index-page.can-redeem .page#result .congrats-wrapper p:lang(zh-HK),body.index-page.can-redeem .page#result .congrats-wrapper p:lang(zh-MO){margin-top:-27px;height:50.5px;background:url(../images/result/p1b-hk.png) no-repeat center center/357px}body.index-page.can-redeem .page#result .congrats-wrapper p:lang(zh-CN){margin-top:-27px;height:46.5px;background:url(../images/result/p1b-cn.png) no-repeat center center/357px}body.index-page.can-redeem .page#result .congrats-wrapper .redeem-wrapper{display:block}body.index-page.can-redeem .page#result .congrats-wrapper .btns{margin-top:-10px}body.index-page.can-redeem .page#result .congrats-wrapper .btns .enter{display:block;width:140px;height:66px;margin:0 5px;background:url(../images/result/btn-enter.png) no-repeat center center/170px}body.index-page.can-redeem .page#result .congrats-wrapper .btns .enter:lang(zh-HK),body.index-page.can-redeem .page#result .congrats-wrapper .btns .enter:lang(zh-MO){background:url(../images/result/btn-enter-hk.png) no-repeat center center/170px}body.index-page.can-redeem .page#result .congrats-wrapper .btns .enter:lang(zh-CN){background:url(../images/result/btn-enter-cn.png) no-repeat center center/170px}body.index-page.can-redeem .page#result .congrats-wrapper .btns .again{width:140px;height:66px;margin:0 5px;background:url(../images/result/btn-again-2.png) no-repeat center center/170px}body.index-page.can-redeem .page#result .congrats-wrapper .btns .again:lang(zh-HK),body.index-page.can-redeem .page#result .congrats-wrapper .btns .again:lang(zh-MO){background:url(../images/result/btn-again-2-hk.png) no-repeat center center/170px}body.index-page.can-redeem .page#result .congrats-wrapper .btns .again:lang(zh-CN){background:url(../images/result/btn-again-2-cn.png) no-repeat center center/170px}body.index-page.can-redeem #tutorial .inner .t1 p{height:35.5px}body.index-page.can-redeem #tutorial .inner .t1 p:lang(zh-HK),body.index-page.can-redeem #tutorial .inner .t1 p:lang(zh-MO){height:48.5px;position:relative;top:5px}body.index-page.can-redeem #tutorial .inner .t1 p:lang(zh-CN){height:49.5px}body.index-page.can-redeem #tutorial .inner .t1 video{top:-3px;position:relative}body.index-page.can-redeem #tutorial .inner .t1 video:lang(zh-HK),body.index-page.can-redeem #tutorial .inner .t1 video:lang(zh-MO){top:-20px}body.index-page.can-redeem #tutorial .inner .t1 video:lang(zh-CN){top:-20px}body.index-page.can-redeem #tutorial .inner .t2 .img{top:-7px}body.index-page.can-redeem #tutorial .inner .t2 .img:lang(zh-HK),body.index-page.can-redeem #tutorial .inner .t2 .img:lang(zh-MO){top:-12px}body.index-page.can-redeem #tutorial .inner .t2 .img:lang(zh-CN){top:-12px}body.index-page.can-redeem #tutorial .inner .t2 p{width:201px;height:35.5px;margin-top:15px;background:url(../images/tutorial/instruction2_withgift.png) no-repeat top center/contain}body.index-page.can-redeem #tutorial .inner .t2 p:lang(zh-HK),body.index-page.can-redeem #tutorial .inner .t2 p:lang(zh-MO){width:243px;height:48.5px;background:url(../images/tutorial/instruction2_withgift-hk.png) no-repeat top center/contain}body.index-page.can-redeem #tutorial .inner .t2 p:lang(zh-CN){width:256px;height:49.5px;background:url(../images/tutorial/instruction2_withgift-cn.png) no-repeat top center/contain}body.index-page.can-redeem #tutorial span{width:108.5px;height:9.5px;position:absolute;margin:0 auto;left:0;right:0;bottom:10px;background:url(../images/tutorial/disclaimer.png) no-repeat center center/contain;display:none}body.index-page.can-redeem #tutorial span:lang(zh-HK),body.index-page.can-redeem #tutorial span:lang(zh-MO){width:75.5px;height:8.5px;background:url(../images/tutorial/disclaimer-hk.png) no-repeat center center/contain}body.index-page.can-redeem #tutorial span:lang(zh-CN){width:75px;height:9px;background:url(../images/tutorial/disclaimer-cn.png) no-repeat center center/contain}body.index-page.can-redeem #tutorial span.show{display:block}body.index-page #tnc{background:0 0;box-shadow:none;border-radius:0;position:relative;padding:80px 0 40px;box-sizing:border-box;width:100%}body.index-page #tnc a.close-modal{position:absolute;top:0;left:0;width:76px;height:76px;background:url(../images/products/btn-close.png) no-repeat center center/contain}body.index-page #tnc h3{width:281px;height:91px;margin:0 auto 20px;background:url(../images/landing/tnc-title.png) no-repeat center center/contain}body.index-page #tnc h3:lang(zh-HK),body.index-page #tnc h3:lang(zh-MO){width:240px;height:50px;background:url(../images/landing/tnc-title-hk.png) no-repeat center center/contain}body.index-page #tnc h3:lang(zh-CN){width:240px;height:58px;background:url(../images/landing/tnc-title-cn.png) no-repeat center center/contain}body.index-page #tnc img{max-width:288.5px}body.index-page #tnc img:lang(zh-HK),body.index-page #tnc img:lang(zh-MO){max-width:289.5px}body.index-page #tnc img:lang(zh-CN){max-width:299px}body.index-page #input-correct{background:url(../images/tutorial/bg.png) no-repeat top left/cover;box-shadow:none;border-radius:16px;position:relative;padding:120px 0 30px;box-sizing:border-box}body.index-page #input-correct .close-modal{position:relative;top:initial;right:initial;width:219px;height:66px;position:absolute;bottom:40px;left:0;right:0;margin:0 auto;background:url(../images/result/btn-redeem-confirm.png) no-repeat center center/contain}body.index-page #input-correct .close-modal:lang(zh-HK),body.index-page #input-correct .close-modal:lang(zh-MO){background:url(../images/result/btn-redeem-confirm-hk.png) no-repeat center center/contain}body.index-page #input-correct .close-modal:lang(ja-jp){background:url(../images/result/btn-redeem-confirm-jp.png) no-repeat center center/contain}body.index-page #input-correct .close-modal:lang(zh-CN){background:url(../images/result/btn-redeem-confirm-cn.png) no-repeat center center/contain}body.index-page #input-correct p{width:267px;height:80px;margin:-33px auto 0;background:url(../images/result/redeem-success-p.png) no-repeat center center/contain}body.index-page #input-correct p:lang(zh-HK),body.index-page #input-correct p:lang(zh-MO){height:83px;background:url(../images/result/redeem-success-p-hk.png) no-repeat center center/contain}body.index-page #input-correct p:lang(ja-jp){height:98px;background:url(../images/result/redeem-success-p-jp.png) no-repeat center center/contain}body.index-page #input-correct p:lang(zh-CN){height:83px;background:url(../images/result/redeem-success-p-cn.png) no-repeat center center/contain}body.index-page #input-wrong{background:url(../images/tutorial/bg.png) no-repeat top left/cover;box-shadow:none;border-radius:16px;position:relative;padding:120px 0 30px;box-sizing:border-box}body.index-page #input-wrong .close-modal{position:relative;top:initial;right:initial;width:219px;height:66px;position:absolute;bottom:40px;left:0;right:0;margin:0 auto;background:url(../images/result/btn-redeem-confirm.png) no-repeat center center/contain}body.index-page #input-wrong .close-modal:lang(zh-HK),body.index-page #input-wrong .close-modal:lang(zh-MO){background:url(../images/result/btn-redeem-confirm-hk.png) no-repeat center center/contain}body.index-page #input-wrong .close-modal:lang(ja-jp){background:url(../images/result/btn-redeem-confirm-jp.png) no-repeat center center/contain}body.index-page #input-wrong .close-modal:lang(zh-CN){background:url(../images/result/btn-redeem-confirm-cn.png) no-repeat center center/contain}body.index-page #input-wrong p{width:267px;height:80px;margin:-33px auto 0;background:url(../images/result/redeem-fail-p.png) no-repeat center center/contain}body.index-page #input-wrong p:lang(zh-HK),body.index-page #input-wrong p:lang(zh-MO){height:60px;background:url(../images/result/redeem-fail-p-hk.png) no-repeat center center/contain}body.index-page #input-wrong p:lang(ja-jp){height:98px;background:url(../images/result/redeem-fail-p-jp.png) no-repeat center center/contain}body.index-page #input-wrong p:lang(zh-CN){height:60px;background:url(../images/result/redeem-fail-p-cn.png) no-repeat center center/contain}body.index-page #camera,body.index-page #input-correct,body.index-page #input-wrong,body.index-page #tutorial{height:450px}body.index-page #camera .inner,body.index-page #input-correct .inner,body.index-page #input-wrong .inner,body.index-page #tutorial .inner{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:100%}body.index-page #form{padding:0;box-shadow:none;background:0 0;border-radius:0;max-width:344px;padding-top:30px}body.index-page #form .close-modal{top:0;right:0;width:30px;height:30px;background:url(../img/btn-close.png) no-repeat center center/contain}body.index-page #form form{position:absolute;width:185px;height:51px;left:0;right:0;margin:0 auto;bottom:16%;transform:scale(.85)}body.index-page #form form input{width:100%;height:100%;background-image:url(../img/input.png);background-size:contain;background-color:transparent;text-indent:14px;letter-spacing:46px;text-align:left}body.index-page #form p{font-size:0;text-indent:-9999px;overflow:hidden;width:21.51162791%;height:3.75370688%;position:absolute;left:0;right:0;margin:0 auto;bottom:26%;background:url(../img/p-enter.png) no-repeat center center/contain}body.index-page #form .submit{font-size:0;text-indent:-9999px;overflow:hidden;display:block;position:absolute;left:0;right:0;margin:0 auto;bottom:4%;width:58.13953488%;height:11.66582862%;background:url(../img/btn-confirm.png) no-repeat center center/contain}body.index-page #fail{box-shadow:none;background:0 0}body.index-page #fail .close-modal{display:none}body.index-page #fail img{max-width:365px}body.index-page.clicked #device-orientation .btn-go{display:none}body.index-page #device-orientation{box-shadow:none;background:0 0}body.index-page #device-orientation .close-modal{display:none}body.index-page #device-orientation img{max-width:365px}body.index-page #device-orientation .btn-go{position:relative;top:-20px}body.index-page #device-orientation .btn-go img{width:159px}body.index-page #camera{box-shadow:none;background:0 0}body.index-page #camera .close-modal{display:none}body.index-page #camera img{max-width:365px}body.index-page #tutorial{background:url(../images/tutorial/bg.png) no-repeat top left/cover;box-shadow:none;border-radius:16px}body.index-page #tutorial .close-modal{width:69px;height:69px;background:url(../images/tutorial/btn-back.png) no-repeat center center/contain;position:fixed;top:0;left:0}body.index-page #tutorial .inner{padding:0;box-sizing:border-box}body.index-page #tutorial .inner h1{width:254px;height:31px;margin:0 auto;background:url(../images/tutorial/h1.png) no-repeat center center/contain}body.index-page #tutorial .inner h1:lang(zh-HK),body.index-page #tutorial .inner h1:lang(zh-MO){width:254px;height:26px;background:url(../images/tutorial/h1-hk.png) no-repeat center center/contain}body.index-page #tutorial .inner h1:lang(ja-jp){width:244.5px;height:22.5px;background:url(../images/tutorial/h1-jp.png) no-repeat center center/contain}body.index-page #tutorial .inner h1:lang(zh-CN){width:254px;height:30px;background:url(../images/tutorial/h1-cn.png) no-repeat center center/contain}body.index-page #tutorial .inner video{margin:0 auto;width:80%;display:block;padding:15px 0 0;max-width:228px}body.index-page #tutorial .inner .img{position:relative;width:80%;max-width:228px;margin:15px auto 0}body.index-page #tutorial .inner .img::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/tutorial/i2-t.png) no-repeat center center/53%}body.index-page #tutorial .inner .img:lang(zh-HK)::after,body.index-page #tutorial .inner .img:lang(zh-MO)::after{background:url(../images/tutorial/i2-t-hk.png) no-repeat center center/53%}body.index-page #tutorial .inner .img:lang(ja-jp)::after{background:url(../images/tutorial/i2-t-jp.png) no-repeat center center/58%}body.index-page #tutorial .inner .img:lang(zh-CN)::after{background:url(../images/tutorial/i2-t-cn.png) no-repeat center center/53%}body.index-page #tutorial .inner .t1{display:none}body.index-page #tutorial .inner .t1.active{display:block}body.index-page #tutorial .inner .t1 p{width:215px;height:35px;margin:15px auto 0;background:url(../images/tutorial/instruction1.png) no-repeat top center/contain}body.index-page #tutorial .inner .t1 p:lang(zh-HK),body.index-page #tutorial .inner .t1 p:lang(zh-MO){width:239px;height:20px;background:url(../images/tutorial/instruction1-hk.png) no-repeat top center/contain}body.index-page #tutorial .inner .t1 p:lang(ja-jp){width:232px;height:35px;background:url(../images/tutorial/instruction1-jp.png) no-repeat top center/contain}body.index-page #tutorial .inner .t1 p:lang(zh-CN){width:238.5px;height:20px;background:url(../images/tutorial/instruction1-cn.png) no-repeat top center/contain}body.index-page #tutorial .inner .t1 a{display:block;width:219px;height:66px;margin:0 auto;background:url(../images/tutorial/btn-next.png) no-repeat center center/contain}body.index-page #tutorial .inner .t1 a:lang(zh-HK),body.index-page #tutorial .inner .t1 a:lang(zh-MO){background:url(../images/tutorial/btn-next-hk.png) no-repeat center center/contain}body.index-page #tutorial .inner .t1 a:lang(ja-jp){background:url(../images/tutorial/btn-next-jp.png) no-repeat center center/contain}body.index-page #tutorial .inner .t1 a:lang(zh-CN){background:url(../images/tutorial/btn-next-cn.png) no-repeat center center/contain}body.index-page #tutorial .inner .t2{display:none}body.index-page #tutorial .inner .t2.active{display:block}body.index-page #tutorial .inner .t2 p{width:143px;height:35px;margin:15px auto 0;background:url(../images/tutorial/instruction2_withoutgift.png) no-repeat top center/contain}body.index-page #tutorial .inner .t2 p:lang(zh-HK),body.index-page #tutorial .inner .t2 p:lang(zh-MO){width:132px;height:20px;background:url(../images/tutorial/instruction2_withoutgift-hk.png) no-repeat top center/contain}body.index-page #tutorial .inner .t2 p:lang(ja-jp){width:184px;height:35px;background:url(../images/tutorial/instruction2_withoutgift-jp.png) no-repeat top center/contain}body.index-page #tutorial .inner .t2 p:lang(zh-CN){width:130px;height:20px;background:url(../images/tutorial/instruction2_withoutgift-cn.png) no-repeat top center/contain}body.index-page #tutorial .inner .t2 a{display:block;width:219px;height:66px;margin:0 auto;background:url(../images/tutorial/btn-start.png) no-repeat center center/contain}body.index-page #tutorial .inner .t2 a:lang(zh-HK),body.index-page #tutorial .inner .t2 a:lang(zh-MO){background:url(../images/tutorial/btn-start-hk.png) no-repeat center center/contain}body.index-page #tutorial .inner .t2 a:lang(ja-jp){background:url(../images/tutorial/btn-start-jp.png) no-repeat center center/contain}body.index-page #tutorial .inner .t2 a:lang(zh-CN){background:url(../images/tutorial/btn-start-cn.png) no-repeat center center/contain}body.index-page #tutorial .inner .t2 .img{top:-20px}body.index-page #tutorial .inner .t2 .img:lang(zh-HK),body.index-page #tutorial .inner .t2 .img:lang(zh-MO){top:-5px}body.index-page #tutorial .inner .t2 .img:lang(ja-jp){top:-5px}body.index-page #tutorial .inner .t2 .img:lang(zh-CN){top:-17px}body.index-page #product-micro-essence,body.index-page #product-repair-eye,body.index-page #product-repair-serum{max-width:100%;padding:0;box-shadow:none;width:100%;border-radius:0}body.index-page #product-micro-essence a.close-modal,body.index-page #product-repair-eye a.close-modal,body.index-page #product-repair-serum a.close-modal{position:absolute;right:0;top:0;width:76px;height:76px;background:url(../images/products/btn-close.png) no-repeat center center/contain}body.index-page #product-micro-essence a.shop,body.index-page #product-repair-eye a.shop,body.index-page #product-repair-serum a.shop{width:242px;height:30px;display:block;margin:30px auto 10px;background:url(../images/products/btn-shop.png) no-repeat center center/contain}body.index-page #product-micro-essence a.shop:lang(zh-HK),body.index-page #product-micro-essence a.shop:lang(zh-MO),body.index-page #product-repair-eye a.shop:lang(zh-HK),body.index-page #product-repair-eye a.shop:lang(zh-MO),body.index-page #product-repair-serum a.shop:lang(zh-HK),body.index-page #product-repair-serum a.shop:lang(zh-MO){background:url(../images/products/btn-shop-hk.png) no-repeat center center/contain}body.index-page #product-micro-essence a.shop:lang(ja-jp),body.index-page #product-repair-eye a.shop:lang(ja-jp),body.index-page #product-repair-serum a.shop:lang(ja-jp){height:32px;background:url(../images/products/btn-shop-jp.png) no-repeat center center/contain}body.index-page #product-micro-essence a.shop:lang(zh-CN),body.index-page #product-repair-eye a.shop:lang(zh-CN),body.index-page #product-repair-serum a.shop:lang(zh-CN){background:url(../images/products/btn-shop-cn.png) no-repeat center center/contain}body.index-page #product-micro-essence .inner,body.index-page #product-repair-eye .inner,body.index-page #product-repair-serum .inner{padding:25px;box-sizing:border-box}body.index-page #product-micro-essence .inner p,body.index-page #product-repair-eye .inner p,body.index-page #product-repair-serum .inner p{margin:30px 0 7px;width:128.5px;height:15.5px;background:url(../images/products/product-details.png) no-repeat center center/contain}body.index-page #product-micro-essence .inner p:lang(zh-HK),body.index-page #product-micro-essence .inner p:lang(zh-MO),body.index-page #product-repair-eye .inner p:lang(zh-HK),body.index-page #product-repair-eye .inner p:lang(zh-MO),body.index-page #product-repair-serum .inner p:lang(zh-HK),body.index-page #product-repair-serum .inner p:lang(zh-MO){width:79px;height:18.5px;background:url(../images/products/product-details-hk.png) no-repeat center center/contain}body.index-page #product-micro-essence .inner p:lang(ja-jp),body.index-page #product-repair-eye .inner p:lang(ja-jp),body.index-page #product-repair-serum .inner p:lang(ja-jp){width:78.5px;height:19px;background:url(../images/products/product-details-jp.png) no-repeat center center/contain}body.index-page #product-micro-essence .inner p:lang(zh-CN),body.index-page #product-repair-eye .inner p:lang(zh-CN),body.index-page #product-repair-serum .inner p:lang(zh-CN){width:79px;height:19px;background:url(../images/products/product-details-cn.png) no-repeat center center/contain}body.index-page #product-micro-essence .inner span,body.index-page #product-repair-eye .inner span,body.index-page #product-repair-serum .inner span{width:100%;height:1px;background:rgba(32,41,69,.2);display:block;margin-bottom:10px}body.index-page #product-micro-essence .inner .p2,body.index-page #product-repair-eye .inner .p2,body.index-page #product-repair-serum .inner .p2{margin:0}body.index-page #product-micro-essence-urls,body.index-page #product-repair-eye-urls,body.index-page #product-repair-serum-urls{width:280px;border-radius:0;padding:41px 0}body.index-page #product-micro-essence-urls h3,body.index-page #product-repair-eye-urls h3,body.index-page #product-repair-serum-urls h3{width:135px;height:38px;margin:0 auto 20px;background:url(../images/urls/title.png) no-repeat center center/contain}body.index-page #product-micro-essence-urls h3:lang(zh-HK),body.index-page #product-micro-essence-urls h3:lang(zh-MO),body.index-page #product-repair-eye-urls h3:lang(zh-HK),body.index-page #product-repair-eye-urls h3:lang(zh-MO),body.index-page #product-repair-serum-urls h3:lang(zh-HK),body.index-page #product-repair-serum-urls h3:lang(zh-MO){width:126px;height:18.5px;background:url(../images/urls/title-hk.png) no-repeat center center/contain}body.index-page #product-micro-essence-urls h3:lang(ja-jp),body.index-page #product-repair-eye-urls h3:lang(ja-jp),body.index-page #product-repair-serum-urls h3:lang(ja-jp){width:196.5px;height:41px;background:url(../images/urls/title-jp.png) no-repeat center center/contain}body.index-page #product-micro-essence-urls h3:lang(zh-CN),body.index-page #product-repair-eye-urls h3:lang(zh-CN),body.index-page #product-repair-serum-urls h3:lang(zh-CN){width:124.5px;height:19px;background:url(../images/urls/title-cn.png) no-repeat center center/contain}body.index-page #product-micro-essence-urls a.url,body.index-page #product-repair-eye-urls a.url,body.index-page #product-repair-serum-urls a.url{width:214px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:contain;display:block;margin:0 auto 15px}body.index-page #product-micro-essence-urls a.url.hk,body.index-page #product-repair-eye-urls a.url.hk,body.index-page #product-repair-serum-urls a.url.hk{background-image:url(../images/urls/hk.png)}body.index-page #product-micro-essence-urls a.url.hk:lang(zh-HK),body.index-page #product-micro-essence-urls a.url.hk:lang(zh-MO),body.index-page #product-repair-eye-urls a.url.hk:lang(zh-HK),body.index-page #product-repair-eye-urls a.url.hk:lang(zh-MO),body.index-page #product-repair-serum-urls a.url.hk:lang(zh-HK),body.index-page #product-repair-serum-urls a.url.hk:lang(zh-MO){background-image:url(../images/urls/hk-hk.png)}body.index-page #product-micro-essence-urls a.url.hk:lang(ja-jp),body.index-page #product-repair-eye-urls a.url.hk:lang(ja-jp),body.index-page #product-repair-serum-urls a.url.hk:lang(ja-jp){height:32px;background-image:url(../images/urls/hk-jp.png)}body.index-page #product-micro-essence-urls a.url.hk:lang(zh-CN),body.index-page #product-repair-eye-urls a.url.hk:lang(zh-CN),body.index-page #product-repair-serum-urls a.url.hk:lang(zh-CN){background-image:url(../images/urls/hk-cn.png)}body.index-page #product-micro-essence-urls a.url.mo,body.index-page #product-repair-eye-urls a.url.mo,body.index-page #product-repair-serum-urls a.url.mo{background-image:url(../images/urls/mo.png)}body.index-page #product-micro-essence-urls a.url.mo:lang(zh-HK),body.index-page #product-micro-essence-urls a.url.mo:lang(zh-MO),body.index-page #product-repair-eye-urls a.url.mo:lang(zh-HK),body.index-page #product-repair-eye-urls a.url.mo:lang(zh-MO),body.index-page #product-repair-serum-urls a.url.mo:lang(zh-HK),body.index-page #product-repair-serum-urls a.url.mo:lang(zh-MO){background-image:url(../images/urls/mo-hk.png)}body.index-page #product-micro-essence-urls a.url.mo:lang(ja-jp),body.index-page #product-repair-eye-urls a.url.mo:lang(ja-jp),body.index-page #product-repair-serum-urls a.url.mo:lang(ja-jp){height:32px;background-image:url(../images/urls/mo-jp.png)}body.index-page #product-micro-essence-urls a.url.mo:lang(zh-CN),body.index-page #product-repair-eye-urls a.url.mo:lang(zh-CN),body.index-page #product-repair-serum-urls a.url.mo:lang(zh-CN){background-image:url(../images/urls/mo-cn.png)}body.index-page #product-micro-essence-urls a.url.jp,body.index-page #product-repair-eye-urls a.url.jp,body.index-page #product-repair-serum-urls a.url.jp{margin-bottom:0;background-image:url(../images/urls/jp.png)}body.index-page #product-micro-essence-urls a.url.jp:lang(zh-HK),body.index-page #product-micro-essence-urls a.url.jp:lang(zh-MO),body.index-page #product-repair-eye-urls a.url.jp:lang(zh-HK),body.index-page #product-repair-eye-urls a.url.jp:lang(zh-MO),body.index-page #product-repair-serum-urls a.url.jp:lang(zh-HK),body.index-page #product-repair-serum-urls a.url.jp:lang(zh-MO){background-image:url(../images/urls/jp-hk.png)}body.index-page #product-micro-essence-urls a.url.jp:lang(ja-jp),body.index-page #product-repair-eye-urls a.url.jp:lang(ja-jp),body.index-page #product-repair-serum-urls a.url.jp:lang(ja-jp){height:32px;background-image:url(../images/urls/jp-jp.png)}body.index-page #product-micro-essence-urls a.url.jp:lang(zh-CN),body.index-page #product-repair-eye-urls a.url.jp:lang(zh-CN),body.index-page #product-repair-serum-urls a.url.jp:lang(zh-CN){background-image:url(../images/urls/jp-cn.png)}body.index-page #product-micro-essence-urls a.url.cn,body.index-page #product-repair-eye-urls a.url.cn,body.index-page #product-repair-serum-urls a.url.cn{margin-bottom:0;background-image:url(../images/urls/cn.png)}body.index-page #product-micro-essence-urls a.url.cn:lang(zh-HK),body.index-page #product-micro-essence-urls a.url.cn:lang(zh-MO),body.index-page #product-repair-eye-urls a.url.cn:lang(zh-HK),body.index-page #product-repair-eye-urls a.url.cn:lang(zh-MO),body.index-page #product-repair-serum-urls a.url.cn:lang(zh-HK),body.index-page #product-repair-serum-urls a.url.cn:lang(zh-MO){background-image:url(../images/urls/cn-hk.png)}body.index-page #product-micro-essence-urls a.url.cn:lang(ja-jp),body.index-page #product-repair-eye-urls a.url.cn:lang(ja-jp),body.index-page #product-repair-serum-urls a.url.cn:lang(ja-jp){height:32px;background-image:url(../images/urls/cn-jp.png)}body.index-page #product-micro-essence-urls a.url.cn:lang(zh-CN),body.index-page #product-repair-eye-urls a.url.cn:lang(zh-CN),body.index-page #product-repair-serum-urls a.url.cn:lang(zh-CN){background-image:url(../images/urls/cn-cn.png)}body.index-page #product-micro-essence-urls a.close-modal,body.index-page #product-repair-eye-urls a.close-modal,body.index-page #product-repair-serum-urls a.close-modal{right:-15px;top:-75px;width:76px;height:76px;background:url(../images/urls/btn-close.png) no-repeat center center/contain}body.index-page .page h1,body.index-page .page h2,body.index-page .page h3,body.index-page .page h4,body.index-page .page h5,body.index-page .page p{font-size:0;text-indent:-9999px;overflow:hidden}body.index-page .page#landing{height:100%;width:100%;top:0;left:0;position:fixed}body.index-page .page#landing.entering .light{opacity:1;transform:scale(50);z-index:1}body.index-page .page#landing .logo{width:113px;height:69px;background:url(../img/logo.png) no-repeat center center/contain;margin-top:30px}body.index-page .page#landing #vid-landing{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}body.index-page .page#landing .light{opacity:0;transition:all .6s ease;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/start-light.png) no-repeat center center/cover}body.index-page .page#landing .content{position:relative;z-index:1}body.index-page .page#landing .content h1{position:relative;width:125px;height:28px;margin:30px auto 20px;background:url(../img/title.png) no-repeat center center/contain}body.index-page .page#landing .content p{width:250px;height:37px;margin:0 auto 20px;display:block;background:url(../img/intro.png) no-repeat center center/contain}body.index-page .page#landing #swipe-area{position:absolute;left:0;right:0;margin:0 auto;bottom:20%;height:229px;width:212px;bottom:0;height:100%;width:100%;z-index:1}body.index-page .page#landing #swipe-area .graphic{z-index:1;height:229px;margin:0 auto 20px;display:block;width:212px;position:relative;background:url(../img/swipe-direction.png) no-repeat center center/contain}body.index-page .page#landing #swipe-area .graphic::after{content:"";position:absolute;width:79px;height:79px;right:0;top:50px;left:0;margin:0 auto;transform:translate(20px,-70px);background:url(../img/swipe-hand2.png) no-repeat center center/contain;animation:hand2 2.5s 0s linear infinite forwards}body.index-page .page#landing #swipe-area .text{height:36px;margin:0 auto;display:block;width:250px;background:url(../img/btn-start.png) no-repeat center center/contain}body.index-page .page#ar{overflow:hidden;background:#000;background:url(../img/camera-bg.jpg) no-repeat center center/cover}body.index-page .page#ar .logo{transition:all .4s ease;position:absolute;left:0;right:0;margin-top:30px;top:0;width:32px;height:41px;background:url(../img/logo2.png) no-repeat center center/contain}body.index-page .page#ar .counter{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden}body.index-page .page#ar .counter #count{font-family:OptimaEL,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:40vw;line-height:100%;position:absolute;top:50%;transform:translateY(-50%);width:100%;left:0;text-align:center;height:180px}body.index-page .page#ar .counter #count.animation{animation:count .9s 1 ease-out}body.index-page .page#ar .counter #count.count-3{background:url(../images/game/countdown-3.png) no-repeat center center/56.5px}body.index-page .page#ar .counter #count.count-2{background:url(../images/game/countdown-2.png) no-repeat center center/59.5px}body.index-page .page#ar .counter #count.count-1{background:url(../images/game/countdown-1.png) no-repeat center center/30.5px}body.index-page .page#ar .counter #count.count-start{background:url(../images/game/countdown-start.png) no-repeat center center/232.5px}body.index-page .page#ar .timer{position:absolute;z-index:10;top:20px;left:20px;display:none;width:73px;height:73px;background:url(../img/timer-second.png) no-repeat bottom 15px center/13px,url(../img/timer-bg2.png) no-repeat center center/64px,url(../img/timer-bg1.png) no-repeat center center/contain}body.index-page .page#ar .timer #time-count{font-size:32px;line-height:73px;color:#c79743;position:relative;top:-6px;font-family:CronosProRegular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}body.index-page .page#ar #shake{opacity:0;transition:all .4s ease;position:absolute;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%);z-index:10}body.index-page .page#ar #shake .graphic{z-index:1;height:106px;margin:0 auto 20px;display:block;width:66px;position:relative;background:url(../img/shake-arrow.png) no-repeat top center/contain}body.index-page .page#ar #shake .graphic::after{transform-origin:bottom center;content:"";position:absolute;width:41px;height:78px;right:0;bottom:0;left:0;margin:0 auto;background:url(../img/phone.png) no-repeat center center/contain;animation:phone2 .5s 0s linear infinite forwards}body.index-page .page#ar #shake .text{height:38px;margin:0 auto;display:block;width:103px;background:url(../img/text-shake.png) no-repeat center center/contain}body.index-page .page#ar #distance{position:fixed;top:5px;left:5px;background:rgba(255,255,255,.8);display:block;color:#000;font:10px Arial,sans-serif;padding:5px;z-index:999;display:none!important}body.index-page .page#ar #alva-content,body.index-page .page#ar #camera-content{position:absolute;top:0;left:0}body.index-page .page#ar #alva-content{z-index:2;transition:all .4s ease}body.index-page .page#ar .status{display:none;position:absolute;bottom:0;left:0;width:100%;z-index:10;overflow:hidden}body.index-page .page#ar .status .bottle,body.index-page .page#ar .status .serum{position:absolute;width:100%;height:100%;top:0;left:0}body.index-page .page#ar .status .bottle{top:initial;bottom:0;max-height:33%;transition:all .4s linear;background:url(../img/score-bottle1.png) no-repeat bottom center/100%}body.index-page .page#ar .status .bottle.b1{background:url(../img/score-bottle1.png) no-repeat bottom center/100%;max-height:53%}body.index-page .page#ar .status .bottle.b2{background:url(../img/score-bottle2.png) no-repeat bottom center/100%;max-height:64%}body.index-page .page#ar .status .bottle.b3{background:url(../img/score-bottle3.png) no-repeat bottom center/100%;max-height:86%}body.index-page .page#ar .status .bottle.b4{background:url(../img/score-bottle4.png) no-repeat bottom center/100%;max-height:100%}body.index-page .page#ar .status .serum span{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transform:scale(0);transition:all .4s ease}body.index-page .page#ar .status .serum span.s1{width:15%;height:35%;top:57%;left:25%;background:url(../img/score-serum1-trim.png) no-repeat center center/contain}body.index-page .page#ar .status .serum span.s2{width:15%;height:35%;top:57%;left:59.5%;background:url(../img/score-serum2-trim.png) no-repeat center center/contain}body.index-page .page#ar .status .serum span.s3{width:12%;height:29%;top:24%;left:68.5%;background:url(../img/score-serum3-trim.png) no-repeat center center/contain}body.index-page .page#ar .status .serum span.s4{width:12%;height:29%;top:24%;left:19.5%;background:url(../img/score-serum4-trim.png) no-repeat center center/contain}body.index-page .page#ar .status .serum.s1 span.s1,body.index-page .page#ar .status .serum.s2 span.s2,body.index-page .page#ar .status .serum.s3 span.s3,body.index-page .page#ar .status .serum.s4 span.s4{opacity:1;transform:scale(.98)}body.index-page .page#ar .status .items{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}body.index-page .page#ar .status .item{width:50px;height:50px;margin:0 3px;opacity:.5;transition:opacity .4 ease}body.index-page .page#ar .status .item.clicked{opacity:1}body.index-page .page#ar .status .item.i1{background:url(../img/game_1.png) no-repeat center center/contain}body.index-page .page#ar .status .item.i2{background:url(../img/game_2.png) no-repeat center center/contain}body.index-page .page#ar .status .item.i3{background:url(../img/game_3.png) no-repeat center center/contain}body.index-page .page#ar .status .item.i4{background:url(../img/game_4.png) no-repeat center center/contain}body.index-page .page#ar .status .item.i5{background:url(../img/game_5.png) no-repeat center center/contain}body.index-page .page#ar .status .item.i6{background:url(../img/game_6.png) no-repeat center center/contain}body.index-page .page#ar .tutorial{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/arrows.png) no-repeat center center/100%,url(../img/instruction-bg.png) no-repeat center center/100%;z-index:10}body.index-page .page#ar .tutorial .center{position:absolute;width:100%;top:50%;transform:translate3d(-50%,-50%,0);left:50%}body.index-page .page#ar .tutorial .phone{position:relative;margin:0 auto 35px;width:41px;height:78px;background:url(../img/phone.png) no-repeat center center/contain;animation:phone 4s 0s linear infinite forwards}body.index-page .page#ar .tutorial .phone::after{content:"";position:absolute;width:79px;height:79px;right:0;bottom:-30px;left:0;margin:0 -60px 0 auto;background:url(../img/swipe-hand.png) no-repeat center center/contain}body.index-page .page#ar .tutorial p{margin:0 auto;width:194px;height:38px;background:url(../img/instruction2.png) no-repeat center center/contain}body.index-page .page#ar.tutorialing .tutorial{display:block}body.index-page .page#ar.detected #distance{display:block}body.index-page .page#ar.detected h3{opacity:1}body.index-page .page#ar.detected #guide{opacity:1}body.index-page .page#ar.detected #guide::after{animation:guide 1s linear infinite forwards}body.index-page .page#ar.pre-start #distance{display:none}body.index-page .page#ar.pre-start #alva-content{opacity:0}body.index-page .page#ar.pre-start h3{opacity:0}body.index-page .page#ar.pre-start #guide{opacity:0}body.index-page .page#ar.pre-start .logo{opacity:0}body.index-page .page#ar.pre-start #starting{opacity:1}body.index-page .page#ar.pre-start.loading::after,body.index-page .page#ar.pre-start.loading::before{display:none}body.index-page .page#ar.ar-world #alva-content,body.index-page .page#ar.ar-world #guide,body.index-page .page#ar.ar-world #starting,body.index-page .page#ar.ar-world h3{display:none}body.index-page .page#ar.ar-world #distance{display:none}body.index-page .page#ar.ar-world.loading::after,body.index-page .page#ar.ar-world.loading::before{display:none}body.index-page .page#ar.playing .timer{display:block}body.index-page .page#ar.playing .timer-wrapper::after{animation:rotate 30s linear 0s 1 forwards}body.index-page .page#ar.playing .timer-wrapper .time-outer{animation:rotate 30s linear 0s 1 forwards}body.index-page .page#ar.playing .timer-wrapper #time{animation:rotateCCW 30s linear 0s 1 forwards}body.index-page .page#ar.loading #camera-content{opacity:0}body.index-page .page#ar.loading h3{opacity:0}body.index-page .page#ar.ar-world .status{display:block}body.index-page .page#ar.ar-world #alva-content{display:none}body.index-page .page#ar.completed #canvas,body.index-page .page#ar.completed .status,body.index-page .page#ar.completed .timer{opacity:0}body.index-page .page#ar.completed #shake{opacity:1}body.index-page .page#ar.completed .logo{opacity:0}body.index-page .page#ar.finished #canvas,body.index-page .page#ar.finished .status,body.index-page .page#ar.finished .timer{opacity:0}body.index-page .page#ar.shaked #shake{opacity:0}body.index-page .page#ar video{opacity:0;transition:all .4s ease;position:absolute;top:0;left:0;object-fit:contain;width:100%;height:100%;z-index:10}body.index-page .page#ar video.play{opacity:1}body.index-page .page#ar video#vid-result,body.index-page .page#ar video#vid-result2,body.index-page .page#ar video#vid1,body.index-page .page#ar video#vid2,body.index-page .page#ar video#vid3,body.index-page .page#ar video#vid4{transform:scale(1.4)}body.index-page .page#ar video#vid1,body.index-page .page#ar video#vid2,body.index-page .page#ar video#vid3,body.index-page .page#ar video#vid4{transform:scale(1.6)}body.index-page .page#ar video#vid-start{transform:scale(1.33)}body.index-page .page#ar h3{opacity:0;transition:all .4s ease;top:150px;left:0;right:0;position:absolute;width:296px;height:43px;margin:0 auto;background:url(../img/text-game.png) no-repeat center center/contain;z-index:10}body.index-page .page#ar #starting{opacity:0;transition:all .4s ease;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;width:231px;height:115px;z-index:11;background:url(../img/text-game2.png) no-repeat center center/contain;margin:0 auto}body.index-page .page#ar #guide{opacity:0;transition:all .4s ease;position:absolute;bottom:0;left:0;right:0;width:201px;height:122px;z-index:3;background:url(../img/guide-bg.png) no-repeat center center/contain;margin:0 auto}body.index-page .page#ar #guide::after{content:"";width:130px;height:26px;background:url(../img/guide-arrow.png) no-repeat center center/contain;left:0;right:0;margin:0 auto;bottom:0;position:absolute}body.index-page .page#ar #canvas{position:absolute;top:0;left:0}body.index-page .page#ar .timer-wrapper{display:none;position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:1;width:256px;height:128px;background:url(../images/game/points.png) no-repeat bottom 5px center/124.5px,url(../images/game/timer-bg.png) no-repeat bottom center/contain}body.index-page .page#ar .timer-wrapper::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:bottom center;background:url(../images/game/timer-circle.png) no-repeat bottom center/contain}body.index-page .page#ar .timer-wrapper #result-point{position:relative;font-family:OptimaEL,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;display:table;margin:0 auto;top:24px;width:100%;height:66px;font-weight:600;font-size:70px;line-height:84px;text-align:center;letter-spacing:-.07em;background:linear-gradient(180deg,#fff0cb 20.83%,#fff 41.15%,#bcbcbc 64.58%,#9e9e9e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 -1px 1px #fff,0 1px 0 #545454,0 1px 2px rgba(0,0,0,.1)}body.index-page .page#ar .timer-wrapper .time-outer{width:100%;position:absolute;height:63px;bottom:-21%;left:0;right:0;transform:rotate(353deg);z-index:1}body.index-page .page#ar .timer-wrapper #time{display:block;transform:rotate(7deg);width:63px;height:63px;position:absolute;bottom:0;right:-5%;line-height:63px;font-style:normal;font-weight:600;font-size:18px;font-family:OptimaEL,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:url(../images/game/timer-ball.png) no-repeat center center/63px}body.index-page .page#result{background:url(../img/bg-result.jpg) no-repeat center center/cover;box-sizing:border-box;padding-bottom:40px}body.index-page .page#result .logo{margin-top:30px;margin-bottom:30px;width:113px;height:69px;background:url(../img/logo.png) no-repeat center center/contain}body.index-page .page#result #again{z-index:2;position:absolute;width:87px;height:22px;top:12px;left:20px;background:url(../img/btn-again.png) no-repeat center center/contain}body.index-page .page#result .congrats-wrapper h3{width:242px;height:25px;margin:20px auto;display:block;background:url(../img/title-congrats.png) no-repeat center center/contain}body.index-page .page#result .congrats-wrapper p.p1{width:167px;height:14px;margin:0 auto 15px;background:url(../img/p-redeem.png) no-repeat center center/contain}body.index-page .page#result .congrats-wrapper p.p2{width:92px;height:9px;margin:0 auto 15px;background:url(../img/p-remarks.png) no-repeat center center/contain}body.index-page .page#result .congrats-wrapper #btn-redeem{width:222px;height:56px;margin:0 auto 0;background:url(../img/btn-redeem.png) no-repeat center center/contain;display:block}body.index-page .page#result .congrats-wrapper p.p3{position:fixed;left:0;right:0;bottom:93px;width:100%;height:45px;margin:0 auto;background:url(../img/p-continuous.png) no-repeat center center/375px}body.index-page .page#result .congrats-wrapper .kv{width:100%;height:200px;background:red;margin:0 auto}body.index-page .page#result .event-wrapper{display:none}body.index-page .page#result .event-wrapper h3{width:167px;height:24px;margin:20px auto;display:block;background:url(../img/title-event.png) no-repeat center center/contain}body.index-page .page#result .event-wrapper p{width:296px;height:66px;margin:0 auto 15px;background:url(../img/p-event.png) no-repeat center center/contain}body.index-page .page#result .event-wrapper .kv{width:100%;height:200px;background:green;margin:20px auto 0}body.index-page .page#result .event-wrapper #btn-event{width:222px;height:56px;margin:0 auto 0;background:url(../img/btn-events.png) no-repeat center center/contain;display:block}@media only screen and (max-width:320px){body.index-page #form form{bottom:14%;transform:scale(.8)}}@media only screen and (max-width:360px) and (min-width:321px){body.index-page #form form{bottom:15%}}@keyframes hand{0%,100%{transform:translateY(-20px)}50%{transform:translateY(50px)}}@keyframes loading{0%{transform:translate3d(-50%,-50%,0) rotate(0)}50%{transform:translate3d(-50%,-50%,0) rotate(180deg)}100%{transform:translate3d(-50%,-50%,0) rotate(360deg)}}@keyframes hand2{0%{transform:translate(20px,-70px)}20%{transform:translate(-60px,-15px)}40%{transform:translate(-75px,60px)}60%{transform:translate(-50px,120px)}80%{transform:translate(25px,160px)}100%{transform:translate(125px,120px)}}@keyframes count{0%{opacity:0;transform:translateY(-50%) scale(.4)}100%{opacity:1;transform:translateY(-50%) scale(1.1)}}@keyframes fadeOut{90%{opacity:0}100%{opacity:0;max-height:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes _light{0%,100%{opacity:0}50%{opacity:1}}@keyframes timer{0%{offset-distance:95%}100%{offset-distance:5%}}@keyframes rotate{0%{transform:rotate(353deg)}100%{transform:rotate(187deg)}}@keyframes rotateCCW{0%{transform:rotate(7deg)}100%{transform:rotate(173deg)}}@keyframes phone{0%{transform:translate3d(0,0,0)}12.5%{transform:translate3d(20px,0,0)}25%{transform:translate3d(0,0,0)}37.5%{transform:translate3d(-20px,0,0)}50%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes phone2{0%,100%,50%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}100%{transform:translate3d(0,0,0)}}@keyframes guide{0%{transform:translateY(0)}100%{transform:translateY(-80px)}}