@charset "UTF-8";
/*
 * sp
 */
/*
 * var/setting
 */
* {
  box-sizing: border-box; }

body {
  position: relative;
  -webkit-text-size-adjust: none; }
  body.non-scroll {
    overflow: hidden; }

footer {
  border-top: 1px solid #ccc;
  margin-top: 60px; }

.main-content {
  background-color: #FCFCF9; }

.popupBackDrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
  z-index: 100; }

/*
 * functions/clearfix
 */
/*
 * display
 */
.utilHide {
  display: none !important; }

.utilShow,
.utilBlock {
  display: block !important; }

.utilInlineBlock {
  display: inline-block !important; }

/*
 * flex
 */
.utilFlex {
  display: table;
  width: 100%; }
  .utilFlex > .cell {
    display: table-cell; }

/*
 * mediaqueries
 */
@media screen and (min-device-width: 768px) {
  .utilPcNone {
    display: none !important; } }

@media screen and (max-device-width: 767px) {
  .utilSpNone {
    display: none !important; } }

.container {
  width: auto; }

.lyReserveConductor .RecommendBox h3 {
  padding-right: 10px; }
  .lyReserveConductor .RecommendBox h3 .ttl span.plancode {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: lighter;
    color: #333333;
    letter-spacing: 0;
    line-height: 22px;
    border: none !important; }

.alert-box .msg-box {
  background-color: #E7F1DD;
  border-radius: 3px;
  margin: 20px;
  position: relative;
  padding: 30px 20px 20px; }
  .alert-box .msg-box .icon {
    background: url("../base/images/icon_alert.png") no-repeat;
    background-size: 46px 46px;
    background-position: 0px 0px;
    height: 46px;
    position: absolute;
    top: -23px;
    left: 50%;
    margin-left: -23px;
    width: 46px; }
  .alert-box .msg-box button {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px; }

.alert-box.alert-box-danger .msg-box {
  background-color: #FFEDED;
  color: #D50E1C;
  font-size: 14px;
  line-height: 22px; }
  .alert-box.alert-box-danger .msg-box .icon {
    background: url("../base/images/icon_danger.png") no-repeat; }


/* ----- 2019.1.10 FSK ADD BEGIN ----- */
.alert-box-gray .msg-box {
  background-color: #e6e6e6;
  border-radius: 3px;
  margin: 0 20px 40px 20px;
  position: relative;
  padding: 20px;
}
.alert-box-gray .msg-box .icon {
  background: url("../base/images/icon_alert.png") no-repeat;
  background-size: 46px 46px;
  background-position: 0px 0px;
  height: 46px;
  position: absolute;
  top: -23px;
  left: 50%;
  margin-left: -23px;
  width: 46px;
}

.alert-box-gray .msg-box button {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}
.alert-box-gray button.btn.isPrimary, a.btn.isPrimary {
  background: #666666;
  color: #fff;
}
.alert-box-gray button.btn.isPrimary:hover, a.btn.isPrimary:hover {
  opacity: .75;
}
.alert-box-gray div.lbl {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: 0;
}
/* ----- 2019.1.10 FSK ADD END ----- */



