.imgLoader{width:1px;height:1px;animation:1s step-end preLoad;position:fixed}@keyframes preLoad{0%{background-image:url(/book/book1.jpg)}10%{background-image:url(/book/book2.jpg)}20%{background-image:url(/book/book3.jpg)}30%{background-image:url(/book/book4.jpg)}40%{background-image:url(/book/book5.jpg)}to{display:none}}.book-container{border-radius:4px;width:100%;height:420px;position:relative}@media (min-width:1024px){.book-container{width:420px}}.book{perspective:630px;perspective-origin:50% 50px;filter:drop-shadow(0 10px 5px #00000040);position:relative;transform:scale(1.2)}.page{transform-origin:100% 100%;width:210px;height:300px;transform-style:preserve-3d;background-color:#bbb;background-position:50%;background-size:420px 300px;border:2px solid #555;position:absolute;top:0;right:50%}.page:first-child{transform:rotateX(60deg)rotateY(3deg)}.page:nth-child(2){transform:rotateX(60deg)rotateY(4.5deg)}.page:nth-child(3){background-position:-2px -2px;background-size:420px 300px;animation:25s step-end -24s infinite nextPage;transform:rotateX(60deg)rotateY(6deg)}.page:nth-child(4){transform:rotateX(60deg)rotateY(177deg)}.page:nth-child(5){transform:rotateX(60deg)rotateY(175.5deg)}.page:nth-child(6){overflow:hidden;transform:rotateX(60deg)rotateY(174deg)}.page:nth-child(6):after{content:"";transform-origin:50%;background-position:100% -2px;background-size:420px 300px;width:210px;height:300px;animation:25s step-end -20s infinite nextPage;position:absolute;top:0;right:0%;transform:rotateY(180deg)}@keyframes nextPage{0%{background-image:url(/book/book1.jpg)}20%{background-image:url(/book/book2.jpg)}40%{background-image:url(/book/book3.jpg)}60%{background-image:url(/book/book4.jpg)}80%{background-image:url(/book/book5.jpg)}}.gap{transform-origin:bottom;background:0 0;width:10px;height:300px;position:absolute;top:0;left:calc(50% - 5px);transform:rotateX(60deg)}.gap:after{content:"";background-color:#555;border-radius:50%;width:10px;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.pages,.flips{transform-style:preserve-3d}.flip{transform-origin:100% 100%;perspective:4200px;perspective-origin:50%;width:32px;height:300px;transform-style:preserve-3d;background-size:420px 300px;border:2px solid #555;border-width:2px 0;position:absolute;top:0;right:100%}.flip:after{content:"";transform-origin:50%;background-size:420px 300px;width:100%;height:100%;position:absolute;top:0;right:0%}.flip.flip1{border-width:2px 2px 2px 0;animation:5s ease-in-out infinite flip1;right:50%}.flip.flip1:after{animation:25s step-end -20s infinite nextFlip1}.flip:not(.flip1){transform-origin:100%;animation:5s ease-in-out infinite flip2;top:-2px;right:calc(100% - 2px)}.flip.flip2:after{animation:25s step-end -20s infinite nextFlip2}.flip.flip3:after{animation:25s step-end -20s infinite nextFlip3}.flip.flip4:after{animation:25s step-end -20s infinite nextFlip4}.flip.flip5:after{animation:25s step-end -20s infinite nextFlip5}.flip.flip6:after{animation:25s step-end -20s infinite nextFlip6}.flip.flip7{border-width:2px 0 2px 2px;width:30px}.flip.flip7:after{animation:25s step-end -20s infinite nextFlip7}@keyframes flip1{0%,20%{transform:rotateX(60deg)rotateY(6deg)}80%,to{transform:rotateX(60deg)rotateY(174deg)}}@keyframes flip2{0%,20%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(-15deg)translateY(0)}}@keyframes nextFlip1{0%{background-image:url(/book/book1.jpg);background-position:-178px -2px;transform:rotateY(0)}10%{background-image:url(/book/book2.jpg);background-position:-210px -2px;transform:rotateY(180deg)}20%{background-image:url(/book/book2.jpg);background-position:-178px -2px;transform:rotateY(0)}30%{background-image:url(/book/book3.jpg);background-position:-210px -2px;transform:rotateY(180deg)}40%{background-image:url(/book/book3.jpg);background-position:-178px -2px;transform:rotateY(0)}50%{background-image:url(/book/book4.jpg);background-position:-210px -2px;transform:rotateY(180deg)}60%{background-image:url(/book/book4.jpg);background-position:-178px -2px;transform:rotateY(0)}70%{background-image:url(/book/book5.jpg);background-position:-210px -2px;transform:rotateY(180deg)}80%{background-image:url(/book/book5.jpg);background-position:-178px -2px;transform:rotateY(0)}90%{background-image:url(/book/book1.jpg);background-position:-210px -2px;transform:rotateY(180deg)}}@keyframes nextFlip2{0%{background-image:url(/book/book1.jpg);background-position:-148px -2px;transform:rotateY(0)}10.5%{background-image:url(/book/book2.jpg);background-position:-238px -2px;transform:rotateY(180deg)}20%{background-image:url(/book/book2.jpg);background-position:-148px -2px;transform:rotateY(0)}30.5%{background-image:url(/book/book3.jpg);background-position:-238px -2px;transform:rotateY(180deg)}40%{background-image:url(/book/book3.jpg);background-position:-148px -2px;transform:rotateY(0)}50.5%{background-image:url(/book/book4.jpg);background-position:-238px -2px;transform:rotateY(180deg)}60%{background-image:url(/book/book4.jpg);background-position:-148px -2px;transform:rotateY(0)}70.5%{background-image:url(/book/book5.jpg);background-position:-238px -2px;transform:rotateY(180deg)}80%{background-image:url(/book/book5.jpg);background-position:-148px -2px;transform:rotateY(0)}90.5%{background-image:url(/book/book1.jpg);background-position:-238px -2px;transform:rotateY(180deg)}}@keyframes nextFlip3{0%{background-image:url(/book/book1.jpg);background-position:-118px -2px;transform:rotateY(0)}11%{background-image:url(/book/book2.jpg);background-position:-268px -2px;transform:rotateY(180deg)}20%{background-image:url(/book/book2.jpg);background-position:-118px -2px;transform:rotateY(0)}31%{background-image:url(/book/book3.jpg);background-position:-268px -2px;transform:rotateY(180deg)}40%{background-image:url(/book/book3.jpg);background-position:-118px -2px;transform:rotateY(0)}51%{background-image:url(/book/book4.jpg);background-position:-268px -2px;transform:rotateY(180deg)}60%{background-image:url(/book/book4.jpg);background-position:-118px -2px;transform:rotateY(0)}71%{background-image:url(/book/book5.jpg);background-position:-268px -2px;transform:rotateY(180deg)}80%{background-image:url(/book/book5.jpg);background-position:-118px -2px;transform:rotateY(0)}91%{background-image:url(/book/book1.jpg);background-position:-268px -2px;transform:rotateY(180deg)}}@keyframes nextFlip4{0%{background-image:url(/book/book1.jpg);background-position:-88px -2px;transform:rotateY(0)}11.5%{background-image:url(/book/book2.jpg);background-position:-298px -2px;transform:rotateY(180deg)}20%{background-image:url(/book/book2.jpg);background-position:-88px -2px;transform:rotateY(0)}31.5%{background-image:url(/book/book3.jpg);background-position:-298px -2px;transform:rotateY(180deg)}40%{background-image:url(/book/book3.jpg);background-position:-88px -2px;transform:rotateY(0)}51.5%{background-image:url(/book/book4.jpg);background-position:-298px -2px;transform:rotateY(180deg)}60%{background-image:url(/book/book4.jpg);background-position:-88px -2px;transform:rotateY(0)}71.5%{background-image:url(/book/book5.jpg);background-position:-298px -2px;transform:rotateY(180deg)}80%{background-image:url(/book/book5.jpg);background-position:-88px -2px;transform:rotateY(0)}91.5%{background-image:url(/book/book1.jpg);background-position:-298px -2px;transform:rotateY(180deg)}}@keyframes nextFlip5{0%{background-image:url(/book/book1.jpg);background-position:-58px -2px;transform:rotateY(0)}12%{background-image:url(/book/book2.jpg);background-position:-328px -2px;transform:rotateY(180deg)}20%{background-image:url(/book/book2.jpg);background-position:-58px -2px;transform:rotateY(0)}32%{background-image:url(/book/book3.jpg);background-position:-328px -2px;transform:rotateY(180deg)}40%{background-image:url(/book/book3.jpg);background-position:-58px -2px;transform:rotateY(0)}52%{background-image:url(/book/book4.jpg);background-position:-328px -2px;transform:rotateY(180deg)}60%{background-image:url(/book/book4.jpg);background-position:-58px -2px;transform:rotateY(0)}72%{background-image:url(/book/book5.jpg);background-position:-328px -2px;transform:rotateY(180deg)}80%{background-image:url(/book/book5.jpg);background-position:-58px -2px;transform:rotateY(0)}92%{background-image:url(/book/book1.jpg);background-position:-328px -2px;transform:rotateY(180deg)}}@keyframes nextFlip6{0%{background-image:url(/book/book1.jpg);background-position:-28px -2px;transform:rotateY(0)}12.5%{background-image:url(/book/book2.jpg);background-position:-358px -2px;transform:rotateY(180deg)}20%{background-image:url(/book/book2.jpg);background-position:-28px -2px;transform:rotateY(0)}32.5%{background-image:url(/book/book3.jpg);background-position:-358px -2px;transform:rotateY(180deg)}40%{background-image:url(/book/book3.jpg);background-position:-28px -2px;transform:rotateY(0)}52.5%{background-image:url(/book/book4.jpg);background-position:-358px -2px;transform:rotateY(180deg)}60%{background-image:url(/book/book4.jpg);background-position:-28px -2px;transform:rotateY(0)}72.5%{background-image:url(/book/book5.jpg);background-position:-358px -2px;transform:rotateY(180deg)}80%{background-image:url(/book/book5.jpg);background-position:-28px -2px;transform:rotateY(0)}92.5%{background-image:url(/book/book1.jpg);background-position:-358px -2px;transform:rotateY(180deg)}}@keyframes nextFlip7{0%{background-image:url(/book/book1.jpg);background-position:-2px -2px;transform:rotateY(0)}13%{background-image:url(/book/book2.jpg);background-position:-388px -2px;transform:rotateY(180deg)}20%{background-image:url(/book/book2.jpg);background-position:-2px -2px;transform:rotateY(0)}33%{background-image:url(/book/book3.jpg);background-position:-388px -2px;transform:rotateY(180deg)}40%{background-image:url(/book/book3.jpg);background-position:-2px -2px;transform:rotateY(0)}53%{background-image:url(/book/book4.jpg);background-position:-388px -2px;transform:rotateY(180deg)}60%{background-image:url(/book/book4.jpg);background-position:-2px -2px;transform:rotateY(0)}73%{background-image:url(/book/book5.jpg);background-position:-388px -2px;transform:rotateY(180deg)}80%{background-image:url(/book/book5.jpg);background-position:-2px -2px;transform:rotateY(0)}93%{background-image:url(/book/book1.jpg);background-position:-388px -2px;transform:rotateY(180deg)}}