.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(0.7);transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{-webkit-transform:rotate(135deg) scale(0.7);transform:rotate(135deg) scale(0.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn:disabled,.mx-btn.disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}
@charset "UTF-8";
/*

*/
li.current a {
  color: #2ca6e0; }

.js-calendar-table {
  width: 100%;
  border-collapse: collapse; }
  .js-calendar-table thead > tr th {
    background-color: #023e69;
    color: #fff; }

.calendar-day {
  height: 4em; }

.calendar-day.today .date-number {
  font-size: 1.3rem;
  font-weight: 800;
  width: 2em;
  height: 2em;
  line-height: 2em;
  background-color: #12809b;
  color: #fff;
  border-radius: 50%;
  display: inline-block; }

.js-calendar-table th,
.js-calendar-table td {
  text-align: center;
  padding: 8px;
  border: 1px solid #ddd; }

.js-calendar-table th {
  background-color: #f8f9fa; }

@media (max-width: 768px) {
  .js-calendar-table thead > tr th {
    font-weight: 300; }

  .calendar-day.today .date-number {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em; }

  .date-number {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em; }

  .price-tag {
    font-size: 11px; } }
form .posr {
  position: relative; }
  form .posr div.error {
    position: absolute;
    top: 44px;
    right: 16px;
    color: red;
    font-size: 1rem;
    z-index: 100; }

.custom-dropdown-list {
  opacity: 1 !important; }

/* 隱藏日曆 icon */
.no-icon + .mx-icon-calendar {
  display: none; }

.mx-datepicker {
  width: 100%; }

.hide {
  display: none; }

.validation.posr {
  position: relative; }

.validation .error {
  position: absolute;
  top: 1.68em;
  right: 30px; }

.validation .error2 {
  position: absolute;
  top: 1.2em;
  right: 30px; }

.validation .error3 {
  position: absolute;
  top: 1.07em;
  right: 35px; }

.validation .error4 {
  position: absolute;
  top: 1.15em;
  right: 30px; }

.validation .error5 {
  position: absolute;
  top: 3.2em;
  right: 30px; }

.hr {
  border: 0;
  height: 3px;
  background-color: #2CA6E0; }

.gap-10 {
  gap: 1.2rem; }

.receipt-left {
  flex: 7;
  border-bottom: 1px solid #2CA6E0;
  height: 2.6rem;
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
  color: #2CA6E0; }

.receipt-right {
  flex: 3;
  border-bottom: 1px solid #2CA6E0;
  height: 2.6rem;
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
  color: #2CA6E0; }

.receipt-table thead th, .receipt-table thead td, .receipt-table tfoot th, .receipt-table tfoot td {
  background-color: #2CA6E0;
  color: #fff;
  padding: 0.4rem; }
.receipt-table thead th:first-child, .receipt-table thead td:first-child, .receipt-table tfoot th:first-child, .receipt-table tfoot td:first-child {
  width: 70%; }
.receipt-table thead th:last-child, .receipt-table thead td:last-child, .receipt-table tfoot th:last-child, .receipt-table tfoot td:last-child {
  width: 30%; }
.receipt-table td {
  padding: 0.4rem;
  color: #2CA6E0;
  border-bottom: 1px solid #2CA6E0; }
.receipt-table td:first-child {
  border-right: 1px solid #2CA6E0; }
.receipt-table .font-thin {
  font-weight: 300; }
.receipt-table .text-lg {
  font-size: 1.1rem; }

.color-teal {
  color: #2CA6E0; }

.receipt-company-info td:first-child {
  width: 70%; }
.receipt-company-info td:last-child {
  width: 30%; }
.receipt-company-info td {
  padding: 0.4rem; }

@media (max-width: 768px) {
  .gap-10 {
    gap: 0.6rem !important; }

  .receipt-left {
    flex: 6.5; }

  .receipt-right {
    flex: 3.5; }

  .receipt-table th:first-child, .receipt-table td:first-child {
    width: 65%; }
  .receipt-table th:last-child, .receipt-table td:last-child {
    width: 35%; }
  .receipt-table td {
    font-size: 1rem !important; }

  .receipt-company-info td p {
    padding-bottom: 0.15rem !important; }
  .receipt-company-info td:first-child {
    width: 72%; }
  .receipt-company-info td:last-child {
    width: 28%; } }
.bg-lite-blue {
  background-color: #d2edfd; }

.color-blue {
  color: #0f3e90; }

.flex-2 {
  flex: 2; }

.flex-3 {
  flex: 3; }

.flex-4 {
  flex: 4; }

.flex-5 {
  flex: 5; }

.flex-6 {
  flex: 6; }

.flex-7 {
  flex: 7; }

.double-border {
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
  height: 5px; }

.line.active-line {
  background-color: #2ca6e0 !important; }

#user-order-edit-form .validation .error {
  top: 0.3em;
  right: 30px; }