button.btn, a.btn {
  display: inline-block;
  background: #ccc;
  width: 100%;
  margin: 0;
  padding: 8px;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  box-sizing: border-box; }
  button.btn.isPrimary, a.btn.isPrimary {
    background: #486A1F;
    color: #fff; }
    button.btn.isPrimary:hover, a.btn.isPrimary:hover {
      opacity: .75; }

.bx-wrapper {
  position: relative; }
  .bx-wrapper .bx-has-controls-direction {
    overflow: hidden;
    width: 100%;
    height: auto; }
    .bx-wrapper .bx-has-controls-direction .bx-pager {
      position: static;
      top: 360px;
      width: 100%;
      text-align: center;
      font-size: .85em;
      font-family: Arial;
      font-weight: bold;
      color: #666;
      padding-top: 20px;
      padding-bottom: 15px; }
      .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a {
        background: #606F87;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 10px;
        outline: 0;
        border-radius: 5px; }
        .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a.active {
          background: #243857; }
        .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a.active {
          position: relative; }
          .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a.active:before {
            position: absolute;
            top: -6px;
            left: -10px;
            display: block;
            content: "";
            width: 31px;
            height: 25px; }
    .bx-wrapper .bx-has-controls-direction .bx-pager .bx-pager-item,
    .bx-wrapper .bx-has-controls-direction .bx-controls-auto .bx-controls-auto-item {
      display: inline-block;
      *zoom: 1;
      *display: inline; }
    .bx-wrapper .bx-has-controls-direction .bx-controls-direction {
      width: 100%;
      /* DIRECTION CONTROLS (NEXT / PREV) */ }
      .bx-wrapper .bx-has-controls-direction .bx-controls-direction a {
        position: absolute;
        top: 40%;
        outline: 0;
        width: 46px;
        height: 46px;
        text-indent: -9999px;
        z-index: 800; }
      .bx-wrapper .bx-has-controls-direction .bx-controls-direction a.disabled {
        display: none; }
      .bx-wrapper .bx-has-controls-direction .bx-controls-direction .bx-prev {
        background: url("../base/images/btn_slidePrev.png") no-repeat 0 0;
        background-size: auto 46px;
        left: 0; }
      .bx-wrapper .bx-has-controls-direction .bx-controls-direction .bx-next {
        background: url("../base/images/btn_slideNext.png") no-repeat 0 0;
        background-size: auto 46px;
        right: 0; }

.modBxSlider {
  clear: both;
  background: #fafafa;
  padding: 20px 0 15px;
  opacity: .9; }
  .modBxSlider > h2 {
    margin-bottom: 10px;
    color: #486A1F;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px; }
    .modBxSlider > h2 span {
      display: block; }
  .modBxSlider .container {
    margin: 0 auto; }
    .modBxSlider .container ul {
      padding: 0 10px;
      letter-spacing: -.4em;
      font-size: 0; }
      .modBxSlider .container ul li {
        display: inline-block;
        width: 33.333%;
        padding: 5px; }
        .modBxSlider .container ul li a {
          display: block; }
          .modBxSlider .container ul li a img {
            width: 100%; }

#ui-datepicker-div,
.ui-datepicker-inline {
  position: fixed !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  font-size: 13px !important;
  z-index: 1000 !important; }
  #ui-datepicker-div *,
  .ui-datepicker-inline * {
    font-weight: lighter; }
  #ui-datepicker-div:hover,
  .ui-datepicker-inline:hover {
    cursor: default; }
  #ui-datepicker-div a:hover,
  .ui-datepicker-inline a:hover {
    cursor: pointer; }
  #ui-datepicker-div .ui-corner-all,
  .ui-datepicker-inline .ui-corner-all {
    border-radius: 0;
    padding: 0; }
  #ui-datepicker-div.ui-widget-content,
  .ui-datepicker-inline.ui-widget-content {
    border: 10px solid #E2E2DE !important;
    border-radius: 0 !important; }
  #ui-datepicker-div .ui-widget-header,
  .ui-datepicker-inline .ui-widget-header {
    background: #fff !important;
    border: none; }
  #ui-datepicker-div .ui-datepicker-title,
  .ui-datepicker-inline .ui-datepicker-title {
    font-size: 16px;
    font-weight: bold; }
  #ui-datepicker-div .ui-icon,
  .ui-datepicker-inline .ui-icon {
    width: 9px;
    height: 12px; }
  #ui-datepicker-div .ui-corner-all.ui-datepicker-prev-hover,
  .ui-datepicker-inline .ui-corner-all.ui-datepicker-prev-hover {
    background: none;
    border: none;
    top: 2px;
    left: 2px; }
  #ui-datepicker-div .ui-corner-all.ui-datepicker-next-hover,
  .ui-datepicker-inline .ui-corner-all.ui-datepicker-next-hover {
    background: none;
    border: none;
    top: 2px;
    right: 2px; }
  #ui-datepicker-div .ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover,
  .ui-datepicker-inline .ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover {
    background-color: #486A1F !important; }
  #ui-datepicker-div .ui-state-default.ui-state-highlight.ui-state-active,
  .ui-datepicker-inline .ui-state-default.ui-state-highlight.ui-state-active {
    color: #fff; }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-prev:hover,
  #ui-datepicker-div .ui-widget-header .ui-datepicker-next:hover,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-prev:hover,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-next:hover {
    opacity: .75; }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon,
  #ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-prev .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-next .ui-icon {
    background-size: 9px 12px;
    background-position: 0 0;
    margin-top: -5px !important;
    margin-left: -5px !important; }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-prev .ui-icon {
    background-image: url("../base/images/icon_arrow_left_green.png"); }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url("../base/images/icon_arrow_right_green.png"); }
  #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end:first-child,
  #ui-datepicker-div .gcal-sunday .ui-state-default,
  #ui-datepicker-div .gcal-holiday,
  .ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-week-end:first-child,
  .ui-datepicker-inline .gcal-sunday .ui-state-default,
  .ui-datepicker-inline .gcal-holiday, #datepickerPopup .ui-widget-content .gcal-holiday {
    background-color: #fff !important;
    color: #D50E1C; }
  #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end:last-child,
  #ui-datepicker-div .gcal-saturday .ui-state-default,
  .ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-week-end:last-child,
  .ui-datepicker-inline .gcal-saturday .ui-state-default {
    background-color: #fff !important;
    color: #4990E2; }
  #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default,
  .ui-datepicker-inline .ui-state-default,
  .ui-datepicker-inline .ui-widget-content .ui-state-default {
    border: none !important; }
  #ui-datepicker-div .ui-state-default,
  .ui-datepicker-inline .ui-state-default {
    text-align: center;
    padding: 10px 5px !important;
    line-height: 13px !important; }
  #ui-datepicker-div .ui-state-default.ui-state-active,
  .ui-datepicker-inline .ui-state-default.ui-state-active {
    background: #486A1F !important;
    color: #fff; }
  #ui-datepicker-div .ui-datepicker-today .ui-state-default,
  .ui-datepicker-inline .ui-datepicker-today .ui-state-default {
    background-color: rgba(255, 233, 0, 0.5) !important; }
    #ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-active,
    .ui-datepicker-inline .ui-datepicker-today .ui-state-default.ui-state-active {
      background-color: rgba(255, 233, 0, 0.5) !important; }
      #ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-active:hover,
      .ui-datepicker-inline .ui-datepicker-today .ui-state-default.ui-state-active:hover {
        background-color: #486A1F !important; }
  #ui-datepicker-div .ui-datepicker-current-day .ui-state-active,
  .ui-datepicker-inline .ui-datepicker-current-day .ui-state-active {
    background-color: #486A1F !important; }
  #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content,
  .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content {
    background: #E2E2DE !important;
    padding: 10px; }
    #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:before, #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:after,
    .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:before,
    .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:after {
      content: "";
      display: block;
      height: 0; }
    #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:after,
    .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:after {
      clear: both; }
  #ui-datepicker-div button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
  #ui-datepicker-div button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
  .ui-datepicker-inline button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
  .ui-datepicker-inline button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    background: #486A1F !important;
    width: 100px;
    margin: 0;
    padding: 7px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px; }
    #ui-datepicker-div button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
    #ui-datepicker-div button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover,
    .ui-datepicker-inline button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
    .ui-datepicker-inline button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover {
      opacity: .75; }
  #ui-datepicker-div .ui-priority-secondary, #ui-datepicker-div .ui-widget-content .ui-priority-secondary,
  .ui-datepicker-inline .ui-priority-secondary,
  .ui-datepicker-inline .ui-widget-content .ui-priority-secondary {
    opacity: 1; }

@media screen and (max-device-width: 900px) {
  body #ui-datepicker-div,
  body .ui-datepicker-inline {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    font-size: 13px !important;
    z-index: 1000 !important; } }

.modHeading {
  font-weight: bold;
  padding: 15px;
  border-bottom: 4px solid #a9d935; }
  .modHeading h3 {
    font-weight: bold;
    font-size: 16px; }
  .modHeading .label {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-right: 10px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 13px;
    font-weight: lighter; }
  .modHeading a {
    display: block;
    margin-top: 10px;
    color: #486a1f;
    font-size: 13px;
    font-weight: lighter; }
    .modHeading a i {
      margin-left: 10px; }
  .modHeading .required {
    font-size: 13px;
    font-weight: lighter;
    color: #D50E1C;
    float: right; }

.header .menu {
  display: none; }

.header #sp_navMenu {
  display: block; }
  .header #sp_navMenu .menuList > li > a {
    margin-left: 15px;
    text-indent: 35px; }
  /* 2018.12.21 FSK ADD BEGIN */
  .header #sp_navMenu .menuList > li.showReserveSeat > a {
    background: url("../base/images/icon_reserved_seat.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
  /* 2018.12.21 FSK ADD END */
  .header #sp_navMenu .menuList > li.busVacantSeat > a {
    background: url("../base/images/icon_bus.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
  .header #sp_navMenu .menuList > li.reserveTop > a {
    background: url("../base/images/icon_home.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
  .header #sp_navMenu .menuList > li.recommend > a {
    background: url("../base/images/icon_recommend.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
  .header #sp_navMenu .menuList > li.availablity > a {
    background: url("../base/images/icon_header_calendar.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
/* 2019.1.10 FSK ADD BEGIN */
  .header #sp_navMenu .menuList > li.optionReserve > a {
    background: url("../base/images/icon_option.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
/* 2019.1.10 FSK ADD END */
  .header #sp_navMenu .menuList > li.helpMenu > a {
    background: url("../base/images/icon_help.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
  .header #sp_navMenu .menuList > li.reserveMenu > a {
    background: url("../base/images/icon_setting.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
  .header #sp_navMenu .menuList > li.toHome {
    background-color: #486A1F;
    text-align: center; }
    .header #sp_navMenu .menuList > li.toHome > a {
      color: #fff;
      font-weight: normal;
      margin-left: 0;
      text-indent: 0;
      text-decoration: underline; }
      .header #sp_navMenu .menuList > li.toHome > a > span {
        position: relative; }
        .header #sp_navMenu .menuList > li.toHome > a > span:before {
          color: #E6EEDC;
          content: ">";
          left: -15px;
          position: absolute; }
  .header #sp_navMenu .menuList > li.spSubMenu > a {
    background: url("../base/images/icon_setting.png") no-repeat;
    background-size: 26px 26px;
    background-position: left center; }
  .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li {
    background-color: #F3F3F3;
    border-top-style: solid !important; }
    .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li > a {
      color: #333;
      margin-left: 50px !important;
      text-indent: 35px; }
    .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li.registration {
      border-top: 0 !important; }
      .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li.registration > a {
        background: url("../base/images/icon_registration.png") no-repeat;
        background-size: 20px 20px;
        background-position: left center; }
    .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li.list > a {
      background: url("../base/images/icon_list.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center; }
    .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li.optionBooking > a {
      background: url("../base/images/icon_optionBooking.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center; }
    .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li.edit > a {
      background: url("../base/images/icon_edit.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center; }
    .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li.trash > a {
      background: url("../base/images/icon_trash.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center; }
  /* 2018.12.21 FSK ADD BEGIN */
    .header #sp_navMenu .menuList > li.spSubMenu .menuListSub li.busBooking > a {
      background: url("../base/images/icon_busBooking.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center; }
  /* 2018.12.21 FSK ADD END */

.fixedNavi {
  display: none !important; }

#hotelSelected {
  border-top: 1px solid #E2E2DE;
  display: block; }
  #hotelSelected .hotel {
    position: relative;
    padding-left: 0; }
    #hotelSelected .hotel .counts {
      color: #486A1F;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 1em;
      position: absolute;
      top: 20px;
      right: 48px; }
    #hotelSelected .hotel .down {
      background: url("../base/images/icon_pullDown_selected.png") no-repeat;
      background-size: 9px 7px;
      background-position: center center;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 48px; }

#hotelList {
  display: none;
  position: absolute; }
  #hotelList:before, #hotelList:after {
    content: "";
    display: block;
    height: 0; }
  #hotelList:after {
    clear: both; }

.hotels {
  background-color: #FCFCF9;
  display: table;
  list-style-type: none;
  text-align: center;
  padding-top: 0;
  width: 100%; }
  .hotels .hotel {
    border: 1px solid #E2E2DE;
    border-width: 0 0 1px 0;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    position: relative;
    text-decoration: none;
    float: left;
    width: 100%; }
    .hotels .hotel .hotelText {
      display: none; }
    .hotels .hotel:hover {
      opacity: 1; }
    .hotels .hotel.active {
      border-color: #E2E2DE; }
      .hotels .hotel.active:before {
        background: url("../base/images/icon_checked.png") no-repeat;
        background-size: 16px 12px;
        background-position: center center;
        content: "";
        height: 12px;
        margin-top: -6px;
        position: absolute;
        right: 16px;
        top: 50%;
        width: 16px; }
    .hotels .hotel .logo {
      background-size: auto 20px;
      display: block;
      height: 20px; }
    .hotels .hotel.monolithTower .logo {
      background: url("../base/images/logo_monolithTower.png") no-repeat;
      background-size: auto 20px;
      background-position: 24px top; }
    .hotels .hotel.hotelHawaiians .logo {
      background: url("../base/images/logo_hotelHawaiians.png") no-repeat;
      background-size: auto 20px;
      background-position: 24px top; }
    .hotels .hotel.virPort .logo {
      background: url("../base/images/logo_virPort.png") no-repeat;
      background-size: auto 20px;
      background-position: 24px top; }
    .hotels .hotel.hotelCrest .logo {
      background: url("../base/images/logo_hotelCrest.png") no-repeat;
      background-size: auto 20px;
      background-position: 24px top; }

.modIcon {
  display: inline-block; }
  .modIcon.isClose {
    background-image: url("../base/images/icon_close.png");
    width: 14px;
    height: 14px;
    background-size: 14px 14px; }
  .modIcon.isLinkArrow {
    background-image: url("../base/images/icon_link_arrow.png");
    width: 9px;
    height: 9px;
    background-size: 9px 9px; }
  .modIcon.isDoubleArrowGreen {
    background-image: url("../base/images/icon_double_arrow_right_green.png");
    width: 9px;
    height: 9px;
    background-size: 9px 9px; }
  .modIcon.isDoubleArrowWhite {
    background-image: url("../base/images/icon_double_arrow_right_white.png");
    width: 9px;
    height: 9px;
    background-size: 9px 9px; }
  .modIcon.isCalender {
    background-image: url("../base/images/icon_calendar.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isSearch {
    background-image: url("../base/images/icon_search.png");
    width: 20px;
    height: 20px;
    background-size: 20px 20px; }
  .modIcon.isBed {
    background-image: url("../base/images/icon_bed.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isMeal {
    background-image: url("../base/images/icon_meal.png");
    width: 20px;
    height: 19px;
    background-size: 20px 19px; }
  .modIcon.isPersons {
    background-image: url("../base/images/icon_persons.png");
    width: 21px;
    height: 18px;
    background-size: 21px 18px; }
  .modIcon.isRoomTypeA {
    background-image: url("../base/images/icon_room_type_a.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isRoomTypeB {
    background-image: url("../base/images/icon_room_type_b.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isRoomTypeC {
    background-image: url("../base/images/icon_room_type_c.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isRoomTypeD {
    background-image: url("../base/images/icon_room_type_d.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isFiltering {
    background-image: url("../base/images/icon_filtering.png");
    width: 20px;
    height: 18px;
    background-size: 20px 18px; }
  .modIcon.isListArrow {
    background-image: url("../base/images/icon_listArrow.png");
    width: 12px;
    height: 8px;
    background-size: 12px 8px; }
  .modIcon.isHotel {
    background-image: url("../base/images/icon_hotel.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isPrice {
    background-image: url("../base/images/icon_price.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isTime {
    background-image: url("../base/images/icon_time.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isGift {
    background-image: url("../base/images/icon_gift.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isWallet {
    background-image: url("../base/images/icon_wallet.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isShereLine {
    background-image: url("../base/images/icon_share_line.png");
    width: 82px;
    height: 20px;
    background-size: 82px 20px; }
  .modIcon.isShereMail {
    background-image: url("../base/images/icon_share_mail.png");
    width: 85px;
    height: 20px;
    background-size: 85px 20px; }
  .modIcon.isInfomation {
    background-image: url("../base/images/icon_PRinfo.png");
    width: 20px;
    height: 20px;
    background-size: 20px 20px; }

.jumpToPageTopBtn {
  position: fixed;
  bottom: 42px;
  right: 0;
  z-index: 10; }

.infomationBox {
  margin-top: 20px;
  padding: 20px;
  background-color: #FFFFCC;
  border-radius: 5px; }
  .infomationBox h3 {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 16px;
    margin-top: 0 !important;
    border-bottom: 4px solid #FEC483 !important; }
  .infomationBox ul li {
    list-style: none;
    line-height: 20px;
    margin-top: 15px; }
  .infomationBox i.modIcon {
    margin-bottom: -4px;
    margin-right: 10px; }

.modPlanCard {
  padding: 10px 30px; }
  .modPlanCard .planCardInner {
    border-radius: 3px;
    position: relative;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }
  .modPlanCard .painLeft,
  .modPlanCard .painRight {
    vertical-align: top; }
  .modPlanCard a {
    display: block;
    text-decoration: none; }
    .modPlanCard a:-webkit-any-link {
      text-decoration: none; }
    .modPlanCard a:hover .planName {
      text-decoration: underline; }
  .modPlanCard .hotelLogoImg {
    margin: 10px; }
  .modPlanCard .planImgWrapper {
    position: relative;
    height: auto; }
    .modPlanCard .planImgWrapper .planImg {
      width: 100%; }
    .modPlanCard .planImgWrapper .planName {
      position: absolute;
      bottom: 0;
      padding: 20px;
      width: 100%;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); }
    .modPlanCard .planImgWrapper:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      opacity: .6;
      background: transparent;
      background: -moz-linear-gradient(top, transparent 0%, #000 100%);
      background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
      background: linear-gradient(to bottom, transparent 0%, #000 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
  .modPlanCard .planRoom {
    margin-top: 10px;
    letter-spacing: -.4em;
    font-size: 0; }
    .modPlanCard .planRoom span {
      margin-right: 5px;
      letter-spacing: normal;
      font-size: 13px; }
    .modPlanCard .planRoom i.isRoomType {
      margin-right: 0;
      margin-left: 5px;
      margin-bottom: -5px;
      letter-spacing: normal;
      font-size: 13px; }
  .modPlanCard .planMeal {
    margin-bottom: 10px; }
  .modPlanCard .planRoom,
  .modPlanCard .planPersons {
    margin-bottom: 5px; }
  .modPlanCard .planRoom,
  .modPlanCard .planPersons,
  .modPlanCard .planMeal {
    position: relative;
    padding: 0 10px;
    padding-left: 40px;
    line-height: 25px; }
    .modPlanCard .planRoom > span,
    .modPlanCard .planPersons > span,
    .modPlanCard .planMeal > span {
      text-decoration: underline; }
    .modPlanCard .planRoom i,
    .modPlanCard .planPersons i,
    .modPlanCard .planMeal i {
      margin-right: 10px; }
      .modPlanCard .planRoom i.isBed, .modPlanCard .planRoom i.isPersons, .modPlanCard .planRoom i.isMeal,
      .modPlanCard .planPersons i.isBed,
      .modPlanCard .planPersons i.isPersons,
      .modPlanCard .planPersons i.isMeal,
      .modPlanCard .planMeal i.isBed,
      .modPlanCard .planMeal i.isPersons,
      .modPlanCard .planMeal i.isMeal {
        position: absolute;
        left: 10px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: left center; }
  .modPlanCard .painRight {
    background: rgba(72, 106, 31, 0.05); }
  .modPlanCard .planPrice {
    position: relative;
    padding: 10px;
    font-size: 24px;
    font-weight: bold; }
    .modPlanCard .planPrice span {
      display: block;
      margin-top: 5px;
      font-size: 13px;
      font-weight: lighter;
      color: #999; }
    .modPlanCard .planPrice .detail {
      position: absolute;
      bottom: 10px;
      right: 10px;
      font-size: 13px;
      color: #486a1f;
      text-decoration: underline; }
  .modPlanCard .planCode {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #999;
    font-size: 10px; }

.modPlanSearchBar {
  background: #486A1F; }
  .modPlanSearchBar button:hover {
    cursor: pointer; }
  .modPlanSearchBar .hide {
    display: none; }
  .modPlanSearchBar .utilInner {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px; }
  .modPlanSearchBar .painLeft,
  .modPlanSearchBar .painRight {
    display: block;
    vertical-align: top; }
  .modPlanSearchBar .painLeft {
    display: none; }
  .modPlanSearchBar .painRight form {
    display: table;
    background: #fff;
    width: 100%;
    margin-bottom: 20px;
    height: 100%;
    border-radius: 5px; }
  .modPlanSearchBar .painRight .searchParts {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #eee; }
    .modPlanSearchBar .painRight .searchParts > .innerLabel {
      display: inline-block;
      margin-bottom: 5px;
      color: #999;
      font-size: 12px; }
    .modPlanSearchBar .painRight .searchParts .selectValue {
      color: #999;
      font-size: 12px; }
      .modPlanSearchBar .painRight .searchParts .selectValue span {
        display: inline-block;
        margin-right: 5px;
        font-size: 18px;
        color: #333; }
    .modPlanSearchBar .painRight .searchParts .dropdownBox {
      position: absolute;
      left: 0;
      background: #fff;
      min-width: 100%;
      color: #333;
      text-align: center;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
      z-index: 200; }
      .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList {
        list-style: none; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList li {
          font-size: 14px;
          padding: 10px 0;
          border-bottom: 1px solid #eee; }
          .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList li:hover {
            background: #486A1F;
            color: #fff;
            cursor: pointer; }
    .modPlanSearchBar .painRight .searchParts:before {
      position: absolute;
      bottom: 5px;
      right: 5px;
      content: '';
      display: inline-block;
      background: #fff url("../base/images/icon_dropown_box.png") no-repeat;
      background-size: 10px 10px;
      width: 10px;
      height: 10px; }
    .modPlanSearchBar .painRight .searchParts:hover {
      cursor: pointer; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate span.innerLabel {
      height: 38px; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate .isCalender {
      position: absolute;
      bottom: 12px;
      right: 12px; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate .selectValue {
      position: absolute;
      top: 0;
      left: 0;
      background: none;
      width: 100%;
      height: 100%;
      z-index: 10; }
      .modPlanSearchBar .painRight .searchParts.isSearchDate .selectValue input {
        display: inline-block;
        background: none;
        width: 100%;
        height: 100%;
        margin-right: 5px;
        padding: 20px 0 0 10px;
        border: none;
        font-size: 18px;
        color: #333; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate, .modPlanSearchBar .painRight .searchParts.isAdultNum, .modPlanSearchBar .painRight .searchParts.isChildNum {
      border-right: 1px solid #eee; }
    .modPlanSearchBar .painRight .searchParts.isStayDays .dropdownBox, .modPlanSearchBar .painRight .searchParts.isAdultNum .dropdownBox, .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox {
      display: none; }
    .modPlanSearchBar .painRight .searchParts.isStayDays select, .modPlanSearchBar .painRight .searchParts.isAdultNum select, .modPlanSearchBar .painRight .searchParts.isChildNum select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
    .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox {
      position: fixed;
      bottom: -245px;
      width: 100%;
      padding: 10px;
      padding-bottom: 60px;
      background: #e2e2de; }
      .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner {
        background: #fff;
        padding: 5px;
        border-bottom: 1px solid #eee; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .cell {
          vertical-align: middle; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .innerLabel {
          padding-left: 10px;
          text-align: left;
          width: 60%; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner {
          display: table;
          width: 100%; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner button, .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner input {
            display: table-cell;
            vertical-align: top; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner button {
            width: 25%; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner .value {
            display: inline-block;
            width: 40%;
            height: 34px;
            line-height: 34px;
            border: 1px solid #eee;
            font-weight: bold;
            text-align: center; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner .decrement {
            margin-right: 5%;
            border-radius: 5px 0 0 5px; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner .increment {
            margin-left: 5%;
            border-radius: 0 5px 5px 0; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.is01 {
          border-radius: 5px 5px 0 0; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.is03 {
          position: relative;
          margin-bottom: 40px;
          border-radius: 0 0 5px 5px; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.is03 .innerSupple {
            position: absolute;
            bottom: -30px;
            left: 15px;
            width: 100%;
            font-size: 12px;
            text-align: left; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.isClose {
          position: absolute;
          bottom: 0;
          left: 0;
          background: #486A1F;
          width: 100%;
          padding: 10px; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.isClose button {
            width: 100%;
            padding: 10px;
            border: none;
            font-weight: bold;
            border-radius: 5px;
            font-size: 14px;
            color: #333333;
            letter-spacing: 0;
            line-height: 22px;
            background: #fec900;
            background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
            background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
            background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner:hover {
          cursor: default; }
    .modPlanSearchBar .painRight .searchParts.isSubmit {
      width: 100%;
      padding: 0;
      border-bottom: none; }
      .modPlanSearchBar .painRight .searchParts.isSubmit:before {
        display: none; }
      .modPlanSearchBar .painRight .searchParts.isSubmit button.submit {
        width: 100%;
        height: 100%;
        padding: 15px 0;
        font-weight: bold;
        border: none;
        border-radius: 0 0 5px 5px;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit i.modIcon.isSearch {
          margin-bottom: -5px;
          margin-right: 5px; }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:hover {
          cursor: pointer; }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:disabled, .modPlanSearchBar .painRight .searchParts.isSubmit button.submit[disabled] {
          color: #909090;
          background: #d3d3d3;
          background: -moz-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: -webkit-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: linear-gradient(to bottom, #d3d3d3 0%, #959595 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
          .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:disabled:hover, .modPlanSearchBar .painRight .searchParts.isSubmit button.submit[disabled]:hover {
            cursor: default; }
  .modPlanSearchBar .innerLinks a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px; }
    .modPlanSearchBar .innerLinks a i {
      margin-right: 5px; }
    .modPlanSearchBar .innerLinks a:last-child {
      margin-bottom: 0; }
  .modPlanSearchBar.isBottomFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    border-top: 4px solid #486A1F; }
    .modPlanSearchBar.isBottomFixed .utilInner {
      padding: 0; }
    .modPlanSearchBar.isBottomFixed form {
      margin-bottom: 0;
      border-radius: 0; }
    .modPlanSearchBar.isBottomFixed .searchParts {
      padding: 7px; }
      .modPlanSearchBar.isBottomFixed .searchParts .innerLabel {
        margin-bottom: 0;
        font-size: 11px; }
      .modPlanSearchBar.isBottomFixed .searchParts .selectValue span {
        font-size: 14px;
        font-weight: bold; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate {
        width: 40%; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate .selectValue input {
          padding: 17px 0 0 7px;
          font-size: 14px;
          font-weight: bold; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate .selectValue.isNotSelected input {
          color: #909090; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate span.innerLabel {
          height: 32px; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate i.modIcon.isCalender {
          bottom: 7px;
          right: 7px; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate:before {
          display: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isStayDays:before, .modPlanSearchBar.isBottomFixed .searchParts.isAdultNum:before, .modPlanSearchBar.isBottomFixed .searchParts.isChildNum:before {
        background: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isStayDays, .modPlanSearchBar.isBottomFixed .searchParts.isAdultNum, .modPlanSearchBar.isBottomFixed .searchParts.isChildNum {
        width: 20%;
        border-right: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice {
        border-right: 1px solid #ddd; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice, .modPlanSearchBar.isBottomFixed .searchParts.isTotal {
        position: relative;
        background: none; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice .selectValue, .modPlanSearchBar.isBottomFixed .searchParts.isTotal .selectValue {
          color: #D50E1C;
          font-size: 14px;
          font-weight: bold; }
          .modPlanSearchBar.isBottomFixed .searchParts.isPrice .selectValue.isNotSelected, .modPlanSearchBar.isBottomFixed .searchParts.isTotal .selectValue.isNotSelected {
            color: #333; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice a, .modPlanSearchBar.isBottomFixed .searchParts.isTotal a {
          position: absolute;
          top: 10px;
          right: 10px;
          font-size: 12px;
          color: #486A1F;
          text-decoration: underline; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice:hover, .modPlanSearchBar.isBottomFixed .searchParts.isTotal:hover {
          cursor: default; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice:before, .modPlanSearchBar.isBottomFixed .searchParts.isTotal:before {
          display: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSubmit, .modPlanSearchBar.isBottomFixed .searchParts.isPrice, .modPlanSearchBar.isBottomFixed .searchParts.isTotal {
        width: 33.333%; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSubmit button.submit {
        border-radius: 0; }
  .modPlanSearchBar.isIndex .searchParts {
    padding: 7px;
    border-bottom: 0; }
    .modPlanSearchBar.isIndex .searchParts .innerLabel {
      margin-bottom: 0;
      font-size: 11px; }
    .modPlanSearchBar.isIndex .searchParts .selectValue span {
      font-size: 14px; }
    .modPlanSearchBar.isIndex .searchParts .selectValue.isNotSelected input {
      color: #909090; }
    .modPlanSearchBar.isIndex .searchParts.isSearchDate {
      width: 40%; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate span.innerLabel {
        height: 32px; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate .selectValue input {
        padding: 17px 0 0 7px;
        font-size: 14px;
        font-weight: bold; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate i.modIcon.isCalender {
        bottom: 7px;
        right: 7px; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate:before {
        background: none; }
    .modPlanSearchBar.isIndex .searchParts.isSubmit {
      display: none; }
    .modPlanSearchBar.isIndex .searchParts.isStayDays:before, .modPlanSearchBar.isIndex .searchParts.isAdultNum:before, .modPlanSearchBar.isIndex .searchParts.isChildNum:before {
      display: none; }
    .modPlanSearchBar.isIndex .searchParts.isStayDays, .modPlanSearchBar.isIndex .searchParts.isAdultNum, .modPlanSearchBar.isIndex .searchParts.isChildNum {
      width: 20%;
      border-right: none; }

.selectbox {
  position: relative; }
  .selectbox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 100%;
    padding: 10px;
    line-height: 20px;
    text-align: right; }
    .selectbox select:hover {
      cursor: pointer; }
  .selectbox:after {
    position: absolute;
    top: 2px;
    right: 2px;
    content: '';
    display: inline-block;
    background: #fff url("../base/images/icon_pulldown.png") no-repeat;
    background-size: 9px 7px;
    background-position: 50%;
    width: 25px;
    height: 38px;
    border-radius: 5px; }

#LeftContents {
  display: block !important; }

#modSideRefineSearch {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 200px;
  background: #fff;
  z-index: 100;
  overflow: scroll; }
  #modSideRefineSearch ul {
    list-style: none; }
  #modSideRefineSearch #targetCount, #modSideRefineSearch h3 {
    display: none; }
  #modSideRefineSearch .spHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    background: #486A1F;
    color: #fff;
    z-index: 200; }
    #modSideRefineSearch .spHeader:before, #modSideRefineSearch .spHeader:after {
      content: "";
      display: block;
      height: 0; }
    #modSideRefineSearch .spHeader:after {
      clear: both; }
    #modSideRefineSearch .spHeader .close {
      float: right; }
      #modSideRefineSearch .spHeader .close i.isClose {
        position: relative;
        top: 2px;
        margin-right: 10px; }
  #modSideRefineSearch .formGroup h4 {
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #486A1F;
    background: rgba(72, 106, 31, 0.1); }
    #modSideRefineSearch .formGroup h4 i.modIcon {
      display: none; }
  #modSideRefineSearch .formGroup ul:before, #modSideRefineSearch .formGroup ul:after {
    content: "";
    display: block;
    height: 0; }
  #modSideRefineSearch .formGroup ul:after {
    clear: both; }
  #modSideRefineSearch .formGroup ul li {
    line-height: 20px;
    width: 50%;
    float: left;
    border-bottom: 1px solid #ddd; }
    #modSideRefineSearch .formGroup ul li label {
      position: relative;
      display: block;
      padding: 15px 10px;
      padding-left: 30px; }
    #modSideRefineSearch .formGroup ul li input {
      position: absolute;
      top: 50%;
      left: 10px;
      width: 14px;
      height: 14px;
      margin-top: -7px; }
    #modSideRefineSearch .formGroup ul li:nth-last-child(1), #modSideRefineSearch .formGroup ul li:nth-last-child(2) {
      border-bottom: none; }
    #modSideRefineSearch .formGroup ul li:nth-child(odd) {
      border-right: 1px solid #ddd; }
  #modSideRefineSearch .formGroup .rangeGroup {
    padding: 5px; }
    #modSideRefineSearch .formGroup .rangeGroup .rangeFromTo {
      width: 10%;
      text-align: center; }
    #modSideRefineSearch .formGroup .rangeGroup .range {
      width: 100%; }
  #modSideRefineSearch .formGroup .dropdown {
    background: #fff;
    width: 100%;
    padding: 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px; }
    #modSideRefineSearch .formGroup .dropdown .old {
      height: 40px; }
    #modSideRefineSearch .formGroup .dropdown .selected {
      margin-top: 2px;
      font-size: 13px;
      text-align: left;
      color: #333; }
  #modSideRefineSearch .formGroup.buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #486A1F;
    width: 100%;
    padding: 10px; }
    #modSideRefineSearch .formGroup.buttons .cell {
      width: 50%; }
      #modSideRefineSearch .formGroup.buttons .cell:nth-child(1) {
        padding-right: 5px; }
      #modSideRefineSearch .formGroup.buttons .cell:nth-child(2) {
        padding-left: 5px; }
    #modSideRefineSearch .formGroup.buttons button {
      color: #333; }
      #modSideRefineSearch .formGroup.buttons button.reset, #modSideRefineSearch .formGroup.buttons button.submit {
        font-size: 14px;
        width: 100%;
        height: 50px;
        padding: 15px 0;
        font-weight: bold; }
        #modSideRefineSearch .formGroup.buttons button.reset:disabled, #modSideRefineSearch .formGroup.buttons button.reset[disabled], #modSideRefineSearch .formGroup.buttons button.submit:disabled, #modSideRefineSearch .formGroup.buttons button.submit[disabled] {
          color: #909090;
          background: #d3d3d3;
          background: -moz-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: -webkit-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: linear-gradient(to bottom, #d3d3d3 0%, #959595 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
          #modSideRefineSearch .formGroup.buttons button.reset:disabled:hover, #modSideRefineSearch .formGroup.buttons button.reset[disabled]:hover, #modSideRefineSearch .formGroup.buttons button.submit:disabled:hover, #modSideRefineSearch .formGroup.buttons button.submit[disabled]:hover {
            cursor: default; }
      #modSideRefineSearch .formGroup.buttons button.reset {
        background: #fff;
        letter-spacing: 0;
        line-height: 20px; }
      #modSideRefineSearch .formGroup.buttons button.submit {
        border: none;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        #modSideRefineSearch .formGroup.buttons button.submit:hover {
          cursor: pointer; }
  #modSideRefineSearch .formGroup.isGoodForSearch.formGroup ul li {
    width: 100%;
    float: none; }
    #modSideRefineSearch .formGroup.isGoodForSearch.formGroup ul li:nth-child(odd) {
      border-right: none; }
    #modSideRefineSearch .formGroup.isGoodForSearch.formGroup ul li:last-child {
      border-bottom: 1px solid #ddd; }
  #modSideRefineSearch .jsAccordionTrigger:hover {
    cursor: pointer; }
  #modSideRefineSearch .jsAccordionTrigger.hide i.isListArrow {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  #modSideRefineSearch .jsAccordionTarget.hide {
    display: none; }

#pagef000 #Container02 .MemberF input {
  box-sizing: content-box; }

#pagef000 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef000 #member_Help a {
    float: right; }

#pagef001 #bestRateContainer {
  background-color: #cefafe;
  padding: 20px 0 0;
  box-sizing: border-box; }
  #pagef001 #bestRateContainer > h3 {
    text-align: center;
    margin-bottom: 20px;
    padding: 0 10px; }
    #pagef001 #bestRateContainer > h3 img {
      width: 100%; }
  #pagef001 #bestRateContainer .bestRate {
    background: url("../base/images/img_monolith.jpg") no-repeat;
    background-size: contain;
    background-position: bottom;
    margin: 0 auto; }
    #pagef001 #bestRateContainer .bestRate:before, #pagef001 #bestRateContainer .bestRate:after {
      content: "";
      display: block;
      height: 0; }
    #pagef001 #bestRateContainer .bestRate:after {
      clear: both; }
  #pagef001 #bestRateContainer .bestRateInner > h4 {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    color: #005b69; }
    #pagef001 #bestRateContainer .bestRateInner > h4 span {
      display: block; }
      #pagef001 #bestRateContainer .bestRateInner > h4 span:first-child {
        margin-bottom: 20px;
        font-size: 14px; }
      #pagef001 #bestRateContainer .bestRateInner > h4 span:nth-child(2) {
        font-size: 18px;
        font-weight: bold; }
    #pagef001 #bestRateContainer .bestRateInner > h4:after {
      position: absolute;
      top: 27px;
      left: 50%;
      display: block;
      content: "";
      border-bottom: 1px solid #5d6f72;
      width: 20px;
      margin-left: -10px;
      opacity: .3; }
  #pagef001 #bestRateContainer .bestRateInner ul.privilegeList {
    width: 100%;
    padding-bottom: 50px;
    list-style: none;
    text-align: center;
    letter-spacing: -.4em;
    font-size: 0; }
    #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li {
      display: inline-block;
      width: 300px;
      margin-bottom: 20px;
      text-align: left;
      letter-spacing: normal;
      font-size: 12px; }
      #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li:first-child, #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li:nth-child(2) {
        margin-top: 0; }
      #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a {
        position: relative;
        text-decoration: none; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:before, #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:after {
          content: "";
          display: block;
          height: 0; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:after {
          clear: both; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a .overlay {
          position: absolute;
          top: 3px;
          left: 3px;
          background: #e8240c;
          width: 64px;
          height: 64px;
          border-radius: 50%;
          color: #fff;
          text-align: center;
          line-height: 22px;
          padding: 8px;
          opacity: 0;
          transition: opacity .3s; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:hover .overlay {
          transition: opacity .3s;
          opacity: .9; }
      #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li img {
        width: 70px;
        height: 70px;
        float: left; }
      #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li span {
        display: block;
        margin: 4px 0 4px 85px; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li span.privilege {
          color: #d50e1c;
          font-size: 18px;
          font-weight: bold; }
  #pagef001 #bestRateContainer .bestRateInner.painLeft {
    width: 100%;
    text-align: center; }
    #pagef001 #bestRateContainer .bestRateInner.painLeft img {
      margin-bottom: 40px; }
  #pagef001 #bestRateContainer .bestRateInner.painRight {
    width: 100%; }

#pagef001 #container {
  background-color: #FCFCF9;
  margin: 0 auto;
  padding: 40px 0 0; }
  #pagef001 #container .contentInner > .painLeft > h2 {
    margin-top: 18px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #486a1f;
    text-align: center; }
  #pagef001 #container .contentInner > .painLeft .hotelLinks {
    width: 100%;
    margin-bottom: 60px;
    border-right: 1px solid #ddd;
    letter-spacing: -.4em;
    font-size: 0; }
    #pagef001 #container .contentInner > .painLeft .hotelLinks a {
      box-sizing: border-box;
      display: inline-block;
      width: 50%;
      padding: 10px;
      border-bottom: 1px solid #ddd;
      text-align: center; }
      #pagef001 #container .contentInner > .painLeft .hotelLinks a:nth-child(1) {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd; }
      #pagef001 #container .contentInner > .painLeft .hotelLinks a:nth-child(2) {
        border-top: 1px solid #ddd; }
      #pagef001 #container .contentInner > .painLeft .hotelLinks a:nth-child(3) {
        border-right: 1px solid #ddd; }
  #pagef001 #container .contentInner > .painLeft .planGroup {
    margin-bottom: 30px; }
    #pagef001 #container .contentInner > .painLeft .planGroup .modHeading {
      margin-bottom: 20px; }
      #pagef001 #container .contentInner > .painLeft .planGroup .modHeading:last-child {
        margin-bottom: 0; }
  #pagef001 #container .contentInner > .painRight > h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  #pagef001 #container .contentInner > .painRight .modHeading {
    text-align: center; }
  #pagef001 #container .contentInner > .painRight .hotelList {
    margin-bottom: 15px; }
    #pagef001 #container .contentInner > .painRight .hotelList li {
      box-sizing: border-box;
      padding: 10px;
      border-bottom: 1px solid #ddd; }
      #pagef001 #container .contentInner > .painRight .hotelList li .hotelImg,
      #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail {
        vertical-align: top; }
      #pagef001 #container .contentInner > .painRight .hotelList li .hotelImg {
        margin-right: 14px;
        width: 130px; }
      #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail {
        position: relative;
        width: inherit; }
        #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelLogo {
          margin-bottom: 5px; }
        #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelName {
          width: 100%;
          margin-bottom: 10px;
          font-size: 11px;
          color: #999;
          text-decoration: underline; }
          #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelName:hover {
            text-decoration: none; }
        #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelText {
          width: 100%;
          margin-bottom: 15px;
          font-size: 12px;
          line-height: 18px; }
        #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail a.btn {
          position: absolute;
          bottom: 0;
          left: 0; }
          #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail a.btn i {
            position: absolute;
            top: 10px;
            right: 8px; }
  #pagef001 #container .contentInner > .painRight #golfPack {
    background: #e7f1dd; }
    #pagef001 #container .contentInner > .painRight #golfPack .golfPackImg {
      width: 100%; }
    #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer {
      padding: 20px; }
      #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 22px;
        color: #486a1f; }
      #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer .golfPackList li {
        width: 100%;
        margin-bottom: 10px;
        list-style: none; }
        #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer .golfPackList li:nth-child(4) {
          margin-bottom: 0; }
  #pagef001 #container .contentInner > .attention {
    margin: 40px auto 60px; }

