.book-block{height:100vh;width:100vw;overflow:hidden;background-color:#505050;position:fixed;top:0;left:0;z-index:111111111}:-webkit-full-screen .book-wrapper{width:90%}:fullscreen .book-wrapper{width:90%}@media (min-width:1024px){:-webkit-full-screen .book-wrapper{width:70%}:fullscreen .book-wrapper{width:70%}}:-webkit-full-screen .btn-fullscreen__compress{display:inline!important}:fullscreen .btn-fullscreen__compress{display:inline!important}:-webkit-full-screen .btn-fullscreen__solid{display:none!important}:fullscreen .btn-fullscreen__solid{display:none!important}.book-wrapper{position:relative;top:45%;left:50%;width:90%}@media (min-width:1024px){.book-wrapper{top:auto;left:auto;transform:none;width:58%;margin:20px auto 10px}}@media (min-width:1400px){.book-wrapper{width:62%;margin-top:40px}}.btn-page-control{position:fixed;top:50%;transform:translate(-50%,-50%);transform-origin:center;z-index:111;border:1px solid transparent;background:transparent;border-radius:50%;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s}@media (min-width:1024px){.btn-page-control{width:48px;height:48px}.btn-page-control:hover{background:hsla(0,0%,47%,.4);border:1px solid #6c6c6c}}.btn-page-control:hover img{transform:scale(1.1)}.btn-page-control:active img{transform:scale(.9)}.btn-page-control.btn-prev{left:5%}@media (min-width:1024px){.btn-page-control.btn-prev{left:4%}}.btn-page-control.btn-next{left:95%}@media (min-width:1024px){.btn-page-control.btn-next{left:96%}}.btn-page-control img{height:60%;filter:invert(1) brightness(.75);transition:all .25s}.page-info{display:none;position:fixed;top:50px;left:50px;padding:5px 10px;border:1px solid #ccc;background-color:hsla(0,0%,78%,.3);z-index:1111;width:200px}.page-info p{margin-bottom:0}.page-info p label{margin-right:5px}.page-info p span{font-weight:700}.flip-book{display:none;background-size:cover}.flip-page{color:#785e3a;overflow:hidden}.flip-page .page-bg{position:relative;width:100%;object-fit:contain;z-index:1}.flip-page .flip-page-content{background-color:#fff;position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.flip-page .flip-page-content img{position:absolute;z-index:2;height:100%;width:100%;object-fit:contain}.flip-page.--left{border-right:0}.flip-page.--right{border-left:0}.flip-page.--right .page-footer{text-align:right}.flip-page.hard{background-color:#f2e8d9;border:1px solid #998466}.flip-page.page-cover{background-color:#fbfc77}@media (min-width:1024px){.flip-page .b1_1,.flip-page .b1_2,.flip-page .b1_3,.flip-page .b1_4,.flip-page .b2_1,.flip-page .b2_2,.flip-page .b2_3,.flip-page .b2_4{opacity:0}}.flip-page .b1_1{width:34%;left:12%;top:7%}.flip-page .b1_2{width:23%;left:27%;top:15.8%}.flip-page .b1_3{width:32.8%;left:27%;top:19.5%}.flip-page .b1_4{width:61.5%;left:27%;top:23%}.flip-page .b2_1{width:46.5%;left:13.5%;top:12.5%}.flip-page .b2_2{width:44%;left:12%;top:15.8%}.flip-page .b2_3{width:39.5%;left:12%;top:19%}.flip-page .b2_4{width:35%;left:12%;top:23%}.flip-page .anim-btn{cursor:pointer}.zoom-block{display:none;top:0;z-index:1111}.book-progress,.zoom-block{position:fixed;left:0;right:0;bottom:0}.book-progress{padding:10px 30px;display:flex;align-items:center;gap:20px;z-index:11111;background:rgba(90,90,90,.5);box-shadow:0 -2px 10px 0 rgba(0,0,0,.02)}.book-progress-info{flex:0 0 100px;text-align:center;font-size:14px;color:#ddd}.book-progress-wrapper{position:absolute;bottom:65px;left:25px;right:25px;height:8px;transition:height .3s;transform-origin:center}@media (min-width:1024px){.book-progress-wrapper{position:relative;width:100%;bottom:auto;left:auto;right:auto}}.book-progress-wrapper:before{content:"";display:block;position:absolute;top:50%;left:50%;height:100%;width:calc(100% + 10px);border-radius:8px;background-color:#e1e1e1;border:1px solid #ccc;transform:translate(-50%,-50%)}.book-progress-wrapper:hover{cursor:pointer}@media (min-width:1024px){.book-progress-wrapper:hover{height:12px}.book-progress-wrapper:hover .book-progress-thumb{display:flex;flex-direction:column}}.book-progress-wrapper .book-progress-dot{position:absolute;top:50%;left:0;display:block;height:20px;width:20px;border-radius:50%;border:1px solid #ddd;background-color:#fff;transform:translate(-50%,-50%)}.book-progress-wrapper .book-progress-thumb{display:none;position:absolute;bottom:25px;left:0;height:126px;width:142px;border-radius:8px;border:1px solid #999;background-color:#eee;transform:translateX(-50%);overflow:hidden}.book-progress-wrapper .book-progress-thumb .book-progress-thumb-images{display:flex;align-items:center;justify-content:center;flex:1 1;gap:1px;background-color:#ddd}.book-progress-wrapper .book-progress-thumb .book-progress-thumb-images img{width:50%}.book-progress-wrapper .book-progress-thumb .book-progress-pagenum{color:#999;width:100%;text-align:center;border-top:1px solid #ddd;margin-top:auto}.book-progress .book-progress-controls{flex:0 0 200px}.book-progress .book-progress-controls #bookzoom{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;text-align:center;border:1px solid #999!important;outline:none!important;cursor:default;font-size:14px}.book-progress .book-progress-controls .book-btn-control{border:none;box-shadow:none;outline:none;background:transparent;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.book-progress .book-progress-controls .book-btn-control:hover img{transform:scale(1.1)}.book-progress .book-progress-controls .book-btn-control:active img{transform:scale(.95)}.book-progress .book-progress-controls .book-btn-control img{height:22px;filter:invert(1) brightness(.9);transition:all .15s}.book-progress .book-progress-controls .book-btn-control.btn-fullscreen img{filter:invert(1) brightness(.9)}.book-progress .book-progress-controls .book-btn-control.btn-fullscreen.compress .btn-fullscreen__compress{display:inline}.book-progress .book-progress-controls .book-btn-control.btn-fullscreen .btn-fullscreen__compress,.book-progress .book-progress-controls .book-btn-control.btn-fullscreen.compress .btn-fullscreen__solid{display:none}.book-progress .book-progress-controls .book-btn-control.btn-fullscreen .btn-fullscreen__solid{display:inline}