body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;-webkit-text-size-adjust:none}body,button,input,select,table,textarea{font-family:-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;font-size:14px;-webkit-font-smoothing:subpixel-antialiased;line-height:20px;color:#333}fieldset,img{border:0;vertical-align:top}ol,ul{list-style:none}address,em{font-style:normal}a,a:active,a:focus,a:hover{text-decoration:none}.blind{overflow:hidden;position:absolute;top:0;left:0;margin:-1px;padding:0;width:1px;height:1px;border:0;clip:rect(0,0,0,0)}body,html{color:#333}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.disabled{background:#eee}.button-g{display:inline-block;vertical-align:top;border:1px solid #d1d1d1;border-radius:4px;background:#fff;padding:11px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#8a8a8a;cursor:pointer;font-size:15px;text-align:center}.button-g:hover{color:#333;border-color:#333}.no-drag{-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}#drag{position:absolute;top:0;left:0;bottom:0;width:8px;background:#465298;background:-webkit-repeating-linear-gradient(top,#606dbc,#606dbc 10px,#465298 0,#465298 20px);background:-o-repeating-linear-gradient(top,#606dbc,#606dbc 10px,#465298 10px,#465298 20px);background:repeating-linear-gradient(180deg,#606dbc,#606dbc 10px,#465298 0,#465298 20px);z-index:100;cursor:e-resize}#drag:active{background:#f80;background:-webkit-repeating-linear-gradient(top,#fcb86b,#ffab4a 10px,#ec8e23 0,#f80 20px);background:-o-repeating-linear-gradient(top,#fcb86b,#ffab4a 10px,#ec8e23 10px,#f80 20px);background:repeating-linear-gradient(180deg,#fcb86b,#ffab4a 10px,#ec8e23 0,#f80 20px)}.dimmed_layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:hsla(0,0%,100%,.5)}.dimmed_layer strong{position:absolute;margin:-15px 0 0 -65px}.dimmed_layer img,.dimmed_layer strong{top:50%;left:50%;color:#fff;font-size:30px;line-height:30px}.dimmed_layer img{position:fixed;margin:-100px 0 0 -100px}.header{position:fixed;top:0;left:0;right:0;overflow:hidden;background:#465298;padding:15px;height:25px}.header .title{float:left;height:25px}.header .title .svg{width:120px;height:25px}.header-menu{float:right}.header-menu__btns{float:right;font-size:0}.header-menu__btns li{display:inline-block;padding:0 6px}.header-menu__btns li button{font-size:24px;color:#fff;border:none;background:none;cursor:pointer}.header-menu__search{float:left;padding-right:40px}.header-menu__search label{cursor:pointer;margin:4px 4px 0 0;font-size:22px;color:#fff}.header-menu__search-input{width:200px;height:28px;padding:1px 6px;vertical-align:top;border:0 none;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.header .item-svg{width:320px;height:376px}.header .item-svg svg{width:100%;height:100%}.header .item-svg .st0{fill:#fff}.header .item-svg .st1{fill:#2d387c}.container{overflow:hidden;top:55px;right:0;bottom:30px}.container,.memo-side{position:absolute;left:0}.memo-side{overflow-y:auto;width:310px;top:0;bottom:0;background:#dedede;-webkit-transition:all .07s}.memo-side__list{min-width:200px}.memo-side__list li{margin:0 5px;margin-bottom:4px;border-radius:5px;background:#efefef}.memo-side__list li:first-child{margin-top:4px}.memo-side__link{display:block;color:#666;padding:6px 10px;border:1px solid #efefef;border-radius:5px;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}.memo-side__link:hover{background:#fafafa}.memo-side .on .memo-side__link{border:1px solid #2d387c;background:#fff;color:#181818}.memo-side__content,.memo-side__date,.memo-side__title{display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.memo-side__date{font-size:12px;color:#888}.memo-side__content{font-size:13px}.memo-contents{-webkit-transition:all .07s;position:absolute;overflow:hidden;left:310px;top:0;right:0;bottom:0;height:100%}.memo-contents__fieldset-textarea{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;padding:20px 30px;margin-right:-30px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;resize:none;background:none}.memo-contents__lock{background:none;position:absolute;top:50%;left:50%;width:310px;height:140px;margin:-80px 0 0 -150px;padding:0;text-align:center;font-size:20px;color:#9a9a9a}.memo-contents__lock .fa-lock{display:block;font-size:100px;margin-bottom:20px}.memo-contents__fieldset-textarea:focus{outline:none}.memo-contents__fieldset-input{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;top:0;left:0;right:30px;width:100%;padding:30px 30px 20px;border:none;font-size:18px;font-weight:700}.memo-contents__fieldset-input:focus{outline:none}.memo-contents__fieldset-btns{position:absolute;bottom:10px;right:30px}.memo-contents__fieldset-btns .button-g{width:70px;height:40px;padding:0}.memo-contents__save-button:focus,.memo-contents__save-button:hover{color:#465298;border-color:#465298}footer{position:fixed;width:100%;bottom:0;right:0;left:0;height:30px;line-height:30px;text-indent:15px;background:#454545;color:#ccc}.login{background:#465298;color:#fff}.login-section .header,.signup-section .header{position:static;padding:0;background:none;text-align:center;height:auto}.login-section .header .title,.signup-section .header .title{float:none}.login-section .container,.signup-section .container{position:relative;top:0;bottom:0}.login-section{margin-top:-330px}.login-section,.signup-section{position:absolute;top:50%;left:50%;width:100%;max-width:320px;min-width:320px;margin-left:-160px}.signup-section{margin-top:-290px}.signup-section .header{overflow:inherit}.signup-section .title-header{display:block;padding-bottom:20px;font-weight:400;font-size:34px}.signup-section .fa-cog,.signup-section .fa-id-card-alt{display:block;font-size:150px;margin-bottom:20px}.form-contents{width:320px;margin:0 auto}.form-contents label{display:block;margin-top:15px;font-size:15px}.form-contents__fieldset-input{display:block;width:100%;margin-top:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-radius:4px;padding:11px;font-size:16px}.form-contents__fieldset-input:focus{outline:none}.form-contents .button-g{display:block;width:100%;margin-top:15px;border:0;background:#1d2557;color:#fff}.form-contents .button-g:focus,.form-contents .button-g:hover{-webkit-transition:all .2s ease;-o-transition:.2s all ease;transition:all .2s ease;background:#2d387c}@media screen and (max-width:640px){.header{height:55px}.header .title{float:none}.header .header-menu{overflow:hidden;float:none;padding-top:6px}.header .header-menu__search{padding-right:0}.container{top:85px}.container .memo-side{width:220px}.container .memo-contents{left:220px}}@media screen and (max-width:480px){.header{height:85px;text-align:center}.header .header-menu,.header .header-menu__btns,.header .header-menu__search{float:none}.container{top:115px}.container .memo-side{width:0}.container .memo-contents{left:0}}@media screen and (max-width:375px){.login-section .item-svg{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);margin-bottom:-50px}}@media screen and (max-width:320px){.login-section .container,.signup-section .container{padding:0 20px}.login-section .form-contents,.signup-section .form-contents{width:100%}}
/*# sourceMappingURL=main.c01d65fd.css.map*/