#pagef002 .title, #pagef008 .title {
  background: url(../base/images/ttl_bg.gif) repeat-x top;
  color: #333;
  display: table;
  height: 69px;
  padding-top: 18px;
  padding-left: 9px;
  position: relative;
  width: 100%; }
  #pagef002 .title a.back, #pagef008 .title a.back {
    border-left: 1px solid #999;
    background: url("../base/images/btn_back.png") no-repeat;
    background-size: 30px 30px;
    background-position: -5px center;
    font-size: 18px;
    font-weight: bold;
    height: 100%;
    padding-left: 16px;
    padding-top: 22px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    right: 0;
    width: 62px; }

#pagef002 .main-content, #pagef008 .main-content {
  background-color: #FCFCF9; }

#pagef002 .container > #InfoArea, #pagef008 .container > #InfoArea {
  width: 100%; }

#pagef002 #Footer_m .submenu, #pagef008 #Footer_m .submenu {
  margin-top: 60px; }

#pagef002 #guide, #pagef008 #guide {
  background-color: #486A1F;
  color: #fff;
  padding: 10px 0;
  text-align: center; }
  #pagef002 #guide .description, #pagef008 #guide .description {
    font-weight: bold; }

#pagef002 .plan-period, #pagef008 .plan-period {
  border: 1px solid #E2E2DE;
  border-width: 0 1px 1px 0px;
  font-weight: bold; }
  #pagef002 .plan-period .prev, #pagef002 .plan-period .next, #pagef008 .plan-period .prev, #pagef008 .plan-period .next {
    height: 34px;
    width: 34px; }
    #pagef002 .plan-period .prev > a, #pagef002 .plan-period .next > a, #pagef008 .plan-period .prev > a, #pagef008 .plan-period .next > a {
      border-radius: 50%;
      display: inline-block;
      font-size: 14px;
      height: 24px;
      margin: 5px;
      padding-top: 4px;
      text-decoration: none;
      width: 24px;
      white-space: nowrap; }
  #pagef002 .plan-period .prev, #pagef008 .plan-period .prev {
    float: left; }
    #pagef002 .plan-period .prev > a, #pagef008 .plan-period .prev > a {
      background: url("../base/images/icon_arrowL_white.png") no-repeat;
      background-size: 6px 10px;
      background-position: center center;
      background-color: #486A1F;
      text-indent: 30px; }
  #pagef002 .plan-period .next, #pagef008 .plan-period .next {
    float: right; }
    #pagef002 .plan-period .next > a, #pagef008 .plan-period .next > a {
      background: url("../base/images/icon_arrowR_white.png") no-repeat;
      background-size: 6px 10px;
      background-position: center center;
      background-color: #486A1F;
      text-indent: -48px; }
  #pagef002 .plan-period .calendar, #pagef008 .plan-period .calendar {
    height: 34px;
    text-align: center; }
    #pagef002 .plan-period .calendar input#datepicker, #pagef008 .plan-period .calendar input#datepicker {
      border: none;
      margin-top: 5px;
      text-indent: -9999px;
      padding: 0;
      border-radius: 0; }

