@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html {
  background-color: #F0F2F5;
  height: 95%;
}

body {
  background-color: #FFF;
  height: 100%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: system, -apple-system, BlinkMacSystemFont, "PingFang TC", "Segoe UI", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans", Meiryo, "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  vertical-align: baseline;
}
html .liff-hide, body .liff-hide, div .liff-hide, span .liff-hide, object .liff-hide, iframe .liff-hide,
h1 .liff-hide, h2 .liff-hide, h3 .liff-hide, h4 .liff-hide, h5 .liff-hide, h6 .liff-hide, p .liff-hide, blockquote .liff-hide, pre .liff-hide,
a .liff-hide, abbr .liff-hide, address .liff-hide, cite .liff-hide, code .liff-hide,
del .liff-hide, dfn .liff-hide, em .liff-hide, img .liff-hide, ins .liff-hide, kbd .liff-hide, q .liff-hide, s .liff-hide, samp .liff-hide,
small .liff-hide, strong .liff-hide, sub .liff-hide, sup .liff-hide, var .liff-hide,
b .liff-hide, u .liff-hide, i .liff-hide, dl .liff-hide, dt .liff-hide, dd .liff-hide, ol .liff-hide, ul .liff-hide, li .liff-hide,
fieldset .liff-hide, form .liff-hide, label .liff-hide, legend .liff-hide,
table .liff-hide, caption .liff-hide, tbody .liff-hide, tfoot .liff-hide, thead .liff-hide, tr .liff-hide, th .liff-hide, td .liff-hide,
article .liff-hide, aside .liff-hide, canvas .liff-hide, details .liff-hide, embed .liff-hide,
figure .liff-hide, figcaption .liff-hide, footer .liff-hide, header .liff-hide,
menu .liff-hide, nav .liff-hide, output .liff-hide, ruby .liff-hide, section .liff-hide, summary .liff-hide,
time .liff-hide, mark .liff-hide, audio .liff-hide, video .liff-hide {
  display: none;
}

* {
  font-weight: 400;
  font-size: 16px;
}

ul {
  list-style: none;
}

input:focus, select:focus, textarea:focus {
  outline-width: 0;
  outline: none;
}

