@font-face{font-family:"socialshare";src:url("https://cdn.soukaapp.com/static/fonts/iconfont.e83ffaa95463.eot?dced9eb00492");src:url("https://cdn.soukaapp.com/static/fonts/iconfont.e83ffaa95463.eot?&dced9eb00492#iefix") format("embedded-opentype"),url("https://cdn.soukaapp.com/static/fonts/iconfont.bf0fc2ec6e2a.woff?dced9eb00492") format("woff"),url("https://cdn.soukaapp.com/static/fonts/iconfont.9ac2cc5ae861.ttf?dced9eb00492") format("truetype"),url("https://cdn.soukaapp.com/static/fonts/iconfont.eb5d36236b96.svg?dced9eb00492#iconfont") format("svg")}.social-share{font-family:"socialshare"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare"!important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}body{color:white;background:#39414e url(/static/img/tile.png?f0e4c84b923d) 0 0 repeat}#zero-box{width:100%;height:100%;padding-top:60px}@media only screen and (min-device-width:320px) and (max-device-width:400px){#zero-box{font-size:0.8rem}}#zero-box .container{text-align:center}#zero-box h2{color:white}#zero-box p{color:#e2e5e9}#zero-box #header{position:fixed;top:0;left:0;right:0;padding:1rem;z-index:10}#zero-box #header a{float:left}#zero-box #header a,#zero-box #header a i{color:white}#zero-box #header .weibo-button{float:right}#zero-box #header .progress-box{display:inline-block}#zero-box #header .train-progress{color:#8addcd}#zero-box #header #train-progress{font-size:1.1rem}#zero-box #pixi-box{position:fixed;top:0;bottom:0;z-index:1}#info-box{position:fixed;text-align:center;top:80px;left:0;right:0;z-index:10}#info-box h2,#info-box p{display:inline-block;background-color:#39414e}#info-box #start,#info-box #gotest{margin:30px 10px}#info-box p.result{margin-top:10px}#fifty-box{padding:60px 25px}#fifty-box .blink-button{cursor:pointer;display:inline-block;margin-bottom:5px;width:24px;height:24px;border-radius:24px;background-color:white;animation:blinker 2s linear infinite}#fifty-box table{display:inline-block}#fifty-box table tr.active td{color:#f38181}#fifty-box table td.active{color:#f38181}#fifty-box table thead th:nth-child(2){cursor:pointer}#fifty-box table tbody tr td{cursor:pointer}#fifty-box table td.mute{opacity:0.3}#music-box{position:fixed;left:0;bottom:0;width:100%;right:0;z-index:10;opacity:0.618;margin-bottom:-12px}#music-box i{color:white;font-size:18}@keyframes blinker{50%{opacity:0}}#select{display:block;position:fixed;bottom:0;left:0;right:0;z-index:10;text-align:center;padding:5px 0;background:#3a424e}#select .dot{display:inline-block;border:1px solid #fff;margin:2px 5px;width:30px;height:30px;border-radius:30px;line-height:30px;font-size:0.9rem}#select .dot.active{background-color:white;color:#3a424e}#train-box,#test-box{padding-bottom:60px}#train-box .desc,#test-box .desc{min-height:20px;color:#ccc}#train-box .examples-box,#test-box .examples-box{margin-top:0.1rem;margin-bottom:1.1rem}#train-box .examples-box ruby,#test-box .examples-box ruby{margin:0 0.5rem;font-size:1.05rem}#train-box .progress-box,#test-box .progress-box{margin-bottom:20px}#train-box .progress-box span,#test-box .progress-box span{margin-right:5px}#train-box .progress-right,#test-box .progress-right{color:#8addcd}#train-box .progress-wrong,#test-box .progress-wrong{color:#f17576}#train-box h3.test-title,#test-box h3.test-title{margin-bottom:3rem}#train-box .test-report,#test-box .test-report{padding:1rem}#train-box .card,#test-box .card{width:300px;display:inline-block;position:relative}@media only screen and (min-device-width:320px) and (max-device-width:400px){#train-box .card,#test-box .card{width:240px}}#train-box .card .kata_origin,#test-box .card .kata_origin{position:absolute;right:10px;top:10px;color:#999;font-size:1.5rem}#train-box .card .hira_origin,#test-box .card .hira_origin{position:absolute;left:10px;top:10px;color:#999;font-size:1.5rem}#train-box .card .word,#test-box .card .word{font-size:3rem;color:#3a424e;min-height:240px;display:flex;align-items:center;justify-content:center}@media only screen and (min-device-width:320px) and (max-device-width:400px){#train-box .card .word,#test-box .card .word{min-height:180px}}#train-box .card .roman,#test-box .card .roman{font-size:2rem;color:#aaa;min-height:48px;word-wrap:break-word;line-height:2rem}#train-box .card .def,#test-box .card .def{color:#aaa;min-height:24px}#train-box .card i,#test-box .card i{position:absolute;right:10px;bottom:10px}#train-box .card .hint,#test-box .card .hint{cursor:pointer;font-size:1rem;color:#aaa}#train-box .options,#test-box .options{margin-bottom:0.5rem}#train-box .option,#test-box .option{display:inline-block;margin:0 1rem;width:32px;height:32px;font-size:1.2rem;background:white;text-align:center;line-height:32px;border-radius:0.2rem;color:#3a424e;cursor:pointer}#train-box .button,#test-box .button{display:inline-block;margin:1rem 0;padding:0px 5px;font-size:1.2rem;background:white;text-align:center;line-height:32px;border-radius:0.2rem;color:#3a424e;cursor:pointer}#train-box .button:hover,#test-box .button:hover{opacity:0.7}#train-box .operations i,#test-box .operations i{margin:0 1rem;width:32px;height:32px;background:white;text-align:center;line-height:32px;border-radius:0.2rem;font-size:150%}#extra-kana table{display:inline-block}.download-link{position:fixed;bottom:90px;left:0;right:0}.download-link a{color:white}