#pagef002 .plans, #pagef008 .plans {
  width: 100%; }
  #pagef002 .plans .plan, #pagef008 .plans .plan {
    background-color: #fff;
    border: 0px solid #E2E2DE;
    border-width: 1px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    margin: 10px 0; }
  #pagef002 .plans .plan-about, #pagef008 .plans .plan-about {
    border-width: 0 1px 1px 1px;
    padding-left: 15px; }
    #pagef002 .plans .plan-about a, #pagef002 .plans .plan-about label, #pagef008 .plans .plan-about a, #pagef008 .plans .plan-about label {
      font-size: 13px; }
    #pagef002 .plans .plan-about > div, #pagef008 .plans .plan-about > div {
      margin-top: 15px;
      padding: 0 15px 0 30px;
      line-height: 25px; }
    #pagef002 .plans .plan-about .plan-name, #pagef008 .plans .plan-about .plan-name {
      padding: 0 15px 0 0; }
      #pagef002 .plans .plan-about .plan-name a, #pagef008 .plans .plan-about .plan-name a {
        color: #486A1F;
        font-size: 14px;
        font-weight: bold; }
    #pagef002 .plans .plan-about .room-name, #pagef008 .plans .plan-about .room-name {
      background: url("../base/images/icon_roomType.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center; }
      #pagef002 .plans .plan-about .room-name a, #pagef008 .plans .plan-about .room-name a {
        margin-right: 10px; }
      #pagef002 .plans .plan-about .room-name img, #pagef008 .plans .plan-about .room-name img {
        height: 20px;
        width: 34px; }
    #pagef002 .plans .plan-about .avail-persons, #pagef008 .plans .plan-about .avail-persons {
      background: url("../base/images/icon_guests.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center; }
    #pagef002 .plans .plan-about .meal-name, #pagef008 .plans .plan-about .meal-name {
      background: url("../base/images/icon_food.png") no-repeat;
      background-size: 20px 20px;
      background-position: left center;
      margin-bottom: 20px; }
  #pagef002 .plans .plan-price, #pagef008 .plans .plan-price {
    background-color: rgba(72, 107, 31, 0.05);
    border-width: 0 1px 1px 0;
    padding: 8px 15px; }
    #pagef002 .plans .plan-price .per-label, #pagef008 .plans .plan-price .per-label {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 18px;
      opacity: 0.5; }
    #pagef002 .plans .plan-price .price-label, #pagef008 .plans .plan-price .price-label {
      color: #333333;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 26px; }
  #pagef002 .plans .dates, #pagef008 .plans .dates {
    padding: 8px; }
    #pagef002 .plans .dates > table, #pagef008 .plans .dates > table {
      border-collapse: collapse;
      width: 100%; }
      #pagef002 .plans .dates > table td.date, #pagef008 .plans .dates > table td.date {
        border: 1px solid #fff; }
    #pagef002 .plans .dates .date, #pagef008 .plans .dates .date {
      background-color: #F3F3F3;
      border: 1px solid #E2E2DE;
      display: table-cell;
      font-weight: bold;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 17px;
      text-align: center;
      width: 14.2%; }
      #pagef002 .plans .dates .date > a, #pagef008 .plans .dates .date > a {
        display: inline-block;
        margin: 5px 0;
        text-decoration: none;
        width: 100%; }
        #pagef002 .plans .dates .date > a .dateStatus, #pagef008 .plans .dates .date > a .dateStatus {
          font-size: 13px; }
      #pagef002 .plans .dates .date.less > a .dateStatus, #pagef008 .plans .dates .date.less > a .dateStatus {
        color: #D50E1C; }
      #pagef002 .plans .dates .date.more > a .dateStatus, #pagef008 .plans .dates .date.more > a .dateStatus {
        color: #4990E2; }
      #pagef002 .plans .dates .date.sat > a .dateText, #pagef008 .plans .dates .date.sat > a .dateText {
        color: #0065FF; }
      #pagef002 .plans .dates .date.sun > a .dateText, #pagef008 .plans .dates .date.sun > a .dateText {
        color: #E8240C; }
  #pagef002 .plans .month, #pagef008 .plans .month {
    border-width: 1px;
    font-weight: bold;
    padding: 7px 0;
    text-align: center; }

#pagef003 .alert-box {
  padding-top: 20px; }
  #pagef003 .alert-box .msg-box strong {
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 22px; }
  #pagef003 .alert-box .msg-box .lbl {
    margin: 10px 0 20px 0; }
  #pagef003 .alert-box .msg-box button {
    padding: 17px; }

#pagef003 .lySortNav {
  border-bottom: 1px solid #ddd; }
  #pagef003 .lySortNav .refineSearch,
  #pagef003 .lySortNav .searchSort {
    width: 50%;
    text-align: center;
    height: 40px;
    line-height: 40px; }
  #pagef003 .lySortNav .refineSearch {
    border-right: 1px solid #ddd; }
    #pagef003 .lySortNav .refineSearch a {
      position: relative;
      display: block;
      padding-left: 30px;
      font-size: 14px;
      text-decoration: none; }
      #pagef003 .lySortNav .refineSearch a i.modIcon {
        position: absolute;
        top: 10px;
        left: 10px;
        margin-bottom: -4px;
        margin-right: 10px; }
      #pagef003 .lySortNav .refineSearch a .count {
        color: #486A1F; }
      #pagef003 .lySortNav .refineSearch a:before {
        position: absolute;
        bottom: 5px;
        right: 5px;
        content: '';
        display: inline-block;
        background: #fff url(../base/images/icon_dropown_box.png) no-repeat;
        background-size: 10px 10px;
        width: 10px;
        height: 10px; }
  #pagef003 .lySortNav .searchSort .selected {
    font-size: 14px;
    color: #333; }
  #pagef003 .lySortNav .searchSort .carat {
    right: 10px;
    margin-top: 3px; }

#pagef003 #TtlAreaNew {
  display: none; }

#pagef003 .container > #InfoArea {
  width: 100%;
  margin-top: 0; }

#pagef003 #modSideRefineSearch {
  transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  top: 100%; }
  #pagef003 #modSideRefineSearch .spHeader, #pagef003 #modSideRefineSearch .submitArea {
    bottom: auto;
    transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: 100%; }
  #pagef003 #modSideRefineSearch.show {
    top: 0; }
    #pagef003 #modSideRefineSearch.show .spHeader {
      top: 0; }
    #pagef003 #modSideRefineSearch.show .submitArea {
      bottom: 0;
      top: auto; }

#pagef003 .modPlanSearchBar .painRight form {
  margin-bottom: 0px; }

#pagef003 #searchResult .searchSort {
  display: none; }

#pagef003 .hotelLinks {
  display: flex;
  flex-wrap: wrap;
  text-align: center; }
  #pagef003 .hotelLinks a {
    border: 0px solid #E2E2DE;
    border-width: 0 1px 1px 1px;
    color: #333;
    display: inline-block;
    float: left;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 10px;
    text-decoration: none;
    width: 50%; }
    #pagef003 .hotelLinks a.title {
      color: #486A1F;
      font-weight: bold;
      padding: 13px 0;
      width: 100%; }

#pagef003 .plans {
  margin-top: 20px; }
  #pagef003 .plans .modPlanCard {
    padding: 10px 15px 0;
    margin-bottom: 0; }
  #pagef003 .plans .planGroup {
    margin-bottom: 60px; }
    #pagef003 .plans .planGroup .modHeading {
      margin-bottom: 20px; }
  #pagef003 .plans .showMore {
    height: auto;
    margin: 10px 15px 0;
    padding-top: 0;
    width: auto; }
    #pagef003 .plans .showMore .showMoreButton {
      padding: 17px 0;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px; }

#pagef003 footer {
  border-top-width: 0;
  margin-top: 0; }

#pagef003 #datepickerPopup {
  position: fixed;
  bottom: -200%;
  left: 0;
  width: 100%;
  z-index: 1000; }
  #pagef003 #datepickerPopup.hasDatepicker {
    padding: 0; }
  #pagef003 #datepickerPopup .ui-datepicker-inline {
    position: absolute !important;
    bottom: 62px !important;
    left: 0 !important;
    z-index: 1010; }
  #pagef003 #datepickerPopup .submit {
    bottom: 0;
    left: 0;
    background: #486A1F;
    width: 100%;
    padding: 10px; }
    #pagef003 #datepickerPopup .submit button {
      width: 100%;
      height: 100%;
      padding: 10px;
      font-weight: bold;
      border: none;
      border-radius: 3px;
      background: #fec900;
      background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
      #pagef003 #datepickerPopup .submit button i.modIcon {
        margin-bottom: -5px;
        margin-right: 5px; }

#pagef003 #reSearchPopUp {
  position: fixed;
  bottom: -200%;
  left: 0;
  width: 100%;
  z-index: 1000; }
  #pagef003 #reSearchPopUp .popupBackdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000; }
  #pagef003 #reSearchPopUp .popupContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #E2E2DE;
    width: 100%;
    padding: 10px 10px 70px;
    z-index: 1010;
    box-sizing: border-box; }
  #pagef003 #reSearchPopUp .formRow {
    background: #fff;
    padding: 5px;
    border-bottom: 1px solid #eee; }
    #pagef003 #reSearchPopUp .formRow .innerLabel {
      width: 60%;
      font-size: 14px; }
    #pagef003 #reSearchPopUp .formRow .numControlGroup .controlInner {
      display: table;
      width: 100%; }
      #pagef003 #reSearchPopUp .formRow .numControlGroup .controlInner button, #pagef003 #reSearchPopUp .formRow .numControlGroup .controlInner input {
        display: table-cell;
        vertical-align: top; }
      #pagef003 #reSearchPopUp .formRow .numControlGroup .controlInner button {
        width: 25%; }
      #pagef003 #reSearchPopUp .formRow .numControlGroup .controlInner .value {
        display: inline-block;
        width: 40%;
        height: 34px;
        line-height: 34px;
        border: 1px solid #eee;
        font-weight: bold;
        text-align: center; }
      #pagef003 #reSearchPopUp .formRow .numControlGroup .controlInner .decrement {
        margin-right: 5%;
        border-radius: 5px 0 0 5px; }
      #pagef003 #reSearchPopUp .formRow .numControlGroup .controlInner .increment {
        margin-left: 5%;
        border-radius: 0 5px 5px 0; }
    #pagef003 #reSearchPopUp .formRow.isStayDays {
      margin-bottom: 10px;
      border-radius: 3px;
      border-bottom: 0; }
    #pagef003 #reSearchPopUp .formRow.isAdultPersons {
      border-radius: 3px 3px 0 0; }
    #pagef003 #reSearchPopUp .formRow.isBaby {
      border-radius: 0 0 3px 3px; }
  #pagef003 #reSearchPopUp .innerSupple {
    display: block;
    padding: 10px;
    font-size: 12px;
    text-align: center; }
  #pagef003 #reSearchPopUp .submit {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #486A1F;
    width: 100%;
    padding: 10px; }
    #pagef003 #reSearchPopUp .submit button {
      width: 100%;
      height: 100%;
      padding: 10px;
      font-weight: bold;
      border: none;
      border-radius: 3px;
      background: #fec900;
      background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
      #pagef003 #reSearchPopUp .submit button i.modIcon {
        margin-bottom: -5px;
        margin-right: 5px; }

#pagef003 .priceDetailModal #priceFrame {
  border: none;
  display: block;
  height: 100%;
  width: 100%; }

#pagef003 .priceDetailModal .modal-backdrop {
  display: none; }

#pagef003 .priceDetailModal .modal {
  background-color: #fefefe;
  height: 100%;
  left: 0;
  position: fixed;
  top: 100%;
  transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
  z-index: 1010; }
  #pagef003 .priceDetailModal .modal.show {
    top: 0; }
  #pagef003 .priceDetailModal .modal .spHeader {
    position: absolute;
    top: 0;
    left: 0;
    background: #486A1F;
    width: 100%;
    padding: 15px 20px;
    color: #fff;
    z-index: 1020; }
    #pagef003 .priceDetailModal .modal .spHeader .spHeading {
      float: left; }
    #pagef003 .priceDetailModal .modal .spHeader .close-modal {
      float: right; }
      #pagef003 .priceDetailModal .modal .spHeader .close-modal i.modIcon {
        margin-bottom: -2px;
        margin-right: 5px; }
  #pagef003 .priceDetailModal .modal .modal-content {
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }

