@charset "utf-8";
/*https://fonts.google.com/*/
/*Noto Serif TC*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap');
.noto-serif-extralight {font-family: "Noto Serif TC", serif;font-weight: 200;font-style: normal;}
.noto-serif-light {font-family: "Noto Serif TC", serif;font-weight: 300;font-style: normal;}
.noto-serif-regular {font-family: "Noto Serif TC", serif;font-weight: 400;font-style: normal;}
.noto-serif-medium {font-family: "Noto Serif TC", serif;font-weight: 500;font-style: normal;}
.noto-serif-semibold {font-family: "Noto Serif TC", serif;font-weight: 600;font-style: normal;}
.noto-serif-bold {font-family: "Noto Serif TC", serif;font-weight: 700;font-style: normal;}
.noto-serif-black {font-family: "Noto Serif TC", serif;font-weight: 900;font-style: normal;}
/*Noto Sans TC*/
.noto-tc-extralight {font-family: "Noto Sans TC", serif;font-weight: 200;font-style: normal;}
.noto-tc-light {font-family: "Noto Sans TC", serif;font-weight: 300;font-style: normal;}
.noto-tc-regular {font-family: "Noto Sans TC", serif;font-weight: 400;font-style: normal;}
.noto-tc-medium {font-family: "Noto Sans TC", serif;font-weight: 500;font-style: normal;}
.noto-tc-semibold {font-family: "Noto Sans TC", serif;font-weight: 600;font-style: normal;}
.noto-tc-bold {font-family: "Noto Sans TC", serif;font-weight: 700;font-style: normal;}
.noto-tc-black {font-family: "Noto Sans TC", serif;font-weight: 900;font-style: normal;}
/*https://fonts.google.com*/
@font-face {font-family: 'SourceHanSans';src:url("fonts/SourceHanSans.woff") format('woff');src:url("fonts/SourceHanSans.ttc") format('ttc');}
body.sever4{/*font-family: 'Noto Serif TC', sans-serif;*/color: #4f3529;width: 100%;min-width: 320px;}/*zoom=X/1630*/
.modal-body::-webkit-scrollbar{width: 6px;}
.modal-body::-webkit-scrollbar-button {background: transparent;border-radius: 4px;}
.modal-body::-webkit-scrollbar-track-piece {background: transparent;}
.modal-body::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #f27700;border: 1px solid #f27700;}
.modal-body::-webkit-scrollbar-track {box-shadow: transparent;}
*::-webkit-scrollbar{width: 6px;}
*::-webkit-scrollbar-button {background: transparent;border-radius: 4px;}
*::-webkit-scrollbar-track-piece {background: transparent;}
*::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #f27700;border: 1px solid #f27700;}
*::-webkit-scrollbar-track {box-shadow: transparent;}
body::-webkit-scrollbar,.wrapper::-webkit-scrollbar{width: 6px;}
body::-webkit-scrollbar-button,.wrapper::-webkit-scrollbar-button {background: transparent;border-radius: 4px;}
body::-webkit-scrollbar-track-piece,.wrapper::-webkit-scrollbar-track-piece {background: transparent;}
body::-webkit-scrollbar-thumb,.wrapper::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #f27700;border: 1px solid #f27700;}
body::-webkit-scrollbar-track,.wrapper::-webkit-scrollbar-track {box-shadow: transparent;}
.m_switch{text-decoration: none !important;font-size: 14px;text-align: center;display: block;background-color: #391B03;height: 55px;color: #fff !important;line-height: 55px;}
.breadcrumb {background-color: #4f3529;padding: 5.5px 20px;border-radius: 0;color: #fff;align-items: center;position: absolute;bottom: 0;width: 100%;left: 0;font-size: 13px;margin: 0;}
.breadcrumb .breadcrumb-item:last-of-type {padding-right: .5rem;}
.breadcrumb-item+.breadcrumb-item::before{content: "＞";color: #f07700;padding: 0 2px;}
.breadcrumb .breadcrumb-item a{color: #fff;text-decoration: none;}
.breadcrumb span.line {height: 1px;flex: auto;background-color: #f27700;}
body>.top {padding:9px 20px 12px 20px;display: flex;justify-content: space-between;position: fixed;top: 0;left: 0;background-color: #fff;background-image: url(image/top_bg.png);background-repeat: no-repeat;background-size: 165%;background-position-x: 84%;background-position-y: 7.5%;width: 100%;z-index: 99;width: 100%;max-width: 320px;height: 137px;}
body>.top .topmain {/*width: 100%;max-width: 320px;margin: 0 auto;*/position:relative;}
body>.top .logo{padding: 0;width: 99px;}
body>.top .logo a{width: 100%;display: block;margin: 0 auto;}
body>.top .logo img {max-width: 100%;height: auto;}
body>.top .right_menu {width: 117px;}
body>.top .right_menu ul {margin: 0;padding: 0;list-style: none;}
body>.top .right_menu ul li {padding-top: 6px;padding-bottom: 3px;font-weight: bold;text-align: right;font-size: 10px;}
body>.top .right_menu ul li a{color: #4f3529;text-decoration: none;letter-spacing: 1px;line-height: 17px;display: flex;justify-content: flex-end;align-items: center;}
body>.wrapper {/*max-height: 553px;*/ overflow: auto;margin-top: 138px;position: relative;}
li.user svg {background-color: #f07700;padding: 3px 3px 0px;font-size: 12px;border-radius: 3px;color: #fff;margin-left: 10px;line-height: 16px;width: 12px !important;}
li.cart svg {color: #f07700;transform: rotateY(180deg);font-size: 12px;margin-left: 10px;line-height: 16px;width: 12px !important;}
li.booking svg {color: #f07700;font-size: 12px;margin-left: 10px;line-height: 16px;width: 12px !important;}
/*index*/
body.sever4.index {width: 100%;min-width: 320px;/*min-height: 100vh;*/}
body.sever4.index>.top {display: flex;justify-content: space-between;position: absolute;top: 0;left: 0;background-image: url(image/top_bg.png);background-repeat: no-repeat;background-size: cover;background-position-x: right;background-position-y: 6%;width: 100%;z-index: 99;height: 215px;width: 100%;max-width: 320px;padding: 61px 34px 75px;}
body.sever4.index>.top {background-color: #fff;display: flex;flex-direction: column;position: relative;background-image: none;}
body.sever4.index>.top .logo {margin: 0 auto;}
body.sever4.index>.top .topmain {width: 100%;max-width: 320px;margin: 0 auto;position:relative;}
body.sever4.index>.top .logo{padding: 0;width: 221px;}
body.sever4.index>.top .logo a{width: 112px;display: block;margin: 0 auto;}
body.sever4.index>.top .logo img {max-width: 100%;height: auto;}
body.sever4.index>.top .right_menu {position: absolute;top: 9px;right: 16px;z-index: 99;}
body.sever4.index>.top .right_menu ul {margin: 0;padding: 0;list-style: none;}
body.sever4.index>.top .right_menu ul li{padding-bottom: 15px;font-weight: bold;text-align: right;}
body.sever4.index>.top .right_menu ul li a{color: #4f3529;text-decoration: none;}

body.sever4 .main {margin: 0 auto;width: 100%;}
body.sever4 .main h3.title{font-size: 26px;font-weight: 600;margin: 40px 0;}
body.sever4 .main h3.title::after {content: "";background-color: #f07700;height: 2px;width: 150px;display: inline-block;vertical-align: middle;margin: -5px 0 0 5px;}
body.sever4.index .main {width: 100%;}
body.sever4.index .main .bg {position: relative;display: flex;flex-direction: column;}
body.sever4.index .main .bg p {transform: translate(0, 0);text-align: center;font-size: 15px;color: #f37600;width: 100%;margin: 0;display: flex;align-items: center;justify-content: center;background-color: #fef1e6;height: 120px;background-image: url(image/m_index_bg1.png);position: relative;background-repeat: no-repeat;background-size: 102%;background-position: center;letter-spacing: 5px;}
body.sever4.index .main .bg .imgL {width: 100%;text-align: right;position: relative;height: 171px;overflow: hidden;}
body.sever4.index .main .bg .imgR {width: 100%;text-align: left;position: relative;height: 171px;overflow: hidden;}
body.sever4.index .main .bg .imgL img,body.sever4.index .main .bg .imgR img {width: auto;max-height: 100%;}
.index_btn {display: block;z-index: 99;position: absolute;text-align: center;padding: 22px 24px;bottom: 0;}
.imgL .index_btn{left: 0;}
.imgR .index_btn{right: 0;padding-bottom: 16px;}
.index_btn a {color: #fff;text-decoration: none;background-color: #4f3529;height: 30px;display: inline-flex;line-height: 60px;font-size: 12px;letter-spacing: 2px;border-bottom: 1px solid #f07704;align-items: center;width: 149px;justify-content: center;}
.login_modal .modal-content {width: 97%;background-color: #fff;border: none;margin: 0 auto;}
.login_modal .modal-content .modal-header {background-image: url(image/modal_topbg6.png);height: 84px;border: none;background-size: contain;background-repeat: no-repeat;}
.login_modal .modal-content .modal-footer{background-image: url("image/modal_bottombg6.png");height: 200px;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;background-size: contain;flex-wrap: wrap;padding-top: 42px;background-repeat: no-repeat;}
.login_modal .modal-content .modal-footer>div{width: 100%;text-align: center;margin-right: 0;margin-left: 0;}
.login_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: center;padding: 25px 17px 7px;overflow-y: auto;}
.login_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;letter-spacing: 2px;opacity: 1;font-weight: lighter;font-size: 10px;position: absolute;top: -20px;right: 0;text-shadow: none;}
.login_modal .modal-content button.close span {display: inline-block;vertical-align: bottom;}
.login_modal .modal-content .modal-footer button {background-color: #4f3529;width: 226px;height: 38px;border-radius: 0;color: #fff;}
form.loginbox {display: flex;flex-wrap: wrap;}
form.loginbox div[data-wdith="63%"] {flex: 100%;text-align: left;}
form.loginbox div[data-wdith="37%"] {flex: 100%;text-align: center;}
form.loginbox div[data-wdith="63%"]>div{display: flex;margin-bottom: 18px;}
form.loginbox div[data-wdith="63%"] label.font_org,form.loginbox div[data-wdith="37%"] label.font_org {white-space: nowrap;font-size: 13px;}
form.loginbox div input[type="text"],form.loginbox div input[type="password"]{border: none;border-bottom: 2px solid #f8bc91;width: 100%;outline: none;padding: 0 5px;border-radius: 0;}
.forget {padding:7px;}
.forget a {font-size: 11px;position: relative;color: #f07700;text-decoration: none;}
.forget a:before{content: "";clip-path: polygon(50% 0, 40% 10%, 80% 50%, 40% 90%, 50% 100%, 100% 50%);background-color: #f07700;width: 0.7em;height: 1em;    display: inline-block;margin-right: 0.6em;transform: translateY(3px);}
.forget a:after{content: "";clip-path: polygon(50% 0, 60% 10%, 20% 50%, 60% 90%, 50% 100%, 0 50%);background-color: #f07700;width: 0.7em;height: 1em;display: inline-block;margin-left: 0.6em;transform: translateY(3px);}
.sign a {text-align: center;text-decoration: none;color: #fff;background-image: url(../menu/consignment_bg.jpg);background-repeat: repeat-y;background-size: contain;display: block;height: 32px;line-height: 32px;border-bottom: 1px solid #4f3529;width: 150px;margin: 0 auto;font-size: 14px;}
.btn_fb a {height: 29px;line-height: 29px;color: #fff;text-decoration: none;background-color: #3d5ca8;width: 100%;display: block;border-radius: 5px;margin-bottom: 15px;font-size: 14px;}
.btn_line a {height: 29px;line-height: 29px;color: #fff;text-decoration: none;background-color: #44b035;width: 100%;display: block;border-radius: 5px;margin-bottom: 15px;font-size: 14px;}
.btn_register a {height: 29px;line-height: 29px;color: #fff;text-decoration: none;background-color: #96857f;width: 100%;display: block;border-radius: 5px;margin-bottom: 15px;font-size: 14px;}
/*register*/
.register_modal .modal-content {width: 97%;background-color: #fff;border: none;margin: 0 auto;}
.register_modal .modal-content .modal-header{background-image: url(image/modal_topbg7.png);height: 84px;border: none;background-size: contain;background-repeat: no-repeat;}
.register_modal .modal-content .modal-footer {background-image: url(image/modal_bottombg6.png);height: 143px;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;background-size: 100%;flex-wrap: wrap;padding-top: 42px;background-repeat: no-repeat;}
.register_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: flex-start;padding: 0px 17px 7px;overflow-y: auto;height:35vh;}
.register_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;letter-spacing: 2px;opacity: 1;font-weight: lighter;font-size: 10px;position: absolute;top: -20px;right: 0;text-shadow: none;}
.register_modal .modal-content button.close span {display: inline-block;vertical-align: bottom;}
.register_modal .modal-content .modal-footer button {background-color: #4f3529;width: 226px;height: 38px;border-radius: 0;color: #fff;}
form.loginbox {display: flex;flex-wrap: wrap;}
.code a {width: 165px;display: block;height: 26px;line-height: 26px;text-align: center;border-radius: 26px;background-color: #4f3529;color: #f27703;text-decoration: none;font-size: 15px;margin: 0 auto 10px;}
.code p {font-size: 12px;text-align: center;margin:-10px auto 7px;}
.sex {padding:0 0 18px;text-align: left;display: flex;}
.sex>div {border-bottom: 1px solid #f8bc91;width: 100%;}
.sex span.radiobox {width: 75px;display: inline-flex;align-items: center;}
.lash_btn {display: flex;flex-wrap: wrap;text-align: center;justify-content: center;}
.lash_btn a.btn_fb {width: 248px;height: 29px;line-height: 29px;letter-spacing: 3px;text-decoration: none;display: inline-block;color: #fff;background-color: #3d5ca8;border-radius: 5px;margin-bottom: 15px;font-size: 14px;}
.lash_btn a.btn_line {width: 248px;height: 29px;line-height: 29px;letter-spacing: 3px;text-decoration: none;display: inline-block;color: #fff;background-color: #44b035;border-radius: 5px;margin-bottom: 15px;font-size: 14px;}
/**/
.choice_list {padding: 12px 15px 15px;}
.choice_list>.title{background-color: #4f3529;color: #fff;height: 25px;line-height: 25px;padding: 0 16px;font-size: 12px;}
.choice_list>.title span.number {background-color: #f07700;color: #fff;border-radius: 50px;width: 14px;display: inline-flex;line-height: 14px;align-items: center;justify-content: center;}
.choice_list table tr {border-bottom: 1px solid #f37600;}
.choice_list table td {display: flex;padding: 11px 0;}
.choice_list table td .chkbox {padding-right: 5px;margin-top: 2px;}
.choice_list table td .sumbox {display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.choice_list table td .sumbox .delbox {width: 27px;height: 27px;display: flex;justify-content: center;border-radius: 27px;background-color: #4f3529;}
.choice_list table td .sumbox .delbox a {color: #fff;text-decoration: none;}
.choice_list table td .sumbox .sumbox_w p {margin-bottom: 0;}
.choice_list table td .infobox {width: 196px;}
.choice_list table td .infobox p.title {font-size: 14px;line-height: 17px;margin-top: 3px;}
.choice_list table td .infobox p {margin-bottom: 0;font-size: 11px;}
.choice_list table td .infobox span {font-size: 10px;color: #f07700;display: block;font-size: 8px;}
.choice_list table td .modebox {text-align: left;font-size: 13px;padding-left: 31px;width: calc(100% - 104px);}
.choice_list table td .modebox .coms_select{width: 100%;border: 1px solid var(--select-border);border-radius: 0.25em;padding: 0.25em 0;cursor: pointer;line-height: 1.1;background-color: #fff;display: flex;align-items: center;}
.choice_list table td .modebox .coms_select::before {content: "";width: 19px;height: 17px;background-image: url(image/arrow.svg);background-repeat: no-repeat;display: block;margin-right: 5px;background-size: contain;}
.choice_list table td .modebox .coms_select .select {width: calc(100% - 19px);}
.choice_list table td .modebox .coms_select select{appearance: none;background-color: transparent;border: none;padding: 0 0 0 0.5em;margin: 0;width: 100%;font-family: inherit;font-size: inherit;cursor: inherit;outline: none;line-height: inherit;}
.font_org{color: #f07700;}
td.chkbox {width: 52px;width: 4%;padding-left: 20px;}
.chkbox input[type="checkbox"]{width: 23px;height: 21px;appearance:none;background-image: url("image/checks.png");background-size:23px;background-repeat: no-repeat;background-position-y: 0px;}
.chkbox input[type="checkbox"]:checked{background-position-y: -26px;}
.circlechkbox input[type="checkbox"]{width: 32px;height: 29px;appearance:none;background-image: url("image/checks.png");background-size: 100% auto;background-repeat: no-repeat;background-position-y: -29px;}
.circlechkbox input[type="checkbox"]:checked{background-position-y: 0px;}
.radiobox input[type="radio"]{width: 20px;height: 18px;appearance:none;background-image: url("image/checks.png");background-size: 100% auto;background-repeat: no-repeat;background-position-y: -1px;}
.radiobox input[type="radio"]:checked{background-position-y: -24px;}
.radio2box input[type="radio"]{width: 21px;height: 21px;appearance:none;background-image: url("image/checks1.svg");background-size: 100% auto;background-repeat: no-repeat;background-position-y: 0px;}
.radio2box input[type="radio"]:checked{background-position-y:-21px;}
.choice_list table td.imgbox {justify-content: center;width: 100%;padding: 0}
td.imgbox img{width: 150px;height: 150px;display: block;display: flex;object-fit: cover;}
.Ricon {display: flex;justify-content: center;align-items:center;font-size: 12px;width: 104px;height: 21px;}
.Ricon::before {content: "";background-image: url(image/12.png);width: 2em;height: 1em;margin-right: 2px;background-size: 2em 1em;background-repeat: no-repeat;margin-top: 4px;}
td.modebox {width: 244px;width:18.21%;text-align: left;}
td.modebox .coms_select{width: 100%;min-width: 15ch;max-width: 30ch;border: 1px solid var(--select-border);border-radius: 0.25em;padding: 0.25em 0.5em;cursor: pointer;line-height: 1.1;background-color: #fff;background-image: linear-gradient(to top, #f9f9f9, #fff 33%);display: flex;flex-direction: row-reverse;justify-content: flex-end;align-items: center;}
td.modebox .coms_select::after {content: "";width: 1em;height: 0.7em;left: 0;background-color: #f07700;clip-path: polygon(50% 100%, 100% 50%, 90% 40%, 50% 80%, 10% 40%, 0 50%);}
td.modebox .coms_select select{appearance: none;background-color: transparent;border: none;padding: 0 0 0 0.5em;margin: 0;width: 100%;font-family: inherit;font-size: inherit;cursor: inherit;outline: none;line-height: inherit;}
td.delbox a {text-align: left;color: #4f3529;text-decoration: none;display: block;}
.choice_list.booking_ilst {padding: 15px;}
.choice_list.booking_ilst:last-of-type{}
.booking_ilst table tr {border-bottom: 1px solid #f37600;}
.booking_ilst table td {display: flex;padding: 11px 0;}
.booking_ilst table td .chkbox {padding-right: 5px;margin-top: 2px;}
.booking_ilst table td .sumbox {display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;width: calc(100% - 142px);}
.booking_ilst table td .sumbox .destination {font-weight: 600;font-size: 14px;}
.booking_ilst table td .sumbox .delbox {width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 30px;background-color: #4f3529;}
.booking_ilst table td .sumbox .delbox a {color: #fff;text-decoration: none;}
.booking_ilst table td .sumbox .sumbox_w p {margin-bottom: 0;}
.booking_ilst table td .infobox {width: 196px;}
.booking_ilst table td .infobox p.title {font-size: 14px;}
.booking_ilst table td .infobox p {margin-bottom: 0;font-size: 10px;}
.booking_ilst table td .infobox span {font-size: 8px;color: #f07700;}
.booking_ilst table td .modebox {text-align: left;position: relative;font-weight: 600;font-size: 13px;width: 100%;margin-bottom: 10px;}
.booking_ilst table td.imgbox {justify-content: center;width: 100%;}
.booking_ilst tr:last-of-type td.sumbox {border-bottom: 1px solid transparent;}
.booking_ilst table td .modebox form {display: flex;position: relative;flex-wrap: wrap;}
.check_used {text-align: center;display: flex;align-items: center;margin-top: 10px;margin-left: 68.58px;width: 100%;}
.check_used a.bring {height: auto;width: 45%;text-decoration: none;color: #fff;text-align: center;background-image: url(../menu/consignment_bg.jpg);background-repeat: repeat-y;border-radius: 12px;display: block;padding:2px 7px;font-size: 10px;margin-left: 5%;}
.check_used a.change {height: auto;width: 50%;text-decoration: none;text-align: center;border-radius: 10px;display: block;padding: 5px 0;}
.check_used span {color: #f07700;font-size: 10px;text-align: center;display: flex;align-items: center;justify-content: center;line-height: 11px;}
.check_used span:before{content: "";clip-path: polygon(50% 0, 60% 10%, 20% 50%, 60% 90%, 50% 100%, 0 50%);background-color: #f07700;width: 1.8em;height: 0.8em;display: inline-block;margin-right: -0.6em;}
.check_used span:after{content: "";clip-path: polygon(50% 0, 40% 10%, 80% 50%, 40% 90%, 50% 100%, 100% 50%);background-color: #f07700;width: 1.8em;height: 0.8em;display: inline-block;margin-left: -0.6em;}
.booking_data {width: 100%;}
.flex_input {display: flex;margin-bottom: 2px;align-items: center;}
.flex_input label {white-space: nowrap;color: #f07700;font-size: 11px;font-weight: bold;margin: 0;}
.flex_input input {width: 100%;background-color: transparent;border: none;border-bottom: 1px solid #4f3529;font-size: 11px;border-radius: 0;color: #000;text-align: center;min-height: 19px;}
.flex_input input.choose::placeholder{color: #000;}
.fixed_btn_box {position: fixed;bottom:18px;right: 18px;display: flex;flex-direction: column;width: 40%;}
.fixed_btn_box .keep {height: 30px;width: 100%;line-height: 30px;margin-bottom: 12px;text-decoration: none;color: #fff;text-align: center;background-image: url("../menu/consignment_bg.jpg");background-repeat: repeat-y;letter-spacing: 3px;font-size: 12px;border-bottom: 1px solid #4f3529;}
.fixed_btn_box .next {height: 30px;width: 100%;line-height: 30px;text-decoration: none;color: #fff;background-color: #4f3529;text-align: center;letter-spacing: 3px;font-size: 12px;border-bottom: 1px solid #f48c29;}
span.arrow {clip-path: polygon(69% 25%, 100% 50%, 70% 75%, 70% 55%, 0 55%, 0 45%, 70% 44%);background-color: #f07700;width: 1.2em;height: 21px;display: inline-block;vertical-align: text-top;margin: 0 5px;}
.primas_modal .modal-content {width: 97%;background-color: #fff;border: none;margin: 0 auto;}
.primas_modal .modal-content .modal-header {background-image: url(image/modal_topbg8.png);height: 121px;border: none;background-size: 100% 100%;background-repeat: no-repeat;}
.modal-header.headerbg {display: flex;justify-content: center;padding: 19px 0 27px;}
.headerbg img {width: auto;max-height: 100%;background-color: #feebde;}
.primas_modal .modal-content .modal-footer {background-image: url(image/modal_bottombg6.png);height: 78px;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;background-size: 100%;flex-wrap: wrap;padding-top: 27px;background-repeat: no-repeat;}
.primas_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: flex-start;padding: 12px 36px 12px;overflow-y: auto;font-size: 13px;}
.primas_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;letter-spacing: 2px;opacity: 1;font-weight: lighter;font-size: 10px;position: absolute;top: -20px;right: 0;text-shadow: none;}
.primas_modal .modal-content button.close span {display: inline-block;vertical-align: bottom;}
.primas_modal .modal-content .modal-footer a {text-decoration: none;width: 97px;height: 38px;margin: 0 8px;}
.primas_modal .modal-content .modal-footer button {background-color: #4f3529;border-radius: 0;color: #fff;font-size: 15px;font-family: 'Noto Serif TC', sans-serif;}
.serial_number{display: flex;justify-content: center;align-items: center;margin-top: 7px;}
.serial_number .serial {height: 30px;line-height: 30px;margin: 0 10px 15px 0;color: #fff;background-color: #4f3529;display: inline-block;width: 170px;text-align: center;border-radius: 5px;letter-spacing: 2px;}
.serial_number .place {height: 30px;line-height: 30px;margin: 0 0 15px 0;color: #fff;background-color: #f07700;display: inline-block;width: 60px;font-size: 16px;text-align: center;border-radius: 8px;}
.serial_radio {display: inline-flex;align-items: center;justify-content: center;margin-top: 11px;}
.serial_radio label {width:30px;height: 30px;position: relative;margin: 0px 15px;}
.serial_radio label img {width: 100%;height: 100%;}
.serial_radio label input[type="radio"] {position: absolute;bottom: -5px;right: -11px;}
.serial_box{margin-bottom: 0;margin-top: 3px;}
/*自訂option*/
input.choose {width: 100%;height: 21px;font-size: 13px;color: #4f3529;border: none;outline: none;cursor: pointer;border-radius: 0;}
input.choose::placeholder{color: #4f3529;}
.option {display:none;width:6em;background:#fff;position:absolute;z-index:99999;margin-left: 5px;}
.option ul {padding:0;margin: 0;border: 1px solid #f07700;border-bottom: none;}
.option ul li {list-style: none;width: 100%;line-height: 28px;padding-left: 0;color: #4f3529;background-color: transparent;border-bottom: 1px solid #f07700;text-align: center;}
.option ul li.on {background-color: #f07700;color: #fff;}
.option .changebtn a {text-decoration: none;color: #fff;background-color: #f07700;font-size: 12px;border-radius: 5px;padding: 1px 8px;}
.option .changebtn {display: block;padding: 5px 0;text-align: center;margin-top: 2px;}
/*預約紀錄*/
tr.org_bg{background-image: url(../menu/consignment_bg.jpg);background-size: 100%;background-repeat: repeat-y;}
.booking_list {margin-bottom: 40px;}
.booking_table {padding: 11px 15px;list-style: none;margin: 0;}
.booking_table li{border-bottom: 1px solid #f07700;font-size: 14px;margin-bottom: 10px;padding-bottom: 10px;}
.booking_table li:last-of-type{border-bottom: none;}
.booking_table li .info_top {display: flex;align-items: center;}
.info_down {display: flex;flex-wrap: wrap;}
.booking_table li .booking_place{width: 50%;padding: 5px 0;text-align: center;display: flex;font-size: 12px;}
.booking_table li .booking_place>span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_table li .booking_place>div{padding-left: 10px;}
.booking_table li .booking_serial{background-color: #fff;width: 50%;border-bottom: 1px solid transparent;}
.booking_table li .booking_date{width: 50%;padding: 5px 0;text-align: center;display: flex;font-size: 12px;}
.booking_table li .booking_date>span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_table li .booking_date>div{padding-left: 10px;}
.booking_table li .booking_amount{width: 50%;padding: 10px 0;text-align: center;display: flex;font-size: 12px;}
.booking_table li .booking_amount span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_table li .booking_amount>div{padding-left: 10px;}
.booking_table li .booking_sum{width: 50%;text-align: center;display: flex;padding: 10px 0;font-size: 12px;}
.booking_table li .booking_sum>span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;    width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_table li .booking_sum>div{padding-left: 10px;}
.booking_table li .booking_user{width: 100%;text-align: center;display: flex;padding: 10px 0;font-size: 12px;}
.booking_table li .booking_user p {margin: 0;}
.booking_table li .booking_user>span{background-image: url("../menu/consignment_bg.jpg");background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_table li .booking_user>div{padding-left: 10px;}
.booking_table li .booking_state{width: 38%;text-align: center;display: flex;justify-content: center;}
.booking_table li .booking_state .booking_already {width: 43px;height: 43px;border-radius: 43px;border: 3px solid #7dc133;display: flex;align-items: center;justify-content: center;color: #7dc133;font-size: 10px;}
.booking_table li .booking_state .booking_cancel {width: 43px;height: 43px;border-radius: 43px;background-color: #f07700; border: 3px solid #f07700;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 10px;}
.booking_table li .booking_state .booking_appointment {width: 43px;height: 43px;border-radius: 43px;background-color: #7dc133; border: 3px solid #7dc133;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 10px;}
.booking_table li .booking_state .booking_noappointment {width: 43px;height: 43px;border-radius: 43px;background-color: #4f3529; border: 3px solid #4f3529;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 10px;}
.booking_table li .booking_info{background-color: #fff;width: 12%;text-align: center}
.booking_table li .booking_info a.bbtn{background-image: url("image/info_icon.png");background-repeat: no-repeat;width: 30px;height: 30px;display: inline-block;background-size: contain;}
.booking_table li .serial{height: 26px;line-height: 26px;color: #fff;background-color: #4f3529;text-align: center;border-radius: 8px;display: block;letter-spacing: 2px;}
.booking_modal .modal-content {width: 97%;background-color: #fff;border: none;margin: 0 auto;}
.booking_modal .modal-content .modal-header{background-color: #feebde;height: 20px;border: none;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;padding: 0;}
.booking_modal .modal-content .modal-footer{background-color: #feebde;height: auto;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;padding: 15px;flex-wrap: wrap;}
.booking_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: flex-start;padding: 15px;overflow-y: auto;height: 50vh;}
.booking_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;letter-spacing: 2px;opacity: 1;font-weight: lighter;font-size: 10px;position: absolute;top: -20px;right: 0;text-shadow: none;}
.booling_modal .modal-content button.close span {display: inline-block;vertical-align: bottom;}
.booking_modal .modal-content .modal-footer .btn.Messenger {background-image: url("image/messenger_bg.png");width: 78px;height: 17px;border-radius: 17px;color: #fff;margin: 0 4px 0 0;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;line-height: 17px;}
.booking_modal .modal-content .modal-footer .btn.LINE {background-color: #7fbf37;width: 78px;height: 17px;border-radius: 17px;color: #fff;margin: 0 4px 0 0;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;line-height: 17px;}
.booking_modal .modal-content .modal-body .list_info {display: flex;}
.booking_modal .modal-content .modal-body .list_info ul{list-style: none;margin: 0;padding: 0 34px 0 0;display: flex;flex-wrap: wrap;}
.booking_modal .modal-content .modal-body .list_info ul li {padding: 8px 12px 0;}

.booking_modal .modal-content .modal-footer .one_btn {width: 100%;margin-left: 0 !important;display: flex;justify-content: center;padding-top: 13px;}
.booking_modal .modal-content .modal-footer .one_btn button.btn {margin:0;width: 84px;color: #fff;background-color: #4f3529;font-size: 13px;border-radius: 0;border-bottom: 1px solid #f37600;}
.booking_modal .modal-content .modal-footer .contact_btn {background-color: #4f3529;width: 294px;color: #f37600;font-size: 12px;padding: 6px 12px;margin: -15px -15px 0;}
.booking_modal .modal-content .modal-footer .three_btn {width: 100%;margin-left: 0 !important;display: flex;justify-content: flex-end;padding-top: 15px;}
.booking_modal .modal-content .modal-footer .three_btn button.btn {margin: 0 0 0 5px;width: 84px;background-color: #4f3529;border-radius: 0;color: #fff;font-size: 1.5vmax;letter-spacing: 2px;}
.booking_modal .modal-content .modal-footer .three_btn button.btn.cancel{background-image: url(../menu/consignment_bg.jpg);background-repeat: repeat-y;background-size: contain;background-color: transparent;border-bottom: 1px solid #4f3529;}
.booking_datainfo .info_top {display: flex;font-size: 14px;justify-content: space-between;}
.info_down {display: flex;flex-wrap: wrap;font-size: 14px;}
.booking_datainfo .booking_place{width: 50%;padding: 5px 0 8px;text-align: center;display: flex;font-size: 13px;align-items: center;}
.booking_datainfo .booking_place>span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_datainfo .booking_place>div{padding-left: 10px;}
.booking_datainfo .booking_serial{background-color: #fff;width: 50%;border-bottom: 1px solid transparent;}
.booking_datainfo .booking_serial .serial {height: 26px;line-height: 26px;color: #fff;background-color: #4f3529;display: block;text-align: center;border-radius: 8px;margin-right: 34px;width: 100%;letter-spacing: 1px;}
.booking_datainfo .booking_date{width: 50%;padding: 5px 0 8px;text-align: center;display: flex;font-size: 13px;align-items: center;}
.booking_datainfo .booking_date>span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_datainfo .booking_date>div{padding-left: 10px;}
.booking_datainfo .booking_amount{width: 50%;padding: 5px 0 8px;text-align: center;display: flex;font-size: 13px;align-items: center;}
.booking_datainfo .booking_amount span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_datainfo .booking_amount>div{padding-left: 10px;}
.booking_datainfo .booking_sum{width: 50%;text-align: center;display: flex;padding:5px 0 8px;font-size: 13px;align-items: center;}
.booking_datainfo .booking_sum>span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_datainfo .booking_sum>div{padding-left: 10px;}
.booking_datainfo .booking_user{width: 100%;text-align: center;display: flex;padding: 2px 0 8px;font-size: 13px;align-items: center;}
.booking_datainfo .booking_user p {margin: 0;}
.booking_datainfo .booking_user>span{background-image: url("../menu/consignment_bg.jpg");font-weight: bold;background-repeat: repeat-y;background-size: contain;width: 4em;font-size: 10px;line-height: 18px;height: 18px;}
.booking_datainfo .booking_user>div{padding-left: 10px;}
.booking_datainfo .booking_state{width: 38%;text-align: center;display: flex;justify-content: flex-end;}
.booking_datainfo .booking_state .booking_already {width: 43px;height: 43px;border-radius: 43px;border: 3px solid #7dc133;display: flex;align-items: center;justify-content: center;color: #7dc133;font-size: 10px;font-weight: bold;}
.booking_datainfo .booking_state .booking_cancel {width: 43px;height: 43px;border-radius: 43px;background-color: #f07700; border: 3px solid #f07700;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 10px;font-weight: bold;}
.booking_datainfo .booking_state .booking_appointment {width: 43px;height: 43px;border-radius: 43px;background-color: #7dc133; border: 3px solid #7dc133;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 10px;font-weight: bold;}
.booking_datainfo .booking_state .booking_noappointment {width: 43px;height: 43px;border-radius: 43px;background-color: #4f3529; border: 3px solid #4f3529;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 10px;font-weight: bold;}
ul.booking_tableM {margin: 0;padding: 0;list-style: none;}
ul.booking_tableM li {display: flex;flex-wrap: wrap;border-top: 1px solid #f37600;padding: 15px 0 5px;margin: 13px 0 5px;}
ul.booking_tableM li .imgbox {width: 40%;padding-right: 15px;}
ul.booking_tableM li .imgbox img {max-width: 100%;height: auto;}
ul.booking_tableM li .infobox {width: 60%;font-size: 14px;text-align: left;}
ul.booking_tableM li .infobox p {font-size: 10px;margin: 0;}
ul.booking_tableM li .infobox p.title {font-size: 13px;font-weight: bold;}
ul.booking_tableM li .infobox span {font-size: 8px;color: #f37600;}
ul.booking_tableM li .sumbox {width: 100%;display: flex;justify-content: space-between;}
ul.booking_tableM li .sumbox label.circlechkbox {margin-bottom: 0;padding-left: 10px;vertical-align: middle;}
ul.booking_tableM li .sumbox input[type="checkbox"] {width: 20px;height: 18px;background-position-y: -47px;}
ul.booking_tableM li .sumbox .circlechkbox input[type="checkbox"]:checked {background-position-y: -71px;}
ul.booking_tableM li .sumbox .destination {font-weight: 600;font-size: 14px;}
/*pick*/
.pick_menu {display: flex;width: calc(100% - 10px);justify-content: space-between;padding: 17px 15px 9px;margin: 0 5px;border-bottom: 1px solid #f27700;}
.pick_menu_btn {display: flex;width: 60%;justify-content: space-between;flex-direction: column;}
.brand{position: relative;}
.brand input.choose {padding: 5px 5px;width: 100%;outline: none;border: none;border-bottom: 2px solid #f7b66c;background-color: #fff8ee;height: 27px;line-height: 33px;color: #f37600;font-size: 14px;text-align: center;margin-bottom: 10px;letter-spacing: 2px;}
.shape{position: relative;}
.shape input.choose {padding: 5px 5px;width: 100%;outline: none;border: none;border-bottom: 2px solid #f7b66c;background-color: #fff8ee;height: 27px;line-height: 33px;color: #f37600;font-size: 14px;text-align: center;margin-bottom: 10px;letter-spacing: 2px;}
.price{position: relative;}
.price input.choose {padding: 5px 5px;width: 100%;outline: none;border: none;border-bottom: 2px solid #f7b66c;background-color: #fff8ee;height: 27px;line-height: 33px;color: #f37600;font-size: 14px;text-align: center;margin-bottom: 10px;letter-spacing: 2px;}
.brand input::placeholder,.shape input.choose::placeholder,.price input.choose::placeholder{color: #f37600;}
.pick_menu .option {margin-left: 0;display: none;background-color: #513629;color: #ccc3bd;width: 168px;position: absolute;top: 27px;font-size: 14px;letter-spacing: 2px;}
.pick_menu .option ul {list-style: none;margin: 0;padding: 0;}
.pick_menu .option ul li {line-height: normal;color: #fff;border: none;cursor: pointer;padding: 2px 0 4px;font-size: 13px;margin: 7px 0 1px;}
.pick_menu .option ul li:hover,.pick_menu .option ul li.active{background-color:#f07700 ;color: #fff}
.pick_list {font-family: 'Noto Serif TC', sans-serif;display: flex;flex-wrap: wrap;width: 100%;flex-direction: column;}
.pick_list .item {width: calc(100% - 10px);padding: 10px 20px 15px 20px;border-bottom: 1px solid #f9bf79;margin: 0 5px;}
.pick_list_title {word-break: break-word;font-size: 13pt;font-weight: 600;line-height: 16pt;}
.pick_list_info {font-size: 11pt;font-weight: 400;line-height: 12pt;display: flex;justify-content: space-between;align-items: flex-end;}
.pick_list_info>div p {margin-bottom: 8px;}
.pick_list_img {height: 198px;width: 198px;position: relative;display: flex;margin: 10px 54px 10px 40px;}
.pick_list_img img {object-fit: cover;display: flex;width: 100%;height: 100%;}
.pick_list_info .amount {font-size: 13pt;}
.himreserve {background-image: url(image/15.png);position: absolute;right: -53px;width: 82px;height: 88px;top: -21px;}
.myreserve {background-image: url(image/16.png);position: absolute;right: -27px;width: 65px;height: 108px;top: -44px;}
.pick_list_info>div>p.pid {font-size: 11px;font-weight: 500;margin-bottom: 0;line-height: 12px;}
.Ricon_org {display: flex;justify-content: flex-end;align-items: center;font-size:11px;margin-top: -4px;}
.Ricon_org::after {content: "";background-image: url(image/13.png);width: 32px;height: 15px;margin-left: 2px;background-size: 32px 15px;background-repeat: no-repeat;}
.Ricon_bwr {display: flex;justify-content: flex-end;align-items: center;font-size:11px;margin-top: 10px;}
.Ricon_bwr::after {content: "";background-image: url(image/14.png);width: 32px;height: 15px;margin-left: 2px;background-size: 32px 15px;background-repeat: no-repeat;}
.pick_modal .modal-content {width: 97%;background-color: #fff;border: none;margin: 0 auto;}
.pick_modal .modal-content .modal-header{background-color: #feebde;height: 0px;border: none;border-top-left-radius: 0.3rem;border: none;border-top-right-radius: 0.3rem;padding: 0;}
.pick_modal .modal-content .modal-footer{height: 0;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;padding: 0;}
.pick_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: flex-start;padding: 0px 0px;overflow-y: auto;height: 70vh;border-radius: 5px;}
.pick_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;letter-spacing: 2px;opacity: 1;font-weight: lighter;font-size: 10px;position: absolute;top: -20px;right: 0;text-shadow: none;}
.pick_modal .modal-content button.close span {display: inline-block;vertical-align: bottom;}
.pick_modal .img_box{width: 100%;background-color: #feebde;padding: 12px;display: flex;flex-direction: column;}
.pick_modal .img_info {width: 100%;padding: 14px;text-align: left;}
.pick_modal .img_box .big {width: 100%;height: 260px;margin-bottom: 8px;}
.pick_modal .img_box .big div {width: 100% !important;height: 260px !important;/*display: flex;*/}
.pick_modal .img_box .big img{object-fit: cover;display: flex;width: 100%;height: 100%;}
.pick_modal .img_box .small {width: 100%;height: 100%;}
.pick_modal .img_box .small div {position: relative;padding: 0 !important;width: 100%;height: 100%;}
.pick_modal .img_box .small .slick-track {width: 100% !important;height: 100%;}
.pick_modal .img_box .small .slick-slide{width: calc((100% / 3) - 7px)!important;height: 80px !important;margin-right: 10px;}
.pick_modal .img_box .small .slick-slide:last-of-type{margin-right: 0;}
.pick_modal .img_box .small .item {width: 80px;height: 80px !important;}
.pick_modal .img_box .small img{object-fit: cover;display: flex;width: 100%;height: 100%;}
.pick_modal .img_info p {font-size: 13px;line-height: 2em;margin-bottom: 0;color: #4b362b;}
.btn_box {display: flex;justify-content: space-between;align-items: center;font-size: 25px;}
.btn_box .btn_chat{height: 40px;line-height: 40px;color: #fff;background-color: #4f3529;display: inline-block;width: 125px;text-align: center;font-size: 16px;letter-spacing: 1px;}
.title_box {padding-bottom: 20px;}
.title_box .title {font-size: 18px;}
.title_box p.pid {font-size: 11px;color: #f07700;}
.info_box {height: 6em;overflow: hidden;word-break: break-word;margin-bottom: 50px;}
.trash_c{background-image: url("image/trash_c.svg");background-repeat: no-repeat;width: 26px;height: 26px;display: inline-block;background-size: 26px;}
.reply{background-image: url("image/back.svg");background-repeat: no-repeat;width: 19px;height: 17px;display: inline-block;margin-right: 5px;background-size: contain;vertical-align: text-top;}
.icon_user{background-image: url("image/user.svg");background-repeat: no-repeat;width: 18px;height: 18px;display: inline-block;margin-left: 5px;background-size: contain;}
.icon_date{background-image: url("image/date.svg");background-repeat: no-repeat;width: 18px;height: 18px;display: inline-block;margin-left: 5px;background-size: contain;}
.icon_cart{background-image: url("image/cart.svg");background-repeat: no-repeat;width: 18px;height: 18px;display: inline-block;margin-left: 5px;background-size: contain;}
.changebtn{display: flex;width: 100%;justify-content: space-between;}
.primas_modal .modal-content .modal-footer .changebtn button{font-size: 14px;letter-spacing: 1px;min-width: 33%;text-align: center;background-color: #4f3529;display: flex;margin: 0 3%;justify-content: center;align-items: center;height: 30px;border-bottom: 1px solid #f07700;}
.samebtn {display: flex;width: 100%;justify-content: space-between;}	
.primas_modal .modal-content .modal-footer .samebtn a {width: 43%;text-align: center;background-color: #4f3529;display: flex;justify-content: center;align-items: center;height: 30px;}
.primas_modal .modal-content .modal-footer .samebtn a button {padding: 0;font-size: 14px;letter-spacing: 1px;}
.primas_modal .modal-content .modal-footer .samebtn>button{font-size: 13px;letter-spacing: 1px;width: 43%;text-align: center;background-color: #4f3529;display: flex;margin: 0 3%;justify-content: center;align-items: center;height: 27px;border-bottom: 1px solid #f07700;}