.loadV2 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loadV2 div {
  position: absolute;
  border: 4px solid #FF8300;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loadV2 div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
@keyframes click-wave {
  0% {
    height: 25px;
    width: 25px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 70px;
    width: 70px;
    margin-left: -20px;
    margin-top: -20px;
    opacity: 0;
  }
}
@keyframes click-wave-checkbox {
  0% {
    height: 0px;
    width: 0px;
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes click-wave-radio {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
.option-input-v2 {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 25px;
  width: 25px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}

.option-input-v2:hover {
  background: #9faab7;
}

.option-input-v2:checked {
  background: #ff9800;
}

.option-input-v2:checked::before {
  height: 25px;
  width: 25px;
  position: absolute;
  content: "✔";
  display: inline-block;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
}

.option-input-v2:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #ff9800;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}

.option-input-v2.radio,
.option-input-v2[type=radio] {
  border-radius: 50%;
}

.option-input-v2.radio::after,
.option-input-v2[type=radio]::after {
  border-radius: 50%;
}

.option-input-v2-label {
  display: block;
  line-height: 25px;
  height: 25px;
}

body {
  max-width: 640px;
  margin: auto;
  position: relative;
}
body > .header {
  height: 48px;
  display: flex;
  padding: 0 20px;
  border-bottom: 1px solid rgb(221, 221, 221);
  z-index: 19;
}
body > .header img {
  height: 60%;
}
body > .header .page-title, body > .header .store-logo span {
  font-weight: 600;
  font-size: 16px;
}
body > .header .store-logo img {
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 5px;
  margin-right: 5px;
}
body > .header .logo, body > .header .store-logo, body > .header .page-title {
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}
body > .header .icon {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
body .main .store-block-v2 {
  position: relative;
  height: 125px;
}
body .main .store-block-v2 .bg img {
  height: 125px;
  width: 100%;
}
#serviceAlertNotice {
  display: none;
  position: fixed;
  width: 348px;
  max-width: 90%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  background-color: rgba(0, 0, 0, 0.71);
  color: white;
  font-size: 18px;
  text-align: center;
  line-height: 84px;
  border-radius: 6px;
  z-index: 9999;
  box-sizing: border-box;
}
#serviceAlertNotice img {
  position: relative;
  top: 9px;
  width:33px;
  height: 33px;
  object-fit: contain;
  margin-right: 5px;
}
#bellCancel:focus {
  outline: none;
  box-shadow: none; /* 有些瀏覽器會用這個產生藍框 */
}
body .main .store-block-v2 .slick-dots {
  bottom: 10px;
  right: 10px;
  text-align: right;
}
body .main .store-block-v2 .slick-dotted.slick-slider {
  margin-bottom: 20px;
}
body .main .store-block {
  display: flex;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
}
body .main .store-block .layer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 2;
}
body .main .store-block .bg {
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
  background-position: center;
}
body .main .store-block .bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  background: inherit;
  filter: blur(2px);
  z-index: 2;
}
body .main .store-block .bg > div {
  height: 119px;
}
body .main .store-block .photo {
  margin: 24px 16px 24px 16px;
  z-index: 3;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
body .main .store-block .photo img {
  border-radius: 5px;
  object-fit: cover;
  width: 100px;
  height: 100px;
}
body .main .store-block .photo2 {
  margin: 24px 0 24px 24px;
  display: flex;
  flex: 1;
  z-index: 3;
}
body .main .store-block .photo2 img {
  width: 56px;
  height: 56px;
  border-radius: 5px;
  object-fit: cover;
}
body .main .store-block .info {
  margin-top: 24px;
  flex: 2;
  display: flex;
  flex-direction: column;
  padding-top: 12px;
  color: #ffffff;
  z-index: 3;
}
body .main .store-block .info.info-lg {
  flex: 4;
  margin: 24px 24px 24px 0;
}
body .main .store-block .info .title {
  font-size: 20px;
}
body .main .store-block .info .title.title-black {
  color: #000000;
}
body .main .store-block .info .desc {
  font-size: 14px;
}
body .alert {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
body .alert .main {
  width: 90%;
  height: 30%;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
body .alert .main .title {
  font-size: 20px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 0.5rem;
  font-weight: 500;
}
body .alert .main .text {
  padding-top: 0.5rem;
  font-size: 14px;
}
body .alert .main .buttons {
  display: flex;
  margin-top: 10%;
}
body .alert .main .buttons .btn {
  flex: 1;
  border-radius: 4px;
  margin: 0 5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
body .alert .main .buttons .btn.cancel {
  background-color: #fff;
  color: #ff8300;
  border: 1px solid #dedede;
}
body .alert .main .buttons .btn.submit {
  background-color: #ff8300;
  color: #fff;
}
.alert-layer2 {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.alert-layer2 .main {
  width: 90%;
  height: 30%;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.alert-layer2 .main .title {
  font-size: 20px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 0.5rem;
  font-weight: 500;
}
.alert-layer2 .main .text {
  padding-top: 0.5rem;
  font-size: 14px;
}
.alert-layer2 .main .buttons {
  display: flex;
  margin-top: 10%;
}
.alert-layer2 .main .buttons .btn {
  flex: 1;
  border-radius: 4px;
  margin: 0 5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.alert-layer2 .main .buttons .btn.cancel {
  background-color: #fff;
  color: #ff8300;
  border: 1px solid #dedede;
}
.alert-layer2 .main .buttons .btn.submit {
  background-color: #ff8300;
  color: #fff;
}
body .contentBreakLine {
  background-color: #f0f2f8;
  height: 4px;
}

@keyframes fbstyle-loading {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.fbstyle-loading-animat {
  position: relative;
  background-color: #CCC;
  height: 30px;
  animation-name: fbstyle-loading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.line-3-row {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-5-row {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.del-circle-icon {
  color: white;
  background: #cccccc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
}

.order-record-block, .order-unconfirm-record-block, .order-cancel-record-block {
  padding: 20px;
  padding-top: 0;
}
.order-record-block.w-pd-bt, .order-unconfirm-record-block.w-pd-bt, .order-cancel-record-block.w-pd-bt {
  padding-bottom: 90px;
}
.order-record-block .order-freq, .order-unconfirm-record-block .order-freq, .order-cancel-record-block .order-freq {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
.order-record-block .order-freq .title, .order-unconfirm-record-block .order-freq .title, .order-cancel-record-block .order-freq .title {
  font-size: 14pt;
  font-weight: 500;
}
.order-record-block .order-freq .title .num, .order-unconfirm-record-block .order-freq .title .num, .order-cancel-record-block .order-freq .title .num {
  color: #FF8300;
}
.order-record-block .order-freq .title .time, .order-unconfirm-record-block .order-freq .title .time, .order-cancel-record-block .order-freq .title .time {
  font-size: 12pt;
}
.order-record-block .order-freq .desc, .order-unconfirm-record-block .order-freq .desc, .order-cancel-record-block .order-freq .desc {
  font-size: 12pt;
  text-align: right;
}
.order-record-block .order-cart .selMealItem, .order-unconfirm-record-block .order-cart .selMealItem, .order-cancel-record-block .order-cart .selMealItem {
  border: 0;
  border-bottom: 1px solid #ddd;
}

.no-saleid-block, .stop-saleid-block, .checkout-saleid-block, .out-of-store-block, .unknow-location-block {
  display: none;
}
.no-saleid-block .storeName, .stop-saleid-block .storeName, .checkout-saleid-block .storeName, .out-of-store-block .storeName, .unknow-location-block .storeName {
  font-size: 19pt;
  padding: 10px 20px 0 20px;
}

.order, .coupon, .payments {
  background-color: #fff;
}
.order.separate, .order .separate, .coupon.separate, .coupon .separate, .payments.separate, .payments .separate {
  height: 2px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}
.order.gapbetween, .order .gapbetween, .coupon.gapbetween, .coupon .gapbetween, .payments.gapbetween, .payments .gapbetween {
  height: 5px;
  margin-top: 10px;
  background: #f0f2f8;
}
.order .hide, .coupon .hide, .payments .hide {
  display: none;
}
.order .padding, .coupon .padding, .payments .padding {
  padding: 10px 20px;
}
.order .padding input, .coupon .padding input, .payments .padding input {
  border: 0;
  padding: 5px;
  width: 100%;
}
.order .padding textarea, .coupon .padding textarea, .payments .padding textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.order .padding div.title, .coupon .padding div.title, .payments .padding div.title {
  color: #000;
  font-size: 14pt;
  margin-bottom: 15px;
  font-weight: 500;
}
.order .padding .inputItem, .coupon .padding .inputItem, .payments .padding .inputItem {
  padding: 13px 0px;
  border-bottom: 1px solid #ddd;
}
.order .padding .inputItem.v2, .coupon .padding .inputItem.v2, .payments .padding .inputItem.v2 {
  padding: 6px 0px;
  width: 100%;
}
.order .padding .inputItem .inputTitle, .coupon .padding .inputItem .inputTitle, .payments .padding .inputItem .inputTitle {
  padding-top: 6px !important;
  font-size: 12pt;
  white-space: nowrap;
}
.order .padding .inputItem .inputValue > input, .coupon .padding .inputItem .inputValue > input, .payments .padding .inputItem .inputValue > input {
  float: right;
  text-align: right;
}
.order .padding .inputItem .toggleSelect, .coupon .padding .inputItem .toggleSelect, .payments .padding .inputItem .toggleSelect {
  padding: 0;
  margin: 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.order .padding .inputItem .toggleSelect > li, .coupon .padding .inputItem .toggleSelect > li, .payments .padding .inputItem .toggleSelect > li {
  float: left;
  list-style: none;
  padding: 2px 5px;
}
.order .padding .inputItem .toggleSelect > li.select, .coupon .padding .inputItem .toggleSelect > li.select, .payments .padding .inputItem .toggleSelect > li.select {
  color: #fff;
  background-color: #FF8300;
}
.order .padding .inputItem .toggleSelect > li input, .coupon .padding .inputItem .toggleSelect > li input, .payments .padding .inputItem .toggleSelect > li input {
  display: none;
}
.order .padding .inputItem .desc-s, .coupon .padding .inputItem .desc-s, .payments .padding .inputItem .desc-s {
  font-size: 10pt;
  color: #b5b5b5;
}
.order .row, .coupon .row, .payments .row {
  margin: 0;
}
.order .row > div, .coupon .row > div, .payments .row > div {
  padding: 0;
}
.order .fixBottom, .coupon .fixBottom, .payments .fixBottom {
  z-index: 2;
  position: fixed;
  bottom: 0;
  padding: 16px 20px;
  width: 100%;
  max-width: 640px;
  background-color: #fff;
  -moz-box-shadow: 0px -3px 14px #e0e0e0;
  -webkit-box-shadow: 0px -3px 14px #e0e0e0;
  box-shadow: 0px -3px 14px #e0e0e0;
  border-top: 1px solid #e6e6e6;
}
.order .fixBottom .disabledMsg, .coupon .fixBottom .disabledMsg, .payments .fixBottom .disabledMsg {
  background-color: #e2e2e2;
  color: #868686;
  padding: 10px;
  text-align: center;
}
.order .orderStatus-color1, .coupon .orderStatus-color1, .payments .orderStatus-color1 {
  color: #FF6660;
}
.order .orderStatus-color5, .coupon .orderStatus-color5, .payments .orderStatus-color5 {
  color: #58c62e;
}
.order .orderStatus-color6, .coupon .orderStatus-color6, .payments .orderStatus-color6 {
  color: #4A90E2;
}
.order .orderStatus-color7, .coupon .orderStatus-color7, .payments .orderStatus-color7 {
  color: #20AC95;
}
.order .orderStatus-color4, .coupon .orderStatus-color4, .payments .orderStatus-color4 {
  color: #E71324;
}
.order .orderStatus-color72, .order .orderStatus-color74, .order .orderStatus-color75, .coupon .orderStatus-color72, .coupon .orderStatus-color74, .coupon .orderStatus-color75, .payments .orderStatus-color72, .payments .orderStatus-color74, .payments .orderStatus-color75 {
  color: #6B13E7;
}
.order .btnLazyLoad, .coupon .btnLazyLoad, .payments .btnLazyLoad {
  background-color: #ddd;
  color: #999;
  padding: 10px;
  text-align: center;
  margin: 20px 30px;
}
.order .storeMainBanner, .coupon .storeMainBanner, .payments .storeMainBanner {
  display: flex;
}
.order .storeMainBanner .storeName, .coupon .storeMainBanner .storeName, .payments .storeMainBanner .storeName {
  padding-left: 16px;
  font-size: 20px;
  font-weight: 500;
  flex: 1;
  display: flex;
  align-items: center;
}
.order .storeMainBanner .storeImg, .coupon .storeMainBanner .storeImg, .payments .storeMainBanner .storeImg {
  flex-basis: 56px;
  width: 56px;
  height: 56px;
  border-radius: 5px;
  overflow: hidden;
}
.order .storeMainBanner .storeImg img, .coupon .storeMainBanner .storeImg img, .payments .storeMainBanner .storeImg img {
  width: 100%;
  object-fit: cover;
}
.order .storeMainBanner.reverse, .coupon .storeMainBanner.reverse, .payments .storeMainBanner.reverse {
  flex-direction: row-reverse;
}
.order .storeMainBanner.reverse .storeName, .coupon .storeMainBanner.reverse .storeName, .payments .storeMainBanner.reverse .storeName {
  padding-left: 0px;
}
.order .storeMainBanner.reverse .storeImg, .coupon .storeMainBanner.reverse .storeImg, .payments .storeMainBanner.reverse .storeImg {
  margin-left: 16px;
}
.order .storeMainBanner.noimg .storeImg, .coupon .storeMainBanner.noimg .storeImg, .payments .storeMainBanner.noimg .storeImg {
  display: none;
}

.order-menu .line-2-row, .couponSelect .line-2-row, .order-comboMenu .line-2-row, .order-confirm .line-2-row {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-menu .info-block, .order-menu .table-order, .couponSelect .info-block, .couponSelect .table-order, .order-comboMenu .info-block, .order-comboMenu .table-order, .order-confirm .info-block, .order-confirm .table-order {
  font-size: 16px;
}
.order-menu .info-block .storeName, .order-menu .table-order .storeName, .couponSelect .info-block .storeName, .couponSelect .table-order .storeName, .order-comboMenu .info-block .storeName, .order-comboMenu .table-order .storeName, .order-confirm .info-block .storeName, .order-confirm .table-order .storeName {
  font-size: 19pt;
  padding: 20px 20px 0 20px;
}
.order-menu .info-block .btnOpenOrderModal, .order-menu .info-block .btngotoOrder, .order-menu .table-order .btnOpenOrderModal, .order-menu .table-order .btngotoOrder, .couponSelect .info-block .btnOpenOrderModal, .couponSelect .info-block .btngotoOrder, .couponSelect .table-order .btnOpenOrderModal, .couponSelect .table-order .btngotoOrder, .order-comboMenu .info-block .btnOpenOrderModal, .order-comboMenu .info-block .btngotoOrder, .order-comboMenu .table-order .btnOpenOrderModal, .order-comboMenu .table-order .btngotoOrder, .order-confirm .info-block .btnOpenOrderModal, .order-confirm .info-block .btngotoOrder, .order-confirm .table-order .btnOpenOrderModal, .order-confirm .table-order .btngotoOrder {
  color: #FF8300;
  float: right;
  line-height: 40px;
}
.order-menu .info-block .order-total, .order-menu .table-order .order-total, .couponSelect .info-block .order-total, .couponSelect .table-order .order-total, .order-comboMenu .info-block .order-total, .order-comboMenu .table-order .order-total, .order-confirm .info-block .order-total, .order-confirm .table-order .order-total {
  font-size: 24px;
}
.order-menu .info-block .onsite-table, .order-menu .table-order .onsite-table, .order-menu .table-order .onsite-adult, .order-menu .table-order .onsite-child, .couponSelect .info-block .onsite-table, .couponSelect .table-order .onsite-table, .order-comboMenu .info-block .onsite-table, .order-comboMenu .table-order .onsite-table, .order-confirm .info-block .onsite-table, .order-confirm .table-order .onsite-table, .order-confirm .table-order .onsite-adult, .order-confirm .table-order .onsite-child {
  color: #FF8300;
}
.order-menu .info-block .onsite-time, .order-menu .table-order .onsite-time, .couponSelect .info-block .onsite-time, .couponSelect .table-order .onsite-time, .order-comboMenu .info-block .onsite-time, .order-comboMenu .table-order .onsite-time, .order-confirm .info-block .onsite-time, .order-confirm .table-order .onsite-time {
  color: #000000;
}
.order-menu .info-block img.fill-gray, .order-menu .table-order img.fill-gray, .couponSelect .info-block img.fill-gray, .couponSelect .table-order img.fill-gray, .order-comboMenu .info-block img.fill-gray, .order-comboMenu .table-order img.fill-gray, .order-confirm .info-block img.fill-gray, .order-confirm .table-order img.fill-gray {
  filter: invert(58%) sepia(0%) saturate(4384%) hue-rotate(36deg) brightness(98%) contrast(87%);
}
.order-menu .show-prev-order-info, .couponSelect .show-prev-order-info, .order-comboMenu .show-prev-order-info, .order-confirm .show-prev-order-info {
  display: none;
  padding: 6px 10px;
  margin: 0px 20px 10px 20px;
  box-shadow: 0 1px 15px 1px #dddddd;
  border-radius: 5pt;
}
.order-menu .show-prev-order-info .btnGotoPrevSale, .couponSelect .show-prev-order-info .btnGotoPrevSale, .order-comboMenu .show-prev-order-info .btnGotoPrevSale, .order-confirm .show-prev-order-info .btnGotoPrevSale {
  color: #FF8300;
  font-size: 16px;
  line-height: 50px;
  white-space: nowrap;
}
.order-menu .show-prev-order-info .title, .couponSelect .show-prev-order-info .title, .order-comboMenu .show-prev-order-info .title, .order-confirm .show-prev-order-info .title {
  font-size: 18px;
  font-weight: bold;
}
.order-menu .show-prev-order-info .time, .couponSelect .show-prev-order-info .time, .order-comboMenu .show-prev-order-info .time, .order-confirm .show-prev-order-info .time {
  font-size: 12px;
}
.order-menu .errorEvent, .couponSelect .errorEvent, .order-comboMenu .errorEvent, .order-confirm .errorEvent {
  text-align: center;
}
.order-menu .menuNav, .couponSelect .menuNav, .order-comboMenu .menuNav, .order-confirm .menuNav {
  border-bottom: 1px solid #ddd;
  padding: 10px 20px;
}
.order-menu .menuNav.fixed, .couponSelect .menuNav.fixed, .order-comboMenu .menuNav.fixed, .order-confirm .menuNav.fixed {
  position: fixed;
  top: 0;
  width: 100vw;
  max-width: 640px;
  z-index: 1;
  background-color: #fff;
}
.order-menu .menuNav .mealTimes-block, .couponSelect .menuNav .mealTimes-block, .order-comboMenu .menuNav .mealTimes-block, .order-confirm .menuNav .mealTimes-block {
  cursor: pointer;
}
.order-menu .menuNav .mealType, .couponSelect .menuNav .mealType, .order-comboMenu .menuNav .mealType, .order-confirm .menuNav .mealType {
  overflow: hidden;
  min-height: 32px;
  overflow-x: scroll;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  position: relative;
}
.order-menu .menuNav .mealType li, .couponSelect .menuNav .mealType li, .order-comboMenu .menuNav .mealType li, .order-confirm .menuNav .mealType li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  color: #000;
  padding: 4px 10px;
  border-radius: 30px;
}
.order-menu .menuNav .mealType li a, .couponSelect .menuNav .mealType li a, .order-comboMenu .menuNav .mealType li a, .order-confirm .menuNav .mealType li a {
  text-decoration: none;
  color: #000;
}
.order-menu .menuNav .mealType li.active, .couponSelect .menuNav .mealType li.active, .order-comboMenu .menuNav .mealType li.active, .order-confirm .menuNav .mealType li.active {
  color: #fff;
  background-color: #FF8300;
}
.order-menu .menuNav .mealType li.active a, .couponSelect .menuNav .mealType li.active a, .order-comboMenu .menuNav .mealType li.active a, .order-confirm .menuNav .mealType li.active a {
  color: #fff;
}
.order-menu .storeIntroMore, .order-menu .storeNoticeMore, .couponSelect .storeIntroMore, .couponSelect .storeNoticeMore, .order-comboMenu .storeIntroMore, .order-comboMenu .storeNoticeMore, .order-confirm .storeIntroMore, .order-confirm .storeNoticeMore {
  font-size: 12px;
  color: rgb(117, 117, 117);
  cursor: pointer;
  font-size: 12px;
  color: rgb(117, 117, 117);
  cursor: pointer;
}
.order-menu .storeNotice, .couponSelect .storeNotice, .order-comboMenu .storeNotice, .order-confirm .storeNotice {
  width: 100%;
  overflow: hidden;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin: 8px 0;
  cursor: pointer;
}
.order-menu .mealTitle, .couponSelect .mealTitle, .order-comboMenu .mealTitle, .order-confirm .mealTitle {
  font-size: 20px;
  margin-top: 10px;
  padding: 0 5px;
  font-weight: 500;
}
.order-menu .mealTypeList, .couponSelect .mealTypeList, .order-comboMenu .mealTypeList, .order-confirm .mealTypeList {
  padding: 0px 5px 10px 5px;
}
.order-menu .mealTypeList .mealItem, .couponSelect .mealTypeList .mealItem, .order-comboMenu .mealTypeList .mealItem, .order-confirm .mealTypeList .mealItem {
  cursor: pointer;
  padding: 16px 0 16px 0;
  border-bottom: solid 1px #f2f2f2;
}
.order-menu .mealTypeList .mealItem.hasOffPrice .sellingPrice, .couponSelect .mealTypeList .mealItem.hasOffPrice .sellingPrice, .order-comboMenu .mealTypeList .mealItem.hasOffPrice .sellingPrice, .order-confirm .mealTypeList .mealItem.hasOffPrice .sellingPrice {
  color: #ff8300;
}
.order-menu .mealTypeList .mealItem.hasOffPrice .settledPrice, .couponSelect .mealTypeList .mealItem.hasOffPrice .settledPrice, .order-comboMenu .mealTypeList .mealItem.hasOffPrice .settledPrice, .order-confirm .mealTypeList .mealItem.hasOffPrice .settledPrice {
  display: inline;
}
.order-menu .mealTypeList .mealItem > div, .couponSelect .mealTypeList .mealItem > div, .order-comboMenu .mealTypeList .mealItem > div, .order-confirm .mealTypeList .mealItem > div {
  padding: 0;
}
.order-menu .mealTypeList .mealItem .itemStock, .couponSelect .mealTypeList .mealItem .itemStock, .order-comboMenu .mealTypeList .mealItem .itemStock, .order-confirm .mealTypeList .mealItem .itemStock {
  font-size: 14px;
  margin-left: 6px;
  color: rgb(117, 117, 117);
}
.order-menu .mealTypeList .mealItem .settledPrice, .couponSelect .mealTypeList .mealItem .settledPrice, .order-comboMenu .mealTypeList .mealItem .settledPrice, .order-confirm .mealTypeList .mealItem .settledPrice {
  font-size: 14px;
  margin-left: 6px;
  color: rgb(117, 117, 117);
  text-decoration: line-through;
  display: none;
}
.order-menu .mealTypeList .mealItem .mealPic, .couponSelect .mealTypeList .mealItem .mealPic, .order-comboMenu .mealTypeList .mealItem .mealPic, .order-confirm .mealTypeList .mealItem .mealPic {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 1px solid #ddd;
  border-radius: 5pt;
  float: right;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
}
.order-menu .mealTypeList .mealItem.item-disabled, .couponSelect .mealTypeList .mealItem.item-disabled, .order-comboMenu .mealTypeList .mealItem.item-disabled, .order-confirm .mealTypeList .mealItem.item-disabled {
  color: #c3c3c3;
}
.order-menu .mealTypeList .mealItem.item-disabled .mealPic, .couponSelect .mealTypeList .mealItem.item-disabled .mealPic, .order-comboMenu .mealTypeList .mealItem.item-disabled .mealPic, .order-confirm .mealTypeList .mealItem.item-disabled .mealPic {
  opacity: 0.2;
}
.order-menu .mealTypeList .mealItem.item-disabled .itemStock, .order-menu .mealTypeList .mealItem.item-disabled .settledPrice, .order-menu .mealTypeList .mealItem.item-disabled .sellingPrice, .couponSelect .mealTypeList .mealItem.item-disabled .itemStock, .couponSelect .mealTypeList .mealItem.item-disabled .settledPrice, .couponSelect .mealTypeList .mealItem.item-disabled .sellingPrice, .order-comboMenu .mealTypeList .mealItem.item-disabled .itemStock, .order-comboMenu .mealTypeList .mealItem.item-disabled .settledPrice, .order-comboMenu .mealTypeList .mealItem.item-disabled .sellingPrice, .order-confirm .mealTypeList .mealItem.item-disabled .itemStock, .order-confirm .mealTypeList .mealItem.item-disabled .settledPrice, .order-confirm .mealTypeList .mealItem.item-disabled .sellingPrice {
  color: #c3c3c3;
}
.order-menu .mealTypeList .mealItem.item-disabled pre, .couponSelect .mealTypeList .mealItem.item-disabled pre, .order-comboMenu .mealTypeList .mealItem.item-disabled pre, .order-confirm .mealTypeList .mealItem.item-disabled pre {
  color: #c3c3c3;
}
.order-menu .selMealTimeList .mealTimeItem, .couponSelect .selMealTimeList .mealTimeItem, .order-comboMenu .selMealTimeList .mealTimeItem, .order-confirm .selMealTimeList .mealTimeItem {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.order-menu .selMealTimeList .mealTimeItem > div:nth-child(2), .couponSelect .selMealTimeList .mealTimeItem > div:nth-child(2), .order-comboMenu .selMealTimeList .mealTimeItem > div:nth-child(2), .order-confirm .selMealTimeList .mealTimeItem > div:nth-child(2) {
  color: #5FB404;
}
.order-menu .selMealTimeList .mealTimeItem > div:nth-child(3), .couponSelect .selMealTimeList .mealTimeItem > div:nth-child(3), .order-comboMenu .selMealTimeList .mealTimeItem > div:nth-child(3), .order-confirm .selMealTimeList .mealTimeItem > div:nth-child(3) {
  color: #b9b9b9;
}
.order-menu .chooseMealType, .couponSelect .chooseMealType, .order-comboMenu .chooseMealType, .order-confirm .chooseMealType {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  margin-top: 15px;
}
.order-menu .chooseMealType #OrderTypeTakeout.addMargin, .couponSelect .chooseMealType #OrderTypeTakeout.addMargin, .order-comboMenu .chooseMealType #OrderTypeTakeout.addMargin, .order-confirm .chooseMealType #OrderTypeTakeout.addMargin {
  margin-left: 16px;
}
.order-menu .chooseMealType .sel-type-item, .order-menu .chooseMealType #OrderDisabled, .couponSelect .chooseMealType .sel-type-item, .couponSelect .chooseMealType #OrderDisabled, .order-comboMenu .chooseMealType .sel-type-item, .order-comboMenu .chooseMealType #OrderDisabled, .order-confirm .chooseMealType .sel-type-item, .order-confirm .chooseMealType #OrderDisabled {
  cursor: pointer;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
  text-align: center;
  flex: 1;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
}
.order-menu .chooseMealType .sel-type-item.selected, .order-menu .chooseMealType #OrderDisabled.selected, .couponSelect .chooseMealType .sel-type-item.selected, .couponSelect .chooseMealType #OrderDisabled.selected, .order-comboMenu .chooseMealType .sel-type-item.selected, .order-comboMenu .chooseMealType #OrderDisabled.selected, .order-confirm .chooseMealType .sel-type-item.selected, .order-confirm .chooseMealType #OrderDisabled.selected {
  color: #FF8300;
  border: 1px solid #FF8300;
}
.order-menu .chooseMealType .sel-type-item.selected .takeout-icon, .order-menu .chooseMealType #OrderDisabled.selected .takeout-icon, .couponSelect .chooseMealType .sel-type-item.selected .takeout-icon, .couponSelect .chooseMealType #OrderDisabled.selected .takeout-icon, .order-comboMenu .chooseMealType .sel-type-item.selected .takeout-icon, .order-comboMenu .chooseMealType #OrderDisabled.selected .takeout-icon, .order-confirm .chooseMealType .sel-type-item.selected .takeout-icon, .order-confirm .chooseMealType #OrderDisabled.selected .takeout-icon {
  background: #fff url("../../images/orderv2/takeout-hover.svg") no-repeat center center;
  background-size: cover;
  width: 36px;
  height: 36px;
}
.order-menu .chooseMealType .sel-type-item.selected .onsite-icon, .order-menu .chooseMealType #OrderDisabled.selected .onsite-icon, .couponSelect .chooseMealType .sel-type-item.selected .onsite-icon, .couponSelect .chooseMealType #OrderDisabled.selected .onsite-icon, .order-comboMenu .chooseMealType .sel-type-item.selected .onsite-icon, .order-comboMenu .chooseMealType #OrderDisabled.selected .onsite-icon, .order-confirm .chooseMealType .sel-type-item.selected .onsite-icon, .order-confirm .chooseMealType #OrderDisabled.selected .onsite-icon {
  background: #fff url("../../images/orderv2/onsite-hover.svg") no-repeat center center;
  background-size: cover;
  width: 36px;
  height: 36px;
}
.order-menu .chooseMealType .sel-type-item .takeout-icon, .order-menu .chooseMealType #OrderDisabled .takeout-icon, .couponSelect .chooseMealType .sel-type-item .takeout-icon, .couponSelect .chooseMealType #OrderDisabled .takeout-icon, .order-comboMenu .chooseMealType .sel-type-item .takeout-icon, .order-comboMenu .chooseMealType #OrderDisabled .takeout-icon, .order-confirm .chooseMealType .sel-type-item .takeout-icon, .order-confirm .chooseMealType #OrderDisabled .takeout-icon {
  background: #fff url("../../images/orderv2/takeout.svg") no-repeat center center;
  background-size: cover;
  width: 36px;
  height: 36px;
}
.order-menu .chooseMealType .sel-type-item .onsite-icon, .order-menu .chooseMealType #OrderDisabled .onsite-icon, .couponSelect .chooseMealType .sel-type-item .onsite-icon, .couponSelect .chooseMealType #OrderDisabled .onsite-icon, .order-comboMenu .chooseMealType .sel-type-item .onsite-icon, .order-comboMenu .chooseMealType #OrderDisabled .onsite-icon, .order-confirm .chooseMealType .sel-type-item .onsite-icon, .order-confirm .chooseMealType #OrderDisabled .onsite-icon {
  background: #fff url("../../images/orderv2/onsite.svg") no-repeat center center;
  background-size: cover;
  width: 36px;
  height: 36px;
}
.order-menu .modalMenu, .couponSelect .modalMenu, .order-comboMenu .modalMenu, .order-confirm .modalMenu {
  opacity: 0.5;
  background-color: gray;
  z-index: 2;
  display: none;
}
.order-menu .fixBottom, .couponSelect .fixBottom, .order-comboMenu .fixBottom, .order-confirm .fixBottom {
  max-width: 640px;
  z-index: 3;
}
.order-menu .fixBottom .toggleShowSelectMeal, .couponSelect .fixBottom .toggleShowSelectMeal, .order-comboMenu .fixBottom .toggleShowSelectMeal, .order-confirm .fixBottom .toggleShowSelectMeal {
  cursor: pointer;
  min-width: 130px;
  float: left;
  margin-left: 10px;
}
.order-menu .fixBottom .totalMealCount, .couponSelect .fixBottom .totalMealCount, .order-comboMenu .fixBottom .totalMealCount, .order-confirm .fixBottom .totalMealCount {
  padding: 0px 6px;
  display: inline-block;
  background-color: #fff;
  color: #FF8300;
  font-size: 12pt;
}
.order-menu .fixBottom #totalPrice, .couponSelect .fixBottom #totalPrice, .order-comboMenu .fixBottom #totalPrice, .order-confirm .fixBottom #totalPrice {
  color: #000;
  font-size: 16pt;
}
.order-menu .fixBottom .toggleBottm, .couponSelect .fixBottom .toggleBottm, .order-comboMenu .fixBottom .toggleBottm, .order-confirm .fixBottom .toggleBottm {
  position: absolute;
  left: 10px;
  bottom: 40px;
  color: #929292;
}
.order-menu .fixBottom .disabledMsg, .couponSelect .fixBottom .disabledMsg, .order-comboMenu .fixBottom .disabledMsg, .order-confirm .fixBottom .disabledMsg {
  background-color: #e2e2e2;
  color: #868686;
  padding: 10px;
  text-align: center;
}
.order-menu #orderMealDetailModal, .couponSelect #orderMealDetailModal, .order-comboMenu #orderMealDetailModal, .order-confirm #orderMealDetailModal {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.order-menu #orderMealDetailModal .orderMealList, .couponSelect #orderMealDetailModal .orderMealList, .order-comboMenu #orderMealDetailModal .orderMealList, .order-confirm #orderMealDetailModal .orderMealList {
  max-height: 220px;
  overflow: auto;
}
.order-menu #orderMealDetailModal .btnClearSelMeal, .couponSelect #orderMealDetailModal .btnClearSelMeal, .order-comboMenu #orderMealDetailModal .btnClearSelMeal, .order-confirm #orderMealDetailModal .btnClearSelMeal {
  float: right;
  color: #FF8300;
  cursor: pointer;
}
.order-menu .dubuy, .couponSelect .dubuy, .order-comboMenu .dubuy, .order-confirm .dubuy {
  padding: 20px 20px 10px 20px;
}
.order-menu .dubuy .title, .couponSelect .dubuy .title, .order-comboMenu .dubuy .title, .order-confirm .dubuy .title {
  font-size: 16pt;
}
.order-menu .dubuy .desc, .couponSelect .dubuy .desc, .order-comboMenu .dubuy .desc, .order-confirm .dubuy .desc {
  font-size: 12pt;
}
.order-menu .dubuy .couponList, .couponSelect .dubuy .couponList, .order-comboMenu .dubuy .couponList, .order-confirm .dubuy .couponList {
  margin-top: 10px;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 0;
  padding-bottom: 10px;
  position: relative;
  width: 100%;
}
.order-menu .dubuy .couponList .coupon-item, .couponSelect .dubuy .couponList .coupon-item, .order-comboMenu .dubuy .couponList .coupon-item, .order-confirm .dubuy .couponList .coupon-item {
  position: relative;
  border-radius: 2px;
  margin-right: 10px;
  display: inline-block;
  width: 335px;
  height: 133px;
  background-size: contain;
  background: #fff url("../../images/list_coupon_gray_border.svg") no-repeat center center;
}
.order-menu .dubuy .couponList .coupon-item .coupon-name, .couponSelect .dubuy .couponList .coupon-item .coupon-name, .order-comboMenu .dubuy .couponList .coupon-item .coupon-name, .order-confirm .dubuy .couponList .coupon-item .coupon-name {
  border-bottom: 0;
  padding: 10px 20px;
  white-space: initial;
  font-size: 14pt;
}
.order-menu .dubuy .couponList .coupon-item .coupon-name > div, .couponSelect .dubuy .couponList .coupon-item .coupon-name > div, .order-comboMenu .dubuy .couponList .coupon-item .coupon-name > div, .order-confirm .dubuy .couponList .coupon-item .coupon-name > div {
  min-height: 54px;
}
.order-menu .dubuy .couponList .coupon-item .coupon-name .discount-logo, .couponSelect .dubuy .couponList .coupon-item .coupon-name .discount-logo, .order-comboMenu .dubuy .couponList .coupon-item .coupon-name .discount-logo, .order-confirm .dubuy .couponList .coupon-item .coupon-name .discount-logo {
  background: url("../../images/discount_flag_red.svg") no-repeat center center;
  color: #fff;
  text-align: center;
  position: absolute;
  padding: 2px 16px 25px 16px;
  top: -11px;
  right: -10px;
}
.order-menu .dubuy .couponList .coupon-item .coupon-info, .couponSelect .dubuy .couponList .coupon-item .coupon-info, .order-comboMenu .dubuy .couponList .coupon-item .coupon-info, .order-confirm .dubuy .couponList .coupon-item .coupon-info {
  padding: 15px 20px;
  border-top: 0;
}
.order-menu .dubuy .couponList .coupon-item .coupon-info .coupon-price, .couponSelect .dubuy .couponList .coupon-item .coupon-info .coupon-price, .order-comboMenu .dubuy .couponList .coupon-item .coupon-info .coupon-price, .order-confirm .dubuy .couponList .coupon-item .coupon-info .coupon-price {
  font-size: 16pt;
}
.order-menu .dubuy .couponList .coupon-item .coupon-info .coupon-remain, .couponSelect .dubuy .couponList .coupon-item .coupon-info .coupon-remain, .order-comboMenu .dubuy .couponList .coupon-item .coupon-info .coupon-remain, .order-confirm .dubuy .couponList .coupon-item .coupon-info .coupon-remain {
  font-size: 10pt;
  color: #989898;
}
.order-menu .dubuy .couponList .coupon-item .coupon-info .btnBuyCoupon, .couponSelect .dubuy .couponList .coupon-item .coupon-info .btnBuyCoupon, .order-comboMenu .dubuy .couponList .coupon-item .coupon-info .btnBuyCoupon, .order-confirm .dubuy .couponList .coupon-item .coupon-info .btnBuyCoupon {
  font-size: 12pt;
  padding: 3px 9px;
  width: initial;
  float: right;
}
.order-menu .dubuy .couponList .coupon-item.disabled, .couponSelect .dubuy .couponList .coupon-item.disabled, .order-comboMenu .dubuy .couponList .coupon-item.disabled, .order-confirm .dubuy .couponList .coupon-item.disabled {
  background-color: #ddd;
}

.order-menu .menuContentBreakLine {
  background-color: rgb(240, 242, 248);
  height: 8px;
  margin-top: 16px;
  width: 100%;
}
.order-menu #btnToOrderInfo:active {
  transform: scale(0.96);
}
.order-menu .info-block .storeName {
  font-size: 24px;
  font-weight: 500;
  padding: 0;
}
.order-menu .info-block .storeIntro {
  font-size: 14px;
  margin: 8px 0;
}

.order-cart .selMealItem {
  padding: 10px 0;
}
.order-cart .selMealItem.stockError {
  border-radius: 3px;
  box-shadow: 0em 0em 0 4px white, 0em 0em 0 5px #ff6600;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.order-cart .selMealItem.lock {
  border-radius: 3px;
  box-shadow: 0em 0em 0 4px white, 0em 0em 0 5px #ff6600;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.order-cart .selMealItem .selMealCount {
  position: relative;
  padding: 2px 9px;
  float: left;
  color: #FF8300;
  border: 1px solid #ddd;
}
.order-cart .selMealItem .selMealCount > i {
  position: absolute;
  top: 4px;
  color: #b1b1b1;
  font-size: 16pt;
  left: 8px;
  display: none;
}
.order-cart .selMealItem > div:nth-child(1) {
  padding: 0;
}
.order-cart .selMealItem > div:nth-child(2) > div:nth-child(1) {
  font-size: 14pt;
}
.order-cart .selMealItem > div:nth-child(2) > div:nth-child(2) {
  color: #a7a7a7;
}
.order-cart .selMealItem > div:nth-child(4) {
  padding: 10px;
  color: #fb8484;
  font-size: 14pt;
  text-align: center;
  width: 0;
}
.order-cart .selMealItem .selMealCountNumber {
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  color: #FF8300;
  border: 1px solid #ddd;
}
.order-cart .selMealItem .selMealCountAdjust {
  position: relative;
}
.order-cart .selMealItem .selMealCountAdjust > div:nth-child(2) > div:nth-child(1) {
  font-size: 14pt;
}
.order-cart .selMealItem .selMealCountAdjust > div:nth-child(2) > div:nth-child(2) {
  color: #a7a7a7;
}
.order-cart .selMealItem .selMealCountAdjust > div:nth-child(4) {
  padding: 10px;
  color: #fb8484;
  font-size: 14pt;
  text-align: center;
  width: 0;
}

#deliveryAddressPop {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #FFF;
  z-index: 5;
  overflow-y: auto;
  padding-bottom: 80px;
  max-width: 640px;
  margin: auto;
}
#deliveryAddressPop #deliveryFeeInside {
  padding: 12px 6px;
  display: flex;
}
#deliveryAddressPop #deliveryFeeInside img {
  margin-right: 8px;
}
#deliveryAddressPop #deliveryFeeInside #txtDistanceDisplayInside {
  padding: 0 6px;
}
#deliveryAddressPop #deliveryFeeInside #txtFeeDisplayInside {
  color: rgb(255, 131, 0);
  padding: 0 6px;
}
#deliveryAddressPop .fixBottom {
  z-index: 5;
  position: fixed;
  bottom: 0;
  padding: 16px 20px;
  width: 100%;
  background-color: #fff;
  -moz-box-shadow: 0px -3px 14px #e0e0e0;
  -webkit-box-shadow: 0px -3px 14px #e0e0e0;
  box-shadow: 0px -3px 14px #e0e0e0;
  border-top: 1px solid #e6e6e6;
}
#deliveryAddressPop .address-search-back {
  background: url("../../images/action_close_outline_gray_32.svg") no-repeat center center;
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  left: 0;
}
#deliveryAddressPop .address-search-area {
  display: flex;
  position: relative;
  flex-direction: column;
}
#deliveryAddressPop .address-search-area #delivery_error {
  color: rgb(255, 0, 0);
  margin: 0 20px;
  align-items: center;
}
#deliveryAddressPop .address-search-area #delivery_error:before {
  background: url("../../images/ic_warning_red_20px.svg") no-repeat center center;
  width: 32px;
  height: 32px;
  content: "";
}
#deliveryAddressPop .address-search-area .address-search-bar, #deliveryAddressPop .address-search-area #address-more-info {
  margin: 0 20px;
  position: relative;
}
#deliveryAddressPop .address-search-area .address-search-bar input {
  width: 100%;
  height: 48px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding-left: 36px;
  padding-right: 36px;
}
#deliveryAddressPop .address-search-area #address-more-info input {
  width: 100%;
  height: 48px;
  margin: 0px 0;
  border: 1px solid #E5E5E5;
  padding-left: 10px;
  padding-right: 10px;
}
#deliveryAddressPop .address-search-area #address-more-info input#address-floor {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: none;
}
#deliveryAddressPop .address-search-area #address-more-info input#address-note {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#deliveryAddressPop .address-search-area .address-search-bar-icon {
  background: url("../../images/ic_location_orange_24.svg") no-repeat center center;
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#deliveryAddressPop .address-search-area .address-search-bar-clear {
  background: url("../../images/action_close_outline_gray_32.svg") no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.6;
  display: none;
  z-index: 1;
}
#deliveryAddressPop #map {
  padding-bottom: 100%;
  margin: 20px;
  border-radius: 5px;
  display: none;
}
#deliveryAddressPop .autocomplete-input-container {
  z-index: 1;
  width: 100%;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-input {
  text-align: center;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results {
  margin: 0 auto;
  top: 50px;
  right: 0;
  left: 0;
  position: absolute;
  display: none;
  background-color: white;
  padding: 0;
  list-style-type: none;
  margin: 0 auto;
  box-sizing: border-box;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-item, #deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-hint-item {
  padding: 5px 5px 5px 5px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 0 20px;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-item {
  border-bottom: 1px solid #d9d9d9;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-item:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-item:hover .autocomplete-icon.icon-localities {
  background-image: url(/public/images/store_location_gray_24.svg);
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-hint-item .icon-warn {
  background: url(/public/images/ic_warning_red_20px.svg) no-repeat center center;
  margin-right: 8px;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-hint-item {
  color: rgb(255, 0, 0);
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-icon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-icon.icon-localities {
  background-image: url(/public/images/store_location_gray_24.svg);
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-info {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-info > span:nth-of-type(1) {
  font-weight: 500;
}
#deliveryAddressPop .autocomplete-input-container .autocomplete-results .autocomplete-info > span:nth-of-type(2) {
  font-size: 14px;
}

.order-main .line-3-row {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-main .storeName {
  font-size: 24px;
  font-weight: 500;
}
.order-main .storeIntro {
  font-size: 14px;
  margin: 8px 0;
  cursor: pointer;
}
.order-main .storeIntroMore, .order-main .storeNoticeMore {
  font-size: 12px;
  color: rgb(117, 117, 117);
  cursor: pointer;
  font-size: 12px;
  color: rgb(117, 117, 117);
  cursor: pointer;
}
.order-main .storeNotice {
  width: 100%;
  overflow: hidden;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin: 8px 0;
  cursor: pointer;
}
.order-main .padding #txtDatetime {
  width: 235px;
}
.order-main .padding .orderType {
  display: flex;
  justify-content: space-between;
}
.order-main .padding .orderTypeMenu {
  cursor: pointer;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
  text-align: center;
  flex: 1;
  padding: 13px;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
}
.order-main .padding .orderTypeMenu.select {
  color: #FF8300;
  border: 2px solid #FF8300;
}
.order-main .padding .orderTypeMenu.select .orderType3-img {
  background: url("../../images/order_select_for_here_orange_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .orderTypeMenu.select .orderType2-img {
  background: url("../../images/order_select_delivery_orange_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .orderTypeMenu.select .orderType1-img {
  background: url("../../images/order_select_togo_orange_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .orderTypeMenu .orderType3-img {
  width: 36px;
  height: 36px;
  background: url("../../images/order_select_for_here_black_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .orderTypeMenu .orderType2-img {
  width: 36px;
  height: 36px;
  background: url("../../images/order_select_delivery_black_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .orderTypeMenu .orderType1-img {
  width: 36px;
  height: 36px;
  background: url("../../images/order_select_togo_black_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .tableType {
  display: flex;
  justify-content: space-between;
  margin: auto;
}
.order-main .padding .tableTypeMenu {
  cursor: pointer;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
  text-align: center;
  flex: 1;
  padding: 13px;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
}
.order-main .padding .tableTypeMenu.select {
  color: #FF8300;
  border: 2px solid #FF8300;
}
.order-main .padding .tableTypeMenu.select .tableType2-img {
  background: url("../../images/order_select_delivery_car_orange_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .tableTypeMenu.select .tableType1-img {
  background: url("../../images/order_select_togo_orange_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .tableTypeMenu .tableType2-img {
  width: 68px;
  height: 36px;
  background: url("../../images/order_select_delivery_car_black_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding .tableTypeMenu .tableType1-img {
  width: 36px;
  height: 36px;
  background: url("../../images/order_select_togo_black_56.svg") no-repeat center center;
  background-size: cover;
}
.order-main .padding div.inputBorder {
  border: 1px solid #ddd;
  border-radius: 5pt;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 9px 5px;
}
.order-main .padding div.inputBorder input, .order-main .padding div.inputBorder #txtOrderAddress {
  width: 100%;
  text-align: left;
  padding-left: 3px;
}
.order-main .padding div.inputBorder input.empty, .order-main .padding div.inputBorder #txtOrderAddress.empty {
  color: rgb(155, 155, 155);
}
.order-main .padding .desc-s {
  font-size: 10pt;
  color: #b5b5b5;
}
.order-main #btnStartToOrder:active {
  transform: scale(0.96);
}
.order-main #deliveryFee {
  padding: 12px 6px 0 6px;
  display: flex;
}
.order-main #deliveryFee img {
  margin-right: 8px;
}
.order-main #deliveryFee #txtDistanceDisplay {
  padding: 0 6px;
}
.order-main #deliveryFee #txtFeeDisplay {
  color: rgb(255, 131, 0);
  padding: 0 6px;
}

.order-dish #btnAddToCombo:active,
.order-dish #btnAddToCard:active {
  transform: scale(0.96);
}
.order-dish .line-3-row {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-dish input[type=text] {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.order-dish .topDishPic {
  overflow: hidden;
  padding-bottom: 75%;
  max-width: 640px;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
}
.order-dish .topDishPic.withoutGrad {
  padding-bottom: 0;
}
.order-dish .topDishPic .gradDiv {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 90px;
  background: -webkit-gradient(linear, 17% 65%, 17% 0%, from(transparent), to(#232121));
}
.order-dish .topDishPic .gradDiv.withoutGrad {
  background: transparent;
}
.order-dish .topDishPic .gradDiv.fixed {
  position: fixed;
  top: 0;
  width: 100vw;
  max-width: 640px;
  height: 60px;
  z-index: 1;
  opacity: 0.7;
}
.order-dish .topDishPic .btnCloseModal {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  left: 20px;
  top: 10px;
  font-size: 20pt;
  color: #fff;
  margin-top: 8px;
}
.order-dish .dishName {
  font-size: 22pt;
  padding: 10px 20px;
}
.order-dish .dishPrice {
  font-size: 20px;
}
.order-dish .dishSettledPrice {
  font-size: 14px;
  margin-left: 6px;
  color: rgb(117, 117, 117);
  text-decoration: line-through;
  display: none;
}
.order-dish .dishPriceArea.hasOffPrice .dishSellingPrice {
  color: #ff8300;
}
.order-dish .dishPriceArea.hasOffPrice .dishSettledPrice {
  display: block;
}
.order-dish .dishItemOption {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.order-dish .dishItemOption .settledPrice {
  font-size: 14px;
  margin-right: 6px;
  color: rgb(117, 117, 117);
  text-decoration: line-through;
  display: none;
}
.order-dish .dishItemOption.hasOffPrice .sellingPrice {
  color: #ff8300;
}
.order-dish .dishItemOption.hasOffPrice .settledPrice {
  display: block;
}
.order-dish .dishDesc {
  font-size: 14px;
  padding: 0px 20px;
  cursor: pointer;
}
.order-dish .dishDescMore {
  font-size: 12px;
  color: rgb(117, 117, 117);
  cursor: pointer;
  padding: 0px 20px;
}
.order-dish .dishContentBreakLine {
  background-color: rgb(240, 242, 248);
  height: 4px;
  margin-top: 16px;
}
.order-dish .dishTagGroupDiv {
  padding: 20px;
}
.order-dish .dishTagGroupDiv .dishTagItem {
  padding-bottom: 20px;
}
.order-dish .dishTagGroupDiv .dishTagItem .dItemList {
  border: 1px solid #ddd;
  border-bottom: 0px;
}
.order-dish .dishTagGroupDiv .dishTagItem .dItemList .selTagItem {
  border-bottom: 1px solid #ddd;
  padding: 12px 20px;
}
.order-dish .dishTagGroupDiv .dishTagItem .dItemList .selTagItem > div:nth-child(3) {
  text-align: right;
}
.order-dish .dishTagGroupDiv .dishTagItem .dItemList .selTagItem.disabled {
  color: #bebebe;
}
.order-dish .dishTagGroupDiv .dishTagItem .dItemList .selTagItem.disabled .radio .checkmark,
.order-dish .dishTagGroupDiv .dishTagItem .dItemList .selTagItem.disabled .checkbox .checkmark {
  background-color: #ddd;
  border-color: #ddd;
}
.order-dish .dishTagGroupDiv .dishTagItem .tagTitle {
  font-size: 18px;
  font-weight: 500;
  padding: 8px 12px;
}
.order-dish .dishTagGroupDiv .dishTagItem .tagRequire, .order-dish .dishTagGroupDiv .dishTagItem .tagMax, .order-dish .dishTagGroupDiv .dishTagItem .tagMin {
  float: right;
  padding: 2px 5px;
  font-size: 10pt;
  color: #9B9B9B;
  background-color: #F2F2F2;
}
.order-dish .btnCountSubstract, .order-dish .btnCountAdd {
  padding: 4px;
  border-radius: 2pt;
  border: 2px solid #FF8300;
  color: #FF8300;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: auto;
}
.order-dish .btnCountSubstract.disabled, .order-dish .btnCountAdd.disabled {
  color: #9B9B9B;
  border: 1px solid #E6E6E6;
}

.order-confirm #btnKeepOrder:active, .order-confirm #btnSubmitOrder:not(.disabled):active, .order-checkout #btnKeepOrder:active, .order-checkout #btnSubmitOrder:not(.disabled):active {
  transform: scale(0.96);
}
.order-confirm #delivery_error, .order-confirm #discountCodeInputError, .order-confirm #carrierError, .order-confirm #phoneError, .order-checkout #delivery_error, .order-checkout #discountCodeInputError, .order-checkout #carrierError, .order-checkout #phoneError {
  color: rgb(255, 0, 0);
  align-items: center;
  padding: 6px 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.order-confirm #delivery_error:before, .order-confirm #discountCodeInputError:before, .order-confirm #carrierError:before, .order-confirm #phoneError:before, .order-checkout #delivery_error:before, .order-checkout #discountCodeInputError:before, .order-checkout #carrierError:before, .order-checkout #phoneError:before {
  background: url("../../images/ic_warning_red_20px.svg") no-repeat center center;
  width: 32px;
  height: 32px;
  content: "";
}
.order-confirm #discountCodeInputError, .order-confirm #discountHint, .order-checkout #discountCodeInputError, .order-checkout #discountHint {
  justify-content: flex-start;
}
.order-confirm #discountHint, .order-checkout #discountHint {
  color: rgb(208, 2, 27);
  align-items: center;
  padding: 6px 0px;
  display: flex;
  flex-direction: row;
  font-size: 14px;
}
.order-confirm #discountHint span.discount_hint_icon, .order-checkout #discountHint span.discount_hint_icon {
  color: #FFF;
  background-color: rgb(208, 2, 27);
  padding: 2px 6px;
  border-radius: 2px;
}
.order-confirm #discountHint span.discount_hint_content, .order-checkout #discountHint span.discount_hint_content {
  padding: 2px 6px;
}
.order-confirm #discountCodeInputClear, .order-checkout #discountCodeInputClear {
  background: url("../../images/action_close_outline_gray_32.svg") no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  opacity: 0.6;
  display: none;
  z-index: 1;
}
.order-confirm #discountCodeInputIcon, .order-checkout #discountCodeInputIcon {
  background: url("../../images/store_discount_gray_24.svg") no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  display: none;
  z-index: 1;
}
.order-confirm #discountCodeInputMessage.hint, .order-checkout #discountCodeInputMessage.hint {
  color: rgb(255, 131, 0);
}
.order-confirm .padding, .order-checkout .padding {
  padding: 10px 20px;
}
.order-confirm .padding .gotoModify, .order-confirm .padding .btnSetInvoiceId, .order-checkout .padding .gotoModify, .order-checkout .padding .btnSetInvoiceId {
  color: #FF8300;
}
.order-confirm .padding input[type=text], .order-checkout .padding input[type=text] {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 5px;
}
.order-confirm .btnCountSubstract, .order-confirm .btnCountAdd, .order-checkout .btnCountSubstract, .order-checkout .btnCountAdd {
  border-radius: 2px;
  border: 1px solid #FF8300;
  background: #FF8300;
  color: #FFFFFF;
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-weight: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: auto 0;
}
.order-confirm .btnCountSubstract.disabled, .order-confirm .btnCountAdd.disabled, .order-checkout .btnCountSubstract.disabled, .order-checkout .btnCountAdd.disabled {
  color: rgb(230, 230, 230);
  border: 1px solid rgb(230, 230, 230);
  background: #FFFFFF;
  cursor: alias;
}
.order-confirm .carrierItem, .order-checkout .carrierItem {
  padding: 10px 0;
  font-size: 14pt;
}
.order-confirm .payItem, .order-checkout .payItem {
  padding: 10px 0;
  font-size: 14pt;
}
.order-confirm .btnGotoPayments, .order-checkout .btnGotoPayments {
  font-size: 14pt;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.order-confirm .btnGotoPayments.disabled, .order-checkout .btnGotoPayments.disabled {
  color: #bbb;
}
.order-confirm .btnStoreGoupon, .order-checkout .btnStoreGoupon {
  font-size: 14pt;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.order-confirm .btnStoreGoupon.disabled, .order-checkout .btnStoreGoupon.disabled {
  color: #bbb;
}
.order-confirm .btnStoreGoupon.disabled .useInfo, .order-checkout .btnStoreGoupon.disabled .useInfo {
  display: none;
}

.order-checkout .status-block {
  margin-top: 16px;
}
.order-checkout .status-block .status-block-type {
  display: flex;
  justify-items: center;
  flex-direction: column;
  align-items: center;
}
.order-checkout .status-block .status-block-type .statusName {
  font-size: 30pt;
  font-weight: 500;
}
.order-checkout .status-block .status-block-type .statusDesc {
  font-size: 14px;
  text-align: center;
  color: #757575;
}
.order-checkout .memberCard {
  border: 1px solid #ddd;
  padding: 4px 16px;
  border-radius: 2px;
}
.order-checkout .memberCard .memberCardInfo {
  padding-top: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
.order-checkout .memberCard .memberCardInfo > div {
  display: flex;
  align-items: end;
}
.order-checkout .memberCard .memberCardInfo .cardUserName {
  font-size: 24px;
}
.order-checkout .memberCard .memberCardInfo .cardUserGender {
  font-size: 14px;
  margin-left: 4px;
}
.order-checkout .memberCard .memberCardInfo .cardType, .order-checkout .memberCard .memberCardInfo .cardNo {
  font-size: 12px;
}
.order-checkout .memberCard .memberCardInfo .cardType {
  color: #FFF;
  background-color: #000;
  border-radius: 2px;
  padding: 2px 4px;
  margin-right: 4px;
}
.order-checkout .memberCard .memberCardInfo .cardNo {
  color: #757575;
}
.order-checkout .memberCard .memberCardDetail .memberCardDetailRow {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  align-items: center;
}
.order-checkout .memberCard .memberCardDetail .cardPoint {
  font-size: 24px;
}
.order-checkout .externalMsg {
  color: #757575;
  font-size: 12px;
  padding: 6px 0;
}
.order-checkout .pointUsage {
  border: 1px solid #ddd;
  border-radius: 2px;
}
.order-checkout .pointUsage .pointUsageAmount, .order-checkout .pointUsage .pointUsageDeduct {
  padding: 4px 16px;
}
.order-checkout .pointUsage .pointUsageAmount > div, .order-checkout .pointUsage .pointUsageDeduct > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}
.order-checkout .pointUsage .pointUsageAmount .exchangeAmount, .order-checkout .pointUsage .pointUsageDeduct .exchangeAmount {
  color: #ff8300;
}
.order-checkout .pointUsage .pointUsageAmount .usedMaxPoint, .order-checkout .pointUsage .pointUsageDeduct .usedMaxPoint {
  background-color: #ff8300;
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 14px;
  margin-left: 4px;
  flex: none;
  display: flex;
  align-items: center;
}
.order-checkout .pointUsage .pointUsageAmount .usedPoint, .order-checkout .pointUsage .pointUsageDeduct .usedPoint {
  text-align: right;
}
.order-checkout .pointUsage .pointUsageAmount .usedPoint.disabled, .order-checkout .pointUsage .pointUsageAmount .usedPoint.isZero, .order-checkout .pointUsage .pointUsageDeduct .usedPoint.disabled, .order-checkout .pointUsage .pointUsageDeduct .usedPoint.isZero {
  color: #9b9b9b;
}
.order-checkout .pointUsage .pointUsageDeduct {
  border-bottom: 1px solid #ddd;
}
.order-checkout .pointInfo .title.row-title {
  display: flex;
  justify-content: space-between;
}

.order-info .infoContentBreakLine, .order-saleInfo .infoContentBreakLine {
  background-color: rgb(240, 242, 248);
  height: 4px;
  margin-top: 16px;
}
.order-info .direct-contract-block, .order-saleInfo .direct-contract-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.order-info .direct-contract-block .direct-contract-btn, .order-saleInfo .direct-contract-block .direct-contract-btn {
  cursor: pointer;
  padding: 12px;
  margin: 16px auto 8px;
  border-radius: 2px;
  border: 1px solid #ddd;
  width: 100%;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
  color: #000;
}
.order-info .status-block, .order-saleInfo .status-block {
  margin-top: 16px;
}
.order-info .status-block .status-block-type, .order-saleInfo .status-block .status-block-type {
  display: flex;
  justify-items: center;
  flex-direction: column;
  align-items: center;
}
.order-info .status-block .status-block-type .statusName, .order-saleInfo .status-block .status-block-type .statusName {
  font-size: 20px;
  font-weight: 500;
}
.order-info .status-block .status-block-type .statusDesc, .order-info .status-block .status-block-type .orderCode, .order-saleInfo .status-block .status-block-type .statusDesc, .order-saleInfo .status-block .status-block-type .orderCode {
  font-size: 14px;
  text-align: center;
}
.order-info .status-block .status-block-type .adjustTime, .order-info .status-block .status-block-type .statusCountDown, .order-info .status-block .status-block-type .showQRCODE, .order-saleInfo .status-block .status-block-type .adjustTime, .order-saleInfo .status-block .status-block-type .statusCountDown, .order-saleInfo .status-block .status-block-type .showQRCODE {
  color: #FF8300;
}
.order-info .status-block .status-block-type .status-confirm-area, .order-saleInfo .status-block .status-block-type .status-confirm-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.order-info .status-block .status-block-type .status-confirm, .order-saleInfo .status-block .status-block-type .status-confirm {
  cursor: pointer;
  padding: 12px;
  margin: 16px auto 8px;
  border-radius: 2px;
  border: 1px solid #ddd;
  width: 150px;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
}
.order-info .status-block .status-block-type .status-confirm#adjustTimeConfirm, .order-info .status-block .status-block-type .status-confirm#adjustTimeCancel, .order-saleInfo .status-block .status-block-type .status-confirm#adjustTimeConfirm, .order-saleInfo .status-block .status-block-type .status-confirm#adjustTimeCancel {
  width: 120px;
}
.order-info .status-block .status-block-type .status-confirm#adjustTimeConfirm, .order-saleInfo .status-block .status-block-type .status-confirm#adjustTimeConfirm {
  margin-left: 8px;
}
.order-info .status-block .status-block-type .status-confirm.disabled, .order-saleInfo .status-block .status-block-type .status-confirm.disabled {
  background: #ddd;
  opacity: 0.3;
}
.order-info .status-block .status-block-type .orderInfoTime, .order-saleInfo .status-block .status-block-type .orderInfoTime {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.order-info .status-block .status-block-type .orderInfoTime .bookTakeTime, .order-saleInfo .status-block .status-block-type .orderInfoTime .bookTakeTime {
  font-size: 20px;
  font-weight: 500;
}
.order-info .progress-bar-container, .order-saleInfo .progress-bar-container {
  width: 100%;
  display: flex;
}
.order-info .progress-bar-container .progress-bar, .order-saleInfo .progress-bar-container .progress-bar {
  flex: 1;
  background-color: rgb(218, 218, 218);
  height: 5px;
  margin: 8px 2px;
  border-radius: 5px;
  overflow: hidden;
}
.order-info .progress-bar-container .progress-bar span, .order-saleInfo .progress-bar-container .progress-bar span {
  background: #FF8300;
  height: 100%;
}
.order-info .btnShowQRCode, .order-saleInfo .btnShowQRCode {
  border-radius: 3px;
  color: #FF8300;
  border: 2px solid #FF8300;
  background-color: #fff;
  margin: 8px 0;
}
.order-info #modalBarCode, .order-saleInfo #modalBarCode {
  text-align: center;
}
.order-info .coupon-content .totalAmount, .order-info .coupon-content .couponAmount, .order-info .coupon-content .deliveryAmount, .order-info .coupon-content .minChargeAmount, .order-saleInfo .coupon-content .totalAmount, .order-saleInfo .coupon-content .couponAmount, .order-saleInfo .coupon-content .deliveryAmount, .order-saleInfo .coupon-content .minChargeAmount {
  text-align: right;
}
.order-info .coupon-content .couponAmount, .order-saleInfo .coupon-content .couponAmount {
  color: #FE8300;
}

.order-list .orderType {
  padding: 0;
  margin: 0;
  margin-left: 15px;
  overflow: hidden;
}
.order-list .orderType li {
  list-style: none;
  float: left;
  padding: 10px 5px;
  margin-left: 10px;
}
.order-list .orderType li.select {
  color: #FF8300;
  border-bottom: 5px solid #FF8300;
}
.order-list .orderType li .alert-msg {
  color: #fff;
  background-color: red;
  border-radius: 20px;
  padding: 0 10px;
  float: right;
  line-height: 24px;
  font-size: 11pt;
  margin-left: 10px;
  display: none;
}
.order-list .content {
  display: none;
}
.order-list .content.select {
  display: block;
}
.order-list .content .order-item {
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  cursor: pointer;
}
.order-list .content .order-item .context {
  padding: 10px;
}
.order-list .content .order-item .context .itemTitle {
  font-size: 14pt;
}
.order-list .content .order-item .context .orderStatus {
  font-size: 14pt;
}
.order-list .content .order-item .order-content > div:nth-child(2), .order-list .content .order-item .order-content > div:nth-child(3) {
  font-size: 12pt;
  margin: 5px 0;
}
.order-list .content .order-item .amount {
  float: right;
}
.order-list .content .order-item .storePic {
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 5pt;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
}

.order-entry #orderTypeSelectArea #orderTypeSelect {
  display: flex;
}
.order-entry #orderTypeSelectArea #orderTypeSelect > div {
  padding: 6px 16px;
  border: 1px solid rgba(229, 229, 229, 0.8);
  margin-right: 6px;
  color: #9b9b9b;
}
.order-entry #orderTypeSelectArea #orderTypeSelect > div.active {
  border: 1px solid #ff8300;
  color: #ff8300;
}
.order-entry #listMore {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff8300;
  color: #ff8300;
  padding: 16px 0;
  margin: 16px 20px;
  font-weight: 600;
}
.order-entry #store_data_processed .list-item {
  cursor: pointer;
  padding: 10px 0 10px 0;
}
.order-entry #store_data_processed .list-item > div {
  padding: 0;
  min-height: 100px;
}
.order-entry #store_data_processed .list-item .list-item-info {
  flex: 1;
  padding-left: 20px;
  font-size: 14px;
}
.order-entry #store_data_processed .list-item .list-item-info .info-store-name {
  font-size: 18px;
  font-weight: 500;
}
.order-entry #store_data_processed .list-item .list-item-info .info-store-types {
  background: rgb(62, 62, 67);
  color: #fff;
  border-radius: 3px;
  padding: 2px 4px;
  display: inline-block;
}
.order-entry #store_data_processed .list-item .list-item-info .info-store-distance {
  font-size: 14px;
}
.order-entry #store_data_processed .list-item .list-item-img {
  flex-basis: 100px;
}
.order-entry #store_data_processed .list-item .list-item-img .mealPic {
  position: absolute;
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 5pt;
  float: right;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
}