#pagef004 {
  padding-bottom: 85px; }
  #pagef004 #overrideContainer {
    padding: 15px 0; }
    #pagef004 #overrideContainer .detailHeader {
      position: relative;
      margin: 0 15px; }
      #pagef004 #overrideContainer .detailHeader .planCode {
        position: absolute;
        bottom: 0;
        right: 0; }
    #pagef004 #overrideContainer .modHeading.isDetailHead {
      margin: 0 15px 10px;
      padding: 20px 0 16px;
      color: #486A1F;
      position: relative; }
      #pagef004 #overrideContainer .modHeading.isDetailHead h2 {
        font-size: 16px;
        font-weight: bold; }
    #pagef004 #overrideContainer .detailArea {
      width: 100%; }
      #pagef004 #overrideContainer .detailArea * {
        line-height: 22px; }
      #pagef004 #overrideContainer .detailArea > .painLeft,
      #pagef004 #overrideContainer .detailArea > .painRight {
        vertical-align: top; }
      #pagef004 #overrideContainer .detailArea > .painLeft > div {
        margin-left: 15px;
        margin-right: 15px; }
        #pagef004 #overrideContainer .detailArea > .painLeft > div.reserveCalender {
          margin-left: 0;
          margin-right: 0; }
      #pagef004 #overrideContainer .detailArea > .painLeft .shereLinks {
        margin: 15px 15px 10px;
        text-align: right; }
        #pagef004 #overrideContainer .detailArea > .painLeft .shereLinks a {
          display: inline-block;
          height: 20px; }
      #pagef004 #overrideContainer .detailArea > .painLeft .mainImg {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        padding: 0 15px; }
      #pagef004 #overrideContainer .detailArea > .painRight {
        padding: 0 15px; }
        #pagef004 #overrideContainer .detailArea > .painRight .planLinks {
          margin-top: 10px; }
          #pagef004 #overrideContainer .detailArea > .painRight .planLinks a {
            position: relative;
            display: inline-block;
            margin-top: 10px;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 22px; }
            #pagef004 #overrideContainer .detailArea > .painRight .planLinks a i.modIcon {
              position: absolute;
              top: 14px;
              right: 10px; }
        #pagef004 #overrideContainer .detailArea > .painRight .modHeading {
          margin: 20px 0;
          padding: 17px 0;
          text-align: center;
          font-size: 16px; }
      #pagef004 #overrideContainer .detailArea p {
        font-size: 14px; }
    #pagef004 #overrideContainer .modHeading {
      margin-top: 20px;
      margin-bottom: 15px;
      padding: 15px 0; }
    #pagef004 #overrideContainer .dataArea {
      margin-top: 60px;
      border-top: 2px solid #486A1F;
      border-bottom: 2px solid #486A1F; }
      #pagef004 #overrideContainer .dataArea table {
        width: 100%; }
        #pagef004 #overrideContainer .dataArea table th {
          width: 150px;
          font-weight: bold;
          color: #486A1F;
          text-align: left; }
          #pagef004 #overrideContainer .dataArea table th > i.modIcon {
            position: relative;
            margin-right: 10px;
            top: 3px; }
        #pagef004 #overrideContainer .dataArea table th, #pagef004 #overrideContainer .dataArea table td {
          font-size: 14px;
          padding: 10px 0;
          border-bottom: 1px solid #ddd;
          vertical-align: top; }
          #pagef004 #overrideContainer .dataArea table th .isSpNewLine, #pagef004 #overrideContainer .dataArea table td .isSpNewLine {
            display: block;
            margin-top: 10px;
            letter-spacing: -.4em;
            font-size: 0; }
            #pagef004 #overrideContainer .dataArea table th .isSpNewLine i.modIcon.isRoomType, #pagef004 #overrideContainer .dataArea table td .isSpNewLine i.modIcon.isRoomType {
              margin-right: 5px;
              letter-spacing: normal; }
      #pagef004 #overrideContainer .dataArea i.modIcon.isRoomType {
        margin-right: 5px; }
      #pagef004 #overrideContainer .dataArea a.textLink {
        font-size: 12px;
        color: #486A1F;
        text-decoration: underline; }
    #pagef004 #overrideContainer .detailText a.textLink {
      display: inline-block;
      margin-top: 10px;
      font-size: 13px;
      color: #486A1F;
      text-decoration: underline;
      letter-spacing: 0;
      line-height: 20px; }
    #pagef004 #overrideContainer .detailText table.cancelTbl {
      width: 100%;
      margin: 30px 0; }
      #pagef004 #overrideContainer .detailText table.cancelTbl tr:nth-child(7) th, #pagef004 #overrideContainer .detailText table.cancelTbl tr:nth-child(7) td {
        border-bottom: 0; }
      #pagef004 #overrideContainer .detailText table.cancelTbl th, #pagef004 #overrideContainer .detailText table.cancelTbl td {
        width: 80px;
        border-right: 1px solid #ddd;
        text-align: center;
        padding: 5px; }
      #pagef004 #overrideContainer .detailText table.cancelTbl th {
        color: #486A1F;
        border-right: 1px solid #486A1F;
        border-bottom: 1px solid #ddd; }
      #pagef004 #overrideContainer .detailText table.cancelTbl td {
        border-bottom: 1px solid #ddd; }
        #pagef004 #overrideContainer .detailText table.cancelTbl td:nth-child(3) {
          border-right: 0; }
    #pagef004 #overrideContainer .reserveCalender {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      #pagef004 #overrideContainer .reserveCalender .reserveCalenderInner {
        padding: 5px;
        border: 3px solid #fff; }
        #pagef004 #overrideContainer .reserveCalender .reserveCalenderInner > p {
          margin: 0 15px; }
      #pagef004 #overrideContainer .reserveCalender.scrolled {
        border: 1px solid rgba(255, 232, 0, 0.3); }
        #pagef004 #overrideContainer .reserveCalender.scrolled .reserveCalenderInner {
          border: 3px solid rgba(255, 232, 0, 0.3); }
      #pagef004 #overrideContainer .reserveCalender .tableCaption {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        text-align: center; }
      #pagef004 #overrideContainer .reserveCalender .tableOperation {
        text-align: center;
        margin: 10px 0; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation #datepicker {
          border: none;
          padding: 0;
          text-indent: -9999px;
          border-radius: 0; }
          #pagef004 #overrideContainer .reserveCalender .tableOperation #datepicker:hover {
            cursor: pointer; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerLeft,
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          display: inline-block;
          width: 24px;
          height: 24px; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerLeft {
          background-image: url("../base/images/btn_showPrev.png");
          background-size: 24px 24px;
          float: left; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          background-image: url("../base/images/btn_showNext.png");
          background-size: 24px 24px;
          float: right; }
      #pagef004 #overrideContainer .reserveCalender .detailCal {
        width: 100%;
        margin: 0 0 10px; }
        #pagef004 #overrideContainer .reserveCalender .detailCal td {
          position: relative;
          background: #F3F3F3;
          height: 60px;
          border-radius: 3px;
          word-break: break-all; }
        #pagef004 #overrideContainer .reserveCalender .detailCal th, #pagef004 #overrideContainer .reserveCalender .detailCal td {
          font-weight: bold;
          vertical-align: top; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th a, #pagef004 #overrideContainer .reserveCalender .detailCal td a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            padding: 0 3px;
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            border-radius: 3px;
            font-size: 13px; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th a span.price, #pagef004 #overrideContainer .reserveCalender .detailCal td a span.price {
              position: absolute;
              top: 25px;
              left: 0;
              width: 110%;
              display: block;
              color: #333;
              font-weight: lighter;
              text-decoration: underline;
              text-align: center;
              font-size: 10px;
              line-height: 12px;
              -webkit-transform: scale(0.9);
              -webkit-transform-origin: 0 0; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th a:hover, #pagef004 #overrideContainer .reserveCalender .detailCal td a:hover {
              background: #E7F1DD;
              border: 2px solid #E7F1DD;
              cursor: pointer; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td i.status:before {
            display: inline-block;
            width: 12px;
            height: 12px;
            font-style: normal;
            float: right; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.disabled a:hover, #pagef004 #overrideContainer .reserveCalender .detailCal td.disabled a:hover {
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            cursor: default; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.today a, #pagef004 #overrideContainer .reserveCalender .detailCal td.today a {
            background: #FFF690; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th.today a, #pagef004 #overrideContainer .reserveCalender .detailCal th.today a:hover, #pagef004 #overrideContainer .reserveCalender .detailCal td.today a, #pagef004 #overrideContainer .reserveCalender .detailCal td.today a:hover {
              background: #FFF690;
              border: 2px solid #FFF690;
              cursor: default; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing i.status:before {
            content: "×";
            color: #333; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing span.price, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing span.price {
            color: #909090;
            text-decoration: none;
            font-size: 10px;
            line-height: 12px;
            -webkit-transform: scale(0.9);
            -webkit-transform-origin: 0 0; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing span.otherPlan, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing span.otherPlan {
            display: block;
            width: 111%;
            margin-top: 5px;
            font-weight: lighter;
            color: #486A1F;
            text-decoration: underline;
            font-size: 10px;
            line-height: 12px;
            -webkit-transform: scale(0.9);
            -webkit-transform-origin: 0 0; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.empty2 i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td.empty2 i.status:before {
            content: "〇";
            color: #0065FF; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.little i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td.little i.status:before {
            content: "△";
            color: #D50E1C; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing, #pagef004 #overrideContainer .reserveCalender .detailCal th.empty2, #pagef004 #overrideContainer .reserveCalender .detailCal th.little, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing, #pagef004 #overrideContainer .reserveCalender .detailCal td.empty2, #pagef004 #overrideContainer .reserveCalender .detailCal td.little {
            position: relative; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing i.status, #pagef004 #overrideContainer .reserveCalender .detailCal th.empty2 i.status, #pagef004 #overrideContainer .reserveCalender .detailCal th.little i.status, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing i.status, #pagef004 #overrideContainer .reserveCalender .detailCal td.empty2 i.status, #pagef004 #overrideContainer .reserveCalender .detailCal td.little i.status {
              position: absolute;
              top: 2px;
              right: 2px; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.isSelected a, #pagef004 #overrideContainer .reserveCalender .detailCal td.isSelected a {
            background: #FFEDED;
            border: 2px solid #D50E1C;
            cursor: pointer; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th:first-child, #pagef004 #overrideContainer .reserveCalender .detailCal td:first-child {
            color: #D50E1C; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th:first-child a, #pagef004 #overrideContainer .reserveCalender .detailCal td:first-child a {
              color: #D50E1C; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th:nth-child(7), #pagef004 #overrideContainer .reserveCalender .detailCal td:nth-child(7) {
            color: #0065FF; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th:nth-child(7) a, #pagef004 #overrideContainer .reserveCalender .detailCal td:nth-child(7) a {
              color: #0065FF; }
      #pagef004 #overrideContainer .reserveCalender .empty2 {
        color: #0065FF; }
      #pagef004 #overrideContainer .reserveCalender .little {
        color: #D50E1C; }
  #pagef004 #datepickerPopup {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000; }
    #pagef004 #datepickerPopup.hasDatepicker {
      padding: 0; }
    #pagef004 #datepickerPopup .ui-datepicker-inline {
      position: absolute !important;
      bottom: 62px !important;
      left: 0 !important;
      z-index: 1010; }
    #pagef004 #datepickerPopup .popupBackdrop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    #pagef004 #datepickerPopup .submit {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #486A1F;
      width: 100%;
      padding: 10px;
      z-index: 1010; }
      #pagef004 #datepickerPopup .submit button {
        width: 100%;
        height: 100%;
        padding: 10px;
        font-weight: bold;
        border: none;
        border-radius: 3px;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        #pagef004 #datepickerPopup .submit button i.modIcon {
          margin-bottom: -5px;
          margin-right: 5px; }
  #pagef004 #reSearchPopUp {
    position: fixed;
    bottom: -200%;
    left: 0;
    width: 100%;
    z-index: 1000; }
    #pagef004 #reSearchPopUp .popupBackdrop {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1000; }
    #pagef004 #reSearchPopUp .popupContainer {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #E2E2DE;
      width: 100%;
      padding: 10px 10px 70px;
      z-index: 1010;
      box-sizing: border-box; }
    #pagef004 #reSearchPopUp .formRow {
      background: #fff;
      padding: 5px;
      border-bottom: 1px solid #eee; }
      #pagef004 #reSearchPopUp .formRow .innerLabel {
        width: 60%;
        font-size: 14px; }
      #pagef004 #reSearchPopUp .formRow .numControlGroup .controlInner {
        display: table;
        width: 100%; }
        #pagef004 #reSearchPopUp .formRow .numControlGroup .controlInner button, #pagef004 #reSearchPopUp .formRow .numControlGroup .controlInner input {
          display: table-cell;
          vertical-align: top; }
        #pagef004 #reSearchPopUp .formRow .numControlGroup .controlInner button {
          width: 25%; }
        #pagef004 #reSearchPopUp .formRow .numControlGroup .controlInner .value {
          display: inline-block;
          width: 40%;
          height: 34px;
          line-height: 34px;
          border: 1px solid #eee;
          font-weight: bold;
          text-align: center; }
        #pagef004 #reSearchPopUp .formRow .numControlGroup .controlInner .decrement {
          margin-right: 5%;
          border-radius: 5px 0 0 5px; }
        #pagef004 #reSearchPopUp .formRow .numControlGroup .controlInner .increment {
          margin-left: 5%;
          border-radius: 0 5px 5px 0; }
      #pagef004 #reSearchPopUp .formRow.isStayDays {
        margin-bottom: 10px;
        border-radius: 3px;
        border-bottom: 0; }
      #pagef004 #reSearchPopUp .formRow.isAdultPersons {
        border-radius: 3px 3px 0 0; }
      #pagef004 #reSearchPopUp .formRow.isBaby {
        border-radius: 0 0 3px 3px; }
    #pagef004 #reSearchPopUp .innerSupple {
      display: block;
      padding: 10px;
      font-size: 12px;
      text-align: center; }
    #pagef004 #reSearchPopUp .submit {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #486A1F;
      width: 100%;
      padding: 10px; }
      #pagef004 #reSearchPopUp .submit button {
        width: 100%;
        height: 100%;
        padding: 10px;
        font-weight: bold;
        border: none;
        border-radius: 3px;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
  #pagef004 #detailModal .modal {
    background-color: #fefefe;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1010; }
    #pagef004 #detailModal .modal .spHeader {
      position: absolute;
      top: 0;
      left: 0;
      background: #486A1F;
      width: 100%;
      padding: 15px 20px;
      color: #fff;
      z-index: 1020; }
      #pagef004 #detailModal .modal .spHeader .spHeading {
        float: left; }
      #pagef004 #detailModal .modal .spHeader .close-modal {
        float: right; }
        #pagef004 #detailModal .modal .spHeader .close-modal i.modIcon {
          margin-bottom: -2px;
          margin-right: 5px; }
    #pagef004 #detailModal .modal .modal-content {
      padding: 60px 20px 20px;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px;
      height: 100%;
      overflow: scroll; }
      #pagef004 #detailModal .modal .modal-content .planCode {
        float: right;
        margin-top: 5px;
        font-size: 11px; }
      #pagef004 #detailModal .modal .modal-content .title {
        border-bottom: 4px solid #A9D935;
        padding: 20px 0;
        position: relative; }
        #pagef004 #detailModal .modal .modal-content .title .header-label {
          color: #486A1F;
          display: block;
          font-weight: bold; }
      #pagef004 #detailModal .modal .modal-content .planGroup {
        width: 100%;
        font-size: 14px; }
        #pagef004 #detailModal .modal .modal-content .planGroup .planHeader {
          padding: 10px 0;
          margin-top: 20px;
          border-bottom: 2px solid #486A1F; }
          #pagef004 #detailModal .modal .modal-content .planGroup .planHeader i.modIcon {
            margin-bottom: -3px; }
          #pagef004 #detailModal .modal .modal-content .planGroup .planHeader span {
            float: right; }
        #pagef004 #detailModal .modal .modal-content .planGroup .planDetail {
          border-bottom: 2px solid #486A1F; }
          #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup {
            display: table;
            width: 100%;
            padding: 10px 0;
            list-style: none;
            border-bottom: 1px solid #ddd; }
            #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li {
              display: table-cell; }
              #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) {
                width: 30%;
                color: #486A1F;
                font-weight: bold;
                text-align: left; }
                #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) span {
                  color: #909090;
                  font-weight: lighter; }
              #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(2), #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(5) {
                width: 20%;
                font-size: 11px;
                text-align: right; }
              #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
                text-align: center; }
              #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
                font-size: 11px;
                width: 15%; }
            #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup:nth-child(4) {
              border-bottom: none; }
        #pagef004 #detailModal .modal .modal-content .planGroup .planTotal {
          padding: 10px 0;
          margin-top: 20px;
          border-bottom: 2px solid #486A1F;
          font-weight: bold; }
          #pagef004 #detailModal .modal .modal-content .planGroup .planTotal span {
            float: right;
            color: #D50E1C; }
      #pagef004 #detailModal .modal .modal-content .bottomSupple {
        margin-top: 20px; }

