@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.songti, .songti * {
  font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif; }

.bookingWidget01 {
  background: #ffffff; }
  .bookingWidget01 .box {
    max-width: 1140px;
    margin: 0px auto;
    padding: 40px 40px 50px; }
    .bookingWidget01 .box .calendarIcon {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -4px;
      transition: all 0.15s ease-in-out; }
    .bookingWidget01 .box .svg-size {
      width: 16px; }
    .bookingWidget01 .box h2 {
      font-size: 1.143em;
      letter-spacing: 1px;
      margin-bottom: 24px; }
    .bookingWidget01 .box form {
      position: relative;
      width: 1140px;
      height: 60px; }
      .bookingWidget01 .box form .nice-select {
        width: 100%;
        height: 41px;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
        border-top: none;
        border-right: none;
        border-left: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        font-size: 0.875rem;
        font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif;
        float: none; }
      .bookingWidget01 .box form .open + .calendarIcon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    .bookingWidget01 .box .bookingSelect {
      width: 100%;
      height: 41px;
      appearance: none;
      background: #ffffff;
      outline: none;
      -webkit-appearance: none;
      float: none;
      padding-left: 0;
      padding-right: 0;
      border-radius: 0;
      border-top: none;
      border-right: none;
      border-left: none;
      font-weight: bold;
      font-size: 1em;
      letter-spacing: 1px; }
      .bookingWidget01 .box .bookingSelect .list {
        right: 0;
        border-radius: 0; }
    .bookingWidget01 .box .nice-select .option {
      padding-left: 8px; }
    .bookingWidget01 .box .nice-select:after {
      display: none; }
    .bookingWidget01 .box .bookingHotelPicker {
      float: left;
      width: 280px;
      margin-right: 32px;
      position: relative; }
      .bookingWidget01 .box .bookingHotelPicker .bookingHotelLabel {
        font-size: 0.857em;
        height: 18px;
        display: block; }
      .bookingWidget01 .box .bookingHotelPicker .bookingSelect .list li:first-child {
        display: none; }
      .bookingWidget01 .box .bookingHotelPicker:after {
        content: attr(data-warning);
        font-size: 0.75rem;
        position: absolute; }
    .bookingWidget01 .box .bookingDatePicker {
      float: left;
      width: 280px;
      margin-right: 32px;
      position: relative; }
      .bookingWidget01 .box .bookingDatePicker .checkInDateLabel {
        font-size: 0.857em;
        height: 18px;
        display: block; }
      .bookingWidget01 .box .bookingDatePicker .calendarIcon {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8px; }
        .bookingWidget01 .box .bookingDatePicker .calendarIcon svg {
          width: 16px; }
      .bookingWidget01 .box .bookingDatePicker .bookingDateInput {
        font-size: 1.143em;
        font-weight: bold;
        line-height: 41px;
        height: 41px;
        width: 280px;
        border-top: none;
        border-right: none;
        border-left: none;
        outline: none;
        cursor: pointer;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none; }
    .bookingWidget01 .box .bookingRoomPicker {
      float: left;
      width: 120px;
      margin-right: 32px;
      position: relative; }
      .bookingWidget01 .box .bookingRoomPicker .roomNomLabel {
        font-size: 0.857em;
        height: 18px;
        display: block; }
      .bookingWidget01 .box .bookingRoomPicker .bookingSelect {
        font-size: 1.143em; }
    .bookingWidget01 .box .bookingGuestPicker {
      float: left;
      width: 120px;
      position: relative; }
      .bookingWidget01 .box .bookingGuestPicker .guestNomLabel {
        font-size: 0.857em;
        height: 18px;
        display: block; }
      .bookingWidget01 .box .bookingGuestPicker .bookingSelect {
        font-size: 1.143em; }
    .bookingWidget01 .box .bookingCode {
      float: left;
      width: 88px; }
      .bookingWidget01 .box .bookingCode .codeLabel {
        font-size: 0.857em;
        color: #999999;
        position: absolute;
        left: 20px;
        top: 16px; }
      .bookingWidget01 .box .bookingCode .bookingCodeInput {
        font-size: 1.143em;
        font-weight: bold;
        line-height: 26px;
        position: absolute;
        left: 20px;
        width: 88px;
        top: 42px;
        border: none;
        border-bottom: 1px solid #eeeeee;
        outline: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none; }
      .bookingWidget01 .box .bookingCode .bookingCodeInput:focus {
        border-bottom: 1px solid #999999; }
    .bookingWidget01 .box .bookingButton {
      position: absolute;
      color: #ffffff;
      right: 0;
      bottom: 0;
      width: 190px;
      height: 42px;
      line-height: 42px;
      display: block;
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      font-size: 1em;
      font-weight: 500;
      outline: none;
      cursor: pointer;
      text-align: center; }
    .bookingWidget01 .box .datepicker {
      z-index: 3;
      box-shadow: none;
      margin-top: 2px; }
    .bookingWidget01 .box .datepicker__month-button {
      color: #ffffff; }
    .bookingWidget01 .box .datepicker__month-day--today {
      background-color: #ffffff; }
    .bookingWidget01 .box .datepicker__month-day--first-day-selected,
    .bookingWidget01 .box .datepicker__month-day--last-day-selected {
      background: #ffffff;
      font-weight: bold; }
    .bookingWidget01 .box .datepicker__month-day--lastMonth, .bookingWidget01 .box .datepicker__month-day--nextMonth {
      border: none; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .bookingWidget01 .box {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 40px 50px; }
    .bookingWidget01 .box form {
      width: 100%;
      margin-right: 2.75%; }
    .bookingWidget01 .box .bookingHotelPicker {
      width: 26%;
      margin-right: 2.75%; }
    .bookingWidget01 .box .bookingDatePicker {
      width: 28%;
      margin-right: 2.75%; }
      .bookingWidget01 .box .bookingDatePicker .bookingDateInput {
        width: 100%; }
    .bookingWidget01 .box .bookingRoomPicker {
      width: 9%;
      margin-right: 2.75%; }
    .bookingWidget01 .box .bookingGuestPicker {
      width: 9%;
      margin-right: 2.75%; }
    .bookingWidget01 .box .bookingButton {
      width: 17%; } }
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .bookingWidget01 .box {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box; }
    .bookingWidget01 .box .datepicker {
      width: 100%; }
      .bookingWidget01 .box .datepicker .datepicker__months:before {
        display: none; }
      .bookingWidget01 .box .datepicker .datepicker__month {
        width: 99%; }
      .bookingWidget01 .box .datepicker .datepicker__month:nth-child(2) {
        display: none; }
    .bookingWidget01 .box form {
      width: 100%;
      height: auto;
      margin: 0 2.75% 24px 0; }
      .bookingWidget01 .box form:before, .bookingWidget01 .box form:after {
        content: " ";
        display: table; }
      .bookingWidget01 .box form:after {
        clear: both; }
    .bookingWidget01 .box .bookingHotelPicker {
      width: 48.5%;
      margin: 0 1.5% 24px 0; }
    .bookingWidget01 .box .bookingDatePicker {
      width: 48.5%;
      margin: 0 0 24px 1.5%;
      position: relative; }
      .bookingWidget01 .box .bookingDatePicker .bookingDateInput {
        width: 100%; }
    .bookingWidget01 .box .bookingRoomPicker {
      width: 48.5%;
      margin: 0 1.5% 24px 0; }
    .bookingWidget01 .box .bookingGuestPicker {
      width: 48.5%;
      margin: 0 0 24px 1.5%; }
    .bookingWidget01 .box .bookingButton {
      float: left;
      width: 100%;
      position: static;
      margin-top: 14px; }
    .bookingWidget01 .box .datepicker {
      position: absolute;
      right: 0; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .bookingWidget01 .box {
    padding: 16px 16px 24px; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .bookingWidget01 .datepicker__month-day {
    padding: 6px 5px; }
  .bookingWidget01 .box {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box; }
    .bookingWidget01 .box .datepicker {
      width: 100%; }
    .bookingWidget01 .box form {
      width: 100%;
      margin: 0 2.75% 24px 0; }
    .bookingWidget01 .box .bookingHotelPicker {
      float: none;
      width: 100%;
      margin: 0 0 24px 0; }
    .bookingWidget01 .box .bookingDatePicker {
      float: none;
      width: 100%;
      margin: 0 0 24px 0;
      position: relative; }
      .bookingWidget01 .box .bookingDatePicker .bookingDateInput {
        width: 100%; }
    .bookingWidget01 .box .bookingRoomPicker {
      float: none;
      width: 100%;
      margin: 0 0 24px 0; }
    .bookingWidget01 .box .bookingGuestPicker {
      float: none;
      width: 100%;
      margin: 0 0 24px 0; }
    .bookingWidget01 .box .bookingButton {
      float: none;
      width: 100%;
      position: static;
      margin-top: 14px; }
    .bookingWidget01 .box .datepicker {
      position: absolute;
      right: 0; } }

/*# sourceMappingURL=bookingWidget01.css.map */