body{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-to{opacity:1}.user-list[data-v-2c409879]{border:1px solid #dfdfdf;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}#user-list-bottom[data-v-2c409879]{padding-top:4px}.user-load-finished[data-v-2c409879]{padding:4px;text-align:center;background:#2e8b57;color:#fff}.create-user[data-v-2c409879]{margin-top:10px;margin-bottom:10px}.user-wrapper[data-v-20e7b07e]{margin-top:80px}.user-wrapper h1[data-v-20e7b07e]{text-align:center}.form-wrapper[data-v-20e7b07e]{margin-top:30px}.user-wrapper[data-v-50a7bed8]{margin-top:80px}.user-wrapper h1[data-v-50a7bed8]{text-align:center}.form-wrapper[data-v-50a7bed8]{margin-top:30px}.component-wrapper[data-v-6fdf9fd8]{margin-top:80px;max-width:900px;margin-left:auto;margin-right:auto}.component-wrapper h1[data-v-6fdf9fd8]{text-align:center}.form-wrapper[data-v-6fdf9fd8]{margin-top:30px}.back-nav[data-v-6fdf9fd8]{margin-top:20px;text-align:center}.error[data-v-9497f550]{color:red;margin-top:10px}.login-wrapper[data-v-9497f550]{width:400px;margin-left:auto;margin-right:auto;margin-top:80px;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);border:1px solid #f3f3f3;border-radius:3px;padding:20px}.login-wrapper h1[data-v-9497f550]{text-align:center;padding-bottom:20px;margin-top:0;font-family:Kanit}.comment-header[data-v-b1d3cbac]{margin-top:80px}.comment-list[data-v-b1d3cbac]{border:1px solid #dfdfdf;margin-bottom:10px;padding:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}#comment-list-bottom[data-v-b1d3cbac]{padding-top:4px}.comment-load-finished[data-v-b1d3cbac]{padding:4px;text-align:center;background:#2e8b57;color:#fff}.create-comment[data-v-b1d3cbac]{margin-top:10px;margin-bottom:10px}.empty-blog[data-v-65a70252]{width:100%;text-align:center;padding:10px;background:#e9967a;color:#fff}.thumbnail-pic img[data-v-65a70252]{width:200px;padding:5px;border:1px solid #ccc;margin:10px 10px 0 0}.blog-info[data-v-65a70252],.blog-pic[data-v-65a70252]{float:left}.clearfix[data-v-65a70252]{clear:both}.blog-list[data-v-65a70252]{border:1px solid #dfdfdf;margin-bottom:10px;padding:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.blog-header[data-v-65a70252],.blog-list[data-v-65a70252]{margin-left:auto;margin-right:auto}#blog-list-bottom[data-v-65a70252]{padding-top:4px}.blog-load-finished[data-v-65a70252]{padding:4px;text-align:center;background:#2e8b57;color:#fff}.categories[data-v-65a70252]{margin-top:10px;padding:0;list-style:none;float:left}.categories li[data-v-65a70252]{float:left;padding:2px}.categories li a[data-v-65a70252]{padding:5px 10px;background:#afeeee;color:#000;text-decoration:none}.categories li.clear a[data-v-65a70252]{background:tomato;color:#fff}.create-blog[data-v-65a70252]{margin-top:10px}.blog-wrapper[data-v-fe86e61a]{margin-top:80px}.dropbox[data-v-fe86e61a]{outline:2px dashed grey;outline-offset:-10px;background:#fffacd;color:dimgray;padding:10px;min-height:200px;position:relative;cursor:pointer}.input-file[data-v-fe86e61a]{opacity:0;width:100%;height:200px;position:absolute;cursor:pointer}.dropbox[data-v-fe86e61a]:hover{background:khaki}.dropbox p[data-v-fe86e61a]{font-size:1.2em;text-align:center;padding:50px 0}ul.pictures[data-v-fe86e61a]{list-style:none;padding:0;margin:0;float:left;padding-top:10px;padding-bottom:10px}ul.pictures li[data-v-fe86e61a]{float:left}ul.pictures li img[data-v-fe86e61a]{max-width:180px;margin-right:20px}.thumbnail-pic img[data-v-fe86e61a]{width:200px}.blog-wrapper[data-v-6d0d440a]{margin-top:80px}.thumbnail-pic img[data-v-6d0d440a]{width:200px;margin-bottom:10px}ul.pictures[data-v-6d0d440a]{list-style:none;padding:0;margin:0;float:left;padding-top:10px;padding-bottom:10px}ul.pictures li[data-v-6d0d440a]{float:left}ul.pictures li img[data-v-6d0d440a]{max-width:180px;margin-right:20px}.clearfix[data-v-6d0d440a]{clear:both}.dropbox[data-v-6d0d440a]{outline:2px dashed grey;text-align:center;padding:50px 0}.component-wrapper[data-v-413fe86d]{margin-top:80px}.blog-wrapper[data-v-413fe86d]{margin-top:20px;margin-left:auto;margin-right:auto;padding:40px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.back-nav[data-v-413fe86d]{margin-top:20px;text-align:center}.blog-wrapper h1[data-v-413fe86d]{text-align:center;font-family:kanit;padding-bottom:50px}.blog-wrapper p[data-v-413fe86d]{font-family:kanit;font-size:1.4em}.blog-wrapper .content[data-v-413fe86d]{font-family:kanit;font-size:1.2em}.dropbox[data-v-65012fca]{outline:2px dashed grey;outline-offset:-10px;background:#fffacd;color:dimgray;padding:10px;min-height:200px;position:relative;cursor:pointer}.input-file[data-v-65012fca]{opacity:0;width:100%;height:200px;position:absolute;cursor:pointer}.dropbox[data-v-65012fca]:hover{background:khaki}.dropbox p[data-v-65012fca]{font-size:1.2em;text-align:center;padding:50px 0}.component-wrapper[data-v-653063f7]{padding-left:5px;padding-right:5px}.hero[data-v-653063f7]{margin-top:80px;max-width:900px;margin-left:auto;margin-right:auto;border-radius:5px;background:#008b8b;height:250px;color:#fff;padding:20px}.hero h1[data-v-653063f7]{margin-top:30px}.logo[data-v-653063f7]{padding-right:20px}.empty-blog[data-v-653063f7]{width:100%;text-align:center;padding:10px;background:#e9967a;color:#fff}.thumbnail-pic img[data-v-653063f7]{width:200px;padding:5px;border:1px solid #ccc;margin:10px 10px 0 0}.blog-info[data-v-653063f7],.blog-pic[data-v-653063f7]{float:left}.clearfix[data-v-653063f7]{clear:both}.blog-list[data-v-653063f7]{border:1px solid #dfdfdf;margin-bottom:10px;max-width:900px;margin-left:auto;margin-right:auto;padding:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.blog-header[data-v-653063f7]{margin-top:80px;max-width:900px;margin-left:auto;margin-right:auto}#blog-list-bottom[data-v-653063f7]{padding-top:4px}.blog-load-finished[data-v-653063f7]{padding:4px;text-align:center;background:#2e8b57;color:#fff}.categories[data-v-653063f7]{margin-top:20px;padding:0;list-style:none;float:left}.categories li[data-v-653063f7]{float:left;padding:2px}.categories li a[data-v-653063f7]{padding:5px 10px;background:#afeeee;color:#000;text-decoration:none}.categories li.clear a[data-v-653063f7]{background:tomato;color:#fff}.create-blog[data-v-653063f7]{margin-top:10px}@media (max-width:768px){.logo[data-v-653063f7]{width:120px}}.hero[data-v-0ee8ea64]{margin-top:80px;border-radius:5px;background:#008b8b;height:250px;color:#fff;padding:20px}.hero h1[data-v-0ee8ea64]{margin-top:30px}.blog-wrapper[data-v-0ee8ea64]{margin-top:20px;padding:40px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.back-nav[data-v-0ee8ea64]{margin-top:20px;text-align:center}.blog-wrapper h1[data-v-0ee8ea64]{text-align:center;font-family:kanit;padding-bottom:50px}.blog-wrapper p[data-v-0ee8ea64]{font-family:kanit;font-size:1.4em;padding-bottom:20px}.blog-wrapper .content[data-v-0ee8ea64]{font-family:kanit;font-size:1.2em}.blog-wrapper[data-v-74bfa378]{margin-top:80px}.thumbnail-pic img[data-v-74bfa378]{width:200px;margin-bottom:10px}ul.pictures[data-v-74bfa378]{list-style:none;padding:0;margin:0;float:left;padding-top:10px;padding-bottom:10px}ul.pictures li[data-v-74bfa378]{float:left}ul.pictures li img[data-v-74bfa378]{max-width:180px;margin-right:20px}.clearfix[data-v-74bfa378]{clear:both}.dropbox[data-v-74bfa378]{outline:2px dashed grey;outline-offset:-10px;background:#fffacd;color:dimgray;padding:10px;min-height:200px;position:relative;cursor:pointer}.input-file[data-v-74bfa378]{opacity:0;width:100%;height:200px;position:absolute;cursor:pointer}.dropbox[data-v-74bfa378]:hover{background:khaki}.dropbox p[data-v-74bfa378]{font-size:1.2em;text-align:center;padding:50px 0}.comment-user[data-v-d8fb431a]{background:#888;color:#fff;border-radius:4px}h4[data-v-d8fb431a]{padding:4px}.empty-book[data-v-1614a84e]{width:100%;text-align:center;padding:10px;background:#e9967a;color:#fff}.thumbnail-pic img[data-v-1614a84e]{width:200px;padding:5px;border:1px solid #ccc;margin:10px 10px 0 0}.book-info[data-v-1614a84e],.book-pic[data-v-1614a84e]{float:left}.clearfix[data-v-1614a84e]{clear:both}.book-list[data-v-1614a84e]{border:1px solid #dfdfdf;margin-bottom:10px;padding:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.book-header[data-v-1614a84e],.book-list[data-v-1614a84e]{margin-left:auto;margin-right:auto}#book-list-bottom[data-v-1614a84e]{padding-top:4px}.book-load-finished[data-v-1614a84e]{padding:4px;text-align:center;background:#2e8b57;color:#fff}.categories[data-v-1614a84e]{margin-top:10px;padding:0;list-style:none;float:left}.categories li[data-v-1614a84e]{float:left;padding:2px}.categories li a[data-v-1614a84e]{padding:5px 10px;background:#afeeee;color:#000;text-decoration:none}.categories li.clear a[data-v-1614a84e]{background:tomato;color:#fff}.create-book[data-v-1614a84e]{margin-top:10px}.book-wrapper[data-v-e886515c]{margin-top:80px}.dropbox[data-v-e886515c]{outline:2px dashed grey;outline-offset:-10px;background:#fffacd;color:dimgray;padding:10px;min-height:200px;position:relative;cursor:pointer}.input-file[data-v-e886515c]{opacity:0;width:100%;height:200px;position:absolute;cursor:pointer}.dropbox[data-v-e886515c]:hover{background:khaki}.dropbox p[data-v-e886515c]{font-size:1.2em;text-align:center;padding:50px 0}ul.pictures[data-v-e886515c]{list-style:none;padding:0;margin:0;float:left;padding-top:10px;padding-bottom:10px}ul.pictures li[data-v-e886515c]{float:left}ul.pictures li img[data-v-e886515c]{max-width:180px;margin-right:20px}.thumbnail-pic img[data-v-e886515c]{width:200px}.book-wrapper[data-v-7a924a2d]{margin-top:80px}.thumbnail-pic img[data-v-7a924a2d]{width:200px;margin-bottom:10px}ul.pictures[data-v-7a924a2d]{list-style:none;padding:0;margin:0;float:left;padding-top:10px;padding-bottom:10px}ul.pictures li[data-v-7a924a2d]{float:left}ul.pictures li img[data-v-7a924a2d]{max-width:180px;margin-right:20px}.clearfix[data-v-7a924a2d]{clear:both}.dropbox[data-v-7a924a2d]{outline:2px dashed grey;text-align:center;padding:50px 0}.component-wrapper[data-v-21601396]{margin-top:80px}.book-wrapper[data-v-21601396]{margin-top:20px;margin-left:auto;margin-right:auto;padding:40px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.back-nav[data-v-21601396]{margin-top:20px;text-align:center}.book-wrapper h1[data-v-21601396]{text-align:center;font-family:kanit;padding-bottom:50px}.book-wrapper p[data-v-21601396]{font-family:kanit;font-size:1.4em}.book-wrapper .content[data-v-21601396]{font-family:kanit;font-size:1.2em}.cartlist-warpper[data-v-2f2a31c4]{margin-top:80px}.trasection-null[data-v-2f2a31c4]{border:1px solid #dfdfdf;margin-bottom:10px;padding:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);margin-top:30px}.user-info h1[data-v-2f2a31c4]{text-align:center}.trasection-list[data-v-2f2a31c4]{list-style:none;padding:0;margin:0}.trasection-list li[data-v-2f2a31c4]{border:1px solid #dfdfdf;margin-bottom:10px;padding:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.cart-info[data-v-2f2a31c4]{margin-top:50px;font-family:kanit}.component-wrapper[data-v-5e4dc851]{padding-left:5px;padding-right:5px}.hero[data-v-5e4dc851]{margin-top:80px;border-radius:5px;background:#789;height:250px;color:#fff;padding:20px}.hero h1[data-v-5e4dc851]{margin-top:30px}.logo[data-v-5e4dc851]{padding-right:20px;max-width:200px}.empty-book[data-v-5e4dc851]{width:100%;text-align:center;padding:10px;background:#e9967a;color:#fff}.thumbnail-pic img[data-v-5e4dc851]{width:200px;padding:5px;border:1px solid #ccc;margin:10px 10px 0 0}.book-info[data-v-5e4dc851],.book-pic[data-v-5e4dc851]{float:left}.clearfix[data-v-5e4dc851]{clear:both}.book-list[data-v-5e4dc851]{border:1px solid #dfdfdf;margin-bottom:10px;max-width:900px;margin-left:auto;margin-right:auto;padding:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.book-header[data-v-5e4dc851]{margin-top:80px;max-width:900px;margin-left:auto;margin-right:auto}#book-list-bottom[data-v-5e4dc851]{padding-top:4px}.book-load-finished[data-v-5e4dc851]{padding:4px;text-align:center;background:#2e8b57;color:#fff}.categories[data-v-5e4dc851]{margin-top:20px;padding:0;list-style:none;float:left}.categories li[data-v-5e4dc851]{float:left;padding:2px}.categories li a[data-v-5e4dc851]{padding:5px 10px;background:#afeeee;color:#000;text-decoration:none}.categories li.clear a[data-v-5e4dc851]{background:tomato;color:#fff}.create-book[data-v-5e4dc851]{margin-top:10px}@media (max-width:768px){.logo[data-v-5e4dc851]{width:120px}}.new-book h2[data-v-5e4dc851]{font-family:kanit;padding-bottom:20px;margin-top:30px}.popup-cart[data-v-5e4dc851]{box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border:1px solid #ddd;background:#fff;width:360px;padding:10px;position:fixed;bottom:0;right:0;border-radius:5px;margin-bottom:5px;margin-right:5px}.hero[data-v-20cade5e]{margin-top:80px;border-radius:5px;background:#789;height:250px;color:#fff;padding:20px}.hero h1[data-v-20cade5e]{margin-top:30px}.logo[data-v-20cade5e]{padding-right:20px;max-width:200px}.book-wrapper[data-v-20cade5e]{margin-top:20px;padding:40px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.back-nav[data-v-20cade5e]{margin-top:20px;text-align:center}.book-wrapper h1[data-v-20cade5e]{text-align:center;font-family:kanit;padding-bottom:50px}.book-wrapper p[data-v-20cade5e]{font-family:kanit;font-size:1.4em;padding-bottom:20px}.book-wrapper .content[data-v-20cade5e]{font-family:kanit;font-size:1.2em}.trasection-null[data-v-cb8bed9c]{border:1px solid #dfdfdf;margin-bottom:10px;padding:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);margin-top:30px}.user-info[data-v-cb8bed9c]{margin-top:80px;font-family:kanit}.user-info h1[data-v-cb8bed9c]{text-align:center}.trasection-list[data-v-cb8bed9c]{list-style:none;padding:0;margin:0}.trasection-list li[data-v-cb8bed9c]{border:1px solid #dfdfdf;margin-bottom:10px;padding:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.cart-info[data-v-cb8bed9c]{margin-top:50px;font-family:kanit}a.router-link-active[data-v-0214b4f4]{color:#40e0d0!important}.error[data-v-0214b4f4]{color:red;text-align:center}.popup-msg[data-v-0214b4f4]{box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border:1px solid #ddd;background:#fff;max-width:200px;padding:10px;position:fixed;bottom:0;right:0;border-radius:5px;margin-bottom:5px;margin-right:5px}.navbar-brand>img[data-v-0214b4f4]{width:36px;padding:12px 0;margin-top:-20px}.navbar-inverse[data-v-0214b4f4]{background-color:#51415f}.navbar-inverse .navbar-nav>li>a[data-v-0214b4f4]{color:#dbdbf6}.modal[data-v-0214b4f4]{display:block;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.login-wrapper[data-v-0214b4f4]{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:1px solid #ddd;width:320px;padding:10px 30px 20px;background-color:#fefefe;margin:15% auto}.login-wrapper h3[data-v-0214b4f4]{text-align:center;padding-bottom:10px}.navbar-brand>img[data-v-571e7cf7]{width:36px;padding:12px 0;margin-top:-20px}a.router-link-active[data-v-571e7cf7]{color:#9acd32!important}
/*# sourceMappingURL=app.3ea29b6915da03df5f8b8b04c76b68a6.css.map */