#pagef004 #overrideContainer .reserveCalender .detailCal td { position: relative;top: 2px; }

#pagef005 #TtlAreaNew {
  margin-bottom: 0px; }

#pagef005 #hotelSelection {
  border-bottom: 1px solid #E2E2DE; }
  #pagef005 #hotelSelection .hotelInfo {
    padding: 14px;
    position: relative; }
    #pagef005 #hotelSelection .hotelInfo .selectedHotel {
      float: left; }
    #pagef005 #hotelSelection .hotelInfo .countText {
      float: right;
      margin-right: 48px; }
      #pagef005 #hotelSelection .hotelInfo .countText span {
        display: none; }
        #pagef005 #hotelSelection .hotelInfo .countText span.planCounts, #pagef005 #hotelSelection .hotelInfo .countText span.unit {
          color: #486A1F;
          display: inline;
          font-size: 14px;
          letter-spacing: 0;
          line-height: 22px; }
    #pagef005 #hotelSelection .hotelInfo .caret {
      background: url("../base/images/icon_pullDown_selected.png") no-repeat;
      background-size: 9px 7px;
      background-position: center center;
      cursor: pointer;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 48px; }

#pagef005 #hotels {
  background-color: #FCFCF9;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 100%;
  z-index: 10; }
  #pagef005 #hotels .hotel {
    border-bottom: 1px solid #E2E2DE;
    display: block;
    padding: 20px;
    position: relative;
    width: 100%; }
    #pagef005 #hotels .hotel.active:before {
      background: url("../base/images/icon_checked.png") no-repeat;
      background-size: 14px 11px;
      background-position: center center;
      content: "";
      height: 11px;
      margin-top: -5px;
      position: absolute;
      right: 13px;
      width: 14px;
      top: 50%; }

#pagef005 #searchResult .searchSortSp > .dropdown {
  background-color: #FCFCF9;
  border-bottom: 1px solid #E2E2DE;
  height: 40px; }
  #pagef005 #searchResult .searchSortSp > .dropdown .selected {
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    line-height: 22px; }
  #pagef005 #searchResult .searchSortSp > .dropdown .carat {
    right: 17px; }

#pagef005 #searchResult .searchSortSp .title {
  display: none; }

#pagef005 .plans {
  margin-top: 20px; }
  #pagef005 .plans .modPlanCard {
    padding: 10px 15px 0; }

#pagef005 footer {
  border-top-width: 0; }

#pagef006 .modal {
  background-color: #fefefe; }
  #pagef006 .modal .modal-content {
    padding: 60px 20px 20px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    height: 100%;
    overflow: scroll; }
    #pagef006 .modal .modal-content .planCode {
      float: right;
      margin-top: 5px;
      font-size: 11px; }
    #pagef006 .modal .modal-content .title {
      border-bottom: 4px solid #A9D935;
      padding: 20px 0;
      position: relative; }
      #pagef006 .modal .modal-content .title .header-label {
        color: #486A1F;
        display: block;
        font-weight: bold; }
    #pagef006 .modal .modal-content .planGroup {
      width: 100%;
      font-size: 14px; }
      #pagef006 .modal .modal-content .planGroup .planHeader {
        padding: 10px 0;
        margin-top: 20px;
        border-bottom: 2px solid #486A1F; }
        #pagef006 .modal .modal-content .planGroup .planHeader i.modIcon {
          margin-bottom: -3px; }
        #pagef006 .modal .modal-content .planGroup .planHeader span {
          float: right; }
      #pagef006 .modal .modal-content .planGroup .planDetail {
        border-bottom: 2px solid #486A1F; }
        #pagef006 .modal .modal-content .planGroup .planDetail .colGroup {
          display: table;
          width: 100%;
          padding: 10px 0;
          list-style: none;
          border-bottom: 1px solid #ddd; }
          #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li {
            display: table-cell; }
            #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) {
              width: 30%;
              color: #486A1F;
              font-weight: bold;
              text-align: left; }
              #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) span {
                color: #909090;
                font-weight: lighter; }
            #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(2), #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(5) {
              width: 20%;
              font-size: 11px;
              text-align: right; }
            #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
              text-align: center; }
            #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
              font-size: 11px;
              width: 15%; }
          #pagef006 .modal .modal-content .planGroup .planDetail .colGroup:nth-child(4) {
            border-bottom: none; }
      #pagef006 .modal .modal-content .planGroup .planTotal {
        padding: 10px 0;
        margin-top: 20px;
        border-bottom: 2px solid #486A1F;
        font-weight: bold; }
        #pagef006 .modal .modal-content .planGroup .planTotal span {
          float: right;
          color: #D50E1C; }
    #pagef006 .modal .modal-content .bottomSupple {
      margin-top: 20px; }

#pagef007 #TtlAreaNew {
  margin-bottom: 0px; }

#pagef007 .countText {
  background-color: #fff;
  border-bottom: 1px solid #E2E2DE;
  padding: 9px;
  text-align: center; }
  #pagef007 .countText .hitPlan {
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    line-height: 22px; }
  #pagef007 .countText .planCounts, #pagef007 .countText .unit {
    font-size: 12px;
    color: #486A1F;
    letter-spacing: 0;
    line-height: 18px; }

#pagef007 footer {
  border-top-width: 0; }

#pagef008 .alert-box {
  padding-top: 20px; }
  #pagef008 .alert-box .msg-box button {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
    margin-top: 20px;
    padding: 17px 60px;
    width: 100%; }
  #pagef008 .alert-box .msg-box strong {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px; }
  #pagef008 .alert-box .msg-box .lbl {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 10px; }

#pagef009 {
  display: block !important; }
  #pagef009 .modal-backdrop {
    display: none;
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
  #pagef009 .modal {
    background-color: #fefefe;
    left: 0;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 100%;
    transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 100%;
    z-index: 1010; }
    #pagef009 .modal.show {
      top: 0; }
    #pagef009 .modal .close-modal {
      background: url("../base/images/icon_close.png") no-repeat;
      background-size: 14px 14px;
      background-position: 10px center;
      color: #FFF;
      cursor: pointer;
      font-size: 14px;
      height: 50px;
      letter-spacing: 0;
      line-height: 22px;
      padding: 14px 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 110px;
      text-indent: 35px; }
    #pagef009 .modal .modal-content {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px; }
      #pagef009 .modal .modal-content .title {
        background-color: #486A1F;
        position: relative; }
        #pagef009 .modal .modal-content .title .form-header-label {
          color: #FFF;
          letter-spacing: 0;
          line-height: 22px;
          padding: 14px 0 14px 20px; }
      #pagef009 .modal .modal-content .selectbox {
        display: inline-block; }
        #pagef009 .modal .modal-content .selectbox select:active {
          font-size: 16px; }
        #pagef009 .modal .modal-content .selectbox.year {
          width: 80px; }
        #pagef009 .modal .modal-content .selectbox.month, #pagef009 .modal .modal-content .selectbox.date, #pagef009 .modal .modal-content .selectbox.days, #pagef009 .modal .modal-content .selectbox.person {
          width: 66px; }
      #pagef009 .modal .modal-content .form-row {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        #pagef009 .modal .modal-content .form-row:before, #pagef009 .modal .modal-content .form-row:after {
          content: "";
          display: block;
          height: 0; }
        #pagef009 .modal .modal-content .form-row:after {
          clear: both; }
      #pagef009 .modal .modal-content .left-cell {
        background-color: rgba(72, 106, 31, 0.1);
        display: block;
        padding: 5px 20px;
        vertical-align: middle; }
      #pagef009 .modal .modal-content .right-cell {
        display: block;
        padding: 10px 20px;
        vertical-align: middle;
        float: auto; }
      #pagef009 .modal .modal-content .form-label {
        font-size: 13px;
        margin: 0 10px; }
      #pagef009 .modal .modal-content .form-header-label {
        color: #486A1F;
        display: block;
        font-size: 13px !important;
        font-weight: bold; }
      #pagef009 .modal .modal-content .persons > div {
        float: left;
        margin-bottom: 10px;
        width: 50%; }
        #pagef009 .modal .modal-content .persons > div .person-type {
          font-size: 13px;
          color: #333333;
          letter-spacing: 0;
          line-height: 20px;
          float: left;
          margin: 0;
          padding: 10px 0;
          width: 100%; }
      #pagef009 .modal .modal-content .selection {
        border-bottom: 0; }
        #pagef009 .modal .modal-content .selection .form-label {
          margin: 0;
          display: block;
          float: none;
          margin-top: 10px;
          width: 100%; }
        #pagef009 .modal .modal-content .selection .selectbox, #pagef009 .modal .modal-content .selection select {
          width: 100%; }
        #pagef009 .modal .modal-content .selection .form-label {
          margin: 10px 0; }
        #pagef009 .modal .modal-content .selection .selectHotel, #pagef009 .modal .modal-content .selection .selectMeal {
          padding-bottom: 10px; }
      #pagef009 .modal .modal-content .submit {
        padding: 0 20px; }
      #pagef009 .modal .modal-content .isPrimary {
        color: #FFF;
        cursor: pointer;
        display: block;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 22px;
        padding: 17px 0;
        position: relative;
        text-align: 10px; }
        #pagef009 .modal .modal-content .isPrimary:before {
          background: url("../base/images/icon_search_white.png") no-repeat;
          background-size: 20px 20px;
          background-position: center center;
          content: "";
          height: 20px;
          margin-left: -30px;
          position: absolute;
          width: 20px; }
      #pagef009 .modal .modal-content .caution-text {
        border-width: 0;
        font-size: 12px;
        color: #333;
        letter-spacing: 0;
        line-height: 18px;
        margin-top: 40px;
        padding: 0 20px; }
        #pagef009 .modal .modal-content .caution-text a {
          color: #486A1F;
          text-decoration: underline; }
      #pagef009 .modal .modal-content .hint-text {
        border-width: 0;
        font-size: 12px;
        color: #333;
        letter-spacing: 0;
        line-height: 18px;
        padding: 20px; }

#pagef011 input {
  box-sizing: content-box; }

#pagef011 .infomationBox {
  margin: 20px; }

#pagef011 #submit2 {
  display: inline-block;
  margin-left: 10px; }

#pagef013 footer {
  border-top: none; }

#pagef014 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef014 #member_Help a {
    float: right; }

#pagef014 #member_Contents .name {
  padding: 0;
  margin-bottom: 40px;
  font-size: 20px;
  border-bottom: none; }

#pagef014 .btnTableArea a:first-child {
  margin-right: 10px; }

#pagef014 .RecommendBox {
  border-bottom: 0; }
  #pagef014 .RecommendBox .closeBtn {
    text-align: center; }

#pagef014 footer {
  border-top: none; }

#pagef015 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef015 #member_Help a {
    float: right; }

#pagef015 footer {
  border-top: none; }

#pagef016 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef016 #member_Help a {
    float: right; }

#pagef016 footer {
  border-top: none; }

#pagef017 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef017 #member_Help a {
    float: right; }

#pagef017 footer {
  border-top: none; }

#pagef018 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef018 #member_Help a {
    float: right; }

#pagef018 #member_Contents .MoreLink:first-child {
  margin-bottom: 56px !important; }

#pagef018 footer {
  border-top: none; }

#pagef030 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef030 #member_Help a {
    float: right; }

#pagef030 .cols * {
  box-sizing: content-box; }

#pagef030 footer {
  border-top: none; }

#pagef041 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef041 #member_Help a {
    float: right; }

#pagef041 footer {
  border-top: none; }

#pagef300 #Container02 .MemberF input {
  box-sizing: content-box; }

#pagef300 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef300 #member_Help a {
    float: right; }

#pagef300 footer {
  border-top: none; }

#pagef301 footer {
  border-top: none; }

#pagef302 #LeftContents h2 {
  width: 100%; }

#pagef302 .btnStopBookingOptions {
  text-align: center;
  margin-top: 30px; }

#pagef302 footer {
  border-top: none; }

#pagef303 input {
  box-sizing: content-box; }

#pagef303 .optionDetail {
  width: 97%; }

#pagef303 .optionDetail2 {
  width: 100%; }

#pagef303 footer {
  border-top: none; }

#pagef311 #LeftContents h2 {
  width: 100%; }

#pagef311 .alert-box {
  margin-top: 40px; }
  #pagef311 .alert-box .msg-box {
    padding: 30px 20px 10px 20px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 22px; }

#pagef311 footer {
  border-top: none; }

#pagef312 footer {
  border-top: none; }

#pagef315 #TtlArea02 {
  margin-bottom: 0; }

#pagef315 .alert-box {
  margin-top: 60px; }
  #pagef315 .alert-box .msg-box {
    padding: 30px 20px 10px 20px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 22px; }

#pagef315 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef315 #member_Help a {
    float: right; }

#pagef315 footer {
  border-top: none; }

#pagef316 #member_Contents > div.alert-box {
  margin-top: 60px !important; }
  #pagef316 #member_Contents > div.alert-box .msg-box {
    padding: 30px 20px 10px 20px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 22px; }

#pagef316 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef316 #member_Help a {
    float: right; }

#pagef316 footer {
  border-top: none; }

#pagef317 #TtlArea02 {
  margin-bottom: 40px; }

#pagef317 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef317 #member_Help a {
    float: right; }

#pagef317 footer {
  border-top: none; }

#pagef318 #TtlArea02 {
  margin-bottom: 40px; }

#pagef318 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef318 #member_Help a {
    float: right; }

