@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: 'SourceHanSans';color: #4b362b;min-width: 1900px;padding-bottom: 40px;}/*zoom=X/1630*/
.modal-body::-webkit-scrollbar{width: 8px;}
.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: 8px;}
*::-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;}

.wrapper::-webkit-scrollbar{width: 8px;}
.wrapper::-webkit-scrollbar-button {background: transparent;border-radius: 4px;}
.wrapper::-webkit-scrollbar-track-piece {background: transparent;}
.wrapper::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #f27700;border: 1px solid #f27700;}
.wrapper::-webkit-scrollbar-track {box-shadow: transparent;}
.switch{height:40px;position: absolute;text-align: center;bottom: 16px;left: 0;width: 100%;}
.switch a{text-decoration: none;font-size:16px;color: grey;text-align:center;font-family: Microsoft JhengHei;padding: 15px;display: inline-block;}
body>.top {display: flex;justify-content: space-between;position: sticky;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: 7%;width: 100%;z-index: 99;/*height: 378px;*/min-width: 1900px;background-color: #fff;}
body.sever4.index>.top {padding: 127px 40px;}
body>.top .topmain {width: 1340px;margin: 0 auto;padding: 87px 40px 30px;}
body>.top .logo{padding: 14px 22px 44px;display: inline-block;}
body>.top .logo a{width: 141px;display: block;}
body>.top .logo img {max-width: 100%;height: auto;}
body>.top .right_menu {position: absolute;top: 40px;right: 40px;z-index: 99;}
body>.top .right_menu ul {margin: 0;padding: 0;list-style: none;}
body>.top .right_menu ul li{padding-bottom: 15px;font-weight: bold;text-align: right;}
body>.top .right_menu ul li a{color: #4f3529;text-decoration: none;}
body>.wrapper {/*max-height: calc(100vh - 374px);margin-top: 374px;*/overflow: auto;position: relative;}
li.user svg {background-color: #f07700;padding: 3px 3px 0px;font-size: 25px;border-radius: 3px;color: #fff;margin-left: 10px;line-height: 16px;width: 25px !important;}
li.cart svg {color: #f07700;transform: rotateY(180deg);font-size: 25px;margin-left: 10px;line-height: 16px;width: 25px !important;}
li.booking svg {color: #f07700;font-size: 25px;margin-left: 10px;line-height: 16px;width: 25px !important;}
/*index*/
body.sever4.index {min-width: 1900px;min-height: 1291px;}
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 .main {margin: 0 auto;width: 1340px;}
body.sever4 .main h3.title{font-size: 26px;padding: 40px 0 24px;}
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 {margin: 66px 0 0;width: 100%;}
body.sever4.index .main .bg {background-color: #fef1e6;height: 342px;background-image: url("image/index_bg1.png");position: relative;display: flex;}
body.sever4.index .main .bg p {transform: translate(0, 0);text-align: center;font-size: 32px;font-family: "標楷體";color: #e37226;width: 30%;margin: 0;display: flex;align-items: center;justify-content: center;}
body.sever4.index .main .bg .imgL {width: 35%;text-align: right;transform: translateY(-80px);padding-right: 0.8%;}
body.sever4.index .main .bg .imgR {width: 35%;text-align: left;transform: translateY(-80px);padding-left: 1.1%;}
.index_btn {display: block;z-index: 99;position: relative;text-align: center;padding: 58px;}
.index_btn a {color: #fff;text-decoration: none;background-color: #4f3529;height: 60px;display: inline-block;line-height: 60px;font-size: 25px;padding: 0 57px;letter-spacing: 4px;margin: 0 166px;border-bottom: 1px solid #f07704;}
.login_modal {min-width: 635px;font-family: "微軟正黑體";}
.login_modal .modal-content {width: 635px;min-height: 491px;background-color: #fff;border: none;border-radius: 10px;}
.login_modal .modal-content .modal-header{background-image: url("image/modal_topbg3.png");height: 100px;border: none;}
.login_modal .modal-content .modal-footer{background-image: url("image/modal_bottombg3.png");height: 35px;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;}
.login_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: center;min-height: 386px;padding: 43px 33px 7px;border-radius: 10px;}
.login_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;letter-spacing: 2px; opacity: 1;font-size: 20px;position: absolute;top: -31px;right: 0;}
.login_modal .modal-content button.close span {font-size: 22px;display: inline-block;line-height: 22px;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;padding-bottom: 23px;}
form.loginbox div[data-wdith="63%"] {flex: 63%;text-align: left;}
form.loginbox div[data-wdith="37%"] {flex: 37%;text-align: center;padding-left: 21px;}
form.loginbox div[data-wdith="63%"]>div{display: flex;margin-bottom: 28px;}
form.loginbox div[data-wdith="63%"] label.font_org,form.loginbox div[data-wdith="37%"] label.font_org {white-space: nowrap;}
form.loginbox div input[type="text"],form.loginbox div input[type="password"]{border: none;border-bottom: 1px solid #f8bc91;width: 100%;outline: none;padding: 0 5px;}
.forget {padding: 20px 0 15px;}
.forget a {font-size: 14px;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,button {border: none;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;}
.btn_fb a {height: 38px;line-height: 38px;color: #fff;text-decoration: none;background-color: #3d5ca8;width: 100%;display: block;border-radius: 5px;margin-bottom: 26px;}
.btn_line a {height: 38px;line-height: 38px;color: #fff;text-decoration: none;background-color: #44b035;width: 100%;display: block;border-radius: 5px;margin-bottom: 26px;}
.btn_register a {height: 38px;line-height: 38px;color: #fff;text-decoration: none;background-color: #96857f;width: 100%;display: block;border-radius: 5px;margin-bottom: 26px;}
/*register*/
.register_modal {min-width: 635px;/*position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) !important;*/font-family: "微軟正黑體";}
.register_modal .modal-content {width: 635px;min-height: 491px;background-color: #fff;border: none;}
.register_modal .modal-content .modal-header{background-image: url("image/modal_topbg4.png");height: 76px;border: none;}
.register_modal .modal-content .modal-footer{background-image: url("image/modal_bottombg3.png");height: 35px;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;}
.register_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: center;min-height: 386px;padding: 36px 43px 0px;}
.register_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;letter-spacing: 2px; opacity: 1;font-size: 20px;position: absolute;top: -31px;right: 0;}
.register_modal .modal-content button.close span {font-size: 22px;display: inline-block;line-height: 22px;vertical-align: bottom;}
.register_modal .modal-content .modal-footer button {background-color: #4f3529;width: 226px;height: 38px;border-radius: 0;color: #fff;}
.register_modal form.loginbox {display: flex;flex-wrap: wrap;padding: 0 10px 23px;}
.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;width: 9em;text-align: center;margin: 0 auto;}
.sex {padding: 32px 0 24px;text-align: left;}
.sex>div {border-bottom: 1px solid #f8bc91;}
.sex span.radiobox {width: 75px;display: inline-flex;align-items: center;}
.lash_btn {padding-top: 36px;display: flex;justify-content: space-around;border-top: 1px dashed #4f3529;}
.lash_btn a.btn_fb {width: 248px;height: 38px;line-height: 38px;letter-spacing: 3px;text-decoration: none;display: inline-block;color: #fff;background-color: #3d5ca8;border-radius: 5px;margin-bottom: 36px;}
.lash_btn a.btn_line {width: 248px;height: 38px;line-height: 38px;letter-spacing: 3px;text-decoration: none;display: inline-block;color: #fff;background-color: #44b035;border-radius: 5px;margin-bottom: 36px;}
/**/
.choice_list {padding-bottom: 72px;}
.choice_list>.title{background-color: #4f3529;color: #fff;height: 41px;line-height: 41px;padding: 0 16px;font-size: 20px;}
.choice_list>.title span.number {background-color: #f07700;color: #fff;border-radius: 50px;width: 20px;display: inline-flex;line-height: 20px;align-items: center;justify-content: center;}
.font_org{color: #f07700;}
td.chkbox {width: 52px;width: 4%;padding-left: 20px;}
.chkbox input[type="checkbox"]{width: 40px;height: 40px;appearance:none;background-image: url("image/checks.png");background-size: 100% auto;background-repeat: no-repeat;background-position-y: 4px;}
.chkbox input[type="checkbox"]:checked{background-position-y: -43px;}
.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: -38px;}
.circlechkbox input[type="checkbox"]:checked{background-position-y: 0px;}
.radiobox input[type="radio"]{width: 16px;height: 16px;appearance:none;background-image: url("image/checks1.png");background-size: 100% auto;background-repeat: no-repeat;background-position-y: 1px;}
.radiobox input[type="radio"]:checked{background-position-y: -17px;}
.radio2box 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: -54;}
.radio2box input[type="radio"]:checked{background-position-y:-55px;}
td.imgbox {width: 298px;width: 22%;padding: 54px 70px 20px 46px; }
td.imgbox img{width: 182px;height: 190px;display: block;display: flex;object-fit: cover;}
td.infobox {width: 333px;width: 24.851%;text-align: left;border-bottom: 1px solid #f07700;}
td.infobox p {margin: 0;font-size: 21px;}
td.infobox p.title {font-size: 26px;line-height: 1em;margin-bottom: 10px;}
td.infobox span{font-size: 16px;color: #f07700;}
td.sumbox {width: 230px;width: 17.165%;text-align: left;font-weight: 600;font-size: 20pt;border-bottom: 1px solid #f07700;}
td.sumbox .sumbox_w{display: inline-flex;flex-direction: column;align-items: center;}
.Ricon {display: flex;justify-content: center;align-items: center;    font-size: 16pt;}
.Ricon::before {content: "";background-image: url(image/17.png);width: 37px;height: 16px;margin-right: 2px;background-size: 37px 16px;background-repeat: no-repeat;}
td.modebox {width: 244px;width:19.21%;text-align: left;font-size: 20pt;border-bottom: 1px solid #f07700;}
td.modebox .coms_select {border-radius: 0.25em;padding: 0.25em 0;margin-top: 10px;cursor: pointer;line-height: 1.1;background-color: #fff;display: flex;align-items: center;}
td.modebox .coms_select::before {content: "";width: 20px;height: 29px;left: 0;background-image: url("image/arrow.png");display: inline-block;background-position-y: center;background-repeat: no-repeat;}
td.modebox .coms_select .select{width: calc(100% - 21px);padding-left:12px;}
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 {border-bottom: 1px solid #f07700;}
td.delbox a {text-align: left;color: #4f3529;text-decoration: none;display: flex;align-items: center;font-size: 20px;letter-spacing: 2px;}
.trash{background-image: url("image/trash.svg");background-repeat: no-repeat;width: 27px;height: 30px;display: inline-block;margin-right: 5px;}
.trash_c{background-image: url("image/trash_c.svg");background-repeat: no-repeat;width: 30px;height: 30px;display: inline-block;}
.reply{background-image: url("image/back.png");background-repeat: no-repeat;width: 21px;height: 18px;display: inline-block;margin-right: 5px;}
.choice_list.booking_ilst {padding: 0;}
.booking_ilst td.imgbox {width: 288px;width: 21.4%;padding: 54px 58px 54px 48px;}
.booking_ilst td.infobox {width: 328px;width: 24.4%;text-align: left;border-bottom: 1px solid #f07700;}
.booking_ilst tr:last-of-type td.infobox {border-bottom: 1px solid transparent;}
.booking_ilst td.sumbox {width: 98px;width: 7.3%;text-align: center;border-bottom: 1px solid #f07700;}
.booking_ilst td.sumbox>div {font-size: 16px;}
.booking_ilst tr:last-of-type td.sumbox {border-bottom: 1px solid transparent;}
.booking_ilst td.modebox {width: 626px;width: 46.7%;text-align: left;padding: 54px 24px 54px 39px;position: relative;font-size: 20px;letter-spacing: 2px;}
.booking_ilst td.modebox:before {content: "";position: absolute;width: calc(100% - 15px);height: 100%;top: 0;left: 15px;background-color: #feebde;}
.booking_ilst td.modebox form {display: flex;justify-content: space-between;position: relative;align-items: center;}
.check_used{text-align: center;}
.check_used a{height: 42px;width: 238px;line-height: 42px;margin-bottom: 5px;text-decoration: none;color: #fff;text-align: center;background-image: url("../menu/consignment_bg.jpg");background-repeat: repeat-y;border-radius: 42px;display: block;letter-spacing: 2px;font-size: 14pt;}
.check_used span {color: #f07700;font-size: 14px;text-align: center;display: flex;align-items: center;justify-content: center;}
.check_used span: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;}
.check_used span: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;}
.flex_input {display: flex;margin-bottom: 5px;align-items: center;}
.flex_input label {white-space: nowrap;color: #f07700;font-size: 18px;margin: 0;}
.flex_input input {width: 100%;background-color: transparent;border: none;border-bottom: 1px solid #4f3529;}
.fixed_btn_box {position: fixed;bottom:60px;right: 80px;display: flex;flex-direction: column;}
.fixed_btn_box .keep {height: 48px;width: 238px;line-height: 48px;margin-bottom: 20px;text-decoration: none;color: #fff;text-align: center;background-image: url("../menu/consignment_bg.jpg");background-repeat: repeat-y;letter-spacing: 4px;font-size: 20px;}
.fixed_btn_box .next {height: 48px;width: 238px;line-height: 48px;text-decoration: none;color: #fff;background-color: #4f3529;text-align: center;letter-spacing: 4px;font-size: 20px;}
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: sub;margin: 0 5px;}
.primas_modal {min-width: 635px;display: flex;justify-content: center;align-items: center;align-content: center;height: 100vh;}
.primas_modal .modal-content {width: 635px;min-height: 491px;background-color: transparent;border: none;}
.primas_modal .modal-content .modal-header{background-image: url("image/modal_topbg.png");height: 158px;border: none;}
.primas_modal .modal-content .modal-footer{background-image: url("image/modal_bottombg.png");height: 105px;justify-content: center;border-bottom-left-radius: 0.3rem;border: none;border-bottom-right-radius: 0.3rem;padding-top: 38px;}
.primas_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: center;min-height: 203px;padding: 22px 0 0;font-size: 20px;color: #4f3529;}
.primas_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;opacity: 1;font-size: 20px;letter-spacing: 2px;}
.primas_modal .modal-content button.close span {font-size: 22px;display: inline-block;line-height: 22px;vertical-align: bottom;}
.primas_modal .modal-content .modal-footer button {background-color: #4f3529;width: 226px;height: 38px;border-radius: 0;color: #fff;margin: 0 36px;font-size: 18px;line-height: 18px;}
.serial_number{display: flex;justify-content: center;align-items: center;letter-spacing: 2px;font-size: 24px;}
.serial_number .serial {height: 50px;line-height: 50px;margin: 0 10px 15px 0;color: #fff;background-color: #4f3529;display: inline-block;width: 230px;text-align: center;border-radius: 5px;}
.serial_number .place {height: 50px;line-height: 50px;margin: 0 0 15px 0;color: #fff;background-color: #f07700;display: inline-block;font-weight: bold;width: 82px;font-size: 24px;text-align: center;border-radius: 5px;}
.serial_radio {display: inline-flex;align-items: center;justify-content: center;}
.serial_radio label {width: 47px;height: 47px;position: relative;margin: -5px 10px 5px;}
.serial_radio label img {width: 100%;height: 100%;}
.serial_radio label input[type="radio"] {position: absolute;bottom: -5px;right: -5px;}
/*自訂option*/
input.choose {width: 100%;height: 28px;font-size: 20pt;color: #4f3529;border: none;outline: none;cursor: pointer;}
input.choose::placeholder{color: #4f3529;}
.option {display:none;width:6em;background:#fff;position:absolute;z-index:99999;margin-left: 5px;padding: 8px 0;}
.option ul {padding:0;}
.option ul li {list-style: none;width: 100%;line-height: 28px;padding-left: 0;color: #000;background-color: transparent;border-top: 1px solid #f07700;text-align: center;padding: 5px 0;}
.option ul li:last-of-type {border-bottom: 1px solid #f07700;}
.option ul li.on {background-color: #f07700;color: #fff;}
.option .changebtn a {text-decoration: none;color: #fff;background-color: #f07700;font-size: 12px;padding: 4px 25px;border-radius: 36px;}
.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 th{border-bottom: 1px solid #f07700;text-align: center;height: 42px;font-size: 18px;line-height: 42px;}
.booking_table th.booking_place{width: 147px;padding: 0 46px 0 23px;text-align: left}
.booking_table td{height: 132px;border-bottom: 1px solid #f07700;font-size: 18px;}
.booking_table td.booking_serial{background-color: #fff;width: 241px;border-bottom: 1px solid transparent;}
.booking_table td.booking_place{background-color: #fff;width: 147px;padding: 0 46px 0 23px;text-align: left}
.booking_table td.booking_date{background-color: #fff9f5;width: 164px;text-align: center}
.booking_table td.booking_amount{background-color: #fff;width: 165px;text-align: center}
.booking_table td.booking_sum{background-color: #fff9f5;width: 164px;text-align: center}
.booking_table td.booking_user{background-color: #fff;width: 220px;text-align: center}
.booking_table td.booking_user p {margin: 0;}
.booking_table td.booking_state{background-color: #fff9f5;width: 135px;text-align: center}
.booking_table td.booking_info{background-color: #fff;width: 135px;text-align: center}
.booking_table td.booking_info a.bbtn{background-image: url("image/info_icon.png");width: 37px;height: 37px;display:inline-block;}
.booking_list td .serial{height: 42px;line-height: 42px;color: #fff;background-color: #4f3529;display: inline-block;width: 218px;text-align: center;border-radius: 12px;font-size: 24px;}
.booking_list td .place{height:42px;line-height: 42px;color: #fff;background-color: #f07700;display: inline-block;width: 78px;font-size: 18px;text-align: center;border-radius: 5px;}
.booking_modal {min-width: 1084px;display: flex;height: 98vh;align-content: center;align-items: center;justify-content: center;}
.booking_modal .modal-content {width: 1084px;min-height: 491px;background-color: #fff;border: none;position: relative;border-radius: 10px;}
.booking_modal .modal-content .modal-header{background-image: url("image/modal_topbg2.png");height: 38px;border: none;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.booking_modal .modal-content .modal-footer{background-image: url("image/modal_bottombg2.png");height: 101px;justify-content: center;border-bottom-left-radius: 10px;border: none;border-bottom-right-radius: 10px;padding: 38px 55px 19px 48px;font-size: 20px;}
.booking_modal .modal-content .modal-body {background-color: #fff;text-align: center;display: flex;flex-direction: column;height: 661px;padding: 21px 48px 0 48px;overflow-y: auto;font-size: 18px;align-content: flex-start;align-items: flex-start;width: calc(100% - 10px);}
.booking_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom: 10px;opacity: 1;font-size: 20px;position: absolute;top: -31px;right: 0;letter-spacing: 2px;}
.booling_modal .modal-content button.close span {font-size: 22px;display: inline-block;line-height: 22px;vertical-align: bottom;}
.booking_modal .modal-content .modal-footer .btn.Messenger {background-image: url("image/messenger_bg.png");width: 150px; height: 27px;border-radius: 27px;color: #fff;margin: 0 14px 0 0;display: inline-flex;align-items: center;justify-content: center;font-size: 23px;letter-spacing: 1px;}
.booking_modal .modal-content .modal-footer .btn.LINE {background-color: #7fbf37;width: 150px; height: 27px;border-radius: 27px;color: #fff;margin: 0 14px 0 0;display: inline-flex;align-items: center;justify-content: center;font-size: 23px;letter-spacing: 1px;}
.booking_modal .modal-content .modal-footer button {background-color: #4f3529;width: 226px;height: 48px;border-radius: 0;color: #fff;margin: 0 36px;font-size: 20px;letter-spacing: 5px;}
.booking_modal .modal-content .modal-body h3.title {font-size: 26px;font-weight: 600;margin: 0 0 38px;}
.booking_modal .modal-content .modal-body h3.title::after {content: "";background-color: #f07700;height: 2px;width: 150px;display: inline-block;vertical-align: middle;margin: -5px 0 0 5px;}
.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 .serial {height: 41px;line-height: 41px;color: #fff;background-color: #4f3529;display: inline-block;width: 215px;text-align: center;border-radius: 5px;margin-right: 34px;}
.booking_modal .place {height: 41px;line-height: 41px;color: #fff;background-color: #f07700;display: inline-block;width: 80px;text-align: center;border-radius: 5px;margin-right: 8px;}
.booking_already>* {width: 108px;height: 108px;border-radius: 108px;border: 2px solid #7dc133;display: flex;align-items: center;justify-content: center;color: #7dc133;font-size: 22px;margin-top: -30%;}
table.booking_tableM td.effect {width: 108px;border-bottom: 1px solid #f07700;}
table.booking_tableM td.effect svg {background-color: #4f342b;color: #fff;width: 25px;height: 25px;padding: 5px;border-radius: 30px;}
table.booking_tableM td.imgbox {padding: 17px 74px 42px 14px;width: 270px;width: 28%;}
table.booking_tableM td.imgbox img {width: 167px;height: 167px;}
table.booking_tableM td.infobox {width: 409px;width: 42%;border-bottom: 1px solid #f07700;}
table.booking_tableM td.sumbox{width: 173px;width: 18%;border-bottom: 1px solid #f07700;text-align: center;}
table.booking_tableM td.sumbox>div{font-size: 16pt;}
.booking_modal .modal-content .modal-footer .one_btn {width: 53%;margin-left: 0 !important;display: flex;justify-content: flex-end;}
.booking_modal .modal-content .modal-footer .one_btn button.btn {margin:0;width: 240px;border-bottom: 1px solid #f07700;}
.booking_modal .modal-content .modal-footer .three_btn {width: 53%;margin-left: 0 !important;display: flex;justify-content: flex-end;}
.booking_modal .modal-content .modal-footer .three_btn button.btn {margin:0 0 0 20px;width: 150px;border-bottom: 1px solid #f07700;}
.booking_cancel>* {width: 108px;height: 108px;border-radius: 108px;background-color: #f07700; border: 2px solid #f07700;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 22px;margin-top: -30%;}
.booking_appointment>* {width: 108px;height: 108px;border-radius: 108px;background-color: #7dc133; border: 2px solid #7dc133;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 22px;margin-top: -30%;}
.booking_noappointment>* {width: 108px;height: 108px;border-radius: 108px;background-color: #4f3529; border: 2px solid #4f3529;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 22px;margin-top: -30%;}
/*pick*/
.pick_menu {display: flex;/*position: absolute;*/width: 1354px;bottom: 35px;justify-content: space-between;align-items: center;margin-top: 28px;}
.pick_menu_btn {display: flex;width: 1054px;justify-content: space-between;}
.retail{position: relative;}
.retail input.choose {padding: 8px 5px;width: 243px;outline: none;border: none;border-bottom: 2px solid #f7b66c;background-color: #fff8ee;height: 40px;line-height: 40px;color: #f37600;font-size: 18px;text-align: center;}
.brand{position: relative;}
.brand input.choose {padding: 8px 5px;width: 243px;outline: none;border: none;border-bottom: 2px solid #f7b66c;background-color: #fff8ee;height: 40px;line-height: 40px;color: #f37600;font-size: 18px;text-align: center;}
.shape{position: relative;}
.shape input.choose {padding: 8px 5px;width: 243px;outline: none;border: none;border-bottom: 2px solid #f7b66c;background-color: #fff8ee;text-align: center;height: 40px;color: #f37600;font-size: 18px;line-height: 40px;}
.price{position: relative;}
.price input.choose {padding: 8px 5px;width: 243px;outline: none;border: none;border-bottom: 2px solid #f7b66c;background-color: #fff8ee;height: 40px;text-align: center;line-height: 40px;color: #f37600;font-size: 18px;}
.retail input::placeholder,.brand input::placeholder,.shape input.choose::placeholder,.price input.choose::placeholder{color: #f37600;}
.pick_menu .option {display: none;background-color: #513629;color: #ccc3bd;width: 243px;position: absolute;top: 40px;margin-left: 0;max-height: 50vh;overflow-y: auto;}
.pick_menu .option ul {list-style: none;margin: 0;padding: 0;}
.pick_menu .option ul li {height: 33px;line-height: 33px;text-align: center;color: #fff;border: none;cursor: pointer;margin: 7px 0;}
.pick_menu .option ul li:hover,.pick_menu .option ul li.active{background-color:#f07700 ;color: #fff}
.pick_menu .fixed_btn_box.clear_btn {position: relative;top: 0;left: 0;}
.pick_menu .fixed_btn_box.clear_btn a {width: auto;padding: 0 15px;height: 40px;margin: 0;font-size: 18px;line-height: 40px;text-align: center;padding-left: 18px;}
.pick_list {display: flex;flex-wrap: wrap;width: 1330px;    margin: 0 -27px;}
.pick_list .item {width: calc(100% / 4);padding: 70px 27px;border-bottom: 1px solid #f9bf79;}
.pick_list_title {word-break: break-word;font-size: 20pt;padding-bottom: 10px;font-weight: 600;line-height: 24pt;}
.pick_list_info {font-size: 16pt;font-weight: 400;line-height: 22pt;}
.pick_list_img {height: 190px;width: 182px;position: relative;display: flex;margin: 10px 54px 10px 40px;}
.pick_list_img img {object-fit: cover;display: flex;width: 100%;height: 100%;}
.himreserve {background-image: url(image/15.png);position: absolute;right: -59px;width: 82px;height: 88px;top: -21px;}
.myreserve {background-image: url(image/16.png);position: absolute;right: -30px;width: 65px;height: 108px;top: -47px;}
p.pid {font-size: 12px;font-weight: 500;margin-bottom: 13px;line-height: 12px;}
.Ricon_org {display: flex;justify-content: flex-end;align-items: center;font-weight: bold;}
.Ricon_org::after {content: "";background-image: url(image/13.png);width: 42px;height: 23px;margin-left: 2px;background-size: 42px 23px;background-repeat: no-repeat;}
.Ricon_bwr {display: flex;justify-content: flex-end;align-items: center;font-weight: bold;margin-top: 10px;}
.Ricon_bwr::after {content: "";background-image: url(image/14.png);width: 42px;height: 23px;margin-left: 2px;background-size: 42px 23px;background-repeat: no-repeat;}
.pick_modal {min-width: 1280px;display: flex;height: 100vh;align-items: center;align-content: center;}
.pick_modal .modal-content {width: 1280px;min-height: 576px;background-color: #fff;border: none;position: relative;border-radius: 10px;}
.pick_modal .modal-content .modal-header{height: 0;border: none;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;height: 576px;font-size: 18px;border-radius: 10px;padding: 0;overflow: hidden;}
.pick_modal .modal-content button.close {color: #fff;text-align: right;margin-bottom:10px;letter-spacing: 2px; opacity: 1;font-size: 20px;position: absolute;top: -31px;right: 0;}
.pick_modal .modal-content button.close span {font-size: 22px;display: inline-block;line-height: 22px;vertical-align: bottom;}
.pick_modal .img_box{width: 58%;background-color: #feebde;padding: 33px 21px 33px 23px;display: flex;}
.pick_modal .img_info {width: 42%;padding: 46px 58px 32px 34px;text-align: left;}
.pick_modal .img_box .big {width: 512px;height: 512px;margin-right: 27px;}
.pick_modal .img_box .big div {width: 512px !important;height: 512px !important;display: flex;}
.pick_modal .img_box .big img{object-fit: cover;display: flex;width: 100%;height: 100%;}
.pick_modal .img_box .small {width: 160px;display: flex;height: 100%;}
.pick_modal .img_box .small div {position: relative;padding: 0 !important;width: 100%;height: 100%;}
.slick-slide{width: 160px !important;height: 160px !important;margin-bottom: 12px;}
.pick_modal .img_box .small .item {width: 160px;height: 160px !important;}
.pick_modal .img_box .small img{object-fit: cover;display: flex;width: 100%;height: 100%;}
.pick_modal .img_info p {font-size: 16px;font-weight: 600;line-height: 2em;margin-bottom: 0;}
.btn_box {display: flex;justify-content: space-between;align-items: center;font-size: 25px;}
.btn_box .btn_chat{height: 50px;line-height: 50px;color: #fff;background-color: #4f3529;display: inline-block;width: 210px;text-align: center;font-size: 16px;}
.title_box {padding-bottom: 72px;}
.title_box .title {font-weight: 600;font-size: 18px;}
.title_box p.pid {font-size: 14px;}
.info_box {height: calc(100% - 50px - 159px);overflow: hidden;word-break: break-word;}
@media (max-width: 1212px){
body>.wrapper {/*max-height: calc(100vh - 397px);*/}
}
@media (max-width: 1900px){
body>.top {min-width: 1900px;}
}