.order-saleInfo .container {
  max-width: none !important;
}
.order-saleInfo .container .feeItem {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14pt;
  margin-top: 10px;
}
.order-saleInfo .container .progress-bar-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-saleInfo .container .progress-bar-container .status-confirm {
  cursor: pointer;
  padding: 12px;
  margin: 16px auto 8px;
  border-radius: 2px;
  border: 1px solid #ddd;
  width: 150px;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
}
.order-saleInfo .container .progress-bar-container .status-confirm#adjustTimeConfirm, .order-saleInfo .container .progress-bar-container .status-confirm#adjustTimeCancel {
  width: 120px;
}
.order-saleInfo .container .progress-bar-container .status-confirm#adjustTimeConfirm {
  margin-left: 8px;
}
.order-saleInfo .container .progress-bar-container .status-confirm.disabled {
  background: #ddd;
  opacity: 0.3;
}
.order-saleInfo .container .progress-bar-container .statusCountDown {
  color: #FF8300;
}

.order-comboMenu #btnReturnCombo:active {
  transform: scale(0.96);
}
.order-comboMenu .comboTitle {
  font-size: 18px;
  font-weight: 500;
  padding: 16px 12px 2px 12px;
}
.order-comboMenu .comboTitle > span {
  font-weight: 500;
}

