canvas[data-v-3c6c163f]{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto}canvas[data-v-7593391d]:hover{cursor:pointer}.my-input[data-v-3309fc2a]{display:inline-block;line-height:0}.my-input input[data-v-3309fc2a]{-moz-appearance:textfield}.my-input input[data-v-3309fc2a]::-webkit-inner-spin-button,.my-input input[data-v-3309fc2a]::-webkit-outer-spin-button{-webkit-appearance:none}.home[data-v-9328416e]{position:relative}.largescreen[data-v-9328416e]{display:inline-block;position:absolute;width:200px;height:200px;left:0;bottom:50px}.guidepost[data-v-9328416e]{display:inline-block;position:absolute;width:150px;height:150px;right:-10px;bottom:80px}@-webkit-keyframes border-focus{0%{-webkit-box-shadow:0 0 1px #0174df;box-shadow:0 0 1px #0174df}50%{-webkit-box-shadow:0 0 6px #0174df;box-shadow:0 0 6px #0174df}to{-webkit-box-shadow:0 0 1px #0174df;box-shadow:0 0 1px #0174df}}@keyframes border-focus{0%{-webkit-box-shadow:0 0 1px #0174df;box-shadow:0 0 1px #0174df}50%{-webkit-box-shadow:0 0 6px #0174df;box-shadow:0 0 6px #0174df}to{-webkit-box-shadow:0 0 1px #0174df;box-shadow:0 0 1px #0174df}}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:menu}html{font-size:14px}body{margin:0;padding:0}button,canvas,input,select,textarea{outline:none}input[type=file]{border:none}img{border:0}dd,dl{margin:0}.main{min-height:500px;padding:10px 0;background-color:#e4fca7}.box-list{text-align:justify;text-justify:inter-ideograph;line-height:0;font-size:0}.box-list dt{display:inline-block;width:200px;margin:0 20px}.navi-title{margin:0 0 70px;position:relative;z-index:1;height:40px;background-color:#f4fa58;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc}.navi-title dd{display:inline-block;position:relative;z-index:0;margin:1em 20px;background-color:#b43104}.navi-title dd:before{content:"";position:absolute;z-index:-1;margin-left:-30px;border:25px solid #b43104;border-left-color:transparent}.navi-title dd:after{content:"";position:absolute;z-index:-1;border:25px solid #b43104;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}.navi-title a{line-height:50px;padding:13px 20px;color:#eee;font-weight:700;font-size:20px;letter-spacing:3px;text-decoration:none}.article-box,.reply-box{max-width:1000px;margin:20px auto 20px;-webkit-box-shadow:0 0 4px #dedede;box-shadow:0 0 4px #dedede}.article-box{min-height:500px;position:relative;z-index:0;overflow:hidden}.article-bg{position:absolute;width:100%;height:100%;z-index:-1;background-color:#00f;opacity:.1}.article-bg-title{position:absolute;-ms-writing-mode:bt-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;color:#222;background-color:#fff;top:60px;right:100px;outline:4px solid #333;font-size:82px;line-height:82px;letter-spacing:4px;padding:8px}.article-bg-title:after{content:attr(title);display:block;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;padding:9px 5px;border:2px solid #666}.article-title{font-size:2em;padding:.5em 0;text-align:center}.article-content{text-align:justify;font-size:1.3em;line-height:1.6em}.article-content.detail{padding:0 12px}.article-content.detail pre{white-space:pre-wrap;text-align:left}.article-content>p{margin:0;text-indent:2em}.article-content ul{margin:0}.article-content figure{margin:1em 0}.article-content canvas,.article-content img{max-width:100%}.article-content table:not(.hljs-ln){border-collapse:collapse}.article-content table:not(.hljs-ln) td,.article-content table:not(.hljs-ln) th{border:1px solid #9f9f9f;padding:.4em .6em}.article-content table:not(.hljs-ln) th{background:rgba(0,0,0,.05)}.article-content code:not([class]){color:#ddd;background-color:#444}.article-content code.language-plaintext{display:block;padding:.5em;color:#ddd;background-color:#444}.article-content .hljs{background-color:#444}.article-content-editor,.ck-content{min-height:300px}.article-content-editor>p,.ck-content>p{text-indent:2em}.article-time{margin:0 12px;text-align:right;font-size:1.2em}.article-next,.article-prev{margin:10px 12px;font-size:1.2em;text-decoration:none}.article-prev{float:left}.article-next{float:right}.article-aside{position:absolute;left:calc(50% - 720px)}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-active{opacity:0}td.hljs-ln-numbers.hljs-ln-numbers{text-align:right;padding-right:8px;border-right:1px solid #c5c5c5}td.hljs-ln-code.hljs-ln-code{padding-left:8px}@media screen and (max-width:600px){.main{min-height:350px;padding:5px 0}.box-list dt{width:100px;margin:0 10px}.navi-title dd{margin:.5em 15px}.navi-title dd:before{margin-left:-22px;border-width:16px}.navi-title dd:after{border-width:16px}.navi-title a{line-height:32px;padding:6px 5px;font-size:16px;letter-spacing:1px}.article-box,.reply-box{margin:5px auto 15px}.article-title{font-size:1.5em}.article-content{font-size:1.2em;line-height:1.4em}.article-content figure{margin:.5em 0 0}.article-bg-title{top:20px;right:20px;outline:2px solid #333;font-size:32px;line-height:32px;letter-spacing:4px}.article-bg-title:after{padding:9px 5px;border:2px solid #666}}.header{height:60px;line-height:60px}.header-box{height:60px;border-bottom:2px solid #dedede;background-color:#67c2f6;position:fixed;z-index:2;left:0;right:0}.header-box>canvas{width:100%;height:100%}#clockImg{width:60px;height:60px;-webkit-transition:all 1s;transition:all 1s}#clockImg:hover{width:300px;height:300px}.footer{text-align:center;border-top:2px solid #dedede;background-color:#3f91f7;outline:9999px solid #3f91f7;position:absolute;left:0;right:0;clip:rect(0,9999px,9999px,0)}.box-div{position:fixed;top:0;bottom:0;left:0;right:0}#environmentCanvas,#screenCanvas{width:100%;height:100%}.bi{background-color:#f7f8e0;margin:15px 20px;-webkit-box-shadow:0 1px 3px #333;box-shadow:0 1px 3px #333}.bi,.bi a{position:relative;display:inline-block;width:200px}.bi a{height:300px}.bi a:before{content:"";position:absolute;background-color:#1f3983;border-right:1px solid #ddd;height:100%;width:19px}.bi.new .bi-page-back,.bi.new .bi-page-front,.bi.new a:before{background-color:#088a08}.bi.back .bi-page-back,.bi.back .bi-page-front,.bi.back a:before{background-color:#8c4243}.bi .open{-webkit-transform:rotateY(-100deg);transform:rotateY(-100deg);-moz-transform:perspective(2000px) rotateY(-100deg)}.bi-a{-webkit-transform:perspective(2000px);transform:perspective(2000px);-webkit-perspective:2000;perspective:2000}.bi-page{position:absolute;right:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;width:180px;height:100%}.bi-page-back,.bi-page-front{background-color:#1f3983;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.bi-page-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.bi-content{overflow:hidden;text-indent:2em;margin:16px;margin-left:40px;font-size:20px;line-height:1.3em;text-align:justify;word-break:break-all}.bi-content,.bi-title{position:absolute;color:#222}.bi-title{-ms-writing-mode:bt-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;background-color:#fff;outline:1px solid #333;top:10px;right:10px;font-size:22px;line-height:22px;letter-spacing:2px}.bi-title:after{content:attr(title);display:block;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 5px;margin:12px 8px;border:2px solid #666;max-height:234px}.bi-label{position:absolute;border:40px solid #4000ff;border-right-color:transparent;border-bottom-color:transparent}.bi-label:after{content:attr(label);position:absolute;top:-40px;left:-40px;font-size:22px;color:#fff;line-height:22px;padding:10px}.bi-label--left{clip:rect(0,20px,80px,0)}.bi-label--right{left:-20px}.bi-time{left:15px}.bi-time,.bi-update{position:absolute;-ms-writing-mode:bt-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;color:#fff;bottom:10px;font-size:14px}.bi-update{left:35px;letter-spacing:1px}.bi-menu{position:absolute;bottom:0;right:0;list-style-type:none;padding-left:0}.bi-menuitem{line-height:20px;font-size:20px;padding:15px 0;width:100px;text-align:center;white-space:nowrap;cursor:pointer;background-color:#2e64fe}.bi-menuitem:not(:last-child){border-bottom:1px solid #f3f781}.bi-menuitem:hover{background-color:#0141f8}@media screen and (max-width:500px){.bi{margin:5px 10px}.bi,.bi a{width:100px}.bi a{height:150px}.bi a:before{width:9px}.bi-page{width:90px;height:100%;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.bi-content{clip:rect(0,82px,300px,0);margin:8px 5px;margin-left:13px;width:82px;font-size:14px;line-height:16px}.bi-title{top:5px;right:5px;font-size:14px;line-height:14px;letter-spacing:0}.bi-title:after{padding:3px 3px;border-width:1px;max-height:126px;margin:3px}.bi-label{border-width:20px}.bi-label:after{top:-20px;left:-20px;font-size:14px;line-height:14px;padding:5px}.bi-label--left{clip:rect(0,10px,40px,0)}.bi-label--right{left:-10px}.bi-time{left:10px}.bi-time,.bi-update{bottom:5px;font-size:10px}.bi-update{left:25px}}.book{position:absolute;margin-top:-70px;display:inline-block;width:0;height:0;line-height:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(1000px);transform:perspective(1000px);-webkit-perspective-origin:90% 0;perspective-origin:90% 0}.book.active .book-a:before,.book.active .book-left,.book.active .book-page-back,.book.active .book-page-front{background-color:#088a08}.book.move .book-a{-webkit-transform:rotate(-90deg) rotateY(90deg) translateX(-100px);transform:rotate(-90deg) rotateY(90deg) translateX(-100px)}.book.move.open .book-a{-webkit-transform:translateZ(100px);transform:translateZ(100px)}.book.move.open .book-page{-webkit-transform:rotateY(-120deg);transform:rotateY(-120deg)}.book-a{-webkit-perspective:2000;perspective:2000;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 1s,all 1s;transition:all 1s,all 1s;background-color:#f7f8e0;-webkit-box-shadow:0 1px 1px #999;box-shadow:0 1px 1px #999;-webkit-transform:rotate(-90deg) rotateY(90deg);transform:rotate(-90deg) rotateY(90deg);position:relative;display:inline-block;width:100px;height:150px}.book-a:before{content:"";background-color:#1f3983;border-right:1px solid #ddd;width:19px}.book-a:before,.book-page{position:absolute;height:100%}.book-page{right:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;width:80px}.book-page-back,.book-page-front{background-color:#1f3983;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.book-page-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-box-shadow:0 1px 1px #999;box-shadow:0 1px 1px #999}.book-content{left:20px;right:0;overflow:hidden;text-align:justify;margin:8px 5px;line-height:16px}.book-content,.book-title{position:absolute;color:#222;font-size:14px}.book-title{-ms-writing-mode:bt-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;background-color:#fff;outline:1px solid #333;top:5px;right:5px;line-height:14px;letter-spacing:0}.book-title:after{content:attr(title);display:block;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 3px;border:1px solid #666;max-height:126px;margin:3px}.book-time{-ms-writing-mode:bt-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;left:10px;bottom:5px;font-size:10px}.book-left,.book-time{position:absolute;color:#fff}.book-left{width:150px;height:32px;background-color:#1f3983;-webkit-transform:rotateY(-90deg) rotate(90deg);transform:rotateY(-90deg) rotate(90deg);-webkit-transform-origin:0 0;transform-origin:0 0;line-height:32px;font-size:16px;text-indent:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-bottom{width:100px;height:32px;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:rotateX(-90deg) translateZ(150px);transform:rotateX(-90deg) translateZ(150px);-webkit-box-shadow:0 1px 1px #999;box-shadow:0 1px 1px #999}.booklist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-left:50px;margin:100px 0}.booklist-box{width:220px;overflow-y:auto;position:relative}.booklist-box,.booklist-item{-webkit-transition:all .5s;transition:all .5s}.booklist-item{width:1px;height:35px}@-webkit-keyframes dialog-box-show{0%{margin-top:1999px}to{margin-top:50px}}@keyframes dialog-box-show{0%{margin-top:1999px}to{margin-top:50px}}@-webkit-keyframes dialog-box-hide{0%{margin-top:50px}to{margin-top:1999px}}.dialog{position:fixed;z-index:1}.dialog,.dialog:after{left:0;right:0;top:0;bottom:0}.dialog:after{content:"";position:absolute;z-index:-1;opacity:.7;background-color:#000}.dialog-box{padding:0 20px 20px;margin-top:1999px;max-width:800px;margin:3999px auto 0;background-color:#fff;-webkit-box-shadow:0 0 6px #000;box-shadow:0 0 6px #000;border-radius:8px;animation:dialog-box-hide 1s;-webkit-animation:dialog-box-hide 1s}.dialog-title{font-size:2em;line-height:3em;text-align:center;border-bottom:1px solid #999}.dialog-content{padding:1em 0 0;font-size:1.5em;text-align:justify}.dialog.active .dialog-box{margin-top:50px;animation:dialog-box-show 1s;-webkit-animation:dialog-box-show 1s}@media screen and (max-width:500px){.dialog-box{margin:50px 20px}}.loading{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1}.loading.active{display:block}.loading canvas{margin:auto}.loading:after,.loading canvas{position:absolute;left:0;right:0;top:0;bottom:0}.loading:after{content:"";z-index:-1;opacity:.7;background-color:#000}.login-form .error-msg{color:red;position:absolute;margin-top:-1.3em}.login-form dl{margin:0}.login-form dl dd{margin:10px auto}.login-form dl label{display:inline-block;margin-bottom:10px}.login-form dl button,.login-form dl input{width:100%;font-size:1.2em}.login-form dl input{padding:0 6px}.article-title-edit{line-height:0;padding:0}.article-title-edit input{width:100%;padding:3px 6px;font-size:1em;background:transparent}.article-title-edit canvas.edit{position:absolute;right:0}.article-form{background-color:#fff;border:1px solid #acacac;padding:10px 0;line-height:0}.article-form-modelmsg{line-height:40px;font-size:20px;height:30px}.article-footer,.article-footer-bar{height:64px;background-color:#fff}.article-footer{vertical-align:middle;overflow:hidden;height:64px}.article-footer .my-button{float:right;margin:10px 0 0 10px}.error-msg{color:red;text-align:justify;font-size:1.2em;line-height:1.6em;margin:5px 10px 10px 10px}.reply-box{background-color:#fefefe}.reply-box textarea{font-size:1.2em;padding:.4em}.reply-box-title{padding:10px 20px;font-size:1.4em}.reply-box-to{position:absolute;font-size:1.2em;margin:calc(.4em + 2px);background-color:#accad3}.reply-box-footer{overflow:hidden;background-color:#fff}.reply-box-footer .my-button{float:right;margin:10px}.reply-item{padding:10px 20px;border-top:1px solid #acacac;font-size:1.2em}.reply-item-header{margin-bottom:.4em;overflow:hidden}.reply-item-time{float:right}.reply-item-btn{float:right;text-decoration:none}.reply-item-section{margin-top:.4em;border-top:1px solid #acacac;padding:.4em 0 0 2em}.article-footer-bar{border:1px solid #c4c4c4;padding:0 10px 10px 0}.inline-button{font-size:1.2em;line-height:2em;padding:.2em 1.2em;letter-spacing:.1em}.inline-button-small{line-height:1.6em;padding:0 .9em}.blue{background-color:#2e9afe}.light-blue{background-color:#94cbfe}.green{background-color:#40ff00}.light-green{background-color:#8cff66}.my-input input,.my-textarea textarea{position:absolute;background-color:transparent;border:2px solid transparent;font-size:1.2em}.guest-box{max-width:1200px;margin:auto;background-color:#fff}.guest-box:after{content:"";display:block;border-top:1px solid #dedede}.guest-item{border-top:1px solid #dedede;font-size:1.2em}.guest-item-header{padding:10px 20px 5px}.guest-content{padding:0 20px;text-align:justify;font-size:1.2em;line-height:1.4em}.guest-content pre{white-space:pre-wrap;text-align:left}.guest-content>p{margin:0}.guest-content figure{margin:.5em 0}.guest-content canvas,.guest-content img{max-width:100%;-webkit-transition:all .5s;transition:all .5s}.guest-content canvas.resize,.guest-content img.resize{max-width:300px;max-height:300px;cursor:pointer}.guest-content table:not(.hljs-ln){border-collapse:collapse}.guest-content table:not(.hljs-ln) td,.guest-content table:not(.hljs-ln) th{border:1px solid #9f9f9f;padding:.4em .6em}.guest-content table:not(.hljs-ln) th{background:rgba(0,0,0,.05)}.guest-content code:not([class]){background:hsla(0,0%,78%,.3)}.guest-item-time{margin:0 20px}.guest-item-section{border-top:1px solid #dedede;margin-left:20px}.guest-item-btn{text-decoration:none}.shrink-enter-active,.shrink-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.shrink-enter,.shrink-leave-to{opacity:0}.yc-turnpagebox{position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0}.yc-turnpage{width:100%;height:100%}