*{margin:0;box-sizing:border-box;font-family:sans-serif}:focus{outline:0}img{user-select:none;-webkit-user-drag:none}body,html{width:100%;height:100%;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.scrollable{overflow-x:auto;overflow-y:auto}.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.selectable{-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.fixedFit{position:fixed;left:0;top:0;width:100%;height:100%}.fixed{position:fixed}.mainButton{border:none;background:0 0;width:50px;height:50px;cursor:pointer;transition:width .3s;display:inline-block;text-align:center;vertical-align:bottom;position:relative;margin:0;overflow:visible;top:5px}.mainButton:hover{width:70px}.mainButton>img{width:30px;height:30px;border:none;transition:width .3s,height .3s,left .3s,top .3s;position:absolute;top:10px;left:10px}.mainButton>span{width:30px;height:30px;border:none;transition:width .3s,height .3s,left .3s,top .3s;position:absolute;top:10px;left:10px}.mainButton>div{font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);border-radius:20px 20px 20px 20px;padding:2px 14px;transition:opacity .3s;opacity:0;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;word-break:keep-all}.mainButton:hover>div{font-size:14px;opacity:1}.mainButton:hover>img{filter:none;width:40px;height:40px;left:15px;top:5px}.mainButton:active>img{left:17px;top:7px;filter:invert(70%)}.mainButton>#COLOR_PICKER{border:#4788c7 1px solid;border-radius:40px;display:inline-block;filter:none;width:30px;height:30px;left:10px;top:10px;transition:width .3s,height .3s,left .3s,top .3s;box-shadow:-2px -2px 4px #000 inset}.mainButton:hover>#COLOR_PICKER{filter:none;width:40px;height:40px;left:15px;top:5px}.mainButton_Highlight{border:none;height:50px;cursor:pointer;display:inline-block;text-align:center;vertical-align:bottom;position:relative;width:70px;background:rgba(0,68,131,.25);top:5px}.mainButton_Highlight>div{font-size:12px;font-weight:700;color:#fff;border-radius:20px 20px 20px 20px;padding:2px 14px;opacity:0;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);white-space:nowrap;word-break:keep-all}.mainButton_Highlight>img{filter:contrast(200%);width:40px;height:40px;left:15px;top:5px}.mainButton_Highlight:active>img{filter:opacity(20%);left:17px;top:7px}#DESKTOP{background:url(../asset/woodbright.jpg);background-size:100% 100%}#TOP_AREA{left:0;width:100%;top:0;height:60px;background:url(../asset/top_back.png)}#BOOK{left:20px;top:70px;right:20px;bottom:20px}#MENU_AREA>button:nth-child(2){border-radius:10px 0 0 10px}#MENU_AREA>button:last-child{border-radius:0 10px 10px 0}#PEN_MENU_AREA{height:60px;padding:0;text-align:center;right:20px;overflow:visible;white-space:nowrap;word-break:keep-all}#PEN_MENU_AREA>div :nth-child(2){border-radius:10px 0 0 10px}#PEN_MENU_AREA>div :last-child{border-radius:0 10px 10px 0}#MENU_BACKGROUND{left:0;right:0;width:100%;top:5px;background:rgba(255,255,255,.5);border:rgba(6,113,155,.5) 1px solid;border-radius:10px 10px 10px 10px;padding:0;position:absolute}#LOADING_MESSAGE{border-radius:10px;background:rgba(255,255,255,.8);left:50%;top:50%;text-align:center;box-shadow:rgba(0,0,0,.5) 1px 1px 3px}#LOADING_MESSAGE>img{width:300px;height:100px;object-fit:contain;display:inline-block;margin:10px;margin-bottom:0}#LOADING_MESSAGE_TEXT{margin-bottom:10px;font-size:14px;color:rgba(0,0,0,.7)}#LOADING_PROGRESS_BOX{background:rgba(0,0,0,.2);border-radius:20px;width:calc(100% - 20px);height:4px;margin-bottom:4px;margin-left:10px;margin-right:10px;overflow:hidden;position:relative}#LOADING_PROGRESS_BAR{position:absolute;top:0;width:15%;height:100%;background:rgba(56,119,214,.774)}.pageNavButton{bottom:0;background:rgba(0,40,77,.3);border:none;padding:0;transition:width .2s,height .2s;cursor:pointer}.pageNavButton>img{width:30px;height:30px;transition:width .2s,height .2s}.pageNavButton:hover{background:rgba(0,40,77,.5)}.pageNavButton:active{background:rgba(0,0,0,.5)}.pageNavButton:hover>img{width:40px;height:40px}#BT_PREV_PAGE{left:0}#BT_NEXT_PAGE{right:0}@media only screen and (max-width:600px){[id=MENU_AREA]{height:unset;bottom:5px;top:unset;padding:0;text-align:center;transform:unset;left:5px;right:5px;overflow:visible;white-space:normal;word-break:break-all}[id=MENU_BACKGROUND]{height:100%}[id=BT_PREV_PAGE]{bottom:calc(50% - 30px);border-radius:0 45px 45px 0;padding-right:2px;padding-top:30px;padding-bottom:30px}[id=BT_NEXT_PAGE]{bottom:calc(50% - 30px);border-radius:45px 0 0 45px;padding-left:2px;padding-top:30px;padding-bottom:30px}.mainButton>div{top:-17px;bottom:none}.pageNavButton{width:unset;height:unset}.pageNavButton:hover{width:unset;height:unset}}@media only screen and (min-width:601px){[id=MENU_AREA]{height:60px;padding:0;bottom:unset;top:0;text-align:center;transform:translateX(-50%);left:50%;right:unset;overflow:visible;white-space:nowrap;word-break:keep-all}[id=MENU_BACKGROUND]{height:50px}[id=BT_PREV_PAGE]{bottom:0;border-radius:0 45px 0 0;padding-right:15px;padding-top:10px;padding-bottom:unset}[id=BT_NEXT_PAGE]{bottom:0;border-radius:45px 0 0 0;padding-left:15px;padding-top:10px;padding-bottom:unset}.mainButton>div{top:none;bottom:-17px}.pageNavButton{height:55px;width:55px}.pageNavButton:hover{width:70px;height:70px}}.rubberBand{animation-name:rubberBand;animation-duration:1s;animation-fill-mode:both}@keyframes rubberBand{0%{opacity:0;transform-origin:-25% -25%;transform:scale3d(1,1,1) translate(-50%,-50%)}30%{transform-origin:-25% -25%;transform:scale3d(1.25,.75,1) translate(-50%,-50%)}40%{transform-origin:-25% -25%;transform:scale3d(.75,1.25,1) translate(-50%,-50%)}50%{transform-origin:-25% -25%;transform:scale3d(1.15,.85,1) translate(-50%,-50%)}65%{transform-origin:-25% -25%;transform:scale3d(.95,1.05,1) translate(-50%,-50%)}75%{transform-origin:-25% -25%;opacity:1;transform:scale3d(1.05,.95,1) translate(-50%,-50%)}100%{transform-origin:-25% -25%;transform:scale3d(1,1,1) translate(-50%,-50%)}}.leftRightMove{animation-name:leftRightMove;animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite}@keyframes leftRightMove{0%{left:0}50%{left:85%}100%{left:0}}.logoButtons{box-shadow:0 10px 21px -7px #276873;background:linear-gradient(to bottom,#599bb3 5%,#408c99 100%);background-color:#599bb3;border-radius:26px;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:17px;font-weight:700;padding:12px 27px;text-decoration:none;text-shadow:0 1px 0 #3d768a;border:none;margin:8px 4px}.logoButtons:hover{background:linear-gradient(to bottom,#408c99 5%,#599bb3 100%);background-color:#408c99}.logoButtons:active{position:relative;top:1px}.fadeInShort{animation-name:fadeInShort;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInShort{0%{opacity:0}100%{opacity:1}}#LOGOSCREENBOX{background:#fff;border-radius:10px;padding:20px}#LOGOTEXTCONTAINER{font-size:14px;color:#aaa;margin-top:10px}#DOWNLOADX_PDF{right:10px;width:80px;top:5px;height:50px;background:rgba(255,255,255,.5);border:rgba(6,113,155,.5) 1px solid;border-radius:10px 10px 10px 10px;padding:0;position:absolute;color:rgba(6,113,155,.9);font-size:15px;text-align:center;cursor:pointer;transition:width .3s}#DOWNLOADX_PDF:hover{width:90px}#DOWNLOADX_PDF:active{top:6px;background:rgba(255,255,255,.7)}.zoomInDown{animation-name:zoomInDown;animation-duration:.8s;animation-fill-mode:both}@keyframes zoomInDown{0%{opacity:0;transform:translate(-50%,-50%) scale(3,3) rotate(40deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}}.zoomOutUp{animation-name:zoomOutUp;animation-duration:.2s;animation-fill-mode:both;animation-delay:.3s}@keyframes zoomOutUp{0%{opacity:1;transform:translate(-50%,-50%) scale(100%,100%)}100%{opacity:0;transform:translate(-50%,-50%) scale(1000%,1000%)}}