.app_book[data-v-b4bc89ab]{width:100%;height:100%;display:grid;justify-items:center;align-items:center;background:#f8e7c6;border-radius:13px;padding:20px;box-shadow:0 0 8px #0000004d}.app_book .book_item[data-v-b4bc89ab]{width:100%}.app_book .book_item p[data-v-b4bc89ab]{font-size:20px;font-weight:700}.app_book .book_price[data-v-b4bc89ab]{display:flex;flex-direction:row;justify-content:left;align-items:center;gap:4px}.app_book .book_price h1[data-v-b4bc89ab]{font-size:28px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;color:#bd1b1b}.app_book .book_price h1 span[data-v-b4bc89ab]{font-size:18px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;color:#bd1b1b}.app_book .book_btn[data-v-b4bc89ab]{width:100%;display:grid;justify-items:center;align-items:center;padding:5px 0}.app_book .book_btn button[data-v-b4bc89ab]{width:70%;height:40px;background:#bd1b1b;border-radius:8px;border:none;cursor:pointer;display:flex;justify-content:left;align-items:center;transition:all .15s ease-in-out}.app_book .book_btn button[data-v-b4bc89ab]:hover{background:#9a1717}.app_book .book_btn button[data-v-b4bc89ab]:active{transform:scale(.98)}.app_book .book_btn button img[data-v-b4bc89ab]{width:24px;height:24px;padding:0 20px;border-right:1px solid #fff}.app_book .book_btn button p[data-v-b4bc89ab]{width:calc(100% - 44px);font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;color:#fff}.app_book .bookform_top[data-v-b4bc89ab]{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:13px}.app_book .input_box[data-v-b4bc89ab]{width:100%;display:grid;gap:2px;margin:auto 0}.app_book .input_box p[data-v-b4bc89ab]{font-size:15px;font-weight:bolder}.app_book .input_box p span[data-v-b4bc89ab]{font-size:12px;font-weight:bolder;color:#bd1b1b}.app_book .input_box input[data-v-b4bc89ab]{width:calc(100% - 24px);height:25px;padding:2px 10px;border:none;background:#fff}.app_book .input_box textarea[data-v-b4bc89ab]{resize:vertical;width:calc(100% - 24px);min-height:25px;padding:2px 10px;border:none;background:#fff;outline:none}.app_book .input_box select[data-v-b4bc89ab]{width:calc(100% - 24px);height:30px;padding:2px 10px;border:none;background:#fff;outline:none}@media screen and (max-width:880px){.app_book[data-v-b4bc89ab]{width:calc(95% - 36px);margin:0 auto;gap:2px;padding:18px}}page[data-v-b7c6c1f2]{width:100vw;background:#fff}.app[data-v-b7c6c1f2]{width:100vw;background:#fff;display:grid;justify-items:center}header[data-v-b7c6c1f2]{width:100vw;height:60px;background:#b1d6eb;box-shadow:0 5px 15px #314e5326;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:999;position:fixed;top:0}header .userinfo[data-v-b7c6c1f2]{display:flex;flex-direction:row;justify-content:left;align-items:center;gap:13px;padding-left:25px}header .userinfo img[data-v-b7c6c1f2]{width:38px;height:38px;border-radius:50%}header .userinfo h1[data-v-b7c6c1f2]{font-size:22px;font-weight:500;color:#fff}header .menu[data-v-b7c6c1f2]{display:flex;flex-direction:row;justify-content:right;align-items:center;gap:13px;padding-right:25px}header .menu img[data-v-b7c6c1f2]{width:32px;height:32px;cursor:pointer}.pc_layout[data-v-b7c6c1f2]{width:70vw;min-width:800px;display:grid;justify-items:center;padding-top:60px;z-index:0}.pc_layout .sec1[data-v-b7c6c1f2]{width:100%;height:calc(50vh - 60px);display:grid;justify-items:center;align-items:center}.pc_layout .sec1 img[data-v-b7c6c1f2]{width:100%;height:calc(50vh - 60px)}.pc_layout .sec2[data-v-b7c6c1f2]{width:100%;height:calc(50vh - 60px);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pc_layout .sec2 .back_bottom_left[data-v-b7c6c1f2]{width:45%;min-width:400px;height:calc(50vh - 60px);display:grid;justify-items:center;align-items:center}.pc_layout .sec2 .book_container[data-v-b7c6c1f2]{width:calc(45% - 40px);min-width:400px;height:calc(50vh - 100px);display:grid;justify-items:center;align-items:center}.mobile_layout[data-v-b7c6c1f2]{width:100vw;height:auto;display:grid;justify-items:center;align-items:center}.mobile_layout .sec3[data-v-b7c6c1f2]{width:100%;height:calc(80vh - 60px);display:grid;justify-items:center;align-items:center;padding-top:30px}.mobile_layout .sec3 img[data-v-b7c6c1f2]{width:100%;height:auto}.mobile_layout .sec3 .book_container[data-v-b7c6c1f2]{width:100vw}main[data-v-b7c6c1f2]{width:100vw;display:grid;margin-top:100px;padding-bottom:100px;justify-items:center}main .order_container[data-v-b7c6c1f2]{width:864px;height:auto;display:grid;justify-items:center;align-items:center;background:#f8e7c6;gap:13px;padding:22px 18px 16px;border-radius:13px}main .order_container .order_title[data-v-b7c6c1f2]{width:100%;padding:5px 0 13px;border-bottom:1px solid #ccc}main .order_container .order_title h1[data-v-b7c6c1f2]{font-size:22px;font-weight:500}main .order_container .order_list[data-v-b7c6c1f2]{width:100%;height:auto;display:grid;justify-items:center;align-items:center;gap:13px}main .order_container .order_list .order_card[data-v-b7c6c1f2]{width:100%;display:grid;justify-items:left;align-items:center;gap:3px;padding-bottom:15px;border-bottom:1px solid #ccc}main .order_container .order_list .order_card:hover .date_place button[data-v-b7c6c1f2]{display:block}main .order_container .order_list .order_card h2[data-v-b7c6c1f2]{font-size:19px;font-weight:700}main .order_container .order_list .order_card h2 span[data-v-b7c6c1f2]{font-size:19px;font-weight:700}main .order_container .order_list .order_card p[data-v-b7c6c1f2]{font-size:17px;font-weight:400}main .order_container .order_list .order_card .date_place[data-v-b7c6c1f2]{display:flex;flex-direction:row;justify-content:left;align-items:center;gap:30px}main .order_container .order_list .order_card .date_place span[data-v-b7c6c1f2]{font-size:15px;font-weight:400;color:#666}main .order_container .order_list .order_card .date_place button[data-v-b7c6c1f2]{border:none;color:#666;font-size:15px;cursor:pointer;display:none}main .order_container .order_list .order_card .date_place button[data-v-b7c6c1f2]:hover{color:#bd1b1b}main .order_container .order_list .order_card[data-v-b7c6c1f2]:last-child{border-bottom:none}@media screen and (max-width:800px){main[data-v-b7c6c1f2]{width:100vw;display:grid;justify-items:center;margin-top:250px}main .order_container[data-v-b7c6c1f2]{border-radius:0;width:calc(100vw - 36px)}main .order_container .date_place[data-v-b7c6c1f2]{gap:13px!important}main .order_container .date_place span[data-v-b7c6c1f2]{max-width:120px;font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main .order_container .date_place button[data-v-b7c6c1f2]{font-size:14px!important}}