/* Variables */
.textOverflow, .home-hotels .home-box .hb-title, .home-hotels .home-box .hb-price, .tour-box .tb-name, .tour-box .tb-price, .ships-slider .ship-box .sb-price, .class-flight-item .cfi-right .cfr-item .class, .class-flight-item .cfi-left .ticket-details .airway-name, .class-flight-item .cfi-left .ticket-details .ticket-nr, .wide-hotel-box .whb-center .whb-title, .detail-hotel-box .whb-title, .wide-tour-box .wtb-center .wtb-title, .three-list .tb-details .ts-title, .three-list .tb-details .ts-area, .three-list .tb-bottom .tb-center, .four-list .fb-details .ts-title, .four-list .fb-details .ts-area, .four-list .fb-bottom .fb-center {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.transitionP2, .home-areas .ha-box .ha-image:Before, .toast, .three-list .tb-bottom .discover-bt, .four-list .fb-bottom .discover-bt, .explore-boxes .eb-box, .why-boxes .why-box .wb-2 {
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.transitionP4, .pack-latch .pack-main {
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.transitionP6, .t-dest-title .td-icon {
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
}

.orangeColor {
  color: #ff4500;
}

.mainColor {
  color: #b9181d;
}

div.custom-radio {
  margin: 0 0 0.75em 0;
}

div.custom-radio input[type="radio"] {
  display: none;
}

div.custom-radio input[type="radio"] + label {
  color: #666;
  font-family: Arial, sans-serif;
  font-size: 13px;
}

div.custom-radio input[type="radio"] + label span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

div.custom-radio input[type="radio"]:checked + label span {
  background-color: #b9181d;
  border: 2px solid rgba(0, 0, 0, 0.2);
}

div.custom-radio input[type="radio"] + label span,
div.custom-radio input[type="radio"]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
}

.nano .nano-content:focus {
  outline: thin dotted;
}

.nano .nano-content::-webkit-scrollbar {
  visibility: hidden;
}

.has-scrollbar .nano-content::-webkit-scrollbar {
  visibility: visible;
}

.nano > .pane {
  background: rgba(196, 196, 196, 0.29);
  position: absolute;
  width: 6px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.nano > .pane > .slider {
  background: rgba(196, 196, 196, 0.8);
  position: relative;
  margin: 0 0px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

.boldText {
  font-weight: 600;
}

.auto-button {
  width: auto;
  height: 35px;
  float: left;
  background: #b9181d;
  color: #fff;
  font-size: 13px;
  font-family: "open sans";
  border: none;
  border-radius: 2px;
  white-space: nowrap;
  padding: 0 12px;
}

.auto-button:hover {
  background: #9d151a;
}

/* Variables */
/* Login Bg */
.login-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: url("../img/login-bg.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Main */
.main {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 99;
}

/* Login */
.login-logo {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 50px;
  text-align: center;
  background: url("../img/login-seperator.png") bottom no-repeat;
  padding-bottom: 100px;
}

.login-left {
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding-top: 50px;
  padding-bottom: 150px;
  background: url("../img/login-seperator.png") top no-repeat;
  float: left;
}

.login-left .ll-item {
  width: 33%;
  height: auto;
  float: left;
  padding: 0 10px;
  text-align: center;
  margin: 20px 0;
}

.login-left .ll-item .ll-icon {
  width: 100%;
  height: 60px;
  float: left;
  color: #fff;
  margin-top: 6px;
  font-size: 40px;
  text-align: center;
  line-height: 0px;
}

.login-left .ll-item .ll-right {
  width: 100%;
  font-size: 13px;
  letter-spacing: -0.5px;
  color: rgba(255, 255, 255, 0.8);
}

.login-left .ll-item .ll-right span {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #fff;
}

.login-right {
  width: 100%;
  float: left;
  padding-bottom: 30px;
  /* Lr Title */
  /* LR Input */
}

.login-right .lr-center {
  width: 400px;
  margin: 0 auto;
}

.login-right .lr-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 25px;
  color: #fff;
  letter-spacing: -1px;
}

.login-right .language {
  width: auto;
  height: 22px;
  line-height: normal;
  margin-top: 12px;
  font-size: 12px;
  letter-spacing: 0;
  float: right;
}

.login-right .language .lang-label {
  width: auto;
  height: auto;
  float: left;
  line-height: 11px;
  font-size: 10px;
  margin-right: 7px;
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}

.login-right .language .lang-flag {
  width: 30px;
  height: 22px;
  float: right;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  position: relative;
  margin-right: 12px;
  padding: 2px;
}

.login-right .language .lang-flag:before {
  border: solid transparent;
  border-top-color: rgba(255, 255, 255, 0.5);
  border-width: 3px;
  right: -12px;
  top: 10px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.login-right .language .lang-flag img {
  width: 24px;
  height: 16px;
  float: left;
  opacity: .5;
}

.login-right .language .lang-flag:hover .lang-drop {
  display: block;
}

.login-right .language .lang-flag .lang-drop {
  width: 120px;
  position: absolute;
  right: -5px;
  top: 20px;
  background: #fff;
  display: none;
  border-radius: 3px;
}

.login-right .language .lang-flag .lang-drop:before {
  border: solid transparent;
  border-bottom-color: #fff;
  border-width: 5px;
  right: 15px;
  top: -10px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.login-right .language .lang-flag .lang-drop ul li {
  width: 100%;
  height: auto;
  float: left;
  line-height: 16px;
  padding: 7px;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
  color: #666666;
}

.login-right .language .lang-flag .lang-drop ul li:last-child {
  border: none;
}

.login-right .language .lang-flag .lang-drop ul li:hover {
  background: #f1f1f1;
}

.login-right .language .lang-flag .lang-drop ul li img {
  float: left;
  margin-right: 5px;
  opacity: 1;
}

.login-right .lr-input {
  width: 100%;
  height: 43px;
  float: left;
  margin-top: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  color: #fff;
  padding: 0 15px;
  font-family: "open sans";
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.3px;
}

.login-right .lr-button {
  width: 100%;
  height: 43px;
  background: #b9181d;
  margin-top: 20px;
  border: none;
  border-radius: 3px;
  position: relative;
  font-size: 15px;
  color: #fff;
  font-family: "open sans";
}

.login-right .lr-button:hover {
  background: #9d151a;
}

.login-right .lr-button i {
  position: absolute;
  right: 12px;
  top: 15px;
}

.login-right .lr-warning {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 20px;
  border: 1px solid rgba(255, 0, 2, 0.29);
  background-color: rgba(255, 0, 3, 0.14);
  border-radius: 3px;
  color: #fff;
  padding: 7px;
  font-family: "open sans";
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.3px;
}

/* Header */
.header {
  width: 100%;
  height: 60px;
  float: left;
  text-align: center;
  position: relative;
  z-index: 999;
  margin-bottom: -60px;
  background: rgba(0, 0, 0, 0.3);
}

.header .logo {
  width: 180px;
  height: 60px;
  float: left;
}

.header .user-main {
  width: auto;
  height: 40px;
  float: right;
  margin: 10px;
  text-align: left;
  position: relative;
}

.header .user-main .user-trigger {
  width: auto;
  height: 40px;
  float: left;
  cursor: pointer;
  padding-right: 15px;
}

.header .user-main .user-trigger:before {
  border: solid transparent;
  border-top-color: #fff;
  border-width: 3px;
  right: 0;
  top: 14px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.header .user-main .user-trigger .user-image {
  width: 40px;
  height: 40px;
  float: left;
  overflow: hidden;
  margin-right: 7px;
  border-radius: 50%;
}

.header .user-main .user-trigger .user-image img {
  width: 100%;
}

.header .user-main .user-trigger .user-details {
  width: auto;
  float: left;
  color: rgba(255, 255, 255, 0.5);
}

.header .user-main .user-trigger .user-details .username {
  letter-spacing: -0.5px;
  color: #fff;
  font-size: 13px;
}

.header .user-main .user-drop {
  width: 150px;
  height: auto;
  position: absolute;
  right: 0;
  top: 40px;
  border-radius: 2px;
  padding: 5px;
  display: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  background: #fff;
}

.header .user-main .user-drop.active {
  display: block;
}

.header .user-main .user-drop:before {
  border: solid transparent;
  border-bottom-color: #fff;
  border-width: 5px;
  right: 15px;
  top: -10px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.header .user-main .user-drop ul li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f1f1f1;
}

.header .user-main .user-drop ul li a {
  width: 100%;
  height: auto;
  float: left;
  font-size: 12px;
  color: #666666;
  padding: 6px;
}

.header .user-main .user-drop ul li:hover a {
  background: #f1f1f1;
}

.header .main-menu {
  width: auto;
  height: 60px;
  display: inline-block;
}

.header .main-menu ul li {
  width: auto;
  height: 60px;
  float: left;
}

.header .main-menu ul li a {
  width: auto;
  height: 60px;
  float: left;
  line-height: 60px;
  font-size: 15px;
  color: #fff;
  letter-spacing: -0.4px;
  padding: 0 12px;
}

.header .main-menu ul li:hover {
  background: rgba(0, 0, 0, 0.2);
}

/* Home Pane */
.destination-pane,
.sub-pane,
.home-pane {
  width: 100%;
  height: 900px;
  float: left;
  min-height: 500px;
  position: relative;
  background: url("../img/home-pane.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.destination-pane:before,
.sub-pane:before,
.home-pane:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(48, 64, 80, 0.4);
  content: ' ';
}

.destination-pane .home-mid-aligner,
.sub-pane .home-mid-aligner,
.home-pane .home-mid-aligner {
  width: 1040px;
  height: 230px;
  position: absolute;
  left: 50%;
  margin-left: -520px;
  top: 50%;
  margin-top: -115px;
}

.destination-pane .home-nav,
.sub-pane .home-nav,
.home-pane .home-nav {
  width: 100%;
  height: 55px;
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 20px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
}

.destination-pane .home-nav ul,
.sub-pane .home-nav ul,
.home-pane .home-nav ul {
  width: auto;
  display: inline-block;
}

.destination-pane .home-nav ul li,
.sub-pane .home-nav ul li,
.home-pane .home-nav ul li {
  width: auto;
  height: 35px;
  float: left;
  background: #b9181d;
  line-height: 35px;
  color: #fff;
  font-size: 15px;
  margin: 0 2px;
  border-radius: 2px;
  cursor: pointer;
  padding: 0 10px;
}

.destination-pane .home-nav ul li:hover,
.sub-pane .home-nav ul li:hover,
.home-pane .home-nav ul li:hover {
  background: #9d151a;
}

.sub-pane {
  background-position: center;
  height: 330px;
  min-height: 0;
}

.sub-pane .home-mid-aligner {
  margin-top: 0;
  top: 90px;
}

.destination-pane {
  height: 550px;
}

.destination-pane .home-mid-aligner {
  margin-top: 0;
  top: 90px;
}

.destination-pane .destination-title {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 50px;
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -2px;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.destination-pane .destination-desc {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.5px;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

/* Search */
.main-search {
  width: 100%;
  height: auto;
  float: left;
  background: rgba(255, 255, 255, 0.6);
}

.main-search .ms-nav {
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 9;
  float: left;
}

.main-search .ms-nav li {
  width: auto;
  height: 40px;
  float: left;
  margin-right: 2px;
  background: rgba(255, 255, 255, 0.74);
  line-height: 40px;
  padding: 0 10px;
  color: #666666;
  position: relative;
  font-size: 13px;
  cursor: pointer;
}

.main-search .ms-nav li:hover {
  opacity: .8;
}

.main-search .ms-nav li.active {
  color: #fff;
  background: #b9181d;
}

.main-search .ms-nav li.active:before {
  border: solid transparent;
  border-top-color: #b9181d;
  border-width: 4px;
  bottom: -8px;
  margin-left: -4px;
  left: 50%;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.main-search .ms-cts {
  width: 100%;
  float: left;
}

.main-search .ms-cts .ms-ct {
  width: 100%;
  float: left;
  padding: 15px;
  display: none;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
}

.main-search .search-select,
.main-search .search-input {
  width: 100%;
  height: 35px;
  float: left;
  border: none;
  background: #fff;
  padding: 0 10px;
  outline-color: #b9181d;
  font-family: "open sans";
  font-size: 12px;
}

.main-search .search-select.dater,
.main-search .search-input.dater {
  background: url("../img/search-dater.png") right center no-repeat #fff;
}

.main-search .search-right {
  width: 120px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.main-search .search-left {
  margin-right: 120px;
}

.main-search .search-button {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/search-bt-bg.png") left bottom no-repeat #b9181d;
  border: none;
  color: #fff;
  font-family: "open sans";
  font-weight: 300;
  font-size: 16px;
}

.main-search .search-button:hover {
  background-color: #9d151a;
}

.main-search .different-return {
  float: left;
  height: 40px;
  float: left;
}

.main-search .different-return .dr-input {
  width: 100%;
  float: left;
  display: none;
}

.main-search .different-return.active .dr-input {
  display: block;
}

.main-search .fly-s-left {
  width: 100%;
  text-align: center;
  float: left;
  background: rgba(255, 255, 255, 0.7);
}

.main-search .fly-s-left > div {
  width: 50%;
  height: 25px;
  float: left;
  color: #666666;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  cursor: pointer;
}

.main-search .fly-s-left > div:hover {
  background: rgba(255, 255, 255, 0.1);
}

.main-search .fly-s-left > div.active {
  background: #b9181d;
  color: #fff;
}

.children {
  width: 100%;
  display: none;
  float: left;
}

.children .child {
  width: 31%;
  float: left;
  margin-right: 2%;
}

/* Slogan Area */
.slogan-area {
  width: 100%;
  height: auto;
  min-height: 200px;
  float: left;
  padding: 20px 0;
  background: url("../img/slogan-center.png") center top no-repeat;
}

.slogan-area .sa-left {
  width: 505px;
  float: left;
  margin-top: 90px;
  text-align: right;
}

.slogan-area .sa-right {
  width: 505px;
  float: right;
  margin-top: 90px;
}

.slogan-area .sa-title {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.8px;
}

.slogan-area .sa-title span {
  color: #b9181d;
}

.slogan-area p {
  font-size: 13px;
  color: #999999;
}

.slogan-area .sa-center {
  width: 100%;
  float: left;
  margin-top: 40px;
  text-align: center;
}

.slogan-area .sa-center .sa-bt {
  width: auto;
  height: 35px;
  display: inline-block;
  padding: 0 12px;
  cursor: pointer;
  line-height: 31px;
  color: #999999;
  font-size: 14px;
  border: 2px solid #e1e1e1;
  border-radius: 19px;
}

.slogan-area .sa-center .sa-bt:hover {
  background: #f8f8f8;
  color: #666666;
}

/* Container Types */
.gr-container {
  width: 100%;
  height: auto;
  float: left;
  margin: 20px 0;
  padding: 30px 0;
  background: url("../img/gr-container-bg.png") left top repeat-x;
}

.container {
  width: 100%;
  float: left;
  margin: 10px 0;
}

/* Title Types */
.main-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
}

.main-title span {
  color: #b9181d;
}

.main-title.center {
  text-align: center;
}

.mid-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -1px;
}

.mid-title span {
  color: #b9181d;
}

.mid-title.center {
  text-align: center;
}

.main-desc {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #999999;
}

.main-desc.center {
  text-align: center;
}

.content-title {
  font-size: 15px;
  letter-spacing: -0.5px;
  width: 100%;
  height: auto;
  float: left;
  margin: 5px 0;
}

.content-big-title {
  font-size: 17px;
  letter-spacing: -0.7px;
  width: 100%;
  height: auto;
  float: left;
  font-weight: 600;
  margin: 10px 0 5px 0;
}

.content-big-title {
  font-size: 17px;
  letter-spacing: -0.7px;
  width: 100%;
  height: auto;
  float: left;
  font-weight: 600;
  margin: 10px 0 5px 0;
}

/* Title Types */
/* Home Hotels */
.home-hotels {
  width: 1060px;
  float: left;
  margin: 20px 0;
}

.home-hotels .home-box {
  width: 245px;
  height: 290px;
  float: left;
  margin: 0 20px 10px 0;
}

.home-hotels .home-box .hb-image {
  width: 100%;
  height: 210px;
  float: left;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.49);
  overflow: hidden;
  border-radius: 2px;
}

.home-hotels .home-box .hb-image img {
  width: 100%;
}

.home-hotels .home-box .hb-stars {
  width: 100%;
  height: 20px;
  float: left;
  text-align: center;
  line-height: 20px;
  margin-top: 5px;
  font-size: 17px;
  color: #b9181d;
}

.home-hotels .home-box .hb-title {
  width: 100%;
  height: 25px;
  float: left;
  line-height: 25px;
  color: #666666;
  text-align: center;
}

.home-hotels .home-box .hb-title .hbt-area {
  font-size: 14px;
  color: #999999;
  letter-spacing: -0.4px;
}

.home-hotels .home-box .hb-title .hbt-area:hover {
  color: #666666;
}

.home-hotels .home-box .hb-title .hbt-name {
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.home-hotels .home-box .hb-title .hbt-name:hover {
  color: #b9181d;
}

.home-hotels .home-box .hb-price {
  width: 100%;
  height: 30px;
  float: left;
  font-size: 13px;
  color: #999999;
  text-align: center;
  letter-spacing: -0.6px;
}

.home-hotels .home-box .hb-price span {
  color: #b9181d;
  font-weight: 600;
  font-size: 17px;
}

.home-hotels .home-box.big {
  width: 510px;
  height: 590px;
}

.home-hotels .home-box.big .hb-image {
  height: 510px;
}

/* Campaigns */
.half-c-box {
  width: 510px;
  height: 300px;
  float: left;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  border-radius: 20px 3px 3px 3px;
  margin: 10px 0;
}

.half-c-box .hc-title {
  width: 100%;
  height: 40px;
  float: left;
  line-height: 40px;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -1px;
  border-bottom: 1px solid #e0e0e0;
}

.half-c-box .hc-title span {
  color: #b9181d;
}

.half-c-box .hc-title .hc-icon {
  width: 40px;
  height: 40px;
  float: left;
  line-height: 40px;
  text-align: center;
  background: #b9181d;
  color: #fff;
  font-size: 18px;
  border-radius: 50%;
  margin-right: 7px;
}

.half-c-box .campaign-box {
  width: 100%;
  height: 240px;
  padding: 10px;
  float: left;
}

.half-c-box .campaign-box .cb-image {
  width: 300px;
  height: 240px;
  float: left;
  overflow: hidden;
}

.half-c-box .campaign-box .cb-image img {
  width: 100%;
}

.half-c-box .campaign-box .cb-right {
  margin-left: 310px;
  padding-top: 25px;
}

.half-c-box .campaign-box .cb-right .campaign-title {
  width: 100%;
  height: auto;
  float: left;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
}

.half-c-box .campaign-box .cb-right .campaign-title:hover {
  color: #b9181d;
}

.half-c-box .campaign-box .cb-right .campaign-passive {
  width: 100%;
  height: auto;
  float: left;
  color: #999999;
  font-size: 13px;
  letter-spacing: -0.5px;
}

.half-c-box .campaign-box .cb-right .campaign-passive:hover {
  text-decoration: underline;
}

.half-c-box .campaign-box .cb-right .campaign-discount {
  width: 100%;
  height: auto;
  float: left;
  font-weight: 600;
  color: #9d151a;
  font-size: 25px;
  letter-spacing: -1.2px;
}

.half-c-box .campaign-box .cb-right .campaign-price {
  width: 100%;
  height: auto;
  float: left;
  font-weight: 600;
  color: #b9181d;
  font-size: 25px;
  letter-spacing: -1.2px;
}

.half-c-box .campaign-box .cb-right .campaign-bt {
  width: auto;
  height: 33px;
  float: left;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.8px;
  padding: 0 12px;
  background: #b9181d;
  line-height: 33px;
  margin-top: 7px;
  border-radius: 2px;
}

.half-c-box .campaign-box .cb-right .campaign-bt:hover {
  background: #9d151a;
}

/* Campaigns Slider */
.campaigns-slider {
  width: 510px;
  height: 260px;
  float: left;
  position: relative;
}

.campaigns-slider .cs-next {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: -40px;
  text-align: center;
  line-height: 40px;
  color: #666666;
  cursor: pointer;
}

.campaigns-slider .cs-next:hover {
  background: #f1f1f1;
}

.campaigns-slider .cs-prev {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 40px;
  top: -40px;
  text-align: center;
  line-height: 40px;
  color: #666666;
  cursor: pointer;
}

.campaigns-slider .cs-prev:hover {
  background: #f1f1f1;
}

.campaigns-slider .cs-container {
  width: 510px;
  height: 260px;
  float: left;
  overflow: hidden;
}

.campaigns-slider .cs-container .cs-carousel {
  width: 510px;
  height: 260px;
  float: left;
}

.campaigns-slider .cs-container .cs-carousel li {
  width: 510px;
  height: 260px;
  float: left;
}

/* Home News */
.hn-acc-trigger {
  width: 100%;
  height: 35px;
  float: left;
  border-bottom: 1px solid #eaeaea;
  background: #f5f5f5;
  line-height: 35px;
  position: relative;
  padding: 0 10px;
  font-size: 13px;
  color: #333333;
  cursor: pointer;
  font-weight: 600;
}

.hn-acc-trigger:hover {
  background: #fcfcfc;
}

.hn-acc-trigger:before {
  border: solid transparent;
  border-top-color: #666666;
  border-width: 3px;
  right: 10px;
  top: 16px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.hn-acc-trigger.active {
  background: #fff;
}

.hn-acc-trigger.active:before {
  border: solid transparent;
  border-bottom-color: #666666;
  border-width: 3px;
  top: 13px;
}

.hn-acc-content {
  width: 100%;
  float: left;
  padding: 10px;
  height: 120px;
}

/* Tour Half */
.tour-half {
  width: 522px;
  float: left;
  margin: 15px 0;
  padding-right: 9px;
  border-right: 3px solid #d3d3d3;
}

.tour-half.fr {
  width: 510px;
  float: right;
  padding: 0;
  border: none;
}

.tour-half .mid-title {
  margin-bottom: 15px;
}

.tour-box {
  width: 245px;
  height: 235px;
  float: left;
  margin: 0 20px 10px 0;
}

.tour-box:nth-child(even) {
  margin-right: 0;
}

.tour-box.big {
  width: 100%;
  height: 405px;
}

.tour-box.big .tb-image {
  height: 350px;
}

.tour-box .tb-image {
  width: 100%;
  height: 180px;
  float: left;
  overflow: hidden;
  border-radius: 2px;
  margin-bottom: 5px;
}

.tour-box .tb-image img {
  width: 100%;
}

.tour-box .tb-name {
  width: 100%;
  height: 20px;
  float: left;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: -0.4px;
  color: #333333;
  font-weight: 600;
}

.tour-box .tb-name:hover {
  color: #b9181d;
}

.tour-box .tb-price {
  width: 100%;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #999999;
}

.tour-box .tb-price span {
  font-size: 20px;
  font-weight: 600;
  color: #b9181d;
  letter-spacing: -0.8px;
}

/* Ships Slider */
.ships-slider {
  width: 1060px;
  height: 210px;
  float: left;
  position: relative;
  margin: 20px 0;
}

.ships-slider .ss-next {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: -40px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 50%;
  background: #b9181d;
  cursor: pointer;
}

.ships-slider .ss-next:Hover {
  background: #9d151a;
}

.ships-slider .ss-prev {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: -40px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 50%;
  background: #b9181d;
  cursor: pointer;
}

.ships-slider .ss-prev:Hover {
  background: #9d151a;
}

.ships-slider .ss-container {
  width: 1060px;
  height: 255px;
  overflow: hidden;
  float: left;
}

.ships-slider .ss-container .ss-carousel {
  width: 1060px;
  height: 255px;
  float: left;
}

.ships-slider .ss-container .ss-carousel li {
  width: 265px;
  height: 255px;
  float: left;
}

.ships-slider .ship-box {
  width: 192px;
  height: 207px;
  float: left;
}

.ships-slider .ship-box .sb-image {
  width: 192px;
  height: 141px;
  float: left;
  overflow: hidden;
  border-radius: 2px;
  margin-bottom: 5px;
}

.ships-slider .ship-box .sb-image img {
  width: 100%;
}

.ships-slider .ship-box .sb-name {
  width: 100%;
  height: 36px;
  float: left;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
  overflow: hidden;
  color: #333333;
}

.ships-slider .ship-box .sb-name:hover {
  color: #b9181d;
}

.ships-slider .ship-box .sb-price {
  width: 100%;
  height: 25px;
  float: left;
  font-size: 13px;
  line-height: 25px;
  color: #999999;
  text-align: center;
  letter-spacing: -0.6px;
}

.ships-slider .ship-box .sb-price span {
  color: #b9181d;
  font-weight: 600;
  font-size: 17px;
}

/* Home Areas */
.home-areas {
  width: 100%;
  height: 730px;
  float: left;
  position: relative;
  margin: 15px 0;
}

.home-areas .ha-box {
  width: 260px;
  height: 350px;
  float: left;
  left: 0;
  top: 0;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.49);
  position: absolute;
}

.home-areas .ha-box.red .ha-image:before {
  background-image: url("../img/ha-box-red.png");
}

.home-areas .ha-box:hover .ha-image:before {
  opacity: .8;
}

.home-areas .ha-box .ha-image {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.home-areas .ha-box .ha-image img {
  height: 100%;
}

.home-areas .ha-box .ha-image:Before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/ha-box-dark.png") left bottom repeat-x;
  content: ' ';
}

.home-areas .ha-box .ha-text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 15px 13px 15px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}

.home-areas .ha-box .ha-text span {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.home-areas .ha-box:nth-child(2) {
  width: 460px;
  height: 223px;
  left: 290px;
}

.home-areas .ha-box:nth-child(2) .ha-image img {
  width: 100%;
  height: auto;
  margin-top: -25%;
}

.home-areas .ha-box:nth-child(3) {
  left: auto;
  right: 0;
}

.home-areas .ha-box:nth-child(4) {
  width: 460px;
  height: 223px;
  left: 290px;
  top: 253px;
}

.home-areas .ha-box:nth-child(4) .ha-image img {
  width: 100%;
  height: auto;
  margin-top: -25%;
}

.home-areas .ha-box:nth-child(5) {
  top: 380px;
}

.home-areas .ha-box:nth-child(6) {
  width: 460px;
  height: 223px;
  left: 290px;
  top: 506px;
}

.home-areas .ha-box:nth-child(6) .ha-image img {
  width: 100%;
  height: auto;
  margin-top: -25%;
}

.home-areas .ha-box:nth-child(7) {
  left: auto;
  right: 0;
  top: 380px;
}

/* Footer */
.footer {
  width: 100%;
  height: auto;
  float: left;
  background: #333;
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.6);
  padding: 40px 0;
}

.footer a {
  color: rgba(255, 255, 255, 0.6);
}

.footer a:hover {
  text-decoration: underline;
}

.footer .footer-top {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 20px;
}

.footer .footer-bottom {
  width: 100%;
  float: left;
  text-align: center;
}

.footer .footer-bottom a {
  margin: 0 10px;
}

.footer .ft-title {
  width: 100%;
  height: auto;
  float: left;
  color: #fff;
  font-size: 17px;
  letter-spacing: -0.6px;
}

.footer .mail-subsr {
  width: 100%;
  height: auto;
  float: left;
  display: none;
  margin-top: 20px;
}

.footer .mail-subsr .mail-input {
  width: 80%;
  height: 35px;
  float: left;
  background: #455362;
  border: none;
  color: #fff;
  font-family: "open sans";
  padding: 0 10px;
}

.footer .mail-subsr .mail-bt {
  width: 20%;
  height: 35px;
  float: right;
  background: #3C6086;
  border: none;
  color: #fff;
  font-family: "open sans";
}

.footer .mail-subsr .mail-bt:hover {
  background: #42709a;
}

/* Pack Latch */
.pack-latch {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
}

.pack-latch .pack-main {
  width: 1040px;
  height: auto;
  float: left;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.pack-latch .pack-main.fixed {
  width: 1040px;
  position: fixed !important;
  left: 50%;
  margin-left: 960px;
  bottom: -70px;
  z-index: 9999;
  margin-left: -520px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.pack-latch .pack-main.fixed:hover {
  bottom: 0;
}

.pack-latch .pm-title {
  width: 100%;
  height: 40px;
  float: left;
  border-bottom: 1px solid #eaeaea;
  padding: 0 11px;
  line-height: 39px;
  color: #666666;
  letter-spacing: -0.5px;
  font-size: 14px;
}

.pack-latch .pm-title span.pm-change {
  float: right;
  font-size: 11px;
  color: #666666;
  font-weight: 600;
  letter-spacing: -0.2px;
  cursor: pointer;
}

.pack-latch .pm-title span.pm-change:hover {
  color: #666666;
}

.pack-latch .pack-hotel {
  width: 301px;
  height: auto;
  float: left;
  margin-right: -1px;
  border-right: 1px solid #ededed;
}

.pack-latch .pack-hotel .ph-image {
  width: 100%;
  height: 140px;
  float: left;
  overflow: hidden;
  position: relative;
}

.pack-latch .pack-hotel .ph-image img {
  width: 100%;
  margin-top: -15px;
}

.pack-latch .pack-hotel .ph-image .phi-discount {
  width: 33px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  letter-spacing: -1px;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
}

.pack-latch .pack-hotel .ph-image .phi-discount span {
  position: relative;
  z-index: 9;
}

.pack-latch .pack-hotel .ph-image .phi-discount:before {
  width: 60px;
  height: 120px;
  position: absolute;
  right: -30px;
  top: -45px;
  background: #b9181d;
  content: ' ';
  -ms-transform: rotate(-50deg);
  /* IE 9 */
  -webkit-transform: rotate(-50deg);
  /* Safari */
  transform: rotate(-50deg);
}

.pack-latch .pack-hotel .ph-image .phi-notice {
  width: auto;
  height: 20px;
  position: absolute;
  right: 7px;
  bottom: 7px;
  background: #b9181d;
  line-height: 20px;
  color: #fff;
  border-radius: 10px;
  padding: 0 9px;
}

.pack-latch .ph-content {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
}

.pack-latch .ph-content .phc-title {
  width: 100%;
  height: auto;
  float: left;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: -0.7px;
}

.pack-latch .ph-content .phc-title:hover {
  color: #b9181d;
}

.pack-latch .ph-content .phc-left {
  width: 70%;
  float: left;
}

.pack-latch .ph-content .phc-left .stars {
  width: auto;
  float: left;
  font-size: 13px;
  color: #b9181d;
}

.pack-latch .ph-content .phc-left .area {
  width: auto;
  height: auto;
  float: left;
  margin-left: 5px;
  color: #999999;
}

.pack-latch .ph-content .phc-left .area a {
  color: #999999;
}

.pack-latch .ph-content .phc-left .area a:hover {
  text-decoration: underline;
}

.pack-latch .ph-content .phc-left .phc-icons {
  width: 100%;
  float: left;
  color: #999999;
}

.pack-latch .ph-content .phc-right {
  width: 28%;
  float: right;
  margin-top: -7px;
  text-align: right;
  color: #999999;
}

.pack-latch .ph-content .phc-right .old-price {
  text-decoration: line-through;
}

.pack-latch .ph-content .phc-right .new-price {
  font-size: 14px;
  color: #b9181d;
  font-weight: 600;
}

.pack-latch .pack-right {
  margin-left: 300px;
  border-left: 1px solid #ededed;
}

.pack-latch .pack-flights {
  width: 100%;
  height: auto;
  float: left;
}

.pack-latch .pack-flights .pack-flight {
  width: 100%;
  height: 80px;
  float: left;
  position: relative;
  padding-left: 80px;
  border-bottom: 1px solid #ebebeb;
}

.pack-latch .pack-flights .pack-flight.return .flight-top:before {
  top: 13px;
  -ms-transform: rotate(-135deg);
  /* IE 9 */
  -webkit-transform: rotate(-135deg);
  /* Safari */
  transform: rotate(-135deg);
}

.pack-latch .pack-flights .pack-flight.stop .flight-top:after {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 41%;
  top: 17px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f072";
  color: #b9181d;
  font-size: 19px !important;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}

.pack-latch .pack-flights .pack-flight.return.stop .flight-top:after {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 41%;
  top: 13px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f072";
  color: #b9181d;
  font-size: 19px !important;
  -ms-transform: rotate(-135deg);
  /* IE 9 */
  -webkit-transform: rotate(-135deg);
  /* Safari */
  transform: rotate(-135deg);
}

.pack-latch .pack-flights .pack-flight .flight-title {
  width: 80px;
  height: 79px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  padding-top: 18px;
  color: #999999;
  background: #f9f9f9;
}

.pack-latch .pack-flights .pack-flight .flight-top {
  width: 100%;
  height: 50px;
  float: left;
  padding-right: 150px;
  background: url("../img/pack-flight-ticket-bg.jpg") center repeat-x;
  position: relative;
}

.pack-latch .pack-flights .pack-flight .flight-top:Before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 39%;
  top: 17px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f072";
  color: #b9181d;
  font-size: 19px !important;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-details {
  width: 150px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 7px;
  background: #fff;
  text-align: right;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-details .flight-code {
  width: 100%;
  height: auto;
  float: left;
  color: #999999;
  letter-spacing: -0.4px;
  font-size: 11px;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-details .ft-price {
  width: 100%;
  height: auto;
  float: left;
  color: #b9181d;
  letter-spacing: -0.4px;
  font-size: 17px;
  font-weight: 600;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-left {
  width: auto;
  height: 50px;
  float: left;
  padding: 5px 20px 5px 5px;
  background: #fff;
  white-space: nowrap;
  color: #999999;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-left .ft-logo {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 9px;
  border: 1px solid #e0e0e0;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-left .ft-logo img {
  width: 100%;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-left span {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #666666;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-right {
  width: auto;
  height: 50px;
  float: right;
  padding: 5px 5px 5px 20px;
  background: #fff;
  text-align: right;
  white-space: nowrap;
  color: #999999;
}

.pack-latch .pack-flights .pack-flight .flight-top .ft-right span {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #666666;
}

.pack-latch .pack-flights .pack-flight .flight-bottom {
  width: 100%;
  height: 30px;
  float: left;
  line-height: 30px;
  background: #f3f3f3;
  padding: 0 8px;
  color: #999999;
}

.pack-latch .pack-flights .pack-flight .flight-bottom strong {
  font-weight: 600;
}

.pack-latch .pack-flights .pack-flight .flight-bottom .link {
  color: #999999;
  cursor: pointer;
}

.pack-latch .pack-flights .pack-flight .flight-bottom .link:hover {
  text-decoration: underline;
}

.pack-latch .pack-details {
  width: 100%;
  height: 60px;
  float: left;
  padding: 10px;
  box-shadow: inset 3px 4px 5px rgba(0, 0, 0, 0.07);
  line-height: 40px;
  font-size: 13px;
  color: #999999;
}

.pack-latch .pack-details .buy-bt {
  width: auto;
  height: 40px;
  float: right;
  background: linear-gradient(#b9181d, #9d151a);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 0 12px;
  border-radius: 2px;
}

.pack-latch .pack-details .buy-bt:hover {
  opacity: .8;
}

.pack-latch .pack-details .infos {
  width: auto;
  height: 40px;
  padding: 12px;
  float: right;
}

.pack-latch .pack-details .infos .k-box,
.pack-latch .pack-details .infos .info-box {
  margin-left: 7px;
}

.pack-latch .pack-details .pack-price {
  float: right;
  line-height: 40px;
  color: #999999;
}

.pack-latch .pack-details .pack-price span {
  color: #b9181d;
  font-weight: 600;
  font-size: 18px;
}

.pack-latch .pack-details .ex-sc-main {
  width: auto;
  height: 34px;
  float: right;
  margin-right: 15px;
  margin-top: 6px;
}

.pack-latch .pack-details .ex-sc-main .label {
  width: auto;
  height: 34px;
  float: left;
  line-height: 34px;
  color: #999999;
  font-size: 12px;
  margin-right: 5px;
}

.pack-latch .pack-details .ex-sc-main .exsc-input {
  width: 135px;
  height: 34px;
  float: left;
  background: #fff;
  border: 1px solid #dddddd;
  padding: 0 7px;
  color: #333333;
  border-radius: 2px;
  font-family: "open sans";
}

.pack-latch .pack-details .ex-sc-main .exsc-button {
  width: auto;
  height: 34px;
  float: left;
  background: #b9181d;
  color: #fff;
  font-family: "open sans";
  border-radius: 2px;
  border: none;
}

.pack-latch .pack-details .ex-sc-main .exsc-button:hover {
  background: #9d151a;
}

/* Info Box */
.ticket-box,
.k-box,
.info-box {
  width: 16px;
  height: 16px;
  float: left;
  position: relative;
  z-index: 9;
  color: #333333;
  font-weight: 600;
  line-height: normal !important;
}

.ticket-box:hover,
.k-box:hover,
.info-box:hover {
  z-index: 99;
}

.ticket-box:hover .info-drop,
.k-box:hover .info-drop,
.info-box:hover .info-drop {
  display: block;
}

.ticket-box:Before,
.k-box:Before,
.info-box:Before {
  cursor: pointer;
  width: 16px;
  height: 16px;
  float: left;
  background: #e6e6e6;
  border-radius: 50%;
  content: 'i';
  color: #333333 !important;
  font-size: 11px !important;
  text-align: center !important;
  line-height: 16px !important;
}

.ticket-box .info-drop,
.k-box .info-drop,
.info-box .info-drop {
  z-index: 999;
  width: 140px;
  height: auto;
  position: absolute;
  line-height: normal !important;
  left: -62px;
  color: #999999;
  padding: 7px;
  font-weight: 400;
  font-size: 12px;
  bottom: 20px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16);
  text-align: center;
  display: none;
}

.ticket-box .info-drop:before,
.k-box .info-drop:before,
.info-box .info-drop:before {
  border: solid transparent;
  border-top-color: #fff;
  border-width: 4px;
  left: 50%;
  margin-left: -4px;
  bottom: -8px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.ticket-box .info-drop .important,
.k-box .info-drop .important,
.info-box .info-drop .important {
  color: #b9181d;
  font-size: 13px;
  font-weight: 600;
}

.k-box:before {
  content: 'k';
}

.ticket-box:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "\f02e";
  color: #b9181d !important;
  font-size: 16px !important;
  background: none;
}

/* Info Box */
/* Flight For Pack */
.flight-for-pack {
  width: 100%;
  height: 340px;
  float: left;
  position: relative;
  padding-left: 260px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin: 10px 0;
}

.flight-for-pack .ffp-title {
  width: 100%;
  height: 40px;
  float: left;
  background: #eeeeee;
  border-bottom: 1px solid #c1c1c1;
  padding: 0 11px;
  color: #666666;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 40px;
}

.flight-for-pack .ffp-title .ffpt-left {
  width: 26%;
  float: left;
  text-align: right;
}

.flight-for-pack .ffp-title .ffpt-right {
  width: 70%;
  float: right;
}

.flight-for-pack .ffp-title .filter-bar .fb-stick {
  background: #ccc;
}

.flight-for-pack .fs-left {
  width: 260px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 1px solid #e0e0e0;
}

.flight-for-pack .fsl-content {
  width: 100%;
  height: 298px;
  float: left;
  padding: 10px;
}

.flight-for-pack .fsl-content .ff-title {
  width: 100%;
  height: auto;
  float: left;
  color: #666666;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 0;
}

.flight-for-pack .fsl-content .ff-list {
  width: 100%;
  height: 75px;
  float: left;
  margin-bottom: 5px;
}

.flight-for-pack .fs-half {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  border-right: 1px solid #e0e0e0;
}

.flight-for-pack .ffp-s-title {
  width: 100%;
  height: 30px;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  line-height: 29px;
  padding: 0 9px;
  color: #999999;
}

.flight-for-pack .ffpf-content {
  width: 100%;
  height: 268px;
  float: left;
}

/* Filter List */
.filter-title {
  width: 100%;
  float: left;
  margin-bottom: 7px;
  color: #333333;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.4px;
}

.filter-list {
  width: 100%;
  height: auto;
  float: left;
}

.filter-list li {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #666666;
  margin: 4px 0;
}

.filter-list li input {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.filter-list li img {
  float: left;
  margin-left: -3px;
  margin-top: -2px;
  margin-right: 5px;
  width: 20px;
}

/* Filter Bar */
.filter-bar {
  width: 100%;
  height: auto;
  margin: 5px 0;
  float: left;
}

.filter-bar .fb-first-val {
  width: auto;
  height: 15px;
  float: left;
  line-height: 15px;
  color: #2275b6;
  font-size: 12px;
  font-weight: 600;
}

.filter-bar .fb-second-val {
  width: auto;
  height: 15px;
  float: right;
  line-height: 15px;
  color: #2275b6;
  font-size: 12px;
  font-weight: 600;
}

.filter-bar .fb-stick {
  width: 100%;
  height: 6px;
  float: left;
  margin: 7px 0;
  background: #f3f3f3;
  border-radius: 3px;
  position: relative;
}

.filter-bar .fb-stick .bar {
  height: 6px;
  background: #2275b6;
  position: absolute;
}

.filter-bar .fb-stick .dot2,
.filter-bar .fb-stick .dot1 {
  width: 14px;
  height: 14px;
  position: absolute;
  margin-left: -7px;
  border-radius: 50%;
  border: 1px solid #dadada;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  margin-top: -4px;
  cursor: pointer;
  background-image: linear-gradient(#fff, #e7e7e7);
}

.filter-bar .fb-stick .dot2:hover,
.filter-bar .fb-stick .dot1:hover {
  background: #e7e7e7;
}

.filter-bar .fb-stick .dot2 {
  margin-left: auto;
  margin-right: -7px;
}

.filter-bar .fb-first-default {
  width: auto;
  height: 15px;
  float: left;
  line-height: 15px;
  color: #999999;
}

.filter-bar .fb-second-default {
  width: auto;
  height: 15px;
  float: right;
  line-height: 15px;
  color: #999999;
}

/* Class Flight Item */
.class-flight-item {
  width: 100%;
  height: auto;
  float: left;
  padding: 7px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.class-flight-item .cfi-right {
  width: 160px;
  float: right;
}

.class-flight-item .cfi-right .cfr-item {
  width: 100%;
  padding: 2px 0;
  float: left;
  border-bottom: 1px solid #efefef;
}

.class-flight-item .cfi-right .cfr-item:last-child {
  border: none;
}

.class-flight-item .cfi-right .cfr-item .seat {
  line-height: 16px;
  float: left;
  color: #666666;
  margin-right: 4px;
  font-size: 13px;
}

.class-flight-item .cfi-right .cfr-item .class {
  line-height: 16px;
  float: left;
  max-width: 70px;
  margin-right: 5px;
  color: #666666;
}

.class-flight-item .cfi-right .cfr-item .price {
  line-height: 16px;
  float: right;
  color: #b9181d;
  font-size: 11px;
  font-weight: 600;
}

.class-flight-item .cfi-right .cfr-item .price span {
  font-size: 15px;
  letter-spacing: -0.7px;
}

.class-flight-item .cfi-right .cfr-item input {
  float: right;
  margin-top: 2px;
}

.class-flight-item .cfi-left {
  padding-top: 5px;
  margin-right: 170px;
}

.class-flight-item .cfi-left .airway {
  width: 34px;
  height: 34px;
  float: left;
  border: 1px solid #e7e7e7;
}

.class-flight-item .cfi-left .airway img {
  width: 100%;
}

.class-flight-item .cfi-left .ticket-details {
  width: 100px;
  float: left;
  margin-left: 5px;
}

.class-flight-item .cfi-left .ticket-details .airway-name {
  width: 100%;
  height: 15px;
  line-height: 15px;
  color: #333333;
  font-size: 13px;
  letter-spacing: -0.5px;
}

.class-flight-item .cfi-left .ticket-details .ticket-nr {
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.class-flight-item .cfi-left .ticket-time {
  width: 38px;
  float: left;
  line-height: 17px;
  color: #333333;
  margin-left: 3px;
  font-size: 14px;
  overflow: hidden;
  font-weight: 600;
}

.class-flight-item .flight-details {
  width: 100%;
  height: 15px;
  line-height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #999999;
  background: #f5f5f5;
  text-align: center;
}

/* Sorter */
.sorter {
  font-size: 11px;
  font-weight: normal;
  width: auto;
  line-height: 30px;
  height: 30px;
  position: relative;
  z-index: 99;
  float: right;
}

.sorter .label {
  color: #999999;
  float: left;
}

.sorter .type {
  float: right;
  color: #666666;
  margin-left: 5px;
  position: relative;
  font-weight: 600;
  padding-right: 10px;
}

.sorter .type:before {
  border: solid transparent;
  border-top-color: #666666;
  border-width: 3px;
  right: 0;
  top: 14px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.sorter .type:hover .sorter-drop {
  display: block;
}

.sorter .type .sorter-drop {
  position: absolute;
  color: #666666;
  right: -10px;
  background: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  width: 150px;
  line-height: normal;
  border-radius: 3px;
  display: none;
  font-weight: normal;
}

.sorter .type .sorter-drop:before {
  border: solid transparent;
  border-bottom-color: #999;
  border-width: 4px;
  right: 9px;
  top: -8px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.sorter .type .sorter-drop ul li {
  width: 100%;
  height: auto;
  float: left;
  padding: 7px;
  cursor: pointer;
  font-weight: 600;
  border-bottom: 1px solid #f1f1f1;
}

.sorter .type .sorter-drop ul li:hover {
  background: #f8f8f8;
}

.sorter .sorter-select {
  width: 90px;
  height: 30px;
  line-height: 30px;
  border: none;
  background: none;
  font-family: "open sans";
  float: right;
  color: #666666;
  margin-left: 5px;
  position: relative;
  font-weight: 600;
  padding-right: 10px;
  outline: none;
}

.sorter.white .label {
  color: rgba(255, 255, 255, 0.7);
}

.sorter.white .type {
  color: #fff;
}

.sorter.white .sorter-select {
  color: #fff;
}

.sorter.white .sorter-select option {
  color: #333333;
}

/* Container Box */
.container-box {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.container-box .cb-title {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #666666;
}

.container-box .cb-title.featured {
  color: #b9181d;
}

.container-box .cb-title .passive {
  font-size: 11px;
  color: #999999;
}

.container-box .cb-content {
  width: 100%;
  float: left;
  padding: 10px;
}

.container-box .cb-border-content {
  width: 100%;
  float: left;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
}

/* Pane */
.left-pane {
  width: 250px;
  float: left;
}

.right-pane {
  width: 770px;
  float: right;
}

.container-left {
  width: 720px;
  float: left;
}

.container-right {
  width: 300px;
  float: right;
}

/* Pane */
/* Star Filters */
.star-filters {
  width: 100%;
  float: left;
}

.star-filters .starBox {
  width: 36px;
  height: 36px;
  float: left;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  margin-right: 10px;
  cursor: pointer;
  background: url("../img/filter-stars.png");
}

.star-filters .starBox.st2 {
  background-position: -34px 0;
}

.star-filters .starBox.st3 {
  background-position: -68px 0;
}

.star-filters .starBox.st4 {
  background-position: -102px 0;
}

.star-filters .starBox.st5 {
  background-position: -136px 0;
}

.star-filters .starBox:last-child {
  margin-right: 0;
}

.star-filters .starBox:hover {
  background-color: #f1f1f1;
}

.star-filters .starBox.active {
  background-color: #b9181d;
  border-color: #b9181d;
}

.star-filters .starBox.active.st1 {
  background-position: 0 -34px;
}

.star-filters .starBox.active.st2 {
  background-position: -34px -34px;
}

.star-filters .starBox.active.st3 {
  background-position: -68px -34px;
}

.star-filters .starBox.active.st4 {
  background-position: -102px -34px;
}

.star-filters .starBox.active.st5 {
  background-position: -136px -34px;
}

/* Wide Hotel Box */
.wide-hotel-box {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
}

.wide-hotel-box .whb-image {
  width: 210px;
  height: 140px;
  float: left;
  overflow: hidden;
}

.wide-hotel-box .whb-image img {
  width: 100%;
}

.wide-hotel-box .whb-right {
  width: 120px;
  height: 140px;
  float: right;
  background: #fafafa;
  padding: 30px 10px 10px 10px;
  position: relative;
  text-align: center;
}

.wide-hotel-box .whb-right .old-price {
  width: 100%;
  float: left;
  color: #999999;
  text-decoration: line-through;
}

.wide-hotel-box .whb-right .new-price {
  width: 100%;
  float: left;
  color: #b9181d;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.4px;
}

.wide-hotel-box .whb-right .provider {
  width: 100%;
  float: left;
  color: #999999;
}

.wide-hotel-box .whb-right .discount {
  width: 33px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  letter-spacing: -1px;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
}

.wide-hotel-box .whb-right .discount span {
  position: relative;
  z-index: 9;
}

.wide-hotel-box .whb-right .discount:before {
  border: solid transparent;
  border-bottom-color: #b9181d;
  border-width: 38px;
  right: -38px;
  top: -38px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}

.wide-hotel-box .whb-right .info-box {
  position: absolute;
  left: 7px;
  top: 7px;
}

.wide-hotel-box .whb-right .k-box {
  position: absolute;
  left: 30px;
  top: 7px;
}

.wide-hotel-box .whb-right .whb-choose {
  width: 100px;
  height: 30px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #b9181d;
  border-radius: 2px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.wide-hotel-box .whb-center {
  height: 140px;
  margin-right: 130px;
  position: relative;
  margin-left: 220px;
}

.wide-hotel-box .whb-center .whb-title {
  width: 100%;
  height: 20px;
  float: left;
  line-height: 20px;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.6px;
}

.wide-hotel-box .whb-center .whb-title:hover {
  color: #b9181d;
}

.wide-hotel-box .whb-center .whb-short-details {
  width: 100%;
  height: 30px;
  float: left;
  border-bottom: 1px solid #f1f1f1;
}

.wide-hotel-box .whb-center .whb-short-details .stars {
  width: auto;
  float: left;
  color: #b9181d;
  font-size: 14px;
}

.wide-hotel-box .whb-center .whb-short-details .area {
  float: left;
  margin-left: 7px;
  line-height: 20px;
  color: #999999;
}

.wide-hotel-box .whb-center .whb-short-details .area a {
  color: #999999;
}

.wide-hotel-box .whb-center .whb-short-details .area a:hover {
  text-decoration: underline;
}

.wide-hotel-box .whb-center .whb-icons {
  width: 100%;
  height: 25px;
  float: left;
  margin-top: 10px;
}

.wide-hotel-box .whb-center .whb-icons img {
  float: left;
  margin-right: 3px;
}

.wide-hotel-box .whb-center .whb-comments {
  width: 190px;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../img/comment-smile.png") left center no-repeat #fff;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding-top: 4px;
  line-height: 15px;
  color: #999999;
  text-align: center;
}

.wide-hotel-box .whb-center .whb-comments span {
  color: #2275b6;
  font-size: 15px;
  letter-spacing: -0.5px;
  font-weight: 600;
}

.wide-hotel-box .whb-center .whb-all {
  width: 195px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding-top: 4px;
  line-height: 15px;
  color: #999999;
  cursor: pointer;
  text-align: center;
}

.wide-hotel-box .whb-center .whb-all:hover {
  background: #f7f7f7;
  border: 1px solid #dcdcdc;
}

.wide-hotel-box .whb-center .whb-all span {
  color: #333333;
  font-size: 15px;
  letter-spacing: -0.5px;
  font-weight: 600;
}

.wide-hotel-box .whb-bottom {
  width: 100%;
  float: left;
  display: none;
  margin-top: 15px;
}

.wide-hotel-box .whb-bottom .whbb-nav {
  width: 100%;
  height: auto;
  float: left;
}

.wide-hotel-box .whb-bottom .whbb-nav li {
  width: auto;
  height: 20px;
  float: left;
  padding: 0 12px;
  font-size: 13px;
  color: #666666;
  line-height: 20px;
  cursor: pointer;
}

.wide-hotel-box .whb-bottom .whbb-nav li.active {
  color: #b9181d;
}

.wide-hotel-box .whb-bottom .whbb-cts {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.wide-hotel-box .whb-bottom .whbb-cts .whb-ct {
  width: 100%;
  float: left;
  display: none;
  border: 1px solid #ebebeb;
}

.wide-hotel-box .whb-price {
  margin: 0;
  border: none;
  border-bottom: 1px solid #ebebeb;
}

.wide-hotel-box .whb-price:last-child {
  border-bottom: none;
}

.wide-hotel-box.active .whb-bottom {
  display: block;
}

/* Wide Hotel Box */
.detail-hotel-box {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 20px;
  border-bottom: 2px solid #b7151a;
}

.detail-hotel-box:last-child {
  margin-bottom: 0;
}

.detail-hotel-box .whb-image {
  width: 200px;
  height: 135px;
  float: left;
  overflow: hidden;
}

.detail-hotel-box .whb-image img {
  width: 100%;
}

.detail-hotel-box .whb-right {
  margin-left: 215px;
  height: 150px;
  position: relative;
}

.detail-hotel-box .whb-title {
  width: 100%;
  height: 30px;
  float: left;
  line-height: 30px;
  color: #b9181d;
  letter-spacing: -1px;
  font-size: 25px;
  font-weight: 300;
}

.detail-hotel-box .whb-title:Hover {
  color: #666666;
}

.detail-hotel-box .whb-line {
  width: 100%;
  height: 20px;
  float: left;
}

.detail-hotel-box .whb-line .whb-stars {
  width: auto;
  height: 20px;
  float: left;
  line-height: 20px;
  color: #b9181d;
  font-size: 15px;
}

.detail-hotel-box .whb-line .whb-map-trigger {
  width: auto;
  height: 20px;
  float: left;
  line-height: 20px;
  padding: 0 7px;
  color: #666666;
  background: linear-gradient(#f0f0f0, #e3e3e3);
  margin-left: 5px;
  cursor: pointer;
  border-radius: 2px;
}

.detail-hotel-box .whb-line .whb-map-trigger:hover {
  opacity: .8;
}

.detail-hotel-box .whb-icons {
  width: 100%;
  height: 30px;
  float: left;
  line-height: 30px;
  color: #666666;
  font-size: 13px;
}

.detail-hotel-box .whb-icons i {
  font-size: 15px;
}

.detail-hotel-box .whb-desc {
  width: 100%;
  float: left;
  line-height: 15px;
  max-height: 60px;
  overflow: hidden;
  color: #666666;
  margin-top: 5px;
}

.detail-hotel-box .whb-bottom {
  width: 100%;
  height: auto;
  float: left;
  color: #999999;
  margin-top: 10px;
}

.detail-hotel-box .whb-bottom .whb-room {
  width: auto;
  height: 40px;
  margin-right: 10px;
  float: left;
}

.detail-hotel-box .whb-bottom .whb-room .icon {
  width: 30px;
  height: 40px;
  float: left;
  line-height: 40px;
  text-align: center;
  color: #999999;
  font-size: 15px;
}

.detail-hotel-box .whb-bottom .whb-room .wtbi-right {
  margin-left: 30px;
  padding-top: 3px;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.5px;
  color: #999999;
}

.detail-hotel-box .whb-bottom .whb-room .wtbi-right span {
  color: #b9181d;
  cursor: pointer;
}

.detail-hotel-box .book-bt {
  width: auto;
  height: 35px;
  float: left;
  background: linear-gradient(#d94348, #b7151a);
  line-height: 35px;
  color: #fff;
  padding: 0 10px;
  border-radius: 3px;
  letter-spacing: -0.2px;
  font-size: 13px;
}

.detail-hotel-box .book-bt i {
  margin-left: 5px;
}

.detail-hotel-box .book-bt:hover {
  opacity: .8;
}

.detail-hotel-box .more-bt {
  width: auto;
  height: 20px;
  float: right;
  color: #b9181d;
  cursor: pointer;
  line-height: 20px;
}

.detail-hotel-box .more-bt:hover {
  text-decoration: underline;
}

.detail-hotel-box .old-price {
  text-decoration: line-through;
}

.detail-hotel-box .new-price {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
}

.detail-hotel-box .hotel-map {
  width: 100%;
  height: 200px;
  float: left;
  background: #f1f1f1;
  margin: 5px 0;
  display: none;
}

/* Wide Price */
.whb-price {
  width: 100%;
  float: left;
  margin-bottom: -1px;
  border: 1px solid #ebebeb;
}

.whb-price .whp-logo {
  width: 130px;
  height: 50px;
  padding-top: 5px;
  text-align: center;
  border-right: 1px solid #ebebeb;
  float: left;
}

.whb-price .whp-logo img {
  max-width: 100%;
}

.whb-price .whp-right {
  width: 220px;
  height: 50px;
  line-height: 40px;
  padding: 5px;
  float: right;
}

.whb-price .whp-right .green-bt {
  width: 30px;
  height: 30px;
  float: right;
  text-align: center;
  line-height: 30px;
  color: #b9181d;
  margin-top: 5px;
  border-radius: 50%;
  font-size: 16px;
}

.whb-price .whp-right .green-bt:hover {
  color: #9d151a;
  background: #f1f1f1;
}

.whb-price .whp-right .price {
  width: auto;
  height: 40px;
  line-height: 40px;
  float: right;
  color: #b9181d;
  font-size: 19px;
  font-weight: 600;
}

.whb-price .whp-right .info-box {
  float: right;
  margin: 12px 5px 0 0;
}

.whb-price .whp-right .k-box {
  float: right;
  margin: 12px 5px 0 0;
}

.whb-price .whp-right .ticket-box {
  float: right;
  margin-right: 5px;
  margin-top: -7px;
}

.whb-price .whp-center {
  margin-left: 140px;
  margin-right: 220px;
  color: #999999;
  padding-top: 7px;
}

.whb-price .whp-center span {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  letter-spacing: -0.5px;
}

/* Flight Result Title */
.flight-r-title {
  width: 100%;
  height: 41px;
  float: left;
  border-bottom: 1px solid #f1f1f1;
}

.flight-r-title .frt-left {
  width: auto;
  height: 40px;
  float: left;
  border-right: 1px solid #f1f1f1;
  padding: 5px 8px;
  line-height: 14px;
  color: #999999;
}

.flight-r-title .frt-left span {
  font-size: 14px;
  letter-spacing: -0.7px;
  font-weight: 600;
  color: #333333;
}

.flight-r-title .frt-left span i {
  color: #b9181d;
}

.flight-r-title .sorter {
  margin: 7px 0 0 9px;
  float: left;
}

.flight-r-title .day-bt {
  width: auto;
  height: 40px;
  float: right;
  line-height: 40px;
  font-size: 13px;
  color: #666666;
  background: #f8f8f8;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding: 0 10px;
  border-left: 1px solid #efefef;
}

.flight-r-title .day-bt i {
  color: #b9181d;
}

.flight-r-title .day-bt:hover {
  background: #f2f2f2;
}

.flight-r-title .result-title-bar {
  width: 200px;
  float: left;
  margin-left: 20px;
}

/* Flight Table */
.flight-table {
  width: 100%;
  font-size: 13px;
  height: auto;
  float: left;
  font-size: 11px;
}

.flight-table tr td {
  padding: 3px 2px;
  color: #666666;
  border: 1px solid #f1f1f1;
}

.flight-table tr.title {
  background: #fafafa;
  font-size: 11px;
  color: #999999;
}

.flight-table .lastSeat {
  height: 18px;
  display: inline-block;
  padding: 0 2px;
  background: #f1f1f1;
}

.booking-item .flight-table {
  margin-top: 10px;
}

.flightOpener {
  width: 100%;
  height: auto;
  float: left;
  text-align: center;
  margin: 10px 0;
}

.flightOpener .foTrigger {
  width: 25px;
  height: 25px;
  display: inline-block;
  font-size: 13px;
  background: #f1f1f1;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  color: #666666;
  cursor: pointer;
}

.flightOpener .foTrigger:hover {
  color: #b9181d;
  background: #ebebeb;
}

/* Border Table */
.border-table {
  width: 100%;
  font-size: 13px;
  height: auto;
  float: left;
  font-size: 11px;
}

.border-table tr td {
  padding: 3px 2px;
  color: #666666;
  border: 1px solid #f1f1f1;
}

.border-table .price {
  color: #2275b6;
  font-size: 13px;
  font-weight: 600;
}

.border-table.cursor tr td:hover {
  background: #f1f1f1;
  cursor: pointer;
}

.border-table.cursor tr.title td:hover {
  background: none;
  cursor: default;
}

.border-table.cursor tr td.selected {
  background: #2275b6;
  color: #fff !important;
}

.border-table.cursor tr td.selected .price {
  color: #fff;
}

/* Loading */
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  background: rgba(3, 3, 3, 0.7);
}

.loading .loading-ct {
  width: 300px;
  height: 120px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -60px -150px;
  padding-top: 60px;
  text-align: center;
  font-size: 13px;
  letter-spacing: -0.4px;
  color: rgba(255, 255, 255, 0.7);
}

.loading .loading-ct span {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
}

.loading .loading-ct:before {
  width: 200px;
  height: 50px;
  position: absolute;
  left: 50px;
  top: 0;
  background: url("../img/loading-logo.png");
  content: '';
  opacity: .3;
}

.loading .loading-ct:after {
  width: 200px;
  height: 50px;
  position: absolute;
  left: 50px;
  top: 0;
  background: url("../img/loading-logo.png");
  content: '';
  -webkit-animation: loadingAnimation 3s infinite;
  animation: loadingAnimation 3s infinite;
}

@-webkit-keyframes loadingAnimation {
  0% {
    width: 0;
  }
  100% {
    width: 200px;
  }
}

@keyframes loadingAnimation {
  0% {
    width: 0;
  }
  100% {
    width: 200px;
  }
}

/* Loading */
/* Local Loading */
.local-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(10, 22, 39, 0.8);
  z-index: 99999;
}

.local-loading:Before {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21px;
  background: url("../img/loading-rotator.png") no-repeat;
  content: ' ';
  -webkit-animation: loadingrotator 3s linear infinite;
  animation: loadingRotator 3s linear infinite;
}

@-webkit-keyframes loadingRotator {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
  100% {
    transform: rotate(360deg);
    opacity: 1;
  }
}

@keyframes loadingRotator {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
  100% {
    transform: rotate(360deg);
    opacity: 1;
  }
}

/* Local Loading */
/* Hotel Title */
.hotel-title {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.hotel-title .ht-title {
  width: auto;
  float: left;
  font-size: 25px;
  font-weight: 600;
  color: #333333;
  letter-spacing: -1.2px;
}

.hotel-title .stars {
  width: auto;
  float: right;
  font-size: 17px;
  color: #b9181d;
}

.hotel-title .area {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #999999;
}

.hotel-title .area i {
  color: #b9181d;
}

.hotel-title .area a {
  color: #999999;
}

.hotel-title .area a:hover {
  text-decoration: underline;
}

/* Hotel Main Gallery */
.hotel-main-gallery {
  width: 100%;
  height: 472px;
  float: left;
  margin: 10px 0;
}

.hotel-main-gallery .hmg-cts {
  width: 100%;
  height: 400px;
  float: left;
  margin-bottom: 2px;
  overflow: hidden;
}

.hotel-main-gallery .hmg-cts .hmg-ct {
  width: 100%;
  height: 400px;
  display: none;
  float: left;
}

.hotel-main-gallery .hmg-cts .hmg-ct img {
  width: 100%;
}

.hotel-main-gallery .hmg-nav {
  width: 100%;
  height: 70px;
  float: left;
}

.hotel-main-gallery .hmg-nav li {
  width: 120px;
  height: 70px;
  float: left;
  opacity: .4;
  overflow: hidden;
  position: relative;
  border-right: 2px solid #fff;
}

.hotel-main-gallery .hmg-nav li img {
  width: 100%;
}

.hotel-main-gallery .hmg-nav li.active {
  height: 72px;
  opacity: 1;
  margin-top: -2px;
}

.hotel-main-gallery .hmg-nav li.active img {
  border-top: 2px solid #b9181d;
}

/* Full Tabber */
.full-tabber {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
}

.full-tabber .ft-nav {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #ebebeb;
}

.full-tabber .ft-nav li {
  width: auto;
  height: 35px;
  float: left;
  line-height: 35px;
  padding: 0 12px;
  color: #666666;
  font-size: 13px;
  letter-spacing: -0.5px;
  font-weight: 600;
  cursor: pointer;
}

.full-tabber .ft-nav li:hover {
  color: #333333;
  background: #f1f1f1;
}

.full-tabber .ft-nav li.active {
  color: #b9181d;
}

.full-tabber .ft-cts {
  width: 100%;
  height: auto;
  float: left;
}

.full-tabber .ft-cts .ft-ct {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  display: none;
  color: #666666;
  overflow: hidden;
  font-size: 13px;
}

/* Hotel Detail Search */
.hds-latch {
  width: 100%;
  float: left;
  padding: 10px 0;
}

.hd-search {
  width: 718px;
  height: auto;
  display: inline-block;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 15px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.hd-search .hds-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 17px;
  color: #666666;
  font-weight: 300;
  letter-spacing: -0.5px;
}

/* Room Props */
.room-props {
  width: 100%;
  height: auto;
  float: left;
  margin: 5px 0;
}

.room-props li {
  width: 32%;
  margin: 0.6%;
  float: left;
  border: 1px solid #f1f1f1;
  height: 40px;
  border-radius: 3px;
  padding-left: 42px;
  position: relative;
}

.room-props li .icon {
  width: 38px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 38px;
  text-align: center;
}

.room-props li .text {
  width: 100%;
  height: 38px;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  color: #666666;
  line-height: 15px;
}

.room-props li .text span {
  color: #999999;
  font-weight: 300;
  font-size: 11px;
}

/* Gallery */
.gallery {
  width: 100%;
  float: left;
}

.gallery li {
  width: 24%;
  height: 100px;
  float: left;
  overflow: hidden;
  margin: 0.5%;
}

.gallery li img {
  width: 100%;
}

/* Gallery */
/* Price Table */
.price-table {
  width: 100%;
  height: auto;
  margin: 10px 0;
  float: left;
}

.price-table tr td {
  border: 1px solid #f1f1f1;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  position: relative;
}

.price-table tr.description td {
  font-size: 11px;
  color: #999999;
  border: none;
  padding-top: 30px;
  font-size: 11px;
}

.price-table tr.title td {
  vertical-align: bottom;
  font-weight: 600;
  color: #666666;
  border: none;
  font-size: 11px;
}

.price-table tr.recommended {
  border: 2px solid #D3E4D0;
  background: #F6FAF5;
}

.price-table tr.recommended td {
  font-size: 13px;
  color: #000;
}

.price-table span.desc {
  color: #999999;
  font-size: 10px;
}

.price-table span.disc {
  color: #b9181d;
  font-size: 15px;
  font-weight: 700;
}

.price-table span.disc-desc {
  color: #b9181d;
  font-size: 11px;
  font-weight: 700;
}

.price-table span.old-price {
  color: #666666;
  text-decoration: line-through;
}

.price-table span.new-price {
  color: #b9181d;
  font-size: 15px;
  font-weight: 700;
}

.price-table .org-price {
  right: 8px;
  bottom: 14px;
  left: auto;
  top: auto;
}

.price-table .child {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url("../img/price-child-icon.png");
}

.price-table .child:hover .child-drop {
  display: block;
}

.price-table .child .child-drop {
  width: 195px;
  height: auto;
  background: #fff;
  color: #999999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  padding: 10px;
  text-align: center;
  font-size: 11px;
  display: none;
  position: absolute;
  bottom: 15px;
  left: -90px;
}

.price-table .child .child-drop strong {
  color: #666666;
}

.price-table .child .child-drop:before {
  border: solid transparent;
  border-top-color: #fff;
  border-width: 7px;
  left: 50%;
  bottom: -12px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  margin-left: -6px;
}

/* Comment List */
.comment-list {
  width: 100%;
  float: left;
  overflow: auto;
  max-height: 700px;
}

.comment-box {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 5px;
}

.comment-box .comment-title {
  width: 100%;
  float: left;
}

.comment-box .comment-title span {
  float: left;
  font-size: 15px;
  font-weight: bold;
  color: #555555;
  margin-right: 5px;
}

.comment-box .comment-desc {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  color: #8b8989;
  font-size: 12px;
}

.comment-box p {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  color: #464646;
  font-size: 13px;
}

/* Green Price Box */
.green-price-box {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  background: #b9181d;
  padding: 15px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}

.green-price-box .gpb-title {
  width: 100%;
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.green-price-box .provider {
  width: 100%;
  float: left;
  color: #fff;
  font-size: 11px;
  letter-spacing: -0.2px;
}

.green-price-box .provider a {
  color: rgba(255, 255, 255, 0.5);
}

.green-price-box .provider a:hover {
  text-decoration: underline;
}

.green-price-box .prices {
  width: 100%;
  float: left;
  font-weight: 600;
  color: #fff;
}

.green-price-box .prices .old-price {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}

.green-price-box .prices .new-price {
  color: #fff;
  font-size: 20px;
}

.green-price-box .gpb-button {
  width: auto;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding: 0 17px;
  color: #666666;
  background-image: linear-gradient(#fff, #e5e5e5);
  cursor: pointer;
  margin-top: 10px;
}

/* Small Price */
.small-price {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  padding: 7px;
}

.small-price .smp-left {
  width: 60%;
  float: left;
  color: #999999;
  font-size: 10px;
}

.small-price .smp-left img {
  width: 60%;
}

.small-price .smp-right {
  width: 37%;
  float: right;
}

.small-price .smp-right .smpr-bt {
  width: 30px;
  height: 30px;
  float: right;
  text-align: center;
  line-height: 30px;
  color: #5ebb3a;
  margin-top: 5px;
  border-radius: 50%;
  font-size: 16px;
}

.small-price .smp-right .smpr-bt:hover {
  background: #f1f1f1;
}

.small-price .smp-right .smpr-price {
  width: auto;
  height: 40px;
  line-height: 40px;
  float: right;
  color: #e95458;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: 600;
  max-width: 75px;
  overflow: hidden;
  white-space: nowrap;
}

/* Small Hotel */
.small-hotel {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  padding: 7px;
}

.small-hotel .sh-image {
  width: 70px;
  height: 40px;
  float: left;
  overflow: hidden;
}

.small-hotel .sh-image img {
  width: 100%;
}

.small-hotel .sh-right {
  margin-left: 80px;
}

.small-hotel .sh-right .sh-name {
  width: 100%;
  height: auto;
  float: left;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.5px;
  font-size: 13px;
}

.small-hotel .sh-right .sh-name:hover {
  color: #b9181d;
}

.small-hotel .sh-right .area {
  width: 100%;
  float: left;
  font-size: 10px;
  color: #999999;
}

.small-hotel .sh-right .area a {
  color: #999999;
}

.small-hotel .sh-right .area a:hover {
  text-decoration: underline;
}

.small-hotel .sh-right .sm-price {
  font-size: 15px;
  color: #b9181d;
  font-weight: 600;
}

/* Booking Item */
.booking-item {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.booking-item .bi-title {
  width: 100%;
  height: 41px;
  float: left;
  line-height: 40px;
  font-size: 13px;
  cursor: pointer;
  color: #666666;
  position: relative;
  font-weight: 600;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #e0e0e0;
}

.booking-item .bi-title:Before {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 15px;
  line-height: 10px !important;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
}

.booking-item .bi-title .bit-icon {
  width: 50px;
  height: 40px;
  float: left;
  text-align: center;
  font-size: 15px;
  color: #fff;
  background: #b9181d;
  margin-right: 17px;
  line-height: 40px;
  border-radius: 2px 0 0 0;
  position: relative;
}

.booking-item .bi-title .bit-icon:before {
  border: solid transparent;
  border-left-color: #b9181d;
  border-width: 5px;
  right: -10px;
  top: 50%;
  margin-top: -5px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.booking-item .bi-content {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
}

.booking-item .item-title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  float: left;
  margin: 10px 0 5px 0;
}

.booking-item .item-title .it-icon {
  width: 30px;
  height: 30px;
  float: left;
  border-radius: 50%;
  border: 2px solid #f6f6f6;
  background: #f6f6f6;
  text-align: center;
  line-height: 26px;
  color: #b9181d;
  font-size: 13px;
}

.booking-item .item-title .it-text {
  width: auto;
  float: left;
  color: #666666;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}

.booking-item .item-title .it-remove {
  width: auto;
  float: left;
  color: rgba(0, 0, 0, 0.7);
  font-size: 10px;
  margin-left: 5px;
  cursor: pointer;
}

.booking-item .item-title .it-remove:hover {
  text-decoration: underline;
}

.booking-item .item-title .it-price {
  width: auto;
  float: right;
  color: #b9181d;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}

.booking-item .item-details {
  width: 100%;
  float: left;
  border-bottom: 1px solid #ebebeb;
  color: #999999;
  padding: 8px 0;
  margin-bottom: 8px;
}

.booking-item .item-details .id-title {
  color: #333333;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.booking-item .id-desc {
  color: #666666;
}

.booking-item .cart-image {
  width: 100%;
  float: left;
  margin-bottom: 7px;
}

.booking-item .cart-image img {
  width: 100%;
}

.booking-item .item-loading {
  width: 100%;
  height: 80px;
  float: left;
  position: relative;
}

.booking-item .item-loading:before {
  border: solid transparent;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.2);
  border-width: 15px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  content: '';
  position: absolute;
  height: 0;
  margin: -15px;
  width: 0;
  animation: spin 1.3s infinite linear;
  -webkit-animation: spin 1.3s infinite linear;
}

.booking-item .item-loading:after {
  border: solid transparent;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-width: 15px;
  margin: -15px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  animation: spin 1.5s infinite linear;
  -webkit-animation: spin 1.5s infinite linear;
}

.booking-item .item-total {
  width: 100%;
  float: left;
}

.booking-item .item-total .label {
  color: #666666;
  float: left;
}

.booking-item .item-total .price {
  float: right;
  color: #b9181d;
  font-size: 16px;
  font-weight: 600;
}

.booking-item .cart-desc {
  width: 100%;
  float: left;
  margin: 20px 0;
  text-align: center;
  color: #8c99ac;
  font-size: 13px;
  padding: 0 10px;
}

.booking-item .item-bottom {
  width: 100%;
  float: left;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #666666;
  padding-top: 7px;
}

.booking-item .item-bottom .label {
  color: #666666;
  float: left;
}

.booking-item .item-bottom .price {
  float: right;
  color: #b9181d;
  font-size: 14px;
  font-weight: 600;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Check Css*/
.checkCss {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 5px;
}

/* Booking Transfer List */
.b-transfer-list {
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  float: left;
}

.b-transfer-list li {
  width: 100%;
  float: left;
  font-size: 13px;
  margin: 1px 0;
}

.b-transfer-details {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Extra Service */
.extra-service {
  width: 100%;
  float: left;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 10px 0;
  border-radius: 3px;
  overflow: hidden;
  padding: 7px;
}

.extra-service .es-image {
  width: 220px;
  float: left;
  margin: -7px;
}

.extra-service .es-image img {
  width: 100%;
}

.extra-service .es-right {
  margin-left: 225px;
}

.extra-service .es-right .esr-title {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.extra-service .es-right p {
  color: rgba(0, 0, 0, 0.6);
}

/* Booking Tabber */
.booking-tabber {
  width: 100%;
  height: auto;
  float: left;
}

.booking-tabber .bt-nav {
  width: 100%;
  height: 40px;
  float: left;
  background: #f1f1f1;
}

.booking-tabber .bt-nav li {
  width: 33.3%;
  height: 40px;
  float: left;
  text-align: center;
  color: #666666;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.5px;
  cursor: pointer;
  line-height: 40px;
}

.booking-tabber .bt-nav li.active {
  color: #fff;
  background: #e48589;
}

.booking-tabber .bt-cts {
  width: 100%;
  float: left;
}

.booking-tabber .bt-cts .bt-ct {
  width: 100%;
  float: left;
  padding: 10px;
  display: none;
}

/* Promotion Box */
.promotion-box {
  width: 100%;
  float: left;
  padding: 1%;
  border-top: none;
  margin-bottom: 10px;
  border-radius: 3px;
  background: #f1f1f1;
  display: none;
}

.promotion-trigger {
  width: 100%;
  float: left;
  margin-top: 10px;
  background: #f1f1f1;
  padding: 1%;
  text-align: center;
}

/* Credit Cards */
.credit-cards {
  width: 100%;
  height: auto;
  float: left;
  text-align: center;
  margin: 10px 0;
}

.credit-cards .card-box {
  width: auto;
  line-height: 28px;
  padding: 0 7px;
  height: 30px;
  cursor: pointer;
  opacity: .7;
  display: inline-block;
}

.credit-cards .card-box:hover {
  opacity: 1;
}

.credit-cards .card-box.active {
  opacity: 1;
  position: relative;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #b9181d;
}

.credit-cards .card-box.active:before {
  border: solid transparent;
  border-top-color: #b9181d;
  border-width: 5px;
  left: 50%;
  bottom: -10px;
  margin-left: -4px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

/* Conf Buttons */
.conf-buttons {
  width: 100%;
  float: left;
  margin: 10px 0;
  text-align: center;
}

.conf-buttons a {
  width: auto;
  height: 30px;
  background: #f1f1f1;
  line-height: 30px;
  border-radius: 2px;
  color: #333333;
  padding: 0 10px;
  margin: 0 3px;
  display: inline-block;
}

.conf-buttons a:hover {
  background: #dfdfdf;
}

/* Conf Buttons */
/* Wide Tour Box */
.wide-tour-box {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
}

.wide-tour-box .wtb-image {
  width: 210px;
  height: 140px;
  float: left;
  overflow: hidden;
}

.wide-tour-box .wtb-image img {
  width: 100%;
}

.wide-tour-box .wtb-right {
  width: 120px;
  height: 140px;
  float: right;
  background: #fafafa;
  padding: 30px 10px 10px 10px;
  position: relative;
  text-align: center;
}

.wide-tour-box .wtb-right .old-price {
  width: 100%;
  float: left;
  color: #999999;
  text-decoration: line-through;
}

.wide-tour-box .wtb-right .new-price {
  width: 100%;
  float: left;
  color: #b9181d;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.4px;
}

.wide-tour-box .wtb-right .provider {
  width: 100%;
  float: left;
  color: #999999;
}

.wide-tour-box .wtb-right .discount {
  width: 33px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  letter-spacing: -1px;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
}

.wide-tour-box .wtb-right .discount span {
  position: relative;
  z-index: 9;
}

.wide-tour-box .wtb-right .discount:before {
  border: solid transparent;
  border-bottom-color: #b9181d;
  border-width: 38px;
  right: -38px;
  top: -38px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}

.wide-tour-box .wtb-right .info-box {
  position: absolute;
  left: 7px;
  top: 7px;
}

.wide-tour-box .wtb-right .k-box {
  position: absolute;
  left: 30px;
  top: 7px;
}

.wide-tour-box .wtb-right .whb-choose {
  width: 100px;
  height: 30px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #b9181d;
  border-radius: 2px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.wide-tour-box .wtb-center {
  height: 140px;
  margin-right: 130px;
  position: relative;
  margin-left: 220px;
}

.wide-tour-box .wtb-center .wtb-title {
  width: 100%;
  height: 20px;
  float: left;
  line-height: 20px;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.6px;
}

.wide-tour-box .wtb-center .wtb-title:hover {
  color: #b9181d;
}

.wide-tour-box .wtb-center .wtb-desc {
  width: 100%;
  height: 30px;
  float: left;
  margin-top: 5px;
  color: #999999;
  line-height: 15px;
  overflow: hidden;
}

.wide-tour-box .wtb-center .wtb-more {
  width: auto;
  height: 20px;
  float: left;
  line-height: 20px;
  color: #b9181d;
}

.wide-tour-box .wtb-center .wtb-more:hover {
  text-decoration: underline;
}

.wide-tour-box .wtb-center .wtb-bottom {
  width: 100%;
  height: 55px;
  float: left;
  margin-top: 10px;
  border-top: 1px solid #f1f1f1;
  padding-top: 10px;
}

.wide-tour-box .wtb-center .wtb-bottom .wtb-box {
  width: auto;
  margin-right: 5px;
  height: 45px;
  letter-spacing: -0.5px;
  float: left;
}

.wide-tour-box .wtb-center .wtb-bottom .wtb-box .wtbb-icon {
  width: 40px;
  height: 45px;
  float: left;
  text-align: center;
  line-height: 45px;
  color: #b9181d;
  font-size: 25px;
}

.wide-tour-box .wtb-center .wtb-bottom .wtb-box .wtbb-right {
  padding-top: 5px;
  margin-left: 40px;
  color: #999999;
}

.wide-tour-box .wtb-center .wtb-bottom .wtb-box .wtbb-right span {
  color: #333333;
  font-size: 15px;
  letter-spacing: -1.5px;
  font-weight: 600;
}

.wide-tour-box .wtb-center .wtb-bottom .bottom-right {
  float: right;
  text-align: right;
  padding-top: 7px;
  color: #999999;
}

/* Tour Desc */
.tour-desc {
  width: 100%;
  float: left;
  margin: 10px 0;
  font-size: 17px;
  color: #666666;
  font-family: 'Times New Roman';
}

/* Tour Title */
.tour-title {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #e0e0e0;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: -1px;
  color: #333333;
  margin-top: 10px;
  padding-bottom: 7px;
}

/* Destination Title */
.t-dest-title {
  width: 100%;
  height: 80px;
  float: left;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.8px;
  line-height: 80px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
}

.t-dest-title:hover {
  background: #f8f8f8;
}

.t-dest-title:Before {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 32px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  color: #b9181d;
  line-height: 16px !important;
}

.t-dest-title .td-icon {
  width: 70px;
  height: 70px;
  float: left;
  font-weight: 400;
  line-height: 15px;
  margin-top: 5px;
  background: url("../img/t-dest-title.png");
  text-align: center;
  margin-right: 10px;
  font-size: 11px;
  color: #999999;
  padding: 23px 0 0 45px;
}

.t-dest-title .td-icon span {
  font-size: 15px;
  font-weight: 600;
}

.t-dest-title.active .td-icon {
  color: #b9181d;
  background-position: bottom;
}

.t-dest-content {
  width: 100%;
  float: left;
  padding: 10px;
  padding-left: 80px;
  font-size: 15px;
  color: #666666;
  display: none;
  letter-spacing: -0.4px;
}

.t-dest-content p {
  width: 100%;
  float: left;
}

.t-dest-content .tdest-box {
  width: auto;
  margin-right: 5px;
  height: 45px;
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: -0.5px;
  float: left;
}

.t-dest-content .tdest-box .tdest-icon {
  width: 40px;
  height: 45px;
  float: left;
  text-align: center;
  line-height: 45px;
  color: #b9181d;
  font-size: 25px;
}

.t-dest-content .tdest-box .tdest-right {
  padding-top: 5px;
  margin-left: 40px;
  color: #999999;
}

.t-dest-content .tdest-box .tdest-right a.hotel-link,
.t-dest-content .tdest-box .tdest-right span {
  color: #333333;
  font-size: 15px;
  letter-spacing: -1.5px;
  font-weight: 600;
}

.t-dest-content .tdest-box .tdest-right a.hotel-link:hover {
  color: #b9181d;
}

/* Tour Prices Table */
.tour-price-table {
  width: 100%;
  margin-top: 15px;
  color: #999999;
  font-size: 13px;
  float: left;
}

.tour-price-table tr {
  border-bottom: 1px solid #ebebeb;
}

.tour-price-table tr.title {
  font-size: 11px;
}

.tour-price-table tr td {
  padding: 7px 5px;
  vertical-align: middle;
}

.tour-price-table tr td:first-child {
  padding-left: 0;
}

.tour-price-table tr td:last-child {
  padding-right: 0;
}

.tour-price-table .tour-bt {
  width: auto;
  height: 30px;
  float: left;
  background: #b9181d;
  color: #fff;
  font-size: 13px;
  font-family: "open sans";
  border: none;
  border-radius: 2px;
  line-height: 30px;
  white-space: nowrap;
  padding: 0 12px;
}

.tour-price-table .tour-bt:hover {
  background: #9d151a;
}

/* Agent Category */
.agent-category {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  border: 1px solid #d9d9d9;
  margin: 10px 0;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 40px 3px 3px 70px;
  padding-bottom: 70px;
}

.agent-category .agent-datas {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 10px;
}

.agent-category .agent-datas .agent-image {
  width: 60px;
  height: 60px;
  float: left;
  border: 2px solid #999999;
  border-radius: 50%;
  overflow: hidden;
}

.agent-category .agent-datas .agent-image img {
  width: 100%;
}

.agent-category .agent-datas .agent-right {
  padding-top: 10px;
  margin-left: 70px;
  color: #999999;
}

.agent-category .agent-datas .agent-right .username {
  letter-spacing: -0.5px;
  color: #666666;
  font-size: 13px;
  font-weight: 600;
}

.agent-category ul li {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #f1f1f1;
}

.agent-category ul li a {
  width: 100%;
  height: auto;
  float: left;
  color: #666666;
  font-size: 13px;
  padding: 10px;
}

.agent-category ul li a:hover {
  background: #fafafa;
}

/* Agent Circles */
.agent-circles {
  width: 100%;
  height: auto;
  float: left;
  text-align: center;
  margin: 30px 0;
  float: left;
}

.agent-circles .agent-circle {
  width: 120px;
  height: 120px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #ebebeb;
  margin: 12px;
  color: #999999;
  text-align: center;
  font-size: 12px;
  padding-top: 15px;
  letter-spacing: -0.5px;
}

.agent-circles .agent-circle .greenColor,
.agent-circles .agent-circle .orangeColor {
  font-size: 17px;
  font-weight: 600;
}

.agent-circles .agent-circle.orangeCircle {
  margin: 7px;
  width: 130px;
  height: 130px;
  border-color: #9d151a;
  padding-top: 20px;
}

/* Reservation Table */
.reservation-table {
  width: 100%;
  height: auto;
  float: left;
}

.reservation-table tr {
  border-bottom: 1px solid #f1f1f1;
}

.reservation-table tr td {
  padding: 10px;
  font-size: 13px;
  color: #666;
}

.reservation-table tr:hover {
  background: #f6f6f6;
}

.reservation-table tr:hover .see-res-bt {
  opacity: 1;
}

.reservation-table tr.title {
  background: none !important;
}

.reservation-table tr.title td {
  color: #999;
  font-size: 12px;
  font-weight: normal;
}

.reservation-table .status-box {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: #ccc;
}

.reservation-table .status-box.green {
  background: #b9d12d;
}

.reservation-table .status-box.blue {
  background: #00a3b6;
}

.reservation-table .status {
  width: 3%;
  text-align: center;
}

.reservation-table .details {
  font-size: 11px;
  color: #999;
}

.reservation-table .details span {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  letter-spacing: -0.5px;
}

.reservation-table .reservation-nr {
  width: 18%;
  color: #b9181d;
  font-size: 13px;
  font-weight: 600;
}

.reservation-table .button {
  width: 20%;
}

.reservation-table .button .see-res-bt {
  width: auto;
  height: 30px;
  float: right;
  background: #b9181d;
  color: #fff;
  font-size: 13px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

/* Reservation Detial */
.resd-left {
  width: 65%;
  float: left;
  border-right: 1px solid #eeeeee;
}

.resd-title {
  width: 100%;
  height: 40px;
  float: left;
  background: #f1f1f1;
  line-height: 40px;
  padding: 0 15px;
  font-size: 18px;
  text-align: right;
  color: #999;
  font-weight: bold;
  border-radius: 3px 3px 0 0;
}

.resd-c-title {
  width: 100%;
  float: left;
  padding: 10px 15px;
  font-size: 18px;
  color: #333;
  font-weight: 300;
}

.resd-bts {
  width: 100%;
  margin-top: 10px;
  height: auto;
  float: left;
  padding: 12px;
  text-align: center;
  border-top: 2px dashed #f1f1f1;
}

.resd-bts a {
  width: auto;
  height: 16px;
  margin: 0 5px;
  letter-spacing: -0.5px;
  display: inline-block;
  color: #999;
}

.resd-bts a:hover {
  text-decoration: underline;
}

.resd-right {
  width: 35%;
  border-left: 1px solid #eeeeee;
  float: left;
}

.resd-right .resd-table {
  width: 90%;
  float: left;
  margin: 5%;
  font-size: 11px;
  color: #999;
}

.resd-right .resd-table tr td:last-child {
  text-align: right;
}

.resd-right span {
  font-size: 15px;
  font-weight: 600;
  color: #b9181d;
}

/* Reservation Detial */
/* Transfer Box */
.transfer-box {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  position: relative;
  background: #fff;
  border-radius: 3px;
}

.transfer-box .hidden-transfers {
  width: 100%;
  border-top: 1px solid #f1f1f1;
  float: left;
  display: none;
  padding-top: 10px;
  margin-top: 20px;
}

.transfer-box .hidden-transfers.open {
  display: block;
}

.transfer-box .hidden-transfers .ht-title {
  width: 100%;
  float: left;
  color: #666666;
  font-size: 12px;
  margin-left: 10px;
  margin-bottom: 5px;
}

.transfer-box .hidden-transfers .full-table tr td {
  padding: 7px !important;
}

.transfer-box .tb-left {
  width: 260px;
  height: 125px;
  float: left;
  background: url("../img/tb-big-icon.png") left top no-repeat #0f1d31;
  text-align: center;
  color: #fff;
  font-size: 20px;
  position: relative;
  font-weight: 300;
  letter-spacing: -1.2px;
  padding-top: 90px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.transfer-box .tb-right {
  margin-left: 260px;
}

.transfer-box .tbr-title {
  width: 100%;
  height: 30px;
  float: left;
  border-bottom: 1px solid #e8e8e8;
  line-height: 30px;
  color: #999999;
  padding: 0 10px;
  letter-spacing: -0.3px;
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: 600;
}

.transfer-box .full-table tr td {
  padding: 3px !important;
}

.transfer-box .full-table tr td:last-child,
.transfer-box .full-table tr td:first-child {
  padding-left: 10px !important;
}

.transfer-box .transfer-content {
  width: 100%;
  line-height: 16px;
  overflow: hidden;
}

.transfer-box .transfer-title {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.transfer-box .transfer-detail {
  font-size: 13px;
  color: #999999;
}

.transfer-box .transfer-price {
  color: #b9181d;
  font-size: 14px;
  font-weight: 600;
}

.transfer-box .transfer-desc {
  color: #999999;
}

.transfer-box .tbr-more {
  width: 100%;
  height: auto;
  float: left;
  padding: 7px;
  border-top: 1px solid #e8e8e8;
  margin-top: 10px;
  color: #999999;
  text-align: center;
  cursor: pointer;
}

.transfer-box .tbr-more:hover {
  text-decoration: underline;
}

/* Categories */
.categories {
  width: 100%;
  height: auto;
  float: left;
}

.categories li {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #f1f1f1;
}

.categories li a {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  color: #333333;
  font-size: 13px;
}

.categories li a:hover {
  background: #f6f6f6;
}

/* Toast */
.toast {
  width: 280px;
  height: auto;
  position: fixed;
  right: -300px;
  top: 90px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  background: rgba(63, 41, 47, 0.9);
  opacity: 0;
  z-index: 99999999999;
}

.toast.red {
  background: rgba(150, 33, 33, 0.9);
}

.toast.green {
  background: rgba(72, 130, 86, 0.9);
}

.toast.blue {
  background: rgba(51, 131, 187, 0.9);
}

.toast.showToast {
  opacity: 1;
  right: 20px;
}

.toast .toast-content {
  width: 240px;
  height: auto;
  color: rgba(255, 255, 255, 0.7);
  padding: 15px;
}

.toast .toast-content span {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

.toast .toast-close {
  width: 20px;
  height: 20px;
  right: 13px;
  top: 50%;
  margin-top: -10px;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.61);
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 22px;
  font-size: 10px;
}

.toast .toast-close:hover {
  opacity: .8;
}

/* Main Popup */
.mainPopup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
}

.mainPopup .mpFilter {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(3, 3, 3, 0.7);
}

.mainPopup .mpClose {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #666;
  z-index: 9;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
}

.mainPopup .mpClose:hover {
  background: #f1f1f1;
}

.mainPopup .mpContent {
  width: 400px;
  height: auto;
  position: fixed;
  left: 50%;
  margin-left: -200px;
  padding: 15px;
  background: #fff;
  top: 15%;
}

.mainPopup .mpContent .mpc-title {
  width: 100%;
  height: auto;
  float: left;
  color: #333333;
  font-size: 15px;
  font-weight: 300;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 10px;
}

.mainPopup .mpContent .mpc-title .details {
  font-size: 11px;
  font-weight: normal;
  color: #999999;
}

.mainPopup .mpContent .mpc-title.red {
  color: red;
}

.mainPopup .mpContent .mpc-bottom {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 10px;
  border-top: 1px solid #f1f1f1;
  margin-top: 10px;
}

.mainPopup .mpContent .mpc-bottom .auto-button {
  margin-left: 5px;
}

.mainPopup.transferPopup .mpContent {
  width: 600px;
  margin-left: -300px;
}

.mainPopup.transferPopup .mpContent .full-table tr {
  border-bottom: 1px solid #f1f1f1;
}

.mainPopup.transferPopup .mpContent .full-table tr td {
  padding: 10px 3px !important;
}

.mainPopup.transferPopup .mpContent .full-table tr td:last-child,
.mainPopup.transferPopup .mpContent .full-table tr td:first-child {
  padding-left: 10px !important;
}

.mainPopup.transferPopup .mpContent .transfer-content {
  width: 100%;
  height: 32px;
  line-height: 16px;
  overflow: hidden;
}

.mainPopup.transferPopup .mpContent .transfer-title {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.mainPopup.transferPopup .mpContent .transfer-detail {
  font-size: 13px;
  color: #999999;
}

.mainPopup.transferPopup .mpContent .transfer-price {
  color: #b9181d;
  font-size: 14px;
  font-weight: 600;
}

.mainPopup.transferPopup .mpContent .transfer-desc {
  color: #999999;
}

.mainPopup.flightPopup .mpContent {
  width: 600px;
  margin-left: -300px;
}

/* Flight Detail Box */
.flight-detail-box {
  width: 100%;
  height: auto;
  float: left;
  border: 2px solid #e4e4e4;
  background: #fff;
  border-radius: 3px;
}

.flight-detail-box .fdb-title {
  width: 100%;
  height: 25px;
  background: #e4e4e4;
  line-height: 25px;
  padding: 0 7px;
  color: #333333;
  font-size: 13px;
  letter-spacing: -0.3px;
}

.flight-detail-box .fdb-content {
  width: 100%;
  height: auto;
  float: left;
  padding: 5px;
}

.flight-detail-box .fdb-content .fdb-desc {
  width: 100%;
  float: left;
  text-align: center;
  padding-bottom: 5px;
  margin: 7px 0;
  border-bottom: 1px solid #ebebeb;
  color: #999999;
}

.flight-detail-box .fdb-content .airport {
  font-size: 12px;
  color: #666666;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.flight-detail-box .fdb-content .date {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.flight-detail-box .flight-info {
  width: 100%;
  float: left;
  padding: 5px;
  border-radius: 3px;
  background: #f1f1f1;
}

.flight-detail-box .flight-info .airway {
  width: 34px;
  height: 34px;
  float: left;
  border: 1px solid #e7e7e7;
}

.flight-detail-box .flight-info .airway img {
  width: 100%;
}

.flight-detail-box .flight-info .flight-time {
  float: right;
  width: 70px;
  color: #666666;
  text-align: right;
}

.flight-detail-box .flight-info .flight-content {
  margin-left: 45px;
  margin-right: 80px;
}

.flight-detail-box .flight-info .flight-content .airway-name {
  font-size: 12px;
  color: #666666;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.flight-detail-box .flight-info .flight-content .ticket-nr {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.flight-detail-box .fdb-bottom-desc {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 5px;
  margin: 7px 0;
  border-top: 1px solid #ebebeb;
  color: #999999;
}

.flight-detail-box .flight-transfer {
  width: 100%;
  height: 18px;
  float: left;
  background: url("../img/flight-transfer-bg.jpg");
  text-align: center;
  color: #8a2327;
  line-height: 18px;
  margin: 7px 0;
}

.flight-detail-box.half {
  width: 49%;
}

/* Transfer For Pack */
.transfer-for-pack {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.transfer-for-pack .tfp-title {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #666666;
}

.transfer-for-pack .cb-content {
  width: 100%;
  float: left;
  padding: 10px;
}

.transfer-for-pack .tfp-content {
  width: 100%;
  float: left;
  padding: 10px;
}

/* Transfer Content */
.full-table .transfer-content {
  width: 100%;
  height: 32px;
  line-height: 16px;
  overflow: hidden;
}

.full-table .transfer-title {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.full-table .transfer-detail {
  font-size: 13px;
  color: #999999;
}

.full-table .transfer-price {
  color: #b9181d;
  font-size: 14px;
  font-weight: 600;
}

.full-table .transfer-desc {
  color: #999999;
}

.full-table .tbr-more {
  width: 100%;
  height: auto;
  float: left;
  padding: 7px;
  border-top: 1px solid #e8e8e8;
  margin-top: 10px;
  color: #999999;
  text-align: center;
  cursor: pointer;
}

.full-table .tbr-more:hover {
  text-decoration: underline;
}

/* Hidden Transfer */
.hidden-transfers {
  width: 100%;
  border-top: 1px solid #f1f1f1;
  float: left;
  display: none;
  padding-top: 10px;
  margin-top: 20px;
}

.hidden-transfers.open {
  display: block;
}

.hidden-transfers .ht-title {
  width: 100%;
  float: left;
  color: #666666;
  font-size: 12px;
  margin-left: 10px;
  margin-bottom: 5px;
}

.hidden-transfers .full-table tr td {
  padding: 7px !important;
}

.tbr-more {
  width: 100%;
  height: auto;
  float: left;
  padding: 7px;
  border-top: 1px solid #e8e8e8;
  margin-top: 10px;
  color: #999999;
  text-align: center;
  cursor: pointer;
}

.tbr-more:hover {
  text-decoration: underline;
}

.home-text-area {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  background: #f6f6f6;
  margin: 10px 0;
}

/* Full Tc Text */
.full-tc-text {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  text-align: center;
  font-size: 13px;
  color: #666666;
}

/* Home Slider */
.homeSlider {
  width: 1040px;
  height: 320px;
  float: left;
  margin: 10px 0;
  position: relative;
}

.homeSlider .hs-prev,
.homeSlider .hs-next {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -42px;
  top: 140px;
  text-align: center;
  line-height: 90px;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 40px;
  background: #b9181d;
}

.homeSlider .hs-prev:hover,
.homeSlider .hs-next:hover {
  background: #9d151a;
}

.homeSlider .hs-prev {
  right: auto;
  left: -42px;
}

.homeSlider .hs-container {
  width: 1040px;
  height: 320px;
  float: left;
  overflow: hidden;
}

.homeSlider .hs-container .hs-carousel {
  width: 1040px;
  height: 320px;
  float: left;
}

.homeSlider .hs-container .hs-carousel li {
  width: 1040px;
  height: 320px;
  float: left;
}

/* Special Deal Box*/
.special-deal-box {
  width: 100%;
  height: 320px;
  background: #f6f6f6;
}

.special-deal-box .sdb-image {
  width: 630px;
  height: 320px;
  float: left;
  overflow: hidden;
}

.special-deal-box .sdb-image img {
  width: 100%;
}

.special-deal-box .sdb-right {
  margin-left: 630px;
  height: 320px;
  padding: 20px;
}

.special-deal-box .sdb-right .sdbr-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 40px;
  font-weight: 300;
  color: #333333;
  letter-spacing: -1px;
}

.special-deal-box .sdb-right .sdbr-title:hover {
  color: #b9181d;
}

.special-deal-box .sdb-right .sdbr-details {
  width: 100%;
  height: auto;
  float: left;
  font-size: 17px;
  color: #666666;
  letter-spacing: -0.5px;
}

/* Three List */
.three-list {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
}

.three-list .t-box {
  width: 32%;
  height: 390px;
  float: left;
  margin-right: 2%;
  position: relative;
  background: #f6f6f6;
}

.three-list .t-box:nth-child(3n) {
  margin-right: 0;
}

.three-list .t-box .tbi-flag {
  width: auto;
  height: 22px;
  position: absolute;
  left: -5px;
  top: 10px;
  background: #b9181d;
  padding: 0 8px;
  line-height: 22px;
  z-index: 9;
  font-size: 13px;
  color: #fff;
}

.three-list .t-box .tbi-flag.green {
  background: #16c715;
}

.three-list .t-box .tbi-flag.orange {
  background: #FFCA00;
}

.three-list .t-box .tbi-flag:before {
  border: solid transparent;
  border-right-color: #333;
  border-top-color: #333;
  border-width: 3px;
  left: 0px;
  bottom: -6px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.three-list .t-box .tb-image {
  width: 100%;
  height: 215px;
  float: left;
  overflow: hidden;
  background: #000;
  position: relative;
}

.three-list .t-box .tb-image img {
  width: 100%;
}

.three-list .t-box:hover .tb-image img {
  opacity: .8;
}

.three-list .tb-details {
  width: 100%;
  height: 125px;
  float: left;
  padding: 10px;
  border-top: 4px solid #b9181d;
}

.three-list .tb-details .ts-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 22px;
  letter-spacing: -0.5px;
  color: #333333;
}

.three-list .tb-details .ts-title:hover {
  color: #b9181d;
}

.three-list .tb-details .ts-area {
  width: 100%;
  height: auto;
  float: left;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #b9181d;
}

.three-list .tb-details .ts-area:hover {
  color: #333333;
}

.three-list .tb-details .desc {
  width: 100%;
  height: 45px;
  float: left;
  line-height: 15px;
  font-size: 12px;
  color: #999999;
  overflow: hidden;
  margin-top: 5px;
}

.three-list .tb-bottom {
  width: 100%;
  height: 50px;
  float: left;
  border-top: 1px solid #dbdbdb;
}

.three-list .tb-bottom .discover-bt {
  width: 100px;
  height: 49px;
  float: right;
  background: #e8e8e8;
  line-height: 49px;
  color: #666666;
  font-size: 14px;
  text-align: center;
}

.three-list .tb-bottom .discover-bt.green {
  background: #16c715;
  color: #fff;
}

.three-list .tb-bottom .discover-bt.orange {
  background: #FFCA00;
  color: #fff;
}

.three-list .tb-bottom .discover-bt:hover {
  background: #b9181d;
  color: #fff;
}

.three-list .tb-bottom .discover-bt.hoverGreen:hover {
  background: #16c715 !important;
  color: #fff;
}

.three-list .tb-bottom .tb-date {
  width: 50px;
  height: 49px;
  float: left;
  line-height: 16px;
  border-right: 1px solid #dbdbdb;
  padding-top: 7px;
  color: #666666;
  text-align: center;
}

.three-list .tb-bottom .tb-date span {
  color: #333333;
  font-size: 13px;
  font-weight: 600;
}

.three-list .tb-bottom .tb-center {
  margin-left: 60px;
  height: 49px;
  line-height: 49px;
  margin-right: 110px;
  color: #999999;
}

.three-list .tb-bottom .tb-center .price {
  color: #b9181d;
  font-size: 18px;
  font-weight: 600;
}

/* Four List */
.four-list {
  width: 100%;
  height: 700px;
  float: left;
  overflow: hidden;
  margin: 10px 0;
}

.four-list.show {
  height: auto;
}

.four-list .f-box {
  width: 23.5%;
  height: 335px;
  float: left;
  margin-right: 2%;
  position: relative;
  margin-bottom: 20px;
  background: #f6f6f6;
}

.four-list .f-box:nth-child(4n) {
  margin-right: 0;
}

.four-list .f-box .fbi-flag {
  width: auto;
  height: 22px;
  position: absolute;
  left: -5px;
  top: 10px;
  z-index: 9;
  background: #b9181d;
  padding: 0 8px;
  line-height: 22px;
  font-size: 13px;
  color: #fff;
}

.four-list .f-box .fbi-flag.green {
  background: #16c715;
}

.four-list .f-box .fbi-flag.orange {
  background: #FFCA00;
}

.four-list .f-box .fbi-flag.darkOrange {
  background: #ff6b00;
  color: #fff;
}

.four-list .f-box .fbi-flag:before {
  border: solid transparent;
  border-right-color: #333;
  border-top-color: #333;
  border-width: 3px;
  left: 0px;
  bottom: -6px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.four-list .f-box .fb-image {
  width: 100%;
  height: 160px;
  float: left;
  overflow: hidden;
  background: #000;
  position: relative;
}

.four-list .f-box .fb-image img {
  width: 100%;
}

.four-list .f-box:hover .fb-image img {
  opacity: .8;
}

.four-list .fb-details {
  width: 100%;
  height: 125px;
  float: left;
  padding: 10px;
  border-top: 4px solid #b9181d;
}

.four-list .fb-details .ts-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 22px;
  letter-spacing: -0.5px;
  color: #333333;
}

.four-list .fb-details .ts-title:hover {
  color: #b9181d;
}

.four-list .fb-details .ts-area {
  width: 100%;
  height: auto;
  float: left;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #b9181d;
}

.four-list .fb-details .ts-area:hover {
  color: #333333;
}

.four-list .fb-details .desc {
  width: 100%;
  height: 45px;
  float: left;
  line-height: 15px;
  font-size: 12px;
  color: #999999;
  overflow: hidden;
  margin-top: 5px;
}

.four-list .fb-bottom {
  width: 100%;
  height: 50px;
  float: left;
  border-top: 1px solid #dbdbdb;
}

.four-list .fb-bottom .discover-bt {
  width: 80px;
  height: 49px;
  float: right;
  background: #e8e8e8;
  line-height: 49px;
  color: #666666;
  font-size: 13px;
  text-align: center;
}

.four-list .fb-bottom .discover-bt.green {
  background: #16c715;
  color: #fff;
}

.four-list .fb-bottom .discover-bt.orange {
  background: #FFCA00;
  color: #fff;
}

.four-list .fb-bottom .discover-bt.darkOrange {
  background: linear-gradient(#ffa200, #ff8701);
  color: #fff;
}

.four-list .fb-bottom .discover-bt:hover {
  background: #b9181d;
  color: #fff;
}

.four-list .fb-bottom .discover-bt.hoverGreen:hover {
  background: #16c715 !important;
  color: #fff;
}

.four-list .fb-bottom .fb-date {
  width: 50px;
  height: 49px;
  float: left;
  line-height: 16px;
  border-right: 1px solid #dbdbdb;
  padding-top: 7px;
  color: #666666;
  text-align: center;
}

.four-list .fb-bottom .fb-date span {
  color: #333333;
  font-size: 13px;
  font-weight: 600;
}

.four-list .fb-bottom .fb-center {
  margin-left: 55px;
  height: 49px;
  line-height: 49px;
  margin-right: 85px;
  color: #999999;
}

.four-list .fb-bottom .fb-center .price {
  color: #b9181d;
  font-size: 18px;
  font-weight: 600;
}

/* Show More */
.show-more {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  color: #999999;
}

.show-more:hover {
  color: #666666;
}

/* Explore Boxes */
.explore-boxes {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0;
}

.explore-boxes .eb-box {
  width: 260px;
  height: 260px;
  float: left;
  border: 1px solid #f1f1f1;
  position: relative;
}

.explore-boxes .eb-box:hover {
  opacity: .8;
}

.explore-boxes .eb-box img {
  width: 100%;
  height: 100%;
}

.explore-boxes .eb-box .eb-text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: -1px;
  font-size: 25px;
  padding: 120px 20px 0 20px;
  text-shadow: 0 0 7px black;
}

/* Why Boxes */
.why-boxes {
  width: 100%;
  height: auto;
  margin: 10px 0;
  float: left;
}

.why-boxes .why-box {
  width: 208px;
  height: 150px;
  float: left;
  position: relative;
  overflow: hidden;
}

.why-boxes .why-box .wb-1 {
  width: 208px;
  height: 150px;
  float: left;
  padding-top: 15px;
  text-align: center;
}

.why-boxes .why-box .wb-1 .wb-icon {
  width: 90px;
  height: 90px;
  display: inline-block;
}

.why-boxes .why-box .wb-1 .wb-icon img {
  width: 100%;
}

.why-boxes .why-box .wb-1 .wb-text {
  width: 100%;
  height: 30px;
  float: left;
  line-height: 30px;
  font-size: 16px;
  color: #666666;
  letter-spacing: -0.7px;
}

.why-boxes .why-box .wb-2 {
  width: 208px;
  height: 208px;
  position: absolute;
  left: 0;
  top: 229px;
  background: #f6f6f6;
  border-radius: 50%;
  padding: 30px;
  text-align: center;
  padding-top: 60px;
  color: #666666;
}

.why-boxes .why-box:hover .wb-2 {
  top: -29px;
}

.why-boxes .why-box .wb-title {
  width: 100%;
  height: auto;
  float: left;
  font-size: 13px;
  line-height: 30px;
  color: #666666;
  font-weight: 600;
}

.why-boxes .why-box .wb-title img {
  margin-left: -30px;
  width: 30px;
}