#pagef318 #member_Contents .MoreLink:first-child {
  margin-bottom: 56px !important; }

#pagef318 footer {
  border-top: none; }

#pagef341 footer {
  border-top: none; }


/* --- 2017.09.26 BEGIN --- */
#pagef403 .alert-box {
  padding-top: 20px; }
  #pagef403 .alert-box .msg-box strong {
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 22px; }
  #pagef403 .alert-box .msg-box .lbl {
    margin: 10px 0 20px 0; }
  #pagef403 .alert-box .msg-box button {
    padding: 17px; }

#pagef403 .lySortNav {
  border-bottom: 1px solid #ddd; }
  #pagef403 .lySortNav .refineSearch,
  #pagef403 .lySortNav .searchSort {
    /*width: 50%;*/
    text-align: center;
    height: 40px;
    line-height: 40px; }
  #pagef403 .lySortNav .searchSort {
    width: 50%; }
  #pagef403 .lySortNav .searchSort a {
    display: block; }
  #pagef403 .lySortNav .textLabel {
    width: 25%;
    text-align: right;
    font-size: 11px; }
  #pagef403 .lySortNav .refineSearch {
    border-right: 1px solid #ddd;
    width: 50%; }
    #pagef403 .lySortNav .refineSearch a {
      position: relative;
      display: block;
      padding-left: 30px;
      font-size: 14px;
      text-decoration: none; }
      #pagef403 .lySortNav .refineSearch a i.modIcon {
        position: absolute;
        top: 10px;
        left: 10px;
        margin-bottom: -4px;
        margin-right: 10px; }
      #pagef403 .lySortNav .refineSearch a .count {
        color: #486A1F; }
      #pagef403 .lySortNav .refineSearch a:before {
        position: absolute;
        bottom: 5px;
        right: 5px;
        content: '';
        display: inline-block;
        background: #fff url(../base/images/icon_dropown_box.png) no-repeat;
        background-size: 10px 10px;
        width: 10px;
        height: 10px; }
  #pagef403 .lySortNav .searchSort .selected {
    font-size: 14px;
    color: #333; }
  #pagef403 .lySortNav .searchSort .carat {
    right: 10px;
    margin-top: 3px; }

#pagef403 #TtlAreaNew {
  display: none; }

#pagef403 .container > #InfoArea {
  width: 100%;
  margin-top: 0; }

#pagef403 #modSideRefineSearch {
  transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  top: 100%; }
  #pagef403 #modSideRefineSearch .spHeader, #pagef403 #modSideRefineSearch .submitArea {
    bottom: auto;
    transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: 100%; }
  #pagef403 #modSideRefineSearch.show {
    top: 0; }
    #pagef403 #modSideRefineSearch.show .spHeader {
      top: 0; }
    #pagef403 #modSideRefineSearch.show .submitArea {
      bottom: 0;
      top: auto; }

#pagef403 .modPlanSearchBar .painRight form {
  margin-bottom: 0px; }

#pagef403 #searchResult .searchSort {
  display: none; }

#pagef403 .hotelLinks {
  display: flex;
  flex-wrap: wrap;
  text-align: center; }
  #pagef403 .hotelLinks a {
    border: 0px solid #E2E2DE;
    border-width: 0 1px 1px 1px;
    color: #333;
    display: inline-block;
    float: left;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 10px;
    text-decoration: none;
    width: 50%; }
    #pagef403 .hotelLinks a.title {
      color: #486A1F;
      font-weight: bold;
      padding: 13px 0;
      width: 100%; }

#pagef403 .plans {
  margin-top: 20px; }
  #pagef403 .plans .modPlanCard {
    padding: 10px 15px 0;
    margin-bottom: 0; }
  #pagef403 .plans .planGroup {
    margin-bottom: 60px; }
    #pagef403 .plans .planGroup .modHeading {
      margin-bottom: 20px; }
  #pagef403 .plans .showMore {
    height: auto;
    margin: 10px 15px 0;
    padding-top: 0;
    width: auto; }
    #pagef403 .plans .showMore .showMoreButton {
      padding: 17px 0;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px; }

#pagef403 footer {
  border-top-width: 0;
  margin-top: 0; }

#pagef403 #datepickerPopup {
  position: fixed;
  bottom: -200%;
  left: 0;
  width: 100%;
  z-index: 1000; }
  #pagef403 #datepickerPopup.hasDatepicker {
    padding: 0; }
  #pagef403 #datepickerPopup .ui-datepicker-inline {
    position: absolute !important;
    bottom: 62px !important;
    left: 0 !important;
    z-index: 1010; }
  #pagef403 #datepickerPopup .submit {
    bottom: 0;
    left: 0;
    background: #486A1F;
    width: 100%;
    padding: 10px; }
    #pagef403 #datepickerPopup .submit button {
      width: 100%;
      height: 100%;
      padding: 10px;
      font-weight: bold;
      border: none;
      border-radius: 3px;
      background: #fec900;
      background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
      #pagef403 #datepickerPopup .submit button i.modIcon {
        margin-bottom: -5px;
        margin-right: 5px; }

#pagef403 #reSearchPopUp {
  position: fixed;
  bottom: -200%;
  left: 0;
  width: 100%;
  z-index: 1000; }
  #pagef403 #reSearchPopUp .popupBackdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000; }
  #pagef403 #reSearchPopUp .popupContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #E2E2DE;
    width: 100%;
    padding: 10px 10px 70px;
    z-index: 1010;
    box-sizing: border-box; }
  #pagef403 #reSearchPopUp .formRow {
    background: #fff;
    padding: 5px;
    border-bottom: 1px solid #eee; }
    #pagef403 #reSearchPopUp .formRow .innerLabel {
      width: 60%;
      font-size: 14px; }
    #pagef403 #reSearchPopUp .formRow .numControlGroup .controlInner {
      display: table;
      width: 100%; }
      #pagef403 #reSearchPopUp .formRow .numControlGroup .controlInner button, #pagef403 #reSearchPopUp .formRow .numControlGroup .controlInner input {
        display: table-cell;
        vertical-align: top; }
      #pagef403 #reSearchPopUp .formRow .numControlGroup .controlInner button {
        width: 25%; }
      #pagef403 #reSearchPopUp .formRow .numControlGroup .controlInner .value {
        display: inline-block;
        width: 40%;
        height: 34px;
        line-height: 34px;
        border: 1px solid #eee;
        font-weight: bold;
        text-align: center; }
      #pagef403 #reSearchPopUp .formRow .numControlGroup .controlInner .decrement {
        margin-right: 5%;
        border-radius: 5px 0 0 5px; }
      #pagef403 #reSearchPopUp .formRow .numControlGroup .controlInner .increment {
        margin-left: 5%;
        border-radius: 0 5px 5px 0; }
    #pagef403 #reSearchPopUp .formRow.isStayDays {
      margin-bottom: 10px;
      border-radius: 3px;
      border-bottom: 0; }
    #pagef403 #reSearchPopUp .formRow.isAdultPersons {
      border-radius: 3px 3px 0 0; }
    #pagef403 #reSearchPopUp .formRow.isBaby {
      border-radius: 0 0 3px 3px; }
  #pagef403 #reSearchPopUp .innerSupple {
    display: block;
    padding: 10px;
    font-size: 12px;
    text-align: center; }
  #pagef403 #reSearchPopUp .submit {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #486A1F;
    width: 100%;
    padding: 10px; }
    #pagef403 #reSearchPopUp .submit button {
      width: 100%;
      height: 100%;
      padding: 10px;
      font-weight: bold;
      border: none;
      border-radius: 3px;
      background: #fec900;
      background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
      background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
      #pagef403 #reSearchPopUp .submit button i.modIcon {
        margin-bottom: -5px;
        margin-right: 5px; }

#pagef403 .priceDetailModal #priceFrame {
  border: none;
  display: block;
  height: 100%;
  width: 100%; }

#pagef403 .priceDetailModal .modal-backdrop {
  display: none; }

#pagef403 .priceDetailModal .modal {
  background-color: #fefefe;
  height: 100%;
  left: 0;
  position: fixed;
  top: 100%;
  transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
  z-index: 1010; }
  #pagef403 .priceDetailModal .modal.show {
    top: 0; }
  #pagef403 .priceDetailModal .modal .spHeader {
    position: absolute;
    top: 0;
    left: 0;
    background: #486A1F;
    width: 100%;
    padding: 15px 20px;
    color: #fff;
    z-index: 1020; }
    #pagef403 .priceDetailModal .modal .spHeader .spHeading {
      float: left; }
    #pagef403 .priceDetailModal .modal .spHeader .close-modal {
      float: right; }
      #pagef403 .priceDetailModal .modal .spHeader .close-modal i.modIcon {
        margin-bottom: -2px;
        margin-right: 5px; }
  #pagef403 .priceDetailModal .modal .modal-content {
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
#pagef403 #hotelSelection {
  border-bottom: 1px solid #E2E2DE; }
  #pagef403 #hotelSelection .hotelInfo {
    padding: 14px;
    position: relative; }
    #pagef403 #hotelSelection .hotelInfo .selectedHotel {
      float: left; }
    #pagef403 #hotelSelection .hotelInfo .countText {
      float: right;
      margin-right: 48px; }
      #pagef403 #hotelSelection .hotelInfo .countText span {
        display: none; }
        #pagef403 #hotelSelection .hotelInfo .countText span.planCounts, #pagef403 #hotelSelection .hotelInfo .countText span.unit {
          color: #486A1F;
          display: inline;
          font-size: 14px;
          letter-spacing: 0;
          line-height: 22px; }
    #pagef403 #hotelSelection .hotelInfo .caret {
      background: url("../base/images/icon_pullDown_selected.png") no-repeat;
      background-size: 9px 7px;
      background-position: center center;
      cursor: pointer;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 48px; }

#pagef403 #hotels {
  background-color: #FCFCF9;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 100%;
  z-index: 10; }
  #pagef403 #hotels .hotel {
    border-bottom: 1px solid #E2E2DE;
    display: block;
    padding: 20px;
    position: relative;
    width: 100%; }
    #pagef403 #hotels .hotel.active:before {
      background: url("../base/images/icon_checked.png") no-repeat;
      background-size: 14px 11px;
      background-position: center center;
      content: "";
      height: 11px;
      margin-top: -5px;
      position: absolute;
      right: 13px;
      width: 14px;
      top: 50%; }

/* --- 2017.09.26 END --- */

/* --- 2017.09.28 BEGIN --- */
#pagef401 #Container02 .MemberF input {
	box-sizing: content-box;
}
/* --- 2017.09.28 END --- */

