/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}:-moz-full-screen{display:flex;align-items:center;justify-content:center}:-ms-fullscreen{display:flex;align-items:center;justify-content:center}:fullscreen{display:flex;align-items:center;justify-content:center}.FullScreen{background-color:#232323}body,button,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{font-family:Arial,Helvetica,sans-serif}body,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{color:#484647}body,html{height:100%}body{background-color:#232323;color:232323;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;overflow:auto}*{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:default}a,button{outline:none;cursor:pointer}#app{width:100%;height:100%;background-color:#232323}#app,#container{position:absolute}#container{top:0;bottom:0;left:0;right:0;width:100vw;height:75vw;max-width:133.3vh;max-height:100vh;margin:auto}#loader{display:table;position:absolute;z-index:2000;width:100%;height:100%;text-align:center;background-image:url(../images/global/main/preloader.svg);background-repeat:no-repeat;background-position:50% 50%;background-color:#232323;display:none}#loader #loader-holder{display:table-cell;vertical-align:middle}#loader #loader-holder #loader-text{margin-top:5rem;margin-left:auto;margin-right:auto;color:#fff}#header-title{top:3.66667%;left:23.75%;width:52.5%;height:4.5%;background-image:url(../images/global/header/title.svg)}#header-title,.header-btn{position:absolute;z-index:1;background-repeat:no-repeat;background-size:contain}.header-btn{top:3%;width:4.125%;height:5.5%;background-color:#fff;border:none;cursor:pointer;-webkit-appearance:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 4px 3px 0 rgba(16,45,78,.35);-moz-box-shadow:0 4px 3px 0 rgba(16,45,78,.35);box-shadow:0 4px 3px 0 rgba(16,45,78,.35)}.header-btn.lg{-webkit-box-shadow:0 5px 3px 0 rgba(16,45,78,.35);-moz-box-shadow:0 5px 3px 0 rgba(16,45,78,.35);box-shadow:0 5px 3px 0 rgba(16,45,78,.35)}.header-btn.xl{-webkit-box-shadow:0 7px 5px 0 rgba(16,45,78,.35);-moz-box-shadow:0 7px 5px 0 rgba(16,45,78,.35);box-shadow:0 7px 5px 0 rgba(16,45,78,.35)}.header-btn#home-btn{left:2.25%;background-image:url(../images/global/header/icon-home.svg)}.header-btn#help-btn{left:88%;background-image:url(../images/global/header/icon-help.svg)}.header-btn#help-btn.ios{left:93.625%}.header-btn#fullscreen-btn{left:93.625%;background-image:url(../images/global/header/icon-fullscreen.svg)}main{position:relative;background-color:#232323}#content,main{width:100%;height:100%}#content{background-position:0 0;background-repeat:no-repeat;background-size:contain;background-image:url(../images/global/background/section-bg.jpg)}#content,#nav{position:absolute}#nav{z-index:100;top:83.33333%;left:20.5%;width:59.125%;height:11.33333%}#nav a.is-active .nav-btn{background-color:#bedcf5;cursor:default}#nav .nav-btn{position:absolute;top:0;left:0;width:14.37632%;height:100%;background-color:#fff;background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 4px 3px 0 rgba(16,45,78,.35);-moz-box-shadow:0 4px 3px 0 rgba(16,45,78,.35);box-shadow:0 4px 3px 0 rgba(16,45,78,.35)}#nav .nav-btn.lg{-webkit-box-shadow:0 5px 3px 0 rgba(16,45,78,.35);-moz-box-shadow:0 5px 3px 0 rgba(16,45,78,.35);box-shadow:0 5px 3px 0 rgba(16,45,78,.35)}#nav .nav-btn.xl{-webkit-box-shadow:0 7px 5px 0 rgba(16,45,78,.35);-moz-box-shadow:0 7px 5px 0 rgba(16,45,78,.35);box-shadow:0 7px 5px 0 rgba(16,45,78,.35)}#nav .nav-btn#before-btn{background-image:url(../images/global/nav/before-btn.svg)}#nav .nav-btn#lc-btn{left:16.91332%;background-image:url(../images/global/nav/lc-btn.svg)}#nav .nav-btn#uc-btn{left:34.24947%;background-image:url(../images/global/nav/uc-btn.svg)}#nav .nav-btn#num-btn{left:51.58562%;background-image:url(../images/global/nav/num-btn.svg)}#nav .nav-btn#wordlist-btn{left:68.49894%;background-image:url(../images/global/nav/wordlist-btn.svg)}#nav .nav-btn#own-btn{left:85.41226%;background-image:url(../images/global/nav/own-btn.svg)}#footer{position:absolute;top:93.66667%;left:0;width:100%;height:6.33333%;background-color:#fff;z-index:5}#footer #acks-btn{left:.375%;width:14.125%;background-image:url(../images/global/footer/acks-txt.svg)}#footer #acks-btn,#footer #copyright{position:absolute;top:18.42105%;height:63.15789%;background-repeat:no-repeat;background-size:contain}#footer #copyright{left:14.5%;width:19.25%;background-image:url(../images/global/footer/copyright-txt.svg)}#footer #footer-logo{position:absolute;top:31.57895%;left:74.75%;width:23.75%;height:36.84211%;background-image:url(../images/global/footer/logo-handwriting.svg);background-repeat:no-repeat;background-size:contain}#menu{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#menu #wordlist-btn{top:2.83333%;left:2.125%;width:8.75%;height:11.66667%;z-index:1;background-image:url(../images/sections/menu/icon-wordlist.svg)}#menu #go-btn,#menu #wordlist-btn{position:absolute;background-repeat:no-repeat;background-size:contain;cursor:pointer}#menu #go-btn{top:46.16667%;left:47.125%;width:5.75%;height:7.66667%;z-index:2;background-color:#fff;background-image:url(../images/sections/menu/go.svg);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 5px 7px 3px rgba(16,45,78,.35);-moz-box-shadow:0 5px 7px 3px rgba(16,45,78,.35);box-shadow:0 5px 7px 3px rgba(16,45,78,.35)}#menu #start-btn-circle{top:42.33333%;left:44.25%;width:11.5%;height:15.33333%;background-image:url(../images/sections/menu/start-btn-circle.svg)}#menu #start-btn-circle,#menu #title-handwriting{position:absolute;z-index:1;background-repeat:no-repeat;background-size:contain}#menu #title-handwriting{top:7.33333%;left:27%;width:44.875%;height:37.16667%;background-image:url(../images/sections/menu/title-handwriting.svg)}#menu #pippa{top:57.66667%;left:9.375%;width:19.625%;height:29%;background-image:url(../images/sections/menu/bg-pippa.png)}#menu #eddie,#menu #pippa{position:absolute;z-index:1;background-repeat:no-repeat;background-size:contain}#menu #eddie{top:52.66667%;left:22.625%;width:35%;height:47.33333%;background-image:url(../images/sections/menu/bg-eddie.png)}#menu #star{top:36.33333%;left:73.875%;width:26.125%;height:56.5%;z-index:1;background-image:url(../images/sections/menu/bg-star.png)}#menu #ball,#menu #star{position:absolute;background-repeat:no-repeat;background-size:contain}#menu #ball{top:31.66667%;left:69.875%;width:9%;height:12%;z-index:2;background-image:url(../images/sections/menu/bg-ball.png)}#menu #logo{top:84.83333%;left:1.75%;width:11.25%;height:6.33333%;z-index:1;background-size:contain;background-image:url(../images/sections/menu/logo-oupanz.svg)}#menu #logo,#menu #menu-bg{position:absolute;background-repeat:no-repeat}#menu #menu-bg{top:0;left:0;width:100%;height:100%;background-size:cover;background-image:url(../images/sections/menu/bg-menu.jpg)}.panel,.section{position:absolute}.panel{background-color:#fff;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;-webkit-box-shadow:3px 3px 5px 0 rgba(16,45,78,.35);-moz-box-shadow:3px 3px 5px 0 rgba(16,45,78,.35);box-shadow:3px 3px 5px 0 rgba(16,45,78,.35)}.panel.lg{-webkit-box-shadow:4px 4px 8px 0 rgba(16,45,78,.35);-moz-box-shadow:4px 4px 8px 0 rgba(16,45,78,.35);box-shadow:4px 4px 8px 0 rgba(16,45,78,.35)}.panel.xl{-webkit-box-shadow:6px 6px 10px 0 rgba(16,45,78,.35);-moz-box-shadow:6px 6px 10px 0 rgba(16,45,78,.35);box-shadow:6px 6px 10px 0 rgba(16,45,78,.35)}.panel .title{position:absolute;background-repeat:no-repeat;background-size:contain}.panel .panel-arrow-r{position:absolute;background:url(../images/global/main/arrow-right.svg) no-repeat}.panel .panel-arrow-d{position:absolute;background:url(../images/global/main/arrow-down.svg) no-repeat}.panel .holder{position:absolute}.panel .holder .holder-inner{position:relative}.panel .holder .holder-inner .char-btn,.panel .holder .holder-inner .word-btn{float:left}.panel .holder .holder-inner .char-btn.up,.panel .holder .holder-inner .word-btn.up{background-color:#e0f0fe}.panel .holder .holder-inner .char-btn.on,.panel .holder .holder-inner .word-btn.on{background-color:#5eaae2}.panel .holder .holder-inner .char-blank{float:left;background-color:#e0f0fe}.panel .holder .holder-inner .char-holder{position:absolute}.panel .holder .guidelines{z-index:-1;top:0;left:0;width:100%;height:100%}.panel .guidelines-txt,.panel .holder .guidelines{position:absolute;background-repeat:no-repeat;background-size:cover}.panel .guidelines-txt{background-image:url(../images/global/main/guidelines-txt.svg)}.panel .guidelines-btn{position:absolute;z-index:100;background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.panel .guidelines-btn.on{cursor:default}.panel .guidelines-btn.guidelines-on-btn{background-image:url(../images/global/main/on-txt.svg)}.panel .guidelines-btn.guidelines-on-btn.on{background-image:url(../images/global/main/on-on-txt.svg)}.panel .guidelines-btn.guidelines-off-btn{background-image:url(../images/global/main/off-txt.svg)}.panel .guidelines-btn.guidelines-off-btn.on{background-image:url(../images/global/main/off-on-txt.svg)}.panel .trace-txt{background-image:url(../images/global/main/trace-txt.svg)}.panel .trace-btn,.panel .trace-txt{position:absolute;background-repeat:no-repeat;background-size:cover}.panel .trace-btn{cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.panel .trace-btn.on{cursor:default}.panel .trace-btn.trace-on-btn{background-image:url(../images/global/main/on-txt.svg)}.panel .trace-btn.trace-on-btn.on{background-image:url(../images/global/main/on-on-txt.svg)}.panel .trace-btn.trace-off-btn{background-image:url(../images/global/main/off-txt.svg)}.panel .trace-btn.trace-off-btn.on{background-image:url(../images/global/main/off-on-txt.svg)}.panel .restart-btn{position:absolute;z-index:100;background-image:url(../images/global/main/restart-txt.svg);background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.char-pic{position:absolute;z-index:0}.char-pic .directions{position:absolute;background-repeat:no-repeat;background-size:cover;z-index:1}.char-pic .holder{position:absolute}.char-pic .holder .holder-inner{background-position:50% 50%;background-repeat:no-repeat;background-size:contain}.char-pic .caption{position:absolute;background-repeat:no-repeat;background-size:cover}#before{top:15.5%;left:14.375%;width:71.5%;height:60.33333%}#before #before-nav{position:absolute;top:-8.28729%;left:29.02098%;width:41.95804%;height:18.78453%}#before #before-nav .before-btn{position:absolute;top:0;left:0;width:28.33333%;height:100%;background-color:#fff;background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 4px 3px 0 rgba(16,45,78,.35);-moz-box-shadow:0 4px 3px 0 rgba(16,45,78,.35);box-shadow:0 4px 3px 0 rgba(16,45,78,.35)}#before #before-nav .before-btn.lg{-webkit-box-shadow:0 5px 3px 0 rgba(16,45,78,.35);-moz-box-shadow:0 5px 3px 0 rgba(16,45,78,.35);box-shadow:0 5px 3px 0 rgba(16,45,78,.35)}#before #before-nav .before-btn.xl{-webkit-box-shadow:0 7px 5px 0 rgba(16,45,78,.35);-moz-box-shadow:0 7px 5px 0 rgba(16,45,78,.35);box-shadow:0 7px 5px 0 rgba(16,45,78,.35)}#before #before-nav .before-btn.is-active{background-color:#bedcf5;cursor:default}#before #before-nav .before-btn#posture{background-image:url(../images/sections/before/nav/posture-btn.svg)}#before #before-nav .before-btn#paper{left:35.83333%;background-image:url(../images/sections/before/nav/paper-btn.svg)}#before #before-nav .before-btn#pencil{left:71.66667%;background-image:url(../images/sections/before/nav/pencil-btn.svg)}#before #before-pics{position:absolute;top:13.81215%;left:1.74825%;width:97.72727%;height:83.14917%}#before #before-pics .before-pic{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;display:none}#before #before-pics .before-pic.is-active{display:block}#before #before-pics .before-pic#posture{background-image:url(../images/sections/before/pic/posture.jpg)}#before #before-pics .before-pic#paper{background-image:url(../images/sections/before/pic/paper.jpg)}#before #before-pics .before-pic#pencil{background-image:url(../images/sections/before/pic/pencil.jpg)}.char{top:14%;left:2.125%;width:95.875%;height:63.16667%}.char .char-choose{position:absolute;z-index:2;top:0;left:0;width:17.99218%;height:100%}.char .char-choose .title{top:4.22164%;left:9.42029%;width:72.46377%;height:3.16623%;background-image:url(../images/global/main/choose-letter-txt.svg)}.char .char-choose .panel-arrow-r{top:15.83113%;left:99.27536%;width:20.28986%;height:15.30343%}.char .char-choose .holder{position:absolute;top:13.19261%;left:4.34783%;width:91.30435%;height:73.35092%}.char .char-choose .holder .holder-inner{position:absolute;top:0;left:0;width:100%;height:100%}.char .char-choose .holder .holder-inner .char-btn{float:left;width:23.80952%;height:13.66906%;margin-right:1.5873%;margin-bottom:1.43885%;background-repeat:no-repeat;background-size:cover;cursor:pointer}.char .char-choose .holder .holder-inner .char-btn:nth-child(4n+0){margin-right:0}.char .char-choose .holder .holder-inner .char-blank{float:left;width:23.80952%;height:13.66906%;margin-right:1.5873%;margin-bottom:1.43885%}.char .char-choose .holder .holder-inner .char-blank:nth-child(4n+0){margin-right:0}.char .char-watch{position:absolute;z-index:1;top:0;left:19.68709%;width:53.06389%;height:47.4934%}.char .char-watch .title{position:absolute;top:8.88889%;left:3.1941%;width:48.40295%;height:8.33333%;background-image:url(../images/global/main/watch-txt.svg);background-repeat:no-repeat;background-size:contain}.char .char-watch .guidelines-txt{top:8.33333%;left:66.58477%;width:17.44472%;height:8.33333%}.char .char-watch .guidelines-btn{top:7.22222%;width:5.40541%;height:10%}.char .char-watch .guidelines-btn.guidelines-on-btn{left:85.01229%}.char .char-watch .guidelines-btn.guidelines-off-btn{left:90.41769%}.char .char-watch .trace-txt{top:18.88889%;left:74.69287%;width:9.33661%;height:6.11111%}.char .char-watch .trace-btn{top:17.22222%;width:5.40541%;height:10%}.char .char-watch .trace-btn.trace-on-btn{left:85.01229%}.char .char-watch .trace-btn.trace-off-btn{left:90.41769%}.char .char-watch .panel-arrow-d{top:99.44444%;left:42.75184%;width:14.25061%;height:15.55556%}.char .char-watch .holder{top:32.22222%;left:1.9656%;width:95.8231%;height:57.77778%}.char .char-watch .holder .holder-inner{width:100%;height:100%}.char .char-watch .holder .holder-inner .char-holder{position:absolute;top:-4.51923%;width:30%;height:112.5%}.char .char-watch .holder .guidelines{background-image:url(../images/global/main/guidelines.svg)}.char .char-track{position:absolute;z-index:0;top:52.5066%;left:19.68709%;width:53.06389%;height:47.4934%}.char .char-track .title{top:8.33333%;left:3.6855%;width:51.10565%;height:6.66667%;background-image:url(../images/global/main/track-txt.svg)}.char .char-track .guidelines-txt{top:8.33333%;left:66.58477%;width:17.44472%;height:8.33333%}.char .char-track .guidelines-btn{top:7.22222%;width:5.40541%;height:10%}.char .char-track .guidelines-btn.guidelines-on-btn{left:85.01229%}.char .char-track .guidelines-btn.guidelines-off-btn{left:90.41769%}.char .char-track .restart-btn{top:17.77778%;left:80.09828%;width:15.72482%;height:10%}.char .char-track .holder{top:32.22222%;left:1.9656%;width:95.8231%;height:57.77778%}.char .char-track .holder .holder-inner{width:100%;height:100%}.char .char-track .holder .holder-inner .char-holder{position:absolute;top:-4.32692%;width:30%;height:112.5%}.char .char-track .holder .holder-inner .char-btn{position:absolute;top:31.73077%;width:7.17949%;height:36.53846%;z-index:1;cursor:pointer}.char .char-track .holder .guidelines{background-image:url(../images/global/main/guidelines.svg)}.char .char-pic{top:0;left:74.31551%;width:25.68449%;height:100%}.char .char-pic .directions{top:-5.27704%;left:12.69036%;width:89.3401%;height:41.95251%}.char .char-pic .holder{top:35.3562%;left:2.53807%;width:95.43147%;height:49.60422%}.char .char-pic .holder .holder-inner{width:100%;height:100%}.char .char-pic .caption{top:86.54354%;left:0;width:100%;height:10.29024%}.char .char-pic#uc-pic .holder{top:24.80211%}#uc .char-watch .holder{top:40%;height:45.55556%}#uc .char-watch .holder .holder-inner{height:100%}#uc .char-watch .holder .holder-inner .char-holder{top:-4.87805%;width:23.84615%;height:113.41463%}#uc .char-watch .holder .guidelines{background-image:url(../images/global/main/guidelines-uc.svg)}#uc .char-track .holder{top:40%;height:45.55556%}#uc .char-track .holder .holder-inner{height:100%}#uc .char-track .holder .holder-inner .char-holder{top:-4.87805%;width:23.84615%;height:113.41463%}#uc .char-track .holder .holder-inner .char-btn{top:40.2439%;width:7.17949%;height:46.34146%}#uc .char-track .holder .guidelines{background-image:url(../images/global/main/guidelines-uc.svg)}#num{top:14%;left:2.125%;width:95.875%;height:63.16667%}#num .char-choose{z-index:2;top:0;left:0;width:17.99218%;height:100%}#num .char-choose .title{top:4.22164%;left:9.42029%;width:82.6087%;height:3.16623%;background-image:url(../images/global/main/choose-num-txt.svg)}#num .char-choose .panel-arrow-r{top:15.83113%;left:99.27536%;width:20.28986%;height:15.30343%}#num .char-choose .holder{position:absolute;top:13.19261%;left:4.34783%;width:91.30435%;height:73.35092%}#num .char-choose .holder .holder-inner{position:absolute;top:0;left:0;width:100%;height:100%}#num .char-choose .holder .holder-inner .char-btn{float:left;width:49.20635%;height:20.5036%;margin-right:1.5873%;margin-bottom:1.43885%;background-repeat:no-repeat;background-size:cover;cursor:pointer}#num .char-choose .holder .holder-inner .char-btn:nth-child(2n+0){margin-right:0}#num .char-choose .holder .holder-inner .char-blank{float:left;width:49.20635%;height:20.5036%;margin-right:1.5873%;margin-bottom:1.43885%}#num .char-choose .holder .holder-inner .char-blank:nth-child(2n+0){margin-right:0}#num .char-watch{z-index:1;top:0;left:19.68709%;width:53.06389%;height:47.4934%}#num .char-watch .title{position:absolute;top:8.88889%;left:3.1941%;width:51.59705%;height:8.33333%;background-image:url(../images/global/main/watch-num-txt.svg);background-repeat:no-repeat;background-size:contain}#num .char-watch .guidelines-txt{top:8.33333%;left:66.58477%;width:17.44472%;height:8.33333%}#num .char-watch .guidelines-btn{top:7.22222%;width:5.40541%;height:10%}#num .char-watch .guidelines-btn.guidelines-on-btn{left:85.01229%}#num .char-watch .guidelines-btn.guidelines-off-btn{left:90.41769%}#num .char-watch .trace-txt{top:18.88889%;left:74.69287%;width:9.33661%;height:6.11111%}#num .char-watch .trace-btn{top:17.22222%;width:5.40541%;height:10%}#num .char-watch .trace-btn.trace-on-btn{left:85.01229%}#num .char-watch .trace-btn.trace-off-btn{left:90.41769%}#num .char-watch .panel-arrow-d{top:99.44444%;left:42.75184%;width:14.25061%;height:15.55556%}#num .char-watch .holder{top:32.22222%;left:1.9656%;width:95.8231%;height:57.77778%}#num .char-watch .holder .holder-inner{width:100%;height:100%}#num .char-watch .holder .holder-inner .char-holder{top:-4.51923%;width:30%;height:112.5%}#num .char-watch .holder .guidelines{background-image:url(../images/global/main/guidelines.svg)}#num .char-track{z-index:0;top:52.5066%;left:19.68709%;width:53.06389%;height:47.4934%}#num .char-track .title{position:absolute;top:8.33333%;left:3.6855%;width:53.80835%;height:6.66667%;background-image:url(../images/global/main/track-num-txt.svg);background-repeat:no-repeat;background-size:contain}#num .char-track .guidelines-txt{top:8.33333%;left:66.58477%;width:17.44472%;height:8.33333%}#num .char-track .guidelines-btn{top:7.22222%;width:5.40541%;height:10%}#num .char-track .guidelines-btn.guidelines-on-btn{left:85.01229%}#num .char-track .guidelines-btn.guidelines-off-btn{left:90.41769%}#num .char-track .restart-btn{top:17.77778%;left:80.09828%;width:15.72482%;height:10%}#num .char-track .holder{top:32.22222%;left:1.9656%;width:95.8231%;height:57.77778%}#num .char-track .holder .holder-inner{width:100%;height:100%}#num .char-track .holder .holder-inner .char-holder{top:-4.32692%;width:30%;height:112.5%}#num .char-track .holder .holder-inner .char-btn{position:absolute;top:31.73077%;width:7.17949%;height:36.53846%;z-index:1;cursor:pointer}#num .char-track .holder .guidelines{background-image:url(../images/global/main/guidelines.svg)}#num .char-pic{top:0;left:74.31551%;width:25.68449%;height:100%}#num .char-pic .directions{top:-5.27704%;left:12.69036%;width:89.3401%;height:41.95251%}#num .char-pic .holder{top:21.10818%;left:2.53807%;width:95.43147%;height:49.60422%}#num .char-pic .holder .holder-inner{width:100%;height:100%}#num .char-pic .caption{top:86.54354%;left:0;width:100%;height:10.29024%}#words{top:14%;left:2.125%;width:95.875%;height:63.16667%}#words .char-choose{z-index:3;top:0;left:0;width:17.99218%;height:100%}#words .char-choose .title{top:4.22164%;left:9.42029%;width:72.46377%;height:3.16623%;background-image:url(../images/global/main/choose-letter-txt.svg)}#words .char-choose .panel-arrow-r{top:15.83113%;left:99.27536%;width:20.28986%;height:15.30343%}#words .char-choose .holder{top:13.19261%;left:4.34783%;width:91.30435%;height:73.35092%}#words .char-choose .holder .holder-inner{top:0;left:0;width:100%;height:100%}#words .char-choose .holder .holder-inner .char-btn{float:left;width:23.80952%;height:13.66906%;margin-right:1.5873%;margin-bottom:1.43885%;background-repeat:no-repeat;background-size:cover;cursor:pointer}#words .char-choose .holder .holder-inner .char-btn:nth-child(4n+0){margin-right:0}#words .char-choose .holder .holder-inner .char-blank{float:left;width:23.80952%;height:13.66906%;margin-right:1.5873%;margin-bottom:1.43885%}#words .char-choose .holder .holder-inner .char-blank:nth-child(4n+0){margin-right:0}#words #word-choose{z-index:2;top:0;left:19.68709%;width:17.99218%;height:100%}#words #word-choose .title{top:4.22164%;left:9.42029%;width:72.46377%;height:3.16623%;background-image:url(../images/global/main/choose-word-txt.svg)}#words #word-choose .panel-arrow-r{top:15.83113%;left:99.27536%;width:20.28986%;height:15.30343%}#words #word-choose .holder{top:13.19261%;left:4.34783%;width:91.30435%;height:73.35092%}#words #word-choose .holder .holder-inner{top:0;left:0;width:100%;height:100%}#words #word-choose .holder .holder-inner .word-btn{float:left;position:relative;width:100%;height:13.66906%;margin-bottom:1.43885%;background-repeat:no-repeat;background-size:cover}#words #word-choose .holder .holder-inner .word-btn .btn{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}#words #word-choose .holder .holder-inner .word-btn .asterisk{position:absolute;z-index:1;top:0;left:80.95238%;width:19.04762%;height:63.15789%;background-image:url(../images/sections/words/chars/asterisk.svg);background-repeat:no-repeat;background-size:contain;cursor:default}#words #word-choose .holder .holder-inner .word-btn .asterisk .message{position:absolute;top:-533.33333%;left:50%;width:858.33333%;height:583.33333%;background-image:url(../images/sections/words/chars/tooltip.svg);background-repeat:no-repeat;background-size:contain;display:none}#words #word-choose .holder .holder-inner .word-blank{float:left;width:100%;height:13.66906%;margin-bottom:1.43885%}#words #word-watch{z-index:1;top:0;left:39.37419%;width:60.49544%;height:47.4934%}#words #word-watch .title{top:8.88889%;left:2.80172%;width:42.4569%;height:8.33333%;background-image:url(../images/global/main/watch-word-txt.svg)}#words #word-watch .guidelines-txt{top:8.33333%;left:70.68966%;width:15.30172%;height:8.33333%}#words #word-watch .guidelines-btn{top:7.22222%;width:4.74138%;height:10%}#words #word-watch .guidelines-btn.guidelines-on-btn{left:86.85345%}#words #word-watch .guidelines-btn.guidelines-off-btn{left:91.59483%}#words #word-watch .trace-txt{top:18.88889%;left:77.80172%;width:8.18966%;height:6.11111%}#words #word-watch .trace-btn{top:17.22222%;width:4.74138%;height:10%}#words #word-watch .trace-btn.trace-on-btn{left:86.85345%}#words #word-watch .trace-btn.trace-off-btn{left:91.59483%}#words #word-watch .panel-arrow-d{top:99.44444%;left:43.10345%;width:12.5%;height:15.55556%}#words #word-watch .holder{top:32.22222%;left:1.72414%;width:96.33621%;height:57.77778%}#words #word-watch .holder .holder-inner{width:100%;height:100%}#words #word-watch .holder .holder-inner .char-holder{position:absolute;top:-4.32692%;width:26.1745%;height:112.5%}#words #word-watch .holder .guidelines{background-image:url(../images/global/main/guidelines-word.svg)}#words #word-track{z-index:0;top:52.5066%;left:39.37419%;width:60.49544%;height:47.4934%}#words #word-track .title{top:8.33333%;left:3.23276%;width:50%;height:6.66667%;background-image:url(../images/global/main/track-word-txt.svg)}#words #word-track .guidelines-txt{top:8.33333%;left:70.68966%;width:15.30172%;height:8.33333%}#words #word-track .guidelines-btn{top:7.22222%;width:4.74138%;height:10%}#words #word-track .guidelines-btn.guidelines-on-btn{left:86.85345%}#words #word-track .guidelines-btn.guidelines-off-btn{left:91.59483%}#words #word-track .restart-btn{top:17.77778%;left:82.5431%;width:13.7931%;height:10%}#words #word-track .holder{top:32.22222%;left:1.72414%;width:96.33621%;height:57.77778%}#words #word-track .holder .holder-inner{width:100%;height:100%}#words #word-track .holder .holder-inner .char-holder{position:absolute;top:-4.32692%;width:26.1745%;height:112.5%}#words #word-track .holder .holder-inner .char-btn{position:absolute;top:31.73077%;width:6.26398%;height:36.53846%;z-index:1;cursor:pointer}#words #word-track .holder .guidelines{background-image:url(../images/global/main/guidelines-word.svg)}#own{top:12.33333%;left:2.125%;width:95.875%;height:65.66667%}#own .char-choose{z-index:3;top:0;left:0;width:17.99218%;height:100%}#own .char-choose .title{top:4.06091%;left:9.42029%;width:76.81159%;height:7.36041%;background-image:url(../images/global/main/choose-own-txt.svg)}#own .char-choose .panel-arrow-r{top:15.22843%;left:99.27536%;width:20.28986%;height:14.72081%}#own .char-choose .holder{top:15.98985%;left:4.34783%;width:91.30435%;height:70.55838%}#own .char-choose .holder .holder-inner{top:0;left:0;width:100%;height:100%}#own .char-choose .holder .holder-inner .char-btn{float:left;width:23.80952%;height:13.66906%;margin-right:1.5873%;margin-bottom:1.43885%;background-repeat:no-repeat;background-size:cover;cursor:pointer}#own .char-choose .holder .holder-inner .char-btn:nth-child(4n+0){margin-right:0}#own .char-choose .holder .holder-inner .char-btn.space{width:49.20635%;margin-right:0}#own .char-choose .holder .holder-inner .char-blank{float:left;width:23.80952%;height:13.66906%;margin-right:1.5873%;margin-bottom:1.43885%}#own .char-choose .holder .holder-inner .char-blank:nth-child(4n+0){margin-right:0}#own .char-choose .case-btn{position:absolute;left:31.88406%;width:63.76812%;height:5.07614%;background-repeat:no-repeat;background-size:contain;opacity:.5;cursor:pointer}#own .char-choose .case-btn.is-active{opacity:1;cursor:default}#own .char-choose .case-btn#lowercase-btn{top:87.81726%;background-image:url(../images/global/main/lowercase-txt.svg)}#own .char-choose .case-btn#uppercase-btn{top:92.8934%;background-image:url(../images/global/main/uppercase-txt.svg)}#own #own-watch{z-index:1;top:0;left:19.68709%;width:80.18253%;height:45.68528%}#own #own-watch .title{top:8.88889%;left:2.11382%;width:47.64228%;height:8.33333%;background-image:url(../images/global/main/watch-own-txt.svg)}#own #own-watch .guidelines-txt{top:8.33333%;left:77.88618%;width:11.54472%;height:8.33333%}#own #own-watch .guidelines-btn{top:7.22222%;width:3.57724%;height:10%}#own #own-watch .guidelines-btn.guidelines-on-btn{left:90.0813%}#own #own-watch .guidelines-btn.guidelines-off-btn{left:93.65854%}#own #own-watch .trace-txt{top:18.88889%;left:83.25203%;width:6.17886%;height:6.11111%}#own #own-watch .trace-btn{top:17.22222%;width:3.57724%;height:10%}#own #own-watch .trace-btn.trace-on-btn{left:90.0813%}#own #own-watch .trace-btn.trace-off-btn{left:93.65854%}#own #own-watch .panel-arrow-d{top:99.44444%;left:45.20325%;width:9.43089%;height:15.55556%}#own #own-watch .holder{top:32.22222%;left:1.30081%;width:97.23577%;height:57.77778%}#own #own-watch .holder .holder-inner{width:100%;height:100%;overflow:hidden}#own #own-watch .holder .holder-inner .char-holder{position:absolute;top:-4.51923%;width:19.56522%;height:112.5%}#own #own-watch .holder .guidelines{background-image:url(../images/global/main/guidelines-own.svg)}#own #own-track{z-index:0;top:50.50761%;left:19.68709%;width:80.18253%;height:45.68528%}#own #own-track .title{top:8.33333%;left:2.43902%;width:37.72358%;height:6.66667%;background-image:url(../images/global/main/track-word-txt.svg)}#own #own-track .guidelines-txt{top:8.33333%;left:77.88618%;width:11.54472%;height:8.33333%}#own #own-track .guidelines-btn{top:7.22222%;width:3.57724%;height:10%}#own #own-track .guidelines-btn.guidelines-on-btn{left:90.0813%}#own #own-track .guidelines-btn.guidelines-off-btn{left:93.65854%}#own #own-track .restart-btn{top:17.77778%;left:86.82927%;width:10.4065%;height:10%}#own #own-track .holder{top:32.22222%;left:1.30081%;width:97.23577%;height:57.77778%}#own #own-track .holder .holder-inner{width:100%;height:100%}#own #own-track .holder .holder-inner .char-holder{position:absolute;top:-4.32692%;width:19.56522%;height:112.5%}#own #own-track .holder .holder-inner .char-btn{position:absolute;top:31.73077%;width:4.68227%;height:36.53846%;z-index:1;cursor:pointer}#own #own-track .holder .guidelines{background-image:url(../images/global/main/guidelines-own.svg)}#own #own-clear{z-index:1;top:101.26904%;left:91.52542%;width:8.3442%;height:7.61421%;background-image:url(../images/global/main/clear-txt.svg);background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;transition:background-color .3s ease-out}#own #own-clear:hover{background-color:#e3f2fe}
/*# sourceMappingURL=styles.css.map*/