.frame-wrap[data-v-dd0e2a8e]{background:rgba(0,0,0,.7);text-align:center}.frame-wrap h2[data-v-dd0e2a8e]{height:40px;line-height:50px;color:#fff}.frame-wrap button[data-v-dd0e2a8e]{position:absolute;top:15px;right:15px;background:transparent}.frame[data-v-dd0e2a8e]{width:90%;height:calc(100% - 65px)}.file-wrapper[data-v-dd0e2a8e]{width:100vw;height:100vh}.top-menu[data-v-dd0e2a8e]{width:400px;margin:0 auto}.top-menu button[data-v-dd0e2a8e]{font-size:18px;margin:20px}.bookshelf[data-v-dd0e2a8e]{width:70%;margin:0 auto;padding:10px 20px;background:#ececec;-webkit-box-shadow:0 0 10px #999;box-shadow:0 0 10px #999}.content[data-v-dd0e2a8e],.cover[data-v-dd0e2a8e],.dept-contents[data-v-dd0e2a8e],.file-contents[data-v-dd0e2a8e],.hard[data-v-dd0e2a8e]{background:#fff}.cover[data-v-dd0e2a8e]{background-image:url(../img/file-bg.77b7da8d.png);background-size:100% 100%}.cover h1[data-v-dd0e2a8e],.cover h2[data-v-dd0e2a8e]{text-align:center;color:#dcdcdc}.cover h1[data-v-dd0e2a8e]{margin-top:200px}.dept-contents[data-v-dd0e2a8e],.file-contents[data-v-dd0e2a8e]{border-right:1px solid #dcdcdc}.dept-contents h1[data-v-dd0e2a8e],.file-contents h1[data-v-dd0e2a8e]{margin-top:40px;text-align:center}.dept-contents .contents-wrapper[data-v-dd0e2a8e],.file-contents .contents-wrapper[data-v-dd0e2a8e]{height:calc(100% - 110px);padding:10px 20px;overflow:hidden}.dept-contents .contents-wrapper li[data-v-dd0e2a8e]:hover,.file-contents .contents-wrapper li[data-v-dd0e2a8e]:hover{background-color:#87ceeb;border-radius:15px;cursor:pointer}.dept-contents .contents-wrapper li:hover button[data-v-dd0e2a8e],.file-contents .contents-wrapper li:hover button[data-v-dd0e2a8e]{color:#fff}.dept-contents .dept-wrapper[data-v-dd0e2a8e],.file-contents .dept-wrapper[data-v-dd0e2a8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.content[data-v-dd0e2a8e]{width:800px}.content h1[data-v-dd0e2a8e]{color:#000}