/* --- 2017.10.03 BEGIN --- */
#pagef404 {
  padding-bottom: 85px; }
  #pagef404 #overrideContainer {
    padding: 15px 0; }
    #pagef404 #overrideContainer .detailHeader {
      position: relative;
      margin: 0 15px; }
      #pagef404 #overrideContainer .detailHeader .planCode {
        position: absolute;
        bottom: 0;
        right: 0; }
    #pagef404 #overrideContainer .modHeading.isDetailHead {
      margin: 0 15px 10px;
      padding: 20px 0 16px;
      color: #486A1F;
      position: relative; }
      #pagef404 #overrideContainer .modHeading.isDetailHead h2 {
        font-size: 16px;
        font-weight: bold; }
    #pagef404 #overrideContainer .detailArea {
      width: 100%; }
      #pagef404 #overrideContainer .detailArea * {
        line-height: 22px; }
      #pagef404 #overrideContainer .detailArea > .painLeft,
      #pagef404 #overrideContainer .detailArea > .painRight {
        vertical-align: top; }
      #pagef404 #overrideContainer .detailArea > .painLeft > div {
        margin-left: 15px;
        margin-right: 15px; }
        #pagef404 #overrideContainer .detailArea > .painLeft > div.reserveCalender {
          margin-left: 0;
          margin-right: 0; }
      #pagef404 #overrideContainer .detailArea > .painLeft .shereLinks {
        margin: 15px 15px 10px;
        text-align: right; }
        #pagef404 #overrideContainer .detailArea > .painLeft .shereLinks a {
          display: inline-block;
          height: 20px; }
      #pagef404 #overrideContainer .detailArea > .painLeft .mainImg {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        padding: 0 15px; }
      #pagef404 #overrideContainer .detailArea > .painRight {
        padding: 0 15px; }
        #pagef404 #overrideContainer .detailArea > .painRight .planLinks {
          margin-top: 10px; }
          #pagef404 #overrideContainer .detailArea > .painRight .planLinks a {
            position: relative;
            display: inline-block;
            margin-top: 10px;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 22px; }
            #pagef404 #overrideContainer .detailArea > .painRight .planLinks a i.modIcon {
              position: absolute;
              top: 14px;
              right: 10px; }
        #pagef404 #overrideContainer .detailArea > .painRight .modHeading {
          margin: 20px 0;
          padding: 17px 0;
          text-align: center;
          font-size: 16px; }
      #pagef404 #overrideContainer .detailArea p {
        font-size: 14px; }
    #pagef404 #overrideContainer .modHeading {
      margin-top: 20px;
      margin-bottom: 15px;
      padding: 15px 0; }
    #pagef404 #overrideContainer .dataArea {
      margin-top: 60px;
      border-top: 2px solid #486A1F;
      border-bottom: 2px solid #486A1F; }
      #pagef404 #overrideContainer .dataArea table {
        width: 100%; }
        #pagef404 #overrideContainer .dataArea table th {
          width: 150px;
          font-weight: bold;
          color: #486A1F;
          text-align: left; }
          #pagef404 #overrideContainer .dataArea table th > i.modIcon {
            position: relative;
            margin-right: 10px;
            top: 3px; }
        #pagef404 #overrideContainer .dataArea table th, #pagef404 #overrideContainer .dataArea table td {
          font-size: 14px;
          padding: 10px 0;
          border-bottom: 1px solid #ddd;
          vertical-align: top; }
          #pagef404 #overrideContainer .dataArea table th .isSpNewLine, #pagef404 #overrideContainer .dataArea table td .isSpNewLine {
            display: block;
            margin-top: 10px;
            letter-spacing: -.4em;
            font-size: 0; }
            #pagef404 #overrideContainer .dataArea table th .isSpNewLine i.modIcon.isRoomType, #pagef404 #overrideContainer .dataArea table td .isSpNewLine i.modIcon.isRoomType {
              margin-right: 5px;
              letter-spacing: normal; }
      #pagef404 #overrideContainer .dataArea i.modIcon.isRoomType {
        margin-right: 5px; }
      #pagef404 #overrideContainer .dataArea a.textLink {
        font-size: 12px;
        color: #486A1F;
        text-decoration: underline; }
    #pagef404 #overrideContainer .detailText a.textLink {
      display: inline-block;
      margin-top: 10px;
      font-size: 13px;
      color: #486A1F;
      text-decoration: underline;
      letter-spacing: 0;
      line-height: 20px; }
    #pagef404 #overrideContainer .detailText table.cancelTbl {
      width: 100%;
      margin: 30px 0; }
      #pagef404 #overrideContainer .detailText table.cancelTbl tr:nth-child(7) th, #pagef404 #overrideContainer .detailText table.cancelTbl tr:nth-child(7) td {
        border-bottom: 0; }
      #pagef404 #overrideContainer .detailText table.cancelTbl th, #pagef404 #overrideContainer .detailText table.cancelTbl td {
        width: 80px;
        border-right: 1px solid #ddd;
        text-align: center;
        padding: 5px; }
      #pagef404 #overrideContainer .detailText table.cancelTbl th {
        color: #486A1F;
        border-right: 1px solid #486A1F;
        border-bottom: 1px solid #ddd; }
      #pagef404 #overrideContainer .detailText table.cancelTbl td {
        border-bottom: 1px solid #ddd; }
        #pagef404 #overrideContainer .detailText table.cancelTbl td:nth-child(3) {
          border-right: 0; }
    #pagef404 #overrideContainer .reserveCalender {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      #pagef404 #overrideContainer .reserveCalender .reserveCalenderInner {
        padding: 5px;
        border: 3px solid #fff; }
        #pagef404 #overrideContainer .reserveCalender .reserveCalenderInner > p {
          margin: 0 15px; }
      #pagef404 #overrideContainer .reserveCalender.scrolled {
        border: 1px solid rgba(255, 232, 0, 0.3); }
        #pagef404 #overrideContainer .reserveCalender.scrolled .reserveCalenderInner {
          border: 3px solid rgba(255, 232, 0, 0.3); }
      #pagef404 #overrideContainer .reserveCalender .tableCaption {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        text-align: center; }
      #pagef404 #overrideContainer .reserveCalender .tableOperation {
        text-align: center;
        margin: 10px 0; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation #datepicker {
          border: none;
          padding: 0;
          text-indent: -9999px;
          border-radius: 0; }
          #pagef404 #overrideContainer .reserveCalender .tableOperation #datepicker:hover {
            cursor: pointer; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerLeft,
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          display: inline-block;
          width: 24px;
          height: 24px; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerLeft {
          background-image: url("../base/images/btn_showPrev.png");
          background-size: 24px 24px;
          float: left; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          background-image: url("../base/images/btn_showNext.png");
          background-size: 24px 24px;
          float: right; }
      #pagef404 #overrideContainer .reserveCalender .detailCal {
        width: 100%;
        margin: 0 0 10px; }
        #pagef404 #overrideContainer .reserveCalender .detailCal td {
          position: relative;
          background: #F3F3F3;
          height: 60px;
          border-radius: 3px;
          word-break: break-all; }
        #pagef404 #overrideContainer .reserveCalender .detailCal th, #pagef404 #overrideContainer .reserveCalender .detailCal td {
          font-weight: bold;
          vertical-align: top; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th a, #pagef404 #overrideContainer .reserveCalender .detailCal td a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            padding: 0 3px;
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            border-radius: 3px;
            font-size: 13px; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th a span.price, #pagef404 #overrideContainer .reserveCalender .detailCal td a span.price {
              position: absolute;
              top: 25px;
              left: 0;
              width: 110%;
              display: block;
              color: #333;
              font-weight: lighter;
              text-decoration: underline;
              text-align: center;
              font-size: 10px;
              line-height: 12px;
              -webkit-transform: scale(0.9);
              -webkit-transform-origin: 0 0; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th a:hover, #pagef404 #overrideContainer .reserveCalender .detailCal td a:hover {
              background: #E7F1DD;
              border: 2px solid #E7F1DD;
              cursor: pointer; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td i.status:before {
            display: inline-block;
            width: 12px;
            height: 12px;
            font-style: normal;
            float: right; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.disabled a:hover, #pagef404 #overrideContainer .reserveCalender .detailCal td.disabled a:hover {
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            cursor: default; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.today a, #pagef404 #overrideContainer .reserveCalender .detailCal td.today a {
            background: #FFF690; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th.today a, #pagef404 #overrideContainer .reserveCalender .detailCal th.today a:hover, #pagef404 #overrideContainer .reserveCalender .detailCal td.today a, #pagef404 #overrideContainer .reserveCalender .detailCal td.today a:hover {
              background: #FFF690;
              border: 2px solid #FFF690;
              cursor: default; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing i.status:before {
            content: "×";
            color: #333; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing span.price, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing span.price {
            color: #909090;
            text-decoration: none;
            font-size: 10px;
            line-height: 12px;
            -webkit-transform: scale(0.9);
            -webkit-transform-origin: 0 0; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing span.otherPlan, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing span.otherPlan {
            display: block;
            width: 111%;
            margin-top: 5px;
            font-weight: lighter;
            color: #486A1F;
            text-decoration: underline;
            font-size: 10px;
            line-height: 12px;
            -webkit-transform: scale(0.9);
            -webkit-transform-origin: 0 0; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.empty2 i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td.empty2 i.status:before {
            content: "〇";
            color: #0065FF; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.little i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td.little i.status:before {
            content: "△";
            color: #D50E1C; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing, #pagef404 #overrideContainer .reserveCalender .detailCal th.empty2, #pagef404 #overrideContainer .reserveCalender .detailCal th.little, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing, #pagef404 #overrideContainer .reserveCalender .detailCal td.empty2, #pagef404 #overrideContainer .reserveCalender .detailCal td.little {
            position: relative; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing i.status, #pagef404 #overrideContainer .reserveCalender .detailCal th.empty2 i.status, #pagef404 #overrideContainer .reserveCalender .detailCal th.little i.status, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing i.status, #pagef404 #overrideContainer .reserveCalender .detailCal td.empty2 i.status, #pagef404 #overrideContainer .reserveCalender .detailCal td.little i.status {
              position: absolute;
              top: 2px;
              right: 2px; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.isSelected a, #pagef404 #overrideContainer .reserveCalender .detailCal td.isSelected a {
            background: #FFEDED;
            border: 2px solid #D50E1C;
            cursor: pointer; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th:first-child, #pagef404 #overrideContainer .reserveCalender .detailCal td:first-child {
            color: #D50E1C; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th:first-child a, #pagef404 #overrideContainer .reserveCalender .detailCal td:first-child a {
              color: #D50E1C; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th:nth-child(7), #pagef404 #overrideContainer .reserveCalender .detailCal td:nth-child(7) {
            color: #0065FF; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th:nth-child(7) a, #pagef404 #overrideContainer .reserveCalender .detailCal td:nth-child(7) a {
              color: #0065FF; }
      #pagef404 #overrideContainer .reserveCalender .empty2 {
        color: #0065FF; }
      #pagef404 #overrideContainer .reserveCalender .little {
        color: #D50E1C; }
  #pagef404 #datepickerPopup {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000; }
    #pagef404 #datepickerPopup.hasDatepicker {
      padding: 0; }
    #pagef404 #datepickerPopup .ui-datepicker-inline {
      position: absolute !important;
      bottom: 62px !important;
      left: 0 !important;
      z-index: 1010; }
    #pagef404 #datepickerPopup .popupBackdrop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    #pagef404 #datepickerPopup .submit {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #486A1F;
      width: 100%;
      padding: 10px;
      z-index: 1010; }
      #pagef404 #datepickerPopup .submit button {
        width: 100%;
        height: 100%;
        padding: 10px;
        font-weight: bold;
        border: none;
        border-radius: 3px;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        #pagef404 #datepickerPopup .submit button i.modIcon {
          margin-bottom: -5px;
          margin-right: 5px; }
  #pagef404 #reSearchPopUp {
    position: fixed;
    bottom: -200%;
    left: 0;
    width: 100%;
    z-index: 1000; }
    #pagef404 #reSearchPopUp .popupBackdrop {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1000; }
    #pagef404 #reSearchPopUp .popupContainer {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #E2E2DE;
      width: 100%;
      padding: 10px 10px 70px;
      z-index: 1010;
      box-sizing: border-box; }
    #pagef404 #reSearchPopUp .formRow {
      background: #fff;
      padding: 5px;
      border-bottom: 1px solid #eee; }
      #pagef404 #reSearchPopUp .formRow .innerLabel {
        width: 60%;
        font-size: 14px; }
      #pagef404 #reSearchPopUp .formRow .numControlGroup .controlInner {
        display: table;
        width: 100%; }
        #pagef404 #reSearchPopUp .formRow .numControlGroup .controlInner button, #pagef404 #reSearchPopUp .formRow .numControlGroup .controlInner input {
          display: table-cell;
          vertical-align: top; }
        #pagef404 #reSearchPopUp .formRow .numControlGroup .controlInner button {
          width: 25%; }
        #pagef404 #reSearchPopUp .formRow .numControlGroup .controlInner .value {
          display: inline-block;
          width: 40%;
          height: 34px;
          line-height: 34px;
          border: 1px solid #eee;
          font-weight: bold;
          text-align: center; }
        #pagef404 #reSearchPopUp .formRow .numControlGroup .controlInner .decrement {
          margin-right: 5%;
          border-radius: 5px 0 0 5px; }
        #pagef404 #reSearchPopUp .formRow .numControlGroup .controlInner .increment {
          margin-left: 5%;
          border-radius: 0 5px 5px 0; }
      #pagef404 #reSearchPopUp .formRow.isStayDays {
        margin-bottom: 10px;
        border-radius: 3px;
        border-bottom: 0; }
      #pagef404 #reSearchPopUp .formRow.isAdultPersons {
        border-radius: 3px 3px 0 0; }
      #pagef404 #reSearchPopUp .formRow.isBaby {
        border-radius: 0 0 3px 3px; }
    #pagef404 #reSearchPopUp .innerSupple {
      display: block;
      padding: 10px;
      font-size: 12px;
      text-align: center; }
    #pagef404 #reSearchPopUp .submit {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #486A1F;
      width: 100%;
      padding: 10px; }
      #pagef404 #reSearchPopUp .submit button {
        width: 100%;
        height: 100%;
        padding: 10px;
        font-weight: bold;
        border: none;
        border-radius: 3px;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
  #pagef404 #detailModal .modal {
    background-color: #fefefe;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1010; }
    #pagef404 #detailModal .modal .spHeader {
      position: absolute;
      top: 0;
      left: 0;
      background: #486A1F;
      width: 100%;
      padding: 15px 20px;
      color: #fff;
      z-index: 1020; }
      #pagef404 #detailModal .modal .spHeader .spHeading {
        float: left; }
      #pagef404 #detailModal .modal .spHeader .close-modal {
        float: right; }
        #pagef404 #detailModal .modal .spHeader .close-modal i.modIcon {
          margin-bottom: -2px;
          margin-right: 5px; }
    #pagef404 #detailModal .modal .modal-content {
      padding: 60px 20px 20px;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px;
      height: 100%;
      overflow: scroll; }
      #pagef404 #detailModal .modal .modal-content .planCode {
        float: right;
        margin-top: 5px;
        font-size: 11px; }
      #pagef404 #detailModal .modal .modal-content .title {
        border-bottom: 4px solid #A9D935;
        padding: 20px 0;
        position: relative; }
        #pagef404 #detailModal .modal .modal-content .title .header-label {
          color: #486A1F;
          display: block;
          font-weight: bold; }
      #pagef404 #detailModal .modal .modal-content .planGroup {
        width: 100%;
        font-size: 14px; }
        #pagef404 #detailModal .modal .modal-content .planGroup .planHeader {
          padding: 10px 0;
          margin-top: 20px;
          border-bottom: 2px solid #486A1F; }
          #pagef404 #detailModal .modal .modal-content .planGroup .planHeader i.modIcon {
            margin-bottom: -3px; }
          #pagef404 #detailModal .modal .modal-content .planGroup .planHeader span {
            float: right; }
        #pagef404 #detailModal .modal .modal-content .planGroup .planDetail {
          border-bottom: 2px solid #486A1F; }
          #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup {
            display: table;
            width: 100%;
            padding: 10px 0;
            list-style: none;
            border-bottom: 1px solid #ddd; }
            #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li {
              display: table-cell; }
              #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) {
                width: 30%;
                color: #486A1F;
                font-weight: bold;
                text-align: left; }
                #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) span {
                  color: #909090;
                  font-weight: lighter; }
              #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(2), #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(5) {
                width: 20%;
                font-size: 11px;
                text-align: right; }
              #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
                text-align: center; }
              #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
                font-size: 11px;
                width: 15%; }
            #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup:nth-child(4) {
              border-bottom: none; }
        #pagef404 #detailModal .modal .modal-content .planGroup .planTotal {
          padding: 10px 0;
          margin-top: 20px;
          border-bottom: 2px solid #486A1F;
          font-weight: bold; }
          #pagef404 #detailModal .modal .modal-content .planGroup .planTotal span {
            float: right;
            color: #D50E1C; }
      #pagef404 #detailModal .modal .modal-content .bottomSupple {
        margin-top: 20px; }

#pagef404 #overrideContainer .reserveCalender .detailCal td { position: relative;top: 2px; }
/* --- 2017.10.03 END --- */

/* ----- 2018.10.10 FSK ADD BEGIN ----- */

.replaceInfoBox {
  padding-top: 20px;
}

.replaceInfoBox strong {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}
.replaceInfoBox .lbl {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: 10px;
}
.replaceInfoBox #inputCondition {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 22px;
  margin-top: 20px;
  padding: 17px 60px;
  width: 100%;
}
.replaceInfoBox .lbl_attention {
  font-size: 12px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
/* ----- 2018.10.10 FSK ADD END ----- */

/* ----- 2018.12.11 FSK ADD BEGIN ----- */
#pagef001 #bestRateContainer .bestRateInner ul.privilegeList li p.date_area {
  color: black;
  font-size: 11px;
}
/* ----- 2018.12.11 FSK ADD END ----- */

/* ----- 2018.12.21 FSK ADD BEGIN ----- */
#aDayPlans {
  clear: both;
  background: #fafafa;
  padding: 20px 0 15px;
  opacity: .9;
}

#aDayPlans h2 {
  margin-bottom: 10px;
  color: #486A1F;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
}

#aDayPlans ul.aDayPlanBnr {
  padding: 0 20px;
  letter-spacing: -.4em;
  font-size: 0;
  width: 100%;
  text-align: center;
}

#aDayPlans ul.aDayPlanBnr li {
  display: inline-block;
  width: 80%;
  margin-bottom: 20px;
  text-align: left;
  letter-spacing: normal;
  font-size: 12px;
}

#aDayPlans ul.aDayPlanBnr li img{
  width: 100%;
}

/* ----- 2018.12.21 FSK ADD END ----- */


/* ----- 2019.03.07 FSK ADD BEGIN ----- */

/* ----- 2019.05.07 FSK COMMENT OUT BEGIN ----- */
/*div#bestRateContainer div.manual_area{
	padding: 0 20px;
}
div#bestRateContainer .m40 {
	margin-bottom: 0;
}
div#bestRateContainer div.manual_area a button {
  font-size: 14px;
  padding: 20px;
  width: 100%;
  background: #d50e1c;
}*/
/* ----- 2019.05.07 FSK COMMENT OUT  END  ----- */

/* ----- 2019.03.07 FSK ADD END ----- */


/* ----- 2019.05.07 FSK ADD BEGIN ----- */
div#bestRateContainer div.manual_box div.manual_area{
	padding: 0 20px;
	margin: 0 0 20px;
}
div#bestRateContainer div.manual_box div.manual_area a button {
  font-size: 14px;
  padding: 20px;
  width: 100%;
  background: #d50e1c;
}
/* ----- 2019.05.07 FSK ADD END ----- */


/* ----- 2019.04.19 FSK ADD BEGIN ----- */
.alert-box-redFrm .msg-box {
    background-color: white;
    border-radius: 3px;
	border-style: solid;
	border-color: red;
	text-align: center;
    margin: 0 20px 40px 20px;
    position: relative;
    padding: 20px;
}
/* ----- 2019.04.19 FSK ADD END ----- */