@keyframes large{0%{opacity:.6;transform:scale(1)}5%{opacity:.6}10%{opacity:.4}80%{opacity:0}100%{opacity:0;transform:scale(2.5)}}@-webkit-keyframes large{0%{opacity:.6;transform:scale(1)}5%{opacity:.6}10%{opacity:.4}80%{opacity:0}100%{opacity:0;transform:scale(2.5)}}body{margin:0}body,html{height:100%;overflow:hidden;position:relative}#all{position:absolute;left:0;top:0;height:100%;width:100%;background-image:url(../img/story-bg.jpg?v=593ed14d.jpg);background-position:0 0;background-size:cover}#logo{position:absolute;left:.1rem;top:.1rem;width:2.55rem;height:1.14rem;background-image:url(../img/logotop.png?v=bc136c96.png);background-size:cover;background-position:0 0}#bg div{position:absolute;width:6.14rem;height:6.14rem;top:2.56rem;left:50%;margin-left:-3.07rem;border-radius:50%;transition:1s;-webkit-transition:1s;opacity:.6}.blue div{box-shadow:0 0 1.2rem #a5a8ec;background:#f1f1f1}.red div{box-shadow:0 0 1.2rem #bb2c3d;background:rgba(0,0,0,.6)}#bg.red .circle4 .prev{border-bottom:.25rem solid rgba(142,36,38,.6)}#bg.red .circle4 .next{border-top:.25rem solid rgba(142,36,38,.6)}#bg .circle4{opacity:1;background:#f1f1f1;line-height:6.14rem;text-align:center;height:6.14rem}#bg .circle4 .word{display:none;width:6rem;margin:1.2rem auto 0}#bg .circle4 .world{width:2.8rem;height:auto;display:block;margin:.5rem auto 0}#bg .circle4 input{position:absolute;left:2.9rem;top:.32rem;width:0;height:0;border-top:none;border-right:.25rem solid transparent;border-left:.25rem solid transparent;border-bottom:.25rem solid #cad2f7;background:0 0;display:none;z-index:50;outline:0}#bg .circle4 .next{border-right:.25rem solid transparent;border-left:.25rem solid transparent;border-top:.25rem solid #cad2f7;border-bottom:none;left:2.9rem;top:5.7rem}#bg div:nth-of-type(1){-webkit-animation:large 6s ease-out infinite normal;animation:large 6s ease-out infinite normal}#bg div:nth-of-type(2){-webkit-animation:large 6s 2s ease-out infinite normal;animation:large 6s 2s ease-out infinite normal}#bg div:nth-of-type(3){-webkit-animation:large 6s 4s ease-out infinite normal;animation:large 6s 4s ease-out infinite normal}#circle{width:12rem;height:12rem;border-radius:50%;border:.01px solid #fff;opacity:.6;position:absolute;top:1.35rem;left:50%;margin-left:-6rem;box-shadow:0 0 .2rem #6069fe,inset 0 0 .2rem #6069fe}#circle.red{box-shadow:0 0 .2rem #bb2c3d,inset 0 0 .2rem #bb2c3d}#content{position:absolute;top:10rem;left:50%;margin-left:-.7rem}#content li{width:1.4rem;height:1.4rem;box-sizing:border-box}#content.blue li:first-of-type{background:url(../img/storyworldblue.png?v=8e6cb207.png) no-repeat 0 0;background-size:100% auto}#content.red li:first-of-type{background:url(../img/storyworldred.png?v=564b7c8f.png) no-repeat 0 0;background-size:100% auto}#content.blue li:nth-of-type(2){background:url(../img/storywordblue.png?v=22ae79b2.png) no-repeat 0 0;background-size:100% auto}#content.red li:nth-of-type(2){background:url(../img/storywordred.png?v=91097194.png) no-repeat 0 0;background-size:100% auto}#content .active{background-size:100% auto;background-position:0 bottom!important}#flower{position:absolute;left:0;top:0;height:100%;width:7.5rem;background:url(../img/flower.png?v=9eb5789b.png) no-repeat 0 0;background-size:100% auto;display:none}