.book-outer,.book-outer *{padding:0;border:0;box-sizing:border-box}.book-outer{position:absolute;left:510px;display:inline-block;top:270px;display:none}.book-setup{display:inline-block;position:relative}.book-close{position:absolute;left:93px;width:150px;height:208px;background:url(../images/help-open.png)}.book-open{width:248px;height:203px;background:url(../images/help-close.png);position:relative}.book-open-close{position:absolute;width:50px;height:50px;top:152px;left:167px;cursor:pointer}.book-open-2{display:inline-block;width:128px;height:157px;position:absolute;top:16px;left:104px;transform:rotate(-11deg);cursor:pointer}.play-btn{background:url(../images/play.png) no-repeat center;display:inline-block;height:15px;width:25px;position:absolute;top:48px;left:52px;cursor:pointer}.animation-sec{width:140px;height:100px;background-size:cover;position:absolute;top:57px;left:75px}.p1-lvl1-stg1 .animation-sec{background:url(../images/p1_lvl1_stg1/13.png) no-repeat bottom left;background-size:contain}.p1-lvl1-stg2 .animation-sec{background:url(../images/p1_lvl1_stg2/15-16-17-18-18_1.png) no-repeat top left/cover;animation:play_p1-lvl1-stg2 3s forwards;background-position:-25px 0}.p1-lvl1-stg3 .animation-sec,.p1-lvl2-stg3 .animation-sec{background:url(../images/p1_lvl1_stg3/18_1-19-20.png) no-repeat top left/cover;animation:play_p1-lvl1-stg3 3s forwards;background-position:-25px 0}.p1-lvl1-stg4 .animation-sec{background:url(../images/p1_lvl1_stg4/20-21-22.png) no-repeat top left/cover;animation:play_p1-lvl1-stg3 3s forwards;background-position:-25px 0}.p1-lvl2-stg4 .animation-sec{background:url(../images/p1_lvl2_stg4/20-21-52.png) no-repeat top left/cover;animation:play_p1-lvl1-stg3 3s forwards;background-position:-25px 0}.p1-lvl1-stg5 .animation-sec,.p1-lvl2-stg5 .animation-sec{background:url(../images/p1_lvl1_stg4/20-21-22.png) no-repeat top left/cover;background-position:-330px 0}.p1-lvl2-stg1 .animation-sec{background:url(../images/p1_lvl2_stg1/13-45-46-47.png) no-repeat top left/cover;animation:play_p1-lvl2-stg1 3s forwards;background-position:-25px 0}.p1-lvl2-stg2 .animation-sec{background:url(../images/p1_lvl2_stg2/48-49-50-51-18-18_1.png) no-repeat top left/cover;animation:play_p1-lvl2-stg2 4s forwards;background-position:5px 0;position:relative}.p1-lvl1-stg1 .play-btn,.p1-lvl1-stg5 .play-btn,.p1-lvl2-stg5 .play-btn{animation:hideplay 1s forwards}.p1-lvl1-stg2 .play-btn,.p1-lvl1-stg3 .play-btn,.p1-lvl1-stg4 .play-btn,.p1-lvl2-stg1 .play-btn,.p1-lvl2-stg3 .play-btn,.p1-lvl2-stg4 .play-btn{animation:hideplay3s 3s}.p1-lvl2-stg2 .play-btn{animation:hideplay3s 4s}@keyframes play_p1-lvl1-stg2{0%,20%{background-position:-25px 0}20.01%,40%{background-position:-176px 0}40.01%,60%{background-position:-329px 0}60.01%,75%{background-position:-481px 0}100%,75.01%{background-position:-632px 0}}@keyframes play_p1-lvl1-stg3{0%,33%{background-position:-25px 0}33.01%,66%{background-position:-179px 0}100%,66.01%{background-position:-330px 0}}@keyframes play_p1-lvl2-stg1{0%,25%{background-position:-25px 0}25.01%,50%{background-position:-176px 0}50.01%,75%{background-position:-345px -14px}100%,75.01%{background-position:-481px 0}}@keyframes play_p1-lvl2-stg2{0%,16%{background-position:5px 0;left:38px}16.01%,32%{background-position:-171px 0;left:38px}32.01%,48%{background-position:-348px 0;left:38px}48.01%,64%{background-position:-554px 0;left:67px}64.01%,80%{background-position:-705px 0;left:38px}100%,80.01%{background-position:-881px;left:38px}}@keyframes hideplay{0%,100%{width:0;height:0}}@keyframes hideplay3s{0%,100%{height:0;width:0}}.inceLvl,.inceLvl2,.play,.resetBook{position:relative;top:100px}