.order-combo #btnAddToCard:active, .order-combo-labels #btnAddToCard:active {
  transform: scale(0.96);
}
.order-combo .topComboPic, .order-combo-labels .topComboPic {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
  padding-bottom: 75%;
}
.order-combo .topComboPic.withoutGrad, .order-combo-labels .topComboPic.withoutGrad {
  padding-bottom: 0;
}
.order-combo .topComboPic .gradDiv, .order-combo-labels .topComboPic .gradDiv {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 90px;
  background: -webkit-gradient(linear, 17% 65%, 17% 0%, from(transparent), to(#232121));
}
.order-combo .topComboPic .gradDiv.withoutGrad, .order-combo-labels .topComboPic .gradDiv.withoutGrad {
  background: transparent;
}
.order-combo .topComboPic .gradDiv.fixed, .order-combo-labels .topComboPic .gradDiv.fixed {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 60px;
  max-width: 640px;
  z-index: 1;
  opacity: 0.7;
}
.order-combo .topComboPic .btnCloseModal, .order-combo-labels .topComboPic .btnCloseModal {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 10px;
  font-size: 20pt;
  color: #fff;
  margin-top: 8px;
}
.order-combo .comboName, .order-combo-labels .comboName {
  font-size: 24px;
  padding: 10px 20px;
}
.order-combo .comboPrice.comboSellingPrice, .order-combo-labels .comboPrice.comboSellingPrice {
  font-size: 20px;
}
.order-combo .comboSettledPrice, .order-combo-labels .comboSettledPrice {
  font-size: 14px;
  margin-left: 6px;
  color: rgb(117, 117, 117);
  text-decoration: line-through;
  display: none;
}
.order-combo .comboPriceArea.hasOffPrice .comboSellingPrice, .order-combo-labels .comboPriceArea.hasOffPrice .comboSellingPrice {
  color: #ff8300;
}
.order-combo .comboPriceArea.hasOffPrice .comboSettledPrice, .order-combo-labels .comboPriceArea.hasOffPrice .comboSettledPrice {
  display: block;
}
.order-combo .comboDesc, .order-combo-labels .comboDesc {
  font-size: 14px;
  padding: 0px 20px;
}
.order-combo .comboDescMore, .order-combo-labels .comboDescMore {
  font-size: 12px;
  color: rgb(117, 117, 117);
  cursor: pointer;
  padding: 0px 20px;
}
.order-combo .comboContentBreakLine, .order-combo-labels .comboContentBreakLine {
  background-color: rgb(240, 242, 248);
  height: 4px;
  margin-top: 16px;
}
.order-combo .comboTagGroupDiv, .order-combo-labels .comboTagGroupDiv {
  padding: 10px 20px;
}
.order-combo .comboTagGroupDiv .tagRequire, .order-combo .comboTagGroupDiv .tagMax, .order-combo .comboTagGroupDiv .tagMin, .order-combo-labels .comboTagGroupDiv .tagRequire, .order-combo-labels .comboTagGroupDiv .tagMax, .order-combo-labels .comboTagGroupDiv .tagMin {
  float: right;
  padding: 2px 5px;
  font-size: 10pt;
  color: #9B9B9B;
  background-color: #F2F2F2;
}
.order-combo .comboTagGroupDiv .comboTagItem, .order-combo-labels .comboTagGroupDiv .comboTagItem {
  padding-bottom: 20px;
}
.order-combo .comboTagGroupDiv .comboTagItem .comboTitleText, .order-combo-labels .comboTagGroupDiv .comboTagItem .comboTitleText {
  font-weight: 500;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList {
  border: 1px solid #ddd;
  border-bottom: 0px;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem {
  border-bottom: 1px solid #ddd;
  color: #a7a7a7;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control {
  align-items: center;
  justify-content: space-between;
  color: #9B9B9B;
  display: flex;
  padding: 10px 20px 10px 8px;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-top: 10px;
  font-size: 14px;
  position: relative;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control .option_control_remove, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control .option_control_remove, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control .option_control_remove, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control .option_control_remove, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control .option_control_remove, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control .option_control_remove {
  color: rgb(224, 32, 32);
  cursor: pointer;
  padding: 3px;
  font-size: 16px;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control .option_control_multi_index, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control .option_control_multi_index, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control .option_control_multi_index, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control .option_control_multi_index, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control .option_control_multi_index, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control .option_control_multi_index {
  color: #9B9B9B;
  background-color: #F2F2F2;
  padding: 4px 6px;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control::after, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control::after, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control::after, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .option_control::after, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .option_control::after, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .option_control::after {
  content: "";
  position: absolute;
  right: 0;
  width: 18px;
  height: 18px;
  background: url("../../images/ic_arrow_down_gray_18.svg");
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .ordered_item, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .ordered_item, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .ordered_item, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .ordered_item, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .ordered_item, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .ordered_item {
  display: flex;
  align-items: center;
  padding-left: 0px;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .ordered_item .ordered_item_detail, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .ordered_item .ordered_item_detail, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .ordered_item .ordered_item_detail, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .ordered_item .ordered_item_detail, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .ordered_item .ordered_item_detail, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .ordered_item .ordered_item_detail {
  flex: 1;
  padding: 0 12px;
  font-weight: normal;
  font-size: 16px;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .ordered_item .ordered_item_detail .ordered_item_labels, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .ordered_item .ordered_item_detail .ordered_item_labels, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .ordered_item .ordered_item_detail .ordered_item_labels, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem .ordered_item .ordered_item_detail .ordered_item_labels, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem .ordered_item .ordered_item_detail .ordered_item_labels, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem .ordered_item .ordered_item_detail .ordered_item_labels {
  font-weight: normal;
  font-size: 14px;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem > div, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem > div, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem > div, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem > div, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem > div, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem > div {
  padding: 13px 10px;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem > div > span, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem > div > span, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem > div > span, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem > div > span, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem > div > span, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem > div > span {
  color: #a0a0a0;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem > div:nth-child(2), .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem > div:nth-child(2), .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem > div:nth-child(2), .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem > div:nth-child(2), .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem > div:nth-child(2), .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem > div:nth-child(2) {
  text-align: right;
  color: #828282;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.disabled, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.disabled, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.disabled, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.disabled, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.disabled, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.disabled {
  color: #bebebe;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.disabled .radio .checkmark,
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.disabled .checkbox .checkmark, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.disabled .radio .checkmark,
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.disabled .checkbox .checkmark, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.disabled .radio .checkmark,
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.disabled .checkbox .checkmark, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.disabled .radio .checkmark,
.order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.disabled .checkbox .checkmark, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.disabled .radio .checkmark,
.order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.disabled .checkbox .checkmark, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.disabled .radio .checkmark,
.order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.disabled .checkbox .checkmark {
  background-color: #ddd;
  border-color: #ddd;
}
.order-combo .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.set, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.set, .order-combo .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.set, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selDishItem.set, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .fixDishItem.set, .order-combo-labels .comboTagGroupDiv .comboTagItem .dItemList .selLabelItem.set {
  color: #000;
}
.order-combo .comboTagGroupDiv .comboTagItem .fixDishItem, .order-combo .comboTagGroupDiv .comboTagItem .selDishItem, .order-combo-labels .comboTagGroupDiv .comboTagItem .fixDishItem, .order-combo-labels .comboTagGroupDiv .comboTagItem .selDishItem {
  border-bottom: 1px solid #ddd;
  color: #000 !important;
}
.order-combo .comboTagGroupDiv .comboTagItem .comboTitle, .order-combo-labels .comboTagGroupDiv .comboTagItem .comboTitle {
  font-size: 18px;
  font-weight: 500;
  padding: 8px 12px;
}
.order-combo .comboTagGroupDiv .comboTagItem .comboRequire, .order-combo-labels .comboTagGroupDiv .comboTagItem .comboRequire {
  float: right;
  padding: 2px 5px;
  font-size: 10pt;
  color: #9B9B9B;
  background-color: #F2F2F2;
}
.order-combo .comboTagGroupDiv .comboTagItem .comboMultiNum, .order-combo-labels .comboTagGroupDiv .comboTagItem .comboMultiNum {
  float: right;
  padding: 2px 5px;
  font-size: 10pt;
  color: #9B9B9B;
}
.order-combo .btnCountSubstract, .order-combo .btnCountAdd, .order-combo-labels .btnCountSubstract, .order-combo-labels .btnCountAdd {
  padding: 4px;
  border-radius: 2pt;
  border: 2px solid #FF8300;
  color: #FF8300;
  width: 36px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  margin: auto;
}
.order-combo .btnCountSubstract.disabled, .order-combo .btnCountAdd.disabled, .order-combo-labels .btnCountSubstract.disabled, .order-combo-labels .btnCountAdd.disabled {
  color: #9B9B9B;
  border: 1px solid #E6E6E6;
}

.order-combo-labels .comboTagGroupDiv {
  min-height: 100%;
  padding-bottom: 100px;
}

#modalOptionDel .option_control_candidate {
  align-items: center;
  justify-content: space-between;
  color: #9B9B9B;
  display: flex;
  padding: 10px 20px 10px 8px;
  margin-top: 10px;
  font-size: 14px;
  position: relative;
}
#modalOptionDel .option_control_candidate .option_control_remove {
  color: rgb(224, 32, 32);
  cursor: pointer;
  padding: 3px;
  font-size: 16px;
}
#modalOptionDel .option_control_candidate .option_control_multi_index {
  color: #9B9B9B;
  background-color: #F2F2F2;
  padding: 4px 6px;
}

.coupon .payItem {
  line-height: 34px;
}
.coupon .btnShowAllCoupon {
  color: #FF8300 !important;
  padding: 10px 0px;
}
.coupon .coupon-item {
  margin: auto;
  margin-bottom: 10px;
  position: relative;
  width: 320px;
  padding: 10px 10px 0px 10px;
}
.coupon .coupon-item .s-font {
  font-size: 12pt;
}
.coupon .coupon-item .l-font {
  font-size: 14pt;
  height: 55px;
}
.coupon .coupon-item .xs-font {
  font-size: 9pt;
  position: relative;
}
.coupon .coupon-item .btnCouponOrderInfo {
  font-size: 12pt;
  color: #757575;
  display: block;
  float: right;
  padding: 7px;
}
.coupon .coupon-item .btnCouponOrderInfo > i {
  color: #ddd;
}
.coupon .coupon-item.active > img {
  position: absolute;
  left: -7px;
  top: 4px;
}
.coupon .coupon-item.active .store-img {
  float: right;
  background-color: #dddddd;
  background-size: cover;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-top: 10px;
  margin-right: 10px;
}
.coupon .coupon-item.active .btnUse {
  padding: 0px;
  font-size: 12pt;
  line-height: 42px;
}
.coupon .coupon-item.active .coupon-nav {
  padding: 10px 0px;
  margin: auto;
  margin-top: 28px;
  width: 98%;
}
.coupon .coupon-item.expired {
  display: none;
  color: #969696;
  margin-top: 15px;
}
.coupon .coupon-item.expired > img {
  position: absolute;
  left: -8px;
  top: 0px;
}
.coupon .coupon-item.expired .store-img {
  background: url("../../images/coupon_status_expired_gray.svg") no-repeat center center;
  position: absolute;
  text-align: center;
  right: -16px;
  top: -14px;
  width: 60px;
  height: 60px;
}
.coupon .coupon-item.expired .store-img > div {
  padding-top: 7px;
  -moz-transform: skew(17deg, -15deg);
  -webkit-transform: skew(17deg, -15deg);
  -o-transform: skew(17deg, -15deg);
  -ms-transform: skew(17deg, -15deg);
  transform: skew(17deg, -15deg);
}

.order-combo .selTagItem.disabled .number-count-area,
.order-combo .selDishItem.disabled .number-count-area, .order-dish .selTagItem.disabled .number-count-area,
.order-dish .selDishItem.disabled .number-count-area {
  opacity: 0.65;
}
.order-combo .selTagItem.disabled .number-count,
.order-combo .selDishItem.disabled .number-count, .order-dish .selTagItem.disabled .number-count,
.order-dish .selDishItem.disabled .number-count {
  color: rgba(155, 155, 155, 0.4);
  background-color: #eeeeee;
  cursor: not-allowed;
}
.order-combo .number-count, .order-dish .number-count {
  border-radius: 3px;
  border: 1px solid #cccccc;
  color: #9b9b9b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: auto;
  width: 24px;
  height: 24px;
}
.order-combo .number-count.active, .order-dish .number-count.active {
  background-color: #ff8300;
  color: #ffffff;
}
.order-combo .number-text, .order-dish .number-text {
  min-width: 24px;
  padding: 0px 5px;
  text-align: center;
}

.coupon-QRCode {
  background-color: #4C4C4C;
}
.coupon-QRCode .coupon-list .coupon-use {
  margin: 10px 20px;
  background-color: #fff;
}
.coupon-QRCode .QRBlock {
  width: 195px;
  height: 195px;
  background-color: #ddd;
  margin: auto;
  margin-top: 20px;
}
.coupon-QRCode .coupon-store {
  font-size: 14pt;
}
.coupon-QRCode .coupon-name {
  font-size: 16pt;
}
.coupon-QRCode .coupon-expire {
  font-size: 10pt;
}
.coupon-QRCode .coupon-price {
  font-size: 34pt;
  color: #FE8300;
}
.coupon-QRCode .store-img {
  float: right;
  background-color: #dddddd;
  background-size: cover;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.coupon-QRCode .coupon-id {
  text-align: center;
  margin-top: 20px;
}

.coupon-orderInfo .coupon-bg, .coupon-orderBuy .coupon-bg, .coupon-PayInfo .coupon-bg, .couponInfo .coupon-bg, .order-PayInfo .coupon-bg {
  background-size: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
}
.coupon-orderInfo .couponRow, .coupon-orderBuy .couponRow, .coupon-PayInfo .couponRow, .couponInfo .couponRow, .order-PayInfo .couponRow {
  z-index: 3;
  width: 335px;
  margin: auto;
  position: relative;
  padding: 10px 0;
}
.coupon-orderInfo .coupon-item2, .coupon-orderBuy .coupon-item2, .coupon-PayInfo .coupon-item2, .couponInfo .coupon-item2, .order-PayInfo .coupon-item2 {
  width: 335px;
  z-index: 2;
  position: relative;
  background-color: #fff;
  margin: auto;
}
.coupon-orderInfo .coupon-item2 .btnCountSubstract, .coupon-orderInfo .coupon-item2 .btnCountAdd, .coupon-orderBuy .coupon-item2 .btnCountSubstract, .coupon-orderBuy .coupon-item2 .btnCountAdd, .coupon-PayInfo .coupon-item2 .btnCountSubstract, .coupon-PayInfo .coupon-item2 .btnCountAdd, .couponInfo .coupon-item2 .btnCountSubstract, .couponInfo .coupon-item2 .btnCountAdd, .order-PayInfo .coupon-item2 .btnCountSubstract, .order-PayInfo .coupon-item2 .btnCountAdd {
  padding: 4px;
  border-radius: 2pt;
  border: 2px solid #FF8300;
  color: #FF8300;
  width: 36px;
  text-align: center;
  cursor: pointer;
  margin: auto;
  margin-top: 18px;
}
.coupon-orderInfo .coupon-item2 .btnCountSubstract.disabled, .coupon-orderInfo .coupon-item2 .btnCountAdd.disabled, .coupon-orderBuy .coupon-item2 .btnCountSubstract.disabled, .coupon-orderBuy .coupon-item2 .btnCountAdd.disabled, .coupon-PayInfo .coupon-item2 .btnCountSubstract.disabled, .coupon-PayInfo .coupon-item2 .btnCountAdd.disabled, .couponInfo .coupon-item2 .btnCountSubstract.disabled, .couponInfo .coupon-item2 .btnCountAdd.disabled, .order-PayInfo .coupon-item2 .btnCountSubstract.disabled, .order-PayInfo .coupon-item2 .btnCountAdd.disabled {
  color: #9B9B9B;
  border: 1px solid #E6E6E6;
}
.coupon-orderInfo .coupon-name, .coupon-orderBuy .coupon-name, .coupon-PayInfo .coupon-name, .couponInfo .coupon-name, .order-PayInfo .coupon-name {
  border-bottom: 0;
  padding: 10px 20px;
  white-space: initial;
  font-size: 16pt;
  min-height: 60px;
}
.coupon-orderInfo .coupon-name .discount-logo, .coupon-orderBuy .coupon-name .discount-logo, .coupon-PayInfo .coupon-name .discount-logo, .couponInfo .coupon-name .discount-logo, .order-PayInfo .coupon-name .discount-logo {
  background: url("../../images/discount_flag_red.svg") no-repeat center center;
  color: #fff;
  text-align: center;
  position: absolute;
  padding: 2px 16px 25px 16px;
  top: -12px;
  right: -10px;
}

.couponInfo .coupon-item {
  padding: 0;
  position: relative;
  width: 335px;
  bottom: 0;
  z-index: 2;
  top: 0;
  background: transparent url("../../images/coupon_large_white_bg.png") no-repeat center center;
}
.couponInfo .coupon-item .coupon-info {
  padding: 10px 20px;
  border-top: 0;
}
.couponInfo .coupon-item .coupon-info .coupon-price {
  font-size: 16pt;
  color: #FE8300;
}
.couponInfo .coupon-item .coupon-info .coupon-remain {
  font-size: 10pt;
  color: #989898;
}
.couponInfo .coupon-item .coupon-info .btnBuyCoupon {
  font-size: 12pt;
  padding: 3px 9px;
  width: initial;
  float: right;
}
.couponInfo .coupon-limit-msg {
  position: relative;
  z-index: 2;
  color: #fff;
  width: 335px;
  margin: auto;
}

.coupon-orderBuy .coupon-info, .coupon-PayInfo .coupon-info {
  padding: 10px 20px;
  border-top: 0;
}
.coupon-orderBuy .coupon-info .coupon-price, .coupon-PayInfo .coupon-info .coupon-price {
  font-size: 16pt;
  color: #FE8300;
}
.coupon-orderBuy .coupon-info .coupon-remain, .coupon-PayInfo .coupon-info .coupon-remain {
  font-size: 10pt;
  color: #989898;
}
.coupon-orderBuy .coupon-info .btnBuyCoupon, .coupon-PayInfo .coupon-info .btnBuyCoupon {
  font-size: 12pt;
  padding: 3px 9px;
  width: initial;
  float: right;
}
.coupon-orderBuy .btnToCouponDetail, .coupon-PayInfo .btnToCouponDetail {
  position: relative;
  z-index: 2;
  color: #fff;
  width: 137px;
  margin: auto;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 35px;
  text-align: center;
  margin-top: 20px;
}
.coupon-orderBuy .payItem, .coupon-PayInfo .payItem {
  padding: 10px 0;
}
.coupon-orderBuy .title-img, .coupon-PayInfo .title-img {
  width: 48px;
  height: 48px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
}

.payments .pay-list label {
  border: 1px solid #ddd;
  padding: 21px 10px;
  border-radius: 5px;
  margin: 10px;
}
.payments .pay-list label > div {
  line-height: 35px;
  padding-right: 0px;
  padding-left: 0px;
}
.payments .pay-list label > div:nth-child(4) {
  color: #FE8300;
  text-align: right;
  font-size: 12pt;
}

.coupon-PayInfo .coupon-content, .order-PayInfo .coupon-content {
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 3;
  width: 335px;
  margin: auto;
}
.coupon-PayInfo .coupon-content.success .resultPic, .order-PayInfo .coupon-content.success .resultPic {
  width: 56px;
  height: 56px;
  margin: auto;
  background: transparent url("../../images/successful_payment_green_56.png") no-repeat center center;
}
.coupon-PayInfo .coupon-content.fail .resultPic, .order-PayInfo .coupon-content.fail .resultPic {
  width: 100px;
  height: 100px;
  margin: auto;
  background: transparent url("../../images/ic_line_warning_y_100.png") no-repeat center center;
}
.coupon-PayInfo .coupon-content .coupon-item3, .order-PayInfo .coupon-content .coupon-item3 {
  padding: 0;
  height: 124px;
  color: #000;
  position: relative;
  width: 335px;
  text-align: left;
  bottom: 0;
  top: 0;
  background: transparent url("../../images/coupon_white_bg_h128.png") no-repeat center center;
}
.coupon-PayInfo .coupon-content .coupon-item3 .count, .order-PayInfo .coupon-content .coupon-item3 .count {
  color: #FE8300;
}
.coupon-PayInfo .coupon-content .coupon-item3 .title-img, .order-PayInfo .coupon-content .coupon-item3 .title-img {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  background-color: #ddd;
}
.coupon-PayInfo .payInfo, .order-PayInfo .payInfo {
  font-size: 12pt;
}
.coupon-PayInfo .payInfo .total, .order-PayInfo .payInfo .total {
  text-align: right;
  font-size: 32pt;
}

.couponSelect .hide {
  display: none;
}
.couponSelect .coupon-item {
  padding: 0;
}
.couponSelect .couponList {
  padding-bottom: 0 !important;
}
.couponSelect .nav-top {
  color: #fff;
  width: 335px;
  margin: auto;
}
.couponSelect .bg-75 {
  background-color: #757575;
  color: #fff;
}
.couponSelect .bg-white {
  background-color: #fff;
  color: #7d7d7d;
}
.couponSelect .myCoupons {
  padding-bottom: 30px;
}
.couponSelect .myCoupons .myCoupon-item {
  padding: 0;
  height: 124px;
  color: #000;
  position: relative;
  width: 335px;
  margin: auto;
  margin-top: 10px;
  text-align: left;
  background: transparent url("../../images/coupon_white_bg_h128.png") no-repeat center center;
}
.couponSelect .myCoupons .myCoupon-item > div:nth-child(1) {
  padding: 50px 15px;
}
.couponSelect .myCoupons .myCoupon-item .coupon-info {
  padding: 10px;
}
.couponSelect .myCoupons .myCoupon-item .coupon-info > div:nth-child(1) {
  font-size: 12pt;
}
.couponSelect .myCoupons .myCoupon-item .coupon-info > div:nth-child(2) {
  font-size: 16pt;
  height: 60px;
}
.couponSelect .myCoupons .myCoupon-item .coupon-info > div:nth-child(3) {
  font-size: 10pt;
}

.order-needHelp .title-img {
  width: 64px;
  height: 64px;
  background-color: #ddd;
  float: right;
  border-radius: 3px;
}
.order-needHelp .inforow {
  padding: 5px 0px;
  font-size: 12pt;
}
.order-needHelp .title-img {
  background-size: cover;
}

.membercards.member {
  background: #fff;
  min-height: -webkit-fill-available;
}

.membercards-list, .membercards-detail {
  padding: 20px;
}
.membercards-list .membercard, .membercards-detail .membercard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%);
  background-image: linear-gradient(to right, #d7d2cc 0%, #304352 100%);
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  position: relative;
  margin-bottom: 8px;
}
.membercards-list .membercard.card-UI, .membercards-detail .membercard.card-UI {
  justify-content: center;
  padding-bottom: 56.25%;
}
.membercards-list .membercard.card-UI .membercard-content, .membercards-list .membercard.card-UI .membercard-detail, .membercards-detail .membercard.card-UI .membercard-content, .membercards-detail .membercard.card-UI .membercard-detail {
  position: absolute;
}
.membercards-list .membercard.card-UI .membercard-logo, .membercards-detail .membercard.card-UI .membercard-logo {
  width: 60px;
  height: 60px;
}
.membercards-list .membercard .membercard-content, .membercards-list .membercard .membercard-detail, .membercards-detail .membercard .membercard-content, .membercards-detail .membercard .membercard-detail {
  padding: 12px 8px;
}
.membercards-list .membercard .membercard-content, .membercards-detail .membercard .membercard-content {
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.membercards-list .membercard .membercard-detail, .membercards-detail .membercard .membercard-detail {
  bottom: 0;
  right: 0;
  font-size: 14px;
}
.membercards-list .membercard .membercard-point, .membercards-detail .membercard .membercard-point {
  font-size: 20px;
}
.membercards-list .membercard .membercard-title, .membercards-detail .membercard .membercard-title {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  justify-content: center;
}
.membercards-list .membercard .membercard-title .membercard-no, .membercards-detail .membercard .membercard-title .membercard-no {
  font-size: 14px;
  color: rgba(229, 229, 229, 0.8);
}
.membercards-list .membercard .membercard-logo, .membercards-detail .membercard .membercard-logo {
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
}
.membercards-list .membercard .membercard-logo.circle, .membercards-detail .membercard .membercard-logo.circle {
  border-radius: 50%;
}
.membercards-list .membercard .membercard-title, .membercards-detail .membercard .membercard-title {
  font-size: 20px;
}
.membercards-list .membercard-scanner, .membercards-detail .membercard-scanner {
  margin-top: 20px;
}

.membercard-records .searchType {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  overflow-x: auto;
  border-bottom: 1px solid #e6e6e6;
}
.membercard-records .searchType .item {
  font-size: 16px;
  margin: 0 12px;
  padding: 14px 0;
  text-align: center;
  cursor: pointer;
}
.membercard-records .searchType .item.first {
  padding: 14px 0;
}
.membercard-records .searchType .item.active {
  color: #ff8300;
  font-weight: 600;
  border-bottom: 4px solid #ff8300;
}

.membercard-records-list {
  background-color: #FFF;
}

.membercard-records-list-more,
.membercard-records-list-more-loading {
  background: #FFF;
  padding: 16px 0;
  font-size: 14px;
  color: #757575;
  align-items: center;
  justify-content: center;
}

.membercard-records-list-more {
  display: flex;
  cursor: pointer;
}

.membercard-records-list-more-loading {
  display: block;
  padding: 20px;
}

@media all and (max-width: 330px) {
  .couponInfo .coupon-item {
    width: initial;
  }
  .couponInfo .coupon-limit-msg {
    width: initial;
    margin: auto;
  }
  .order-menu .dubuy .couponList .coupon-item {
    width: 280px;
  }
  .order-main .padding #txtDatetime {
    width: 90%;
  }
  .order-main .padding #txtName {
    width: 80%;
    float: left;
  }
  .order-main .padding #txtEamil {
    width: 80%;
  }
  .coupon-orderBuy .couponRow {
    z-index: 3;
    width: initial;
    margin: auto;
    position: relative;
  }
  .coupon-orderBuy .coupon-item2 {
    width: initial;
  }
  .coupon-orderBuy .padding #txtDatetime {
    width: 90%;
  }
  .coupon-orderBuy .padding #txtName {
    width: 80%;
    float: left;
  }
  .coupon-orderBuy .padding #txtEamil {
    width: 80%;
  }
  .coupon-PayInfo .coupon-content {
    width: initial;
  }
  .coupon-PayInfo .coupon-content .coupon-item3 {
    width: initial;
  }
  .couponSelect .dubuy .couponList .coupon-item {
    width: 280px;
  }
  .couponSelect .nav-top {
    width: initial;
  }
  .couponSelect .myCoupons .myCoupon-item {
    width: initial;
  }
  .coupon-orderInfo .coupon-item {
    width: initial;
  }
  .coupon-orderInfo .coupon-item img {
    width: 280px;
  }
}
.inline {
  background-color: #ffffff;
  padding-bottom: 100px;
}
.inline .inlinetext {
  color: #4b4b4b;
  font-size: 14px;
  width: 100%;
  text-align: center;
  display: block;
  padding: 16px 0;
}
.inline .seat-status {
  border: 1px solid #E5E5E5;
  margin: 8px 20px;
  display: flex;
}
.inline .seat-status .seat {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 12px;
  border-right: 1px solid #F1F1F2;
}
.inline .seat-status > .content {
  flex: 3;
  padding: 12px 14px;
  display: flex;
}
.inline .seat-status > .content .left, .inline .seat-status > .content .right {
  flex: 1;
}
.inline .seat-status > .content .left .title, .inline .seat-status > .content .right .title {
  font-size: 13px;
  color: #747474;
}
.inline .seat-status > .content .left .content .count, .inline .seat-status > .content .right .content .count {
  font-size: 20px;
}
.inline .seat-status > .content .left .content .text, .inline .seat-status > .content .right .content .text {
  font-size: 13px;
  color: #747474;
}
.inline .head {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E5E5;
}
.inline .head .text {
  font-size: 18px;
  margin: 0 20px;
  padding-top: 14px;
  padding-bottom: 8px;
}
.inline .head .people {
  margin: 0 20px;
  border: 1px solid #E5E5E5;
  display: flex;
  border-radius: 5px;
  padding: 8px 0;
}
.inline .head .people > div {
  flex: 1;
}
.inline .head .people > div .title {
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
}
.inline .head .people > div .input {
  width: 100%;
  border: 0;
  font-size: 48px;
  text-align: center;
}
.inline .form-main {
  display: flex;
  flex-direction: column;
}
.inline .form-main .text {
  margin: 0 20px;
  padding-top: 14px;
  padding-bottom: 8px;
  color: #000;
  font-size: 14pt;
}
.inline .form-main .inputItem {
  padding: 13px 0;
  margin: 0 20px;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.inline .form-main .inputItem .inputTitle {
  font-size: 12pt;
  white-space: nowrap;
}
.inline .form-main .inputItem .inputValue input {
  border: 0;
  padding: 5px;
  text-align: right;
}
.inline .form-main .inputItem .toggleSelect {
  padding: 0;
  margin: 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.inline .form-main .inputItem .toggleSelect > li {
  float: left;
  list-style: none;
  padding: 2px 5px;
}
.inline .form-main .inputItem .toggleSelect > li.select {
  color: #fff;
  background-color: #FF8300;
}
.inline .form-main .inputItem .toggleSelect > li input {
  display: none;
}
.inline .form-main .textareaItem {
  padding: 13px 0;
  margin: 0 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.inline .form-main .textareaItem .inputTitle {
  font-size: 12pt;
  white-space: nowrap;
  margin-bottom: 8px;
}
.inline .form-main .textareaItem textarea {
  width: 100%;
  height: 70%;
  border: 1px solid #E5E5E5;
  padding: 5px 8px;
  border-radius: 5px;
}
.inline .bottom {
  position: fixed;
  bottom: 0;
  height: 80px;
  padding: 16px 20px;
  width: 100%;
  max-width: 640px;
  z-index: 999;
  box-shadow: 0 0 15px #ddd;
  background-color: #fff;
}
.inline .bottom .button {
  background-color: #ff8300;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 12px;
  font-size: 18px;
  color: #ffffff;
  border-radius: 2px;
  display: flex;
  justify-content: center;
}
.inline .bottom .button.disable {
  background-color: #E5E5E5;
}
.inline .schedule-status {
  display: flex;
  flex-direction: column;
}
.inline .schedule-status .icon {
  padding-top: 12px;
  display: none;
  width: 100px;
  margin: 0 auto;
}
.inline .schedule-status .last-number {
  background-color: #E6E6E6;
  padding: 4px;
  font-size: 48px;
  width: 200px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 5px;
}
.inline .schedule-status .last-number > div {
  background: #fff;
  color: #E6E6E6;
  text-align: center;
}
.inline .schedule-status .now-number {
  background-image: linear-gradient(78deg, #ff8300, #ff4c00);
  padding: 4px;
  font-size: 48px;
  width: 200px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 5px;
}
.inline .schedule-status .now-number > div {
  background: #fff;
  color: #ff8300;
  text-align: center;
}
.inline .schedule-status .text {
  margin-top: 8px;
  text-align: center;
  font-size: 20px;
}
.inline .schedule-status .notice {
  text-align: center;
  font-size: 14px;
  color: #747474;
}
.inline .schedule-status .mynumber {
  width: 200px;
  height: 38px;
  margin: 0 auto;
  margin-top: 18px;
  color: #747474;
  font-size: 16px;
  text-align: center;
  border-radius: 19px;
  border: 1px solid #E5E5E5;
  background-color: #FBFBFB;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inline .schedule-status .mynumber span {
  font-size: 20px;
  color: #000;
  margin-left: 8px;
}
.inline .schedule-status .seat {
  display: flex;
  margin: 0 24px;
  margin-top: 17px;
  padding-top: 10px;
  border-top: 2px solid #E5E5E5;
}
.inline .schedule-status .seat div {
  flex: 1;
}
.inline .schedule-status .seat div .title {
  font-size: 13px;
  color: #747474;
  text-align: center;
}
.inline .schedule-status .seat div .content {
  font-size: 20px;
  text-align: center;
}
.inline .store {
  padding: 16px;
  border-top: 2px solid #D9D9D9;
  margin-bottom: 8px;
  margin-top: 16px;
}
.inline .store .banner {
  height: 120px;
  margin: 8px 16px;
  position: relative;
  border-radius: 5px;
}
.inline .store .banner .layer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 3;
  border-radius: 5px;
}
.inline .store .banner .store-name {
  color: #ffffff;
  font-size: 20px;
  z-index: 9;
  position: relative;
  text-align: center;
  padding-top: 70px;
}
.inline .store .detail > div {
  margin: 0 16px;
  padding: 8px 0;
  display: flex;
  font-size: 16px;
}
.inline .store .detail > div .icon, .inline .store .detail > div .button {
  flex: 35px;
  flex-grow: 0;
  flex-shrink: 0;
}
.inline .store .detail > div .content {
  flex: 1;
  text-align: left;
}
.inline .store .detail > div .button {
  color: #ff8300;
}

.customalert {
  background-color: #ff8300 !important;
}

.inline-error {
  padding-bottom: 0;
  height: 100vh;
}
.inline-error .schedule-error {
  margin: 50% 0;
  transform: translateY(-50%);
}

.reserve.separate, .reserve .separate {
  height: 2px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}
.reserve .padding {
  padding: 10px 26px;
}
.reserve .padding input {
  border: 0;
  padding: 5px;
  width: 100%;
}
.reserve .padding textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px 8px;
}
.reserve .padding div.title {
  color: #000;
  font-size: 14pt;
  margin-bottom: 15px;
  font-weight: bold;
}
.reserve .padding .inputItem {
  padding: 13px 0px;
  border-bottom: 1px solid #ddd;
}
.reserve .padding .inputItem .inputTitle {
  padding-top: 6px !important;
  font-size: 12pt;
  white-space: nowrap;
}
.reserve .padding .inputItem .inputValue > input {
  float: right;
  text-align: right;
}
.reserve .padding .inputItem .toggleSelect {
  padding: 0;
  margin: 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.reserve .padding .inputItem .toggleSelect > li {
  float: left;
  list-style: none;
  padding: 2px 5px;
}
.reserve .padding .inputItem .toggleSelect > li.select {
  color: #fff;
  background-color: #FF8300;
}
.reserve .padding .inputItem .toggleSelect > li input {
  display: none;
}
.reserve .row {
  margin: 0;
}
.reserve .row > div {
  padding: 0;
}
.reserve .fixBottom {
  z-index: 2;
  position: fixed;
  bottom: 0;
  padding: 16px 20px;
  width: 100%;
  max-width: 640px;
  background-color: #fff;
  -moz-box-shadow: 0px -3px 14px #e0e0e0;
  -webkit-box-shadow: 0px -3px 14px #e0e0e0;
  box-shadow: 0px -3px 14px #e0e0e0;
  border-top: 1px solid #e6e6e6;
}
.reserve .fixBottom .disabledMsg {
  background-color: #e2e2e2;
  color: #868686;
  padding: 10px;
  text-align: center;
}

.reserve .store-block {
  z-index: 1;
}
.reserve .topDishPic {
  overflow: hidden;
  min-height: 70px;
  width: 100vw;
  z-index: 2;
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
}
.reserve .topDishPic .gradDiv {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 90px;
  background: -webkit-gradient(linear, 17% 65%, 17% 0%, from(transparent), to(#232121));
}
.reserve .topDishPic .gradDiv.fixed {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 60px;
  z-index: 1;
  opacity: 0.7;
}
.reserve .btnCloseModal {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 10px;
  font-size: 20pt;
  color: #fff;
  margin-top: 8px;
}

.reserve-main .memberCountBlock {
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 20px 10px;
  text-align: center;
}
.reserve-main .memberCountBlock #adultCount, .reserve-main .memberCountBlock #childCount {
  font-size: 40pt;
}
.reserve-main .timeSheets {
  padding: 10px 0px;
  overflow: hidden;
  min-height: 50px;
  overflow-x: scroll;
  white-space: nowrap;
  margin: 0;
  position: relative;
}
.reserve-main .timeSheets .itemTime {
  font-size: 16pt;
  background-color: #FF8300;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  padding: 13px 20px;
  border-radius: 5px;
}
.reserve-main .timeSheets .itemTime.disabled {
  background-color: #ddd;
  color: #757575;
  cursor: not-allowed;
}

.reserve-info .reserve-success {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 26pt;
  border: 3px solid #FF8300;
  border-radius: 50%;
  max-width: 58px;
  max-height: 59px;
  color: #FF8300;
}
.reserve-info .banner {
  height: 120px;
  margin: 8px 16px;
  position: relative;
  border-radius: 5px;
}
.reserve-info .banner .layer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 3;
  border-radius: 5px;
}
.reserve-info .banner .store-name {
  color: #ffffff;
  font-size: 20px;
  z-index: 9;
  position: relative;
  text-align: center;
  padding-top: 70px;
}

.date-picker .modalReverse {
  display: none;
  opacity: 0.5;
  background-color: gray;
  z-index: 2;
}
.date-picker .reserveDatePicker {
  display: none;
  padding-top: 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: #fff;
  -moz-box-shadow: 0px -3px 14px #e0e0e0;
  -webkit-box-shadow: 0px -3px 14px #e0e0e0;
  box-shadow: 0px -3px 14px #e0e0e0;
  border-top: 1px solid #e6e6e6;
  z-index: 3;
}
.date-picker .reserveDatePicker .year-Block {
  margin-bottom: 10px;
}
.date-picker .reserveDatePicker .year-Block > div {
  text-align: center;
}
.date-picker .reserveDatePicker .year-Block > div.yearMonth {
  font-size: 20pt;
  color: #676767;
}
.date-picker .reserveDatePicker .year-Block > div #btnNextYear, .date-picker .reserveDatePicker .year-Block > div #btnPreYear {
  display: block;
  padding: 4px;
  font-size: 16pt;
  cursor: pointer;
}
.date-picker .reserveDatePicker .date-Block {
  color: #999;
  text-align: center;
  font-size: 16pt;
}
.date-picker .reserveDatePicker .date-Block > div:nth-child(1) > div {
  border: 0;
}
.date-picker .reserveDatePicker .date-Block .col-1 {
  max-width: 14.2857142857% !important;
  flex: 0 0 14.2857142857% !important;
  padding: 5px;
  border: 1px solid #ddd;
  border-right: 0;
  border-bottom: 0;
}
.date-picker .reserveDatePicker .date-Block .col-1.nonDt {
  background-color: #F5F5F5;
}
.date-picker .reserveDatePicker .date-Block .col-1 .dt-item {
  color: #000;
  border-radius: 50%;
  background-color: #fff;
  padding: 5px 0px;
  max-width: 52px;
  margin: auto;
}
.date-picker .reserveDatePicker .date-Block .col-1 .dt-item.select {
  background-color: #FF8300;
  color: #fff;
}
.date-picker .reserveDatePicker .date-Block .col-1 .dt-item.disabled {
  color: #b9b9b9;
}

.reserve-list {
  width: 100%;
}
.reserve-list .header {
  position: fixed;
  top: 0;
  width: 100vw;
  max-width: 640px;
  z-index: 1;
  background-color: #fff;
}
.reserve-list .header .row {
  width: 100%;
  margin: 0 auto;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
}
.reserve-list .content, .reserve-list .his-content {
  margin-top: 46px;
  padding: 16px 20px;
  display: flex;
  background-color: #fff;
  flex-direction: column;
}
.reserve-list .content .notice, .reserve-list .his-content .notice {
  width: 100%;
  text-align: center;
}
.reserve-list .content .item, .reserve-list .his-content .item {
  display: flex;
  flex-direction: column;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  margin: 8px auto;
  width: 100%;
}
.reserve-list .content .item .head, .reserve-list .his-content .item .head {
  display: flex;
  padding: 16px;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
}
.reserve-list .content .item .head .img, .reserve-list .his-content .item .head .img {
  flex: 1;
  border-radius: 5px;
  max-width: 80px;
  overflow: hidden;
}
.reserve-list .content .item .head .img img, .reserve-list .his-content .item .head .img img {
  width: 80px;
  height: 80px;
}
.reserve-list .content .item .head .info, .reserve-list .his-content .item .head .info {
  flex: 3;
  display: flex;
  flex-direction: column;
  padding-left: 16px;
}
.reserve-list .content .item .head .info .title, .reserve-list .his-content .item .head .info .title {
  font-size: 18px;
  font-weight: 700;
}
.reserve-list .content .item .head .info .desc, .reserve-list .his-content .item .head .info .desc {
  font-size: 12px;
  color: #747474;
}
.reserve-list .content .item .body div, .reserve-list .his-content .item .body div {
  margin: 16px 14px;
}
.reserve-list .content .item .body .date, .reserve-list .his-content .item .body .date {
  background-image: url("../../images/store_time_gray_24.svg");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  padding-left: 40px;
}
.reserve-list .content .item .body .person, .reserve-list .his-content .item .body .person {
  background-image: url("../../images/more_group_large_black_24.svg");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  padding-left: 40px;
}
.reserve-list .his-content {
  margin-top: 14px;
}
.reserve-list .his-notice {
  color: #747474;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding-bottom: 16px;
  display: none;
}
.reserve-list .his-notice .show {
  color: #ff8300;
  cursor: pointer;
}

.userinfo .btnClose {
  padding: 2px 13px;
}
.userinfo.separate, .userinfo .separate {
  height: 2px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}
.userinfo .nav_list {
  position: relative;
  overflow: auto;
  height: calc(100% - 108px);
}
.userinfo .nav_list .row {
  margin: 12px 0;
  padding: 6px 16px;
}
.userinfo .nav_list .row .item {
  display: flex;
  font-size: 16px;
}
.userinfo .nav_list .row .item .text {
  color: #000;
  padding-left: 16px;
}
.userinfo .nav_list .row .icon {
  display: flex;
  justify-content: flex-end;
}
.userinfo .nav_list .row .icon img {
  width: 18px;
  height: 18px;
}
.userinfo .padding {
  padding: 10px 10px;
  position: relative;
}
.userinfo .padding .btnLineUnbind, .userinfo .padding .btnFBUnbind {
  float: right;
}
.userinfo .padding input {
  border: 0;
  width: 100%;
  height: 100%;
}
.userinfo .padding textarea, .userinfo .padding input, .userinfo .padding select {
  width: 100%;
  border: 0;
  border-radius: 5px;
  background-color: #FFF;
}
.userinfo .padding div.title {
  color: #000;
  font-size: 14pt;
  margin-bottom: 15px;
}
.userinfo .padding .inputItem {
  padding: 15px 8px;
  border-bottom: 1px solid #ddd;
  align-items: center;
}
.userinfo .padding .inputItem .inputTitle {
  font-size: 14px;
  white-space: nowrap;
  padding-top: 0px;
}
.userinfo .padding .inputItem .inputValue > input {
  float: right;
  text-align: left;
}
.userinfo .padding .inputItem .toggleSelect {
  padding: 0;
  margin: 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.userinfo .padding .inputItem .toggleSelect > li {
  float: left;
  list-style: none;
  padding: 2px 5px;
}
.userinfo .padding .inputItem .toggleSelect > li.select {
  color: #fff;
  background-color: #FF8300;
}
.userinfo .padding .inputItem .toggleSelect > li input {
  display: none;
}
.userinfo .padding .inputItem .unbind {
  color: orange;
}
.userinfo .padding .inputItem .binded.unactive {
  color: orange;
}
.userinfo .row {
  margin: 0;
}
.userinfo .row > div {
  padding: 0;
}
.userinfo .row > div > a.valid {
  color: #54B053;
  display: block;
  white-space: nowrap;
  text-align: right;
}
.userinfo .fixBottom {
  z-index: 2;
  position: fixed;
  bottom: 0;
  padding: 16px 20px;
  width: 100%;
  background-color: #fff;
  -moz-box-shadow: 0px -3px 14px #e0e0e0;
  -webkit-box-shadow: 0px -3px 14px #e0e0e0;
  box-shadow: 0px -3px 14px #e0e0e0;
  border-top: 1px solid #e6e6e6;
}
.userinfo .fixBottom .disabledMsg {
  background-color: #e2e2e2;
  color: #868686;
  padding: 10px;
  text-align: center;
}

.side-nav {
  display: none;
  left: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 10000;
}
.side-nav .modalnav {
  display: block;
  z-index: 0;
  background-color: rgba(32, 28, 26, 0.4);
  background: rgba(32, 28, 26, 0.4);
}
.side-nav .content {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 20%;
  -moz-box-shadow: -2px 6px 7px #888888;
  -webkit-box-shadow: -2px 6px 7px #888888;
  box-shadow: -2px 6px 7px #888888;
}
.side-nav .content .user-pic {
  width: 56px;
  height: 56px;
  background-color: #ddd;
  background-size: contain;
  border-radius: 50%;
  margin: 15px 0;
}
.side-nav .content .user {
  display: flex;
  flex-direction: column;
}
.side-nav .content .user .userName {
  padding-left: 20px;
  font-size: 24pt;
  margin-top: 15px;
}
.side-nav .content .user .id {
  font-size: 12px;
  padding-left: 20px;
}
.side-nav .content .btnNav-menu {
  text-align: center;
  font-size: 12pt;
  color: #696969;
  font-size: 14pt;
}
.side-nav .buttom {
  position: absolute;
  background-color: #fff;
  bottom: 0px;
  width: 100%;
  height: 56px;
  text-align: center;
  border: 1px solid #E5E5E5;
  color: #ff8300;
}
.side-nav .buttom .logout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.user-info .photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ddd;
  margin: auto;
  position: relative;
  -webkit-background-size: contain;
  background-size: contain;
}
.user-info .photo .camera-icon {
  padding: 4px 6px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.user-info .photo .camera-icon > i {
  color: #aba9a9;
}

.loading-lay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.register .login, .auth-beta .login {
  display: flex;
  height: 100vh;
  flex-direction: column;
  background-image: url("../../images/auth/login_bg_web.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0% -221px;
}
.register .login .header, .auth-beta .login .header {
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
}
.register .login .header.header-column, .auth-beta .login .header.header-column {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 20px;
}
.register .login .header.header-column .logo-small-custom, .auth-beta .login .header.header-column .logo-small-custom {
  width: 80px;
  height: 80px;
  text-align: center;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 5px;
}
.register .login .header.header-column .title-small-custom, .auth-beta .login .header.header-column .title-small-custom {
  margin-top: 8px;
}
.register .login .main, .auth-beta .login .main {
  background-color: #FFF;
  padding: 24px 20px;
}
.register .login .main .title, .auth-beta .login .main .title {
  font-size: 24px;
  font-weight: 500;
}
.register .login .main .subtitle, .auth-beta .login .main .subtitle {
  font-size: 16px;
}
.register .login .main .notice, .auth-beta .login .main .notice {
  font-size: 14px;
  color: #757575;
  margin-top: 14px;
}

.auth-beta .phone {
  border: 1px solid #DCDCDC;
  width: 100%;
  height: 56px;
  display: flex;
  margin-top: 8px;
}
.auth-beta .phone .left {
  flex: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #232323;
}
.auth-beta .phone .left img {
  padding-left: 3px;
}
.auth-beta .phone .right {
  flex: 2;
  display: flex;
  align-items: center;
  color: #9A9A9A;
}
.auth-beta .other-title {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
  color: #4D4D4D;
}
.auth-beta .other-title span {
  background-color: #fff;
  z-index: 2;
  position: relative;
  padding: 0 30px;
}
.auth-beta .other-title .line {
  z-index: 1;
  position: absolute;
  top: 12px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #E5E5E5;
}
.auth-beta .block-button {
  width: 100%;
  height: 56px;
  margin: 8px 0;
  display: flex;
}
.auth-beta .block-button img {
  position: absolute;
}
.auth-beta .block-button span {
  color: #fff;
  width: 100%;
  padding-top: 16px;
  font-size: 18px;
  text-align: center;
}
.auth-beta .block-button.line {
  background-color: #00BB31;
}
.auth-beta .block-button.facebook {
  background-color: #384BAF;
}
.auth-beta .block-button.enterprise {
  background-color: #F2F2F2;
}

.auth .login {
  display: flex;
  height: 100vh;
  flex-direction: column;
  background-image: url("../../images/auth/login_bg_web.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0% -221px;
}
.auth .login .header-column {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 20px;
}
.auth .login .header {
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.auth .login .header .logo {
  background-image: url("../../images/auth/login_dudoo_logo.svg");
  width: 125px;
  height: 200px;
  text-align: center;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.auth .login .header .logo-small-custom {
  width: 80px;
  height: 80px;
  text-align: center;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 5px;
}
.auth .login .header .title-small-custom {
  margin-top: 8px;
}
.auth .login .main {
  background-color: #fff;
  width: 100%;
  min-height: 320px;
  position: absolute;
  bottom: 0px;
  top: 270px;
  overflow: auto;
  padding: 24px 20px;
}
.auth .login .main .title {
  font-size: 24px;
  letter-spacing: 1px;
}
.auth .login .main .phone {
  border: 1px solid #DCDCDC;
  width: 100%;
  height: 56px;
  display: flex;
  margin-top: 8px;
}
.auth .login .main .phone .left {
  flex: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #232323;
}
.auth .login .main .phone .left img {
  padding-left: 3px;
}
.auth .login .main .phone .right {
  flex: 2;
  display: flex;
  align-items: center;
  color: #9A9A9A;
}
.auth .login .main .other-title {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
  color: #4D4D4D;
}
.auth .login .main .other-title span {
  background-color: #fff;
  z-index: 2;
  position: relative;
  padding: 0 30px;
}
.auth .login .main .other-title .line {
  z-index: 1;
  position: absolute;
  top: 12px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #E5E5E5;
}
.auth .login .main .block-button {
  width: 100%;
  height: 56px;
  margin: 8px 0;
  display: flex;
}
.auth .login .main .block-button img {
  position: absolute;
}
.auth .login .main .block-button span {
  color: #fff;
  width: 100%;
  padding-top: 16px;
  font-size: 18px;
  text-align: center;
}
.auth .login .main .block-button.line {
  background-color: #00BB31;
}
.auth .login .main .block-button.facebook {
  background-color: #384BAF;
}
.auth .login .main .notice {
  margin-top: 16px;
  font-size: 14px;
}

.auth .auth-phone, .form-inline .auth-phone, .auth-beta .auth-phone {
  margin-bottom: 16px;
}
.auth .auth-phone .title, .form-inline .auth-phone .title, .auth-beta .auth-phone .title {
  font-size: 24px;
}
.auth .auth-phone .desc, .form-inline .auth-phone .desc, .auth-beta .auth-phone .desc {
  font-size: 16px;
}
.auth .auth-title, .form-inline .auth-title, .auth-beta .auth-title {
  font-size: 24px;
  margin-bottom: 16px;
}
.auth .phoneNotice, .form-inline .phoneNotice, .auth-beta .phoneNotice {
  display: block;
  color: white;
  background-color: #FF8300;
  padding: 3px 13px;
  position: relative;
  top: -36px;
  float: left;
  right: 180px;
}
.auth .auth-sub-title, .form-inline .auth-sub-title, .auth-beta .auth-sub-title {
  font-size: 16px;
}
.auth .captcha, .form-inline .captcha, .auth-beta .captcha {
  display: flex;
  margin-top: 16px;
}
.auth .captcha input, .form-inline .captcha input, .auth-beta .captcha input {
  margin: 0 6px;
  text-align: center;
  font-size: 36px !important;
}
.auth .notice, .form-inline .notice, .auth-beta .notice {
  margin-top: 16px;
  font-size: 14px;
}

.fixBottom {
  z-index: 2;
  position: fixed;
  bottom: 0;
  padding: 16px 20px;
  width: 100%;
  max-width: 640px;
  background-color: #fff;
  -moz-box-shadow: 0px -3px 14px #e0e0e0;
  -webkit-box-shadow: 0px -3px 14px #e0e0e0;
  box-shadow: 0px -3px 14px #e0e0e0;
  border-top: 1px solid #e6e6e6;
}
.fixBottom.registerBottom {
  display: flex;
}
.fixBottom .registerAsMember {
  background-color: #ff8300;
  color: #FFF;
  padding: 10px;
  text-align: center;
  flex: 1;
}
.fixBottom .rejectAsMember {
  background-color: #fff;
  color: #000;
  padding: 10px;
  text-align: center;
  flex-basis: 80px;
  width: 80px;
  margin-right: 16px;
  border: 1px solid rgba(229, 229, 229, 0.8);
}

.main {
  height: 100%;
}

.search {
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}
.search .searchBar {
  padding: 0 20px;
  position: relative;
}
.search .searchBar .search-img {
  position: absolute;
  top: 22px;
  left: 30px;
}
.search .searchBar input {
  width: 100%;
  height: 48px;
  margin: 8px 0;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding-left: 48px;
  padding-top: 4px;
}
.search .searchHead {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 1px solid #dedede;
  height: 50px;
}
.search .searchHead .searchType {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  overflow-x: auto;
}
.search .searchHead .searchType .item {
  font-size: 16px;
  margin-right: 22px;
  padding: 14px 0;
  text-align: center;
  flex: 40px;
  flex-grow: 0;
  flex-shrink: 0;
}
.search .searchHead .searchType .item.first {
  padding: 14px 0;
}
.search .searchHead .searchType .item.active {
  color: #ff8300;
  font-weight: 600;
  border-bottom: 4px solid #ff8300;
}
.search .searchHead .searchCity {
  position: relative;
  flex: 50px;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 4px;
  white-space: nowrap;
}
.search .searchHead .searchCity .img {
  position: relative;
}
.search .searchHead .searchCity .location-img {
  top: 4px;
}
.search .searchHead .searchCity .arrow-img {
  top: 3px;
}
.search .keyword-view, .search .city-view {
  position: absolute;
  top: 64px;
  width: 100%;
  height: 450px;
  padding: 0 20px;
  background-color: #fff;
  z-index: 3;
  display: none;
}
.search .keyword-view .close, .search .city-view .close {
  position: absolute;
  right: 20px;
}
.search .keyword-view .title, .search .city-view .title {
  font-size: 18px;
  font-weight: 500;
}
.search .keyword-view .content .option, .search .city-view .content .option {
  width: 30.3%;
  height: 48px;
  float: left;
  margin: 6px 4px;
  background-color: #E5E5E5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search .inline-content::-webkit-scrollbar, .search .order-content::-webkit-scrollbar, .search .coupon-content::-webkit-scrollbar, .search .reserve-content::-webkit-scrollbar {
  display: none;
}
.search .inline-content, .search .order-content, .search .coupon-content, .search .reserve-content {
  background-color: #ffffff;
  height: 100%;
  overflow: scroll;
}
.search .inline-content .store-item, .search .order-content .store-item, .search .coupon-content .store-item, .search .reserve-content .store-item {
  display: flex;
  padding: 17px 20px;
}
.search .inline-content .store-item .image, .search .order-content .store-item .image, .search .coupon-content .store-item .image, .search .reserve-content .store-item .image {
  flex: 80px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 16px;
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 5px;
}
.search .inline-content .store-item .image img, .search .order-content .store-item .image img, .search .coupon-content .store-item .image img, .search .reserve-content .store-item .image img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.search .inline-content .store-item .item-content, .search .order-content .store-item .item-content, .search .coupon-content .store-item .item-content, .search .reserve-content .store-item .item-content {
  flex: 1;
  position: relative;
}
.search .inline-content .store-item .item-content .title, .search .order-content .store-item .item-content .title, .search .coupon-content .store-item .item-content .title, .search .reserve-content .store-item .item-content .title {
  font-size: 18px;
  height: 54px;
  overflow: hidden;
  display: block;
}
.search .inline-content .store-item .item-content .small, .search .order-content .store-item .item-content .small, .search .coupon-content .store-item .item-content .small, .search .reserve-content .store-item .item-content .small {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 12px;
  display: flex;
  align-items: flex-end;
}
.search .inline-content .store-item .item-content .small .price, .search .order-content .store-item .item-content .small .price, .search .coupon-content .store-item .item-content .small .price, .search .reserve-content .store-item .item-content .small .price {
  font-size: 16px;
  color: #ff8300;
  margin-right: 8px;
}
.search .inline-content .store-item .item-content .small .count, .search .order-content .store-item .item-content .small .count, .search .coupon-content .store-item .item-content .small .count, .search .reserve-content .store-item .item-content .small .count {
  color: #747474;
}
.search .inline-content .store-item .right, .search .order-content .store-item .right, .search .coupon-content .store-item .right, .search .reserve-content .store-item .right {
  padding: 10px 0;
}
.search .inline-content .store-item .right .flag, .search .order-content .store-item .right .flag, .search .coupon-content .store-item .right .flag, .search .reserve-content .store-item .right .flag {
  display: flex;
  align-items: flex-end;
}
.search .inline-content .nextPage, .search .order-content .nextPage, .search .coupon-content .nextPage, .search .reserve-content .nextPage {
  display: flex;
  justify-content: center;
  background-color: #FF8300;
  margin: 30px;
  padding: 5px;
  color: white;
  font-size: 20px;
}
.search .coupon-content .discount {
  width: 38px;
  height: 41px;
  position: absolute;
  display: block;
  left: 0;
  top: 5px;
  z-index: 3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search .coupon-content .discount:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  transform: rotate(270deg);
  background-image: url("../../images/discount_flag_red.svg");
  -webkit-background-size: cover;
  background-size: cover;
}

.fixBottomWordSide {
  background-color: #f0f2f8;
  border-top: 1px solid #ddd; 
  text-align: center; 
  padding: 10px 0; 
  padding-bottom: 16px; 
  position: relative; 
  width: 100%; 
}
.fixBottomWord {
  background-color: #f0f2f8;
  border-top: 1px solid #ddd;
  text-align: center;
  padding: 10px 0;
  padding-bottom: 0px;
  position: relative;
  width: 100%;
  bottom: 0;
}
.fixBottomWord .dudoo {
  margin: 5px 0;
}
.fixWrapper {
  background-color: #f0f2f8;
  text-align: center;
  padding: 10px 0;
  padding-bottom: 100px;
  position: relative;
  width: 100%;
  bottom: 0;
}
/* Tablet (Pad) Responsive Styles - Conditional by .pad-mode */
@media (min-width: 490px) and (max-width: 1039px) {
  body.pad-mode {
    max-width: none;
  }
  body.pad-mode > .header {
    padding: 0 28px;
  }
  body.pad-mode .alert, body.pad-mode .alert-layer2 {
    max-width: none !important;
  }
  body.pad-mode .alert .main, body.pad-mode .alert-layer2 .main {
    height: 223px !important;
    width: 360px;
    justify-content: center;
  }
  body.pad-mode .fixBottom {
    max-width: none;
  }
  body.pad-mode .order .padding, body.pad-mode .coupon .padding, body.pad-mode .payments .padding {
    padding: 10px 28px;
  }
  body.pad-mode .order-menu .menuNav, body.pad-mode .couponSelect .menuNav, body.pad-mode .order-comboMenu .menuNav, body.pad-mode .order-confirm .menuNav {
    max-width: none;
    padding: 10px 28px;
  }
  body.pad-mode .mealItemList {
    padding: 0;
    width: 100%; 
  }
  body.pad-mode .mealItemList .container {
    max-width: none;
    padding-left: 28px;
    padding-right: 28px;
  }
  body.pad-mode .mealTitle, body.pad-mode .mealTypeList {
    padding-left: 0;
    padding-right: 0;
  }
  body.pad-mode #dishPop, body.pad-mode #comboPop, body.pad-mode #comboMenuPop, body.pad-mode #comboLabelsPop {
    max-width: none;
  }
  body.pad-mode .order-dish .topDishPic, body.pad-mode .order-combo .topComboPic, body.pad-mode .order-dish .topDishPic .gradDiv.fixed, body.pad-mode .order-combo .topComboPic .gradDiv.fixed {
    max-width: none;
  }
  body.pad-mode .order-dish .topDishPic, body.pad-mode .order-combo .topComboPic {
    padding-bottom: 400px;
  }
  body.pad-mode .order-dish .topDishPic.withoutGrad, body.pad-mode .order-combo .topComboPic.withoutGrad {
    padding-bottom: 0;
    min-height: 100px !important;
  }
  body.pad-mode .order-dish .dishName, body.pad-mode .order-combo .comboName, body.pad-mode .order-dish .dishTagGroupDiv, body.pad-mode .order-combo .comboTagGroupDiv {
    padding-left: 28px;
    padding-right: 28px;
  }
  body.pad-mode .order-dish .dishPriceArea, body.pad-mode .order-combo .comboPriceArea, body.pad-mode .order-dish .dishCommentDiv, body.pad-mode .order-combo .comboCommentDiv {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  body.pad-mode .order-dish .dishTagGroupDiv.container,body.pad-mode .order-combo .comboTagGroupDiv.container, body.pad-mode .order-dish .dishCommentDiv.container, body.pad-mode .order-combo .comboCommentDiv.container {
    max-width: none;
  }
  body.pad-mode .order-dish .btnCloseModal .btnClose, body.pad-mode .order-combo .btnCloseModal .btnClose {
    width: 60px;
    height: 60px;
    background-size: 100%;
  }
  body.pad-mode .order-record-block-title, body.pad-mode .order-record-block, body.pad-mode .price-info-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.pad-mode .order-info-details {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
  }
  body.pad-mode .order-info-details .row {
    width: 33.33%;
  }

  @media (max-width: 870px) {
    body.pad-mode .order-info-details {
      padding: 0px 4px;
    }
    body.pad-mode .order-info-details .row {
      width: 100%;
    }
    body.pad-mode .order-info-details .row .col-4 {
      flex: 0 0 120px;
      max-width: 120px;
    }
    body.pad-mode .order-info-details .row .col-8 {
      flex: 1;
      max-width: none;
    }
  }

  @media (min-width: 551px) {
    body.pad-mode .btn-back-home {
      width: 482px;
    }
  }
  @media (max-width: 550px) {
    body.pad-mode .btn-back-home {
      width: 434px;
    }
  }
}