@-webkit-keyframes drawStroke{to{width:100%;opacity:1}}@keyframes drawStroke{0%{width:0;opacity:.5}to{width:100%;opacity:1}}@-webkit-keyframes drawLayer{to{width:100%;opacity:0}}@keyframes drawLayer{0%{width:0;opacity:0}40%,80%{width:100%;opacity:1}to{width:100%;opacity:0}}@-webkit-keyframes drawingfont7{to{background-position-x:100%}}@keyframes drawingfont7{0%{background-position-x:0}16.66667%{background-position-x:16.66667%}33.33333%{background-position-x:33.33333%}50%{background-position-x:50%}66.66667%{background-position-x:66.66667%}83.33333%{background-position-x:83.33333%}to{background-position-x:100%}}section{font-size:1rem}section h2.hashtag{font-size:1.2em;margin-bottom:0;color:#bfbfbf}section h2.hashtag:before{content:"#"}section .title{font-size:7.467vw;font-weight:700;line-height:1.4}section .subtitle{font-weight:700;margin-bottom:2em}section .links a{display:inline-block;margin-right:.5em;margin-bottom:.5em;color:#66ac35;font-size:.875em}section .links a:before{content:"";border-radius:50%;background-color:#66ac35;border:2px solid #66ac35;width:6px;height:6px;display:inline-block;vertical-align:7%;margin-right:.5em}section .links a:hover{color:#66ac35;text-decoration:none}section .links a:hover:before{border-color:#66ac35;background-color:#66ac35}section .links+.btn,section .links-btn a+a{margin-top:1em}section .links-btn a{display:table}.bg{position:relative;width:100%;height:100%}.edu:nth-child(odd) .container{-ms-flex-pack:end;justify-content:flex-end}.edu .bg img{display:block}.edu .stroke{width:0;-webkit-animation:3s ease-out forwards;animation:3s ease-out forwards}.edu [class*=layer-]{-webkit-animation:2s ease-in forwards;animation:2s ease-in forwards;opacity:0}.edu [class*=layer-]:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s}.edu [class*=layer-]:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s}.edu [class*=layer-]:nth-child(4){-webkit-animation-delay:5s;animation-delay:5s}.edu [class*=layer-]:nth-child(5){-webkit-animation-delay:6s;animation-delay:6s}.edu [class*=layer-]:nth-child(1){opacity:1;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-name:none;animation-name:none}.edu .layer-end{-webkit-animation-duration:1s;animation-duration:1s}.edu.play [class*=layer-]{-webkit-animation-name:drawLayer;animation-name:drawLayer}.edu.play .layer-1{-webkit-animation-name:fadeOut;animation-name:fadeOut}.edu.play .layer-end{-webkit-animation-name:fadeIn;animation-name:fadeIn}.edu.play .stroke{-webkit-animation-name:drawStroke;animation-name:drawStroke}#font-promotion .stroke:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}#font-promotion .stroke:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}#font-promotion .stroke:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}#font-promotion .stroke:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}#font-promotion .stroke:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}#font-promotion .stroke:nth-child(3){-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:3s;animation-duration:3s}#font-class .stroke,#font-class [class*=layer-]{-webkit-animation-duration:4s;animation-duration:4s}#font-class .stroke:nth-child(1){-webkit-animation-delay:.4s;animation-delay:.4s}#font-class .stroke:nth-child(2){-webkit-animation-delay:.8s;animation-delay:.8s}#font-class .stroke:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}#font-class .stroke:nth-child(4){-webkit-animation-delay:1.6s;animation-delay:1.6s}#font-class .stroke:nth-child(5){-webkit-animation-delay:2s;animation-delay:2s}#font-class .stroke:nth-child(2){-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}#font-class [class*=layer-]:nth-child(2){-webkit-animation-delay:4s;animation-delay:4s}#font-class [class*=layer-]:nth-child(3){-webkit-animation-delay:5s;animation-delay:5s}#font-class [class*=layer-]:nth-child(4){-webkit-animation-delay:6s;animation-delay:6s}#font-class [class*=layer-]:nth-child(5){-webkit-animation-delay:7s;animation-delay:7s}#font-class [class*=layer-]:nth-child(1){-webkit-animation-delay:4.5s;animation-delay:4.5s}#font-training .stroke:nth-child(1){-webkit-animation-delay:.5s;animation-delay:.5s}#font-training .stroke:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}#font-training .stroke:nth-child(3){-webkit-animation-delay:1.5s;animation-delay:1.5s}#font-training .stroke:nth-child(4){-webkit-animation-delay:2s;animation-delay:2s}#font-training .stroke:nth-child(5){-webkit-animation-delay:2.5s;animation-delay:2.5s}#font-training .stroke:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s}#font-training .stroke:nth-child(7){-webkit-animation-delay:3.5s;animation-delay:3.5s}#font-training .stroke:nth-child(8){-webkit-animation-delay:4s;animation-delay:4s}#font-training [class*=layer-]:nth-child(2){-webkit-animation-delay:6s;animation-delay:6s}#font-training [class*=layer-]:nth-child(3){-webkit-animation-delay:7s;animation-delay:7s}#font-training [class*=layer-]:nth-child(4){-webkit-animation-delay:8s;animation-delay:8s}#font-training [class*=layer-]:nth-child(5){-webkit-animation-delay:9s;animation-delay:9s}#font-training [class*=layer-]:nth-child(1){-webkit-animation-delay:6s;animation-delay:6s}#change-now,#change-now .row>div{margin-bottom:3em}#change-now .text-block{max-width:100%}#change-now .row{margin-top:5em}#change-now .card:hover .card-img-top{-webkit-animation:drawingfont7 .8s step-start forwards;animation:drawingfont7 .8s step-start forwards}#change-now .card-img-top{border:1px solid #e5eaed;background-color:#fff}.jinxuan .card-img-top{background-image:url(../img/home/font/jinxuan.png)}.jinxuan-latte .card-img-top{background-image:url(../img/home/font/jinxuan-latte.png)}.creamfont .card-img-top{background-image:url(../img/home/font/creamfont.png)}.huninn:hover .card-title{color:#fbb660!important}.huninn .card-img-top{background-image:url(../img/home/font/huninn.png)}@media (min-width:768px){section .text-block{max-width:450px}section .text-block .title{font-size:2.188em;font-weight:700}.edu .bg{padding-top:66.66667%;height:0}.edu .bg img{width:100vw}}@media (min-width:992px){#change-now{padding-top:6em;margin-bottom:5em}#change-now p.desc{width:50%;max-width:450px}}@media (max-width:767.98px){.edu{height:calc(100vh - 66px)}#font-promotion .bg img{height:65vh;bottom:0}#font-promotion .left>img{left:calc(((65vh*1.5) - 110vw)*-1)}#font-promotion .right>img{right:-10vw}#font-promotion .stroke:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s}#font-class .bg img{height:75vh;bottom:-5vw}#font-class .right>img{right:calc((75vh*1.5 - 100vw)*-1)}#font-training .bg img{height:65vh;bottom:12%}#font-training .left>img{left:calc(((65vh*1.5) - 100vw)*-1)}#change-now{padding-top:16vw}}