@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

table, tr, th, td, tbody, tfoot, thead {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------ var ------ */
.navbar-main .lang {
  padding: 10px 15px 10px 15px;
}
.navbar-main .lang ul {
  padding-top: 8px;
  overflow-y: visible;
}
.navbar-main .lang li.lan_btn {
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  border-right: 1px solid #d19a35;
}
.navbar-main .lang li.lan_btn li {
  padding-top: 10px;
  margin-bottom: 0;
}
.navbar-main .lang li.lan_btn:after {
  content: "";
  margin-top: -5px;
  margin-left: 5px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #847e65;
  background-color: transparent;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-main .lang li.lan_btn:last-child {
  border-right: none;
}
.navbar-main .lang li ol {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 0 10px 15px 10px;
  background: #ffffff;
  opacity: 0.6;
  font-size: 1.2em;
}
.navbar-main .lang li ol a {
  color: #000;
  padding: 0;
}
.navbar-main .lang li div {
  position: relative;
  display: inline-block;
}
.navbar-main .lang li.lan_btn.open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*------ 修改原生 bootstrap ------ */
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.btn {
  border-radius: 0;
}

.btn-warning {
  background: #ff8503;
}

.modal-content, .form-control {
  border-radius: 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel {
  border-radius: 0;
}

.arrivalDate {
  color: black;
}

.datepicker-days th, .datepicker-days td {
  color: black;
}

.datepicker table tr td, .datepicker table tr th {
  color: black;
}

.form-control-datepicker {
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  border: 1px solid #ccc;
  focus-border-color: #66afe9;
  focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control-datepicker.birthday {
  width: 100%;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  margin-top: -5px;
  vertical-align: middle;
  border-top: 6px dashed;
  border-top: 4px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.navbar-default .navbar-toggle {
  position: absolute;
  top: 57px;
  right: 0px;
  background: #fff;
  z-index: 2;
}

/* jquery */
.ui-dialog {
  font-family: Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 1080 !important;
  max-width: 100%;
}

strong, b {
  font-weight: 700;
}

.tableBorder table, .tableBorder td, .tableBorder th {
  border: 1px solid;
}

@media (min-width: 768px) {
  .navbar-right {
    position: absolute;
    right: 15px;
    top: 0px;
  }

  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }

  .a.navbar-brand.logo.navbar-center {
    margin: 0px 0px;
    width: 100%;
  }
}
/*------ /.修改原生 bootstrap ------ */
/*------ 修改原生 jquery------ */
.ui-datepicker-trigger {
  margin-left: 5px;
}

/*------ /.修改原生 jquery------ */
html {
  height: 100%;
  box-sizing: border-box;
}
html p {
  line-height: 22px;
}

body {
  font-family: Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  position: relative;
  margin: 0 auto;
  font-size: 1em;
  color: #808080;
}

/*------ mixin ------ */
/*------ header ------ */
.shrink {
  border-bottom: 3px solid #AE7722;
}

.navbar-main {
  background: #fff;
}
.navbar-main .navbar-header {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-top: 40px;
}
.navbar-main .navbar-header .navbar-nav li a {
  color: #231815;
}
.navbar-main .navbar-header .logo {
  padding: 0;
  margin-bottom: 5px;
  cursor: pointer;
  min-height: 50px;
  height: 80px;
}
.navbar-main .navbar-header .logo img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: auto;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
.navbar-main .navbar-header .logo img.m-logo {
  display: none;
}
.navbar-main .navRight .dropdown-menu {
  padding-bottom: 10px;
}
.navbar-main .navRight ul li {
  padding: 0 10px;
}
.navbar-main .navRight ul li .drowndown-header {
  padding: 10px 20px 5px 20px;
  font-size: 16px;
}
.navbar-main .navRight .dropdown-menu li a {
  padding: 3px 28px;
}
.navbar-main .navRight a {
  color: #333;
  padding-bottom: 5px;
}
.navbar-main .navRight a:hover {
  color: #000;
  font-weight: bold;
  background-color: #eeeeee !important;
  border: none;
}
.navbar-main .navRight a.active {
  color: #000;
  font-weight: bold;
  background-color: rgba(246, 202, 94, 0.7);
  border-bottom: 2px solid #AE7722;
}

/*------ footer ------ */
footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #AE7722;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px 0;
}
footer p {
  line-height: 20px;
}

/*------ login ------ */
.loginBg {
  background: #e0e0e0 url(../images/loginBg.png) no-repeat center center fixed;
  background-position: center center;
  background-size: cover;
}

.login ul.loginBar {
  margin: 30px auto 30px auto;
  width: 800px;
  max-width: 100%;
}
.login ul.loginBar li {
  width: 24%;
  display: inline-block;
  text-align: center;
  background: #fff;
  color: #555555;
  cursor: pointer;
}
.login ul.loginBar li:hover {
  background: rgba(246, 202, 94, 0.7);
  color: #ba8037;
}
.login ul.loginBar li.active {
  border-top: 2px solid #AE7722;
  background: #fff;
  color: #ba8037;
  font-weight: bold;
}
.login .login-content {
  padding: 30px 0 0 0;
  margin: 0 auto 40px auto;
  width: 800px;
  max-width: 100%;
  border: 1px solid #AE7722;
}
.login .login-content .login-header {
  margin: 10px auto;
  text-align: center;
}
.login .login-content .login-header i {
  color: #AE7722;
}
.login .login-content .login-header .title {
  margin: 10px 0 0 0;
  font-size: 1.5em;
  font-weight: bold;
}
.login .login-content .login-body {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.login .login-content .login-body .login-block {
  margin: 25px auto;
  font-size: 0.875em;
}
.login .login-content .login-body .login-block label {
  padding: 5px 0;
}
.login .login-content .login-body .login-block .widthLeft {
  width: 60%;
}
.login .login-content .login-body .login-block .codesImg {
  margin: 0 0 0 10px;
}
.login .login-content .login-body .login-block img {
  height: 34px;
}
.login .login-content .login-body .login-block .input-icon {
  position: relative;
}
.login .login-content .login-body .login-block .input-icon .login-icon {
  padding: 0 3px;
  z-index: 2;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 3px;
  line-height: 30px;
  display: inline-block;
  color: #909090;
  font-size: 16px;
}
.login .login-content .login-body .login-block .input-icon.input-icon-right > input {
  padding-left: 6px;
  padding-right: 24px;
}
.login .login-content .login-body .login-block .input-icon.input-icon-right > .login-icon {
  left: auto;
  right: 3px;
}
.login .login-content .login-body .loginBtn {
  text-align: center;
}
.login .login-content .login-footer {
  margin: 20px 0 0 0;
  padding: 10px;
  background: #AE7722;
}
.login .login-content .login-footer a {
  color: #fff;
  font-size: 0.875em;
}
.login .login-content .login-footer .btnCustom {
  padding: 6px 25px;
}

.register .login-content {
  width: 800px;
}
.register .login-content .birth .marginBirth {
  margin-left: -15px;
  margin-right: -15px;
}
.register .login-content .address {
  margin: 5px auto;
}

/*------ 輪播 ------ */
.banner {
  position: relative;
}
.banner .carousel {
  margin-bottom: 0;
  min-height: 400px;
  overflow: auto;
}
.banner .carousel .carousel-inner {
  max-height: 500px;
}
.banner .carousel img {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.searchRoomAbsolute {
  position: absolute;
  z-index: 1024;
  bottom: 15px;
  left: 15%;
  right: 15%;
  background: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1200px) and (max-width: 1545px) {
  .searchRoomAbsolute {
    left: 5%;
    right: 5%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
  .searchRoomAbsolute {
    left: 2%;
    right: 2%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .searchRoomAbsolute {
    left: 0;
    right: 0;
  }
}
.searchRoomAbsolute .searchRoom {
  background: rgba(0, 0, 0, 0.5);
}

.searchRoomBk {
  background: rgba(246, 202, 94, 0.7);
  padding: 10px 0;
}

.searchRoom {
  color: #fff;
  background: #888888;
  margin: 0 auto;
}
.searchRoom .searchRoomInput {
  font-size: 1.2em;
  line-height: 24px;
  padding: 10px;
  margin: 0 5px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .searchRoom .searchRoomInput {
    margin: 0;
  }
}
.searchRoom .index-notice {
  padding: 10px 10px 10px 20px;
  font-weight: bold;
}
.searchRoom .immediatelyBook {
  float: right;
  margin: 0;
}
.searchRoom .immediatelyBook .btnCustom {
  padding: 15px 45px;
}

#PromotionsMessage {
  display: none;
}

#stayMessage {
  display: none;
}

.voucherPosition {
  margin: auto auto 2px auto;
  padding: 5px 0;
}
.voucherPosition .title {
  font-size: 1.2em;
  font-weight: bold;
}
.voucherPosition .stayPadding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.voucherNum {
  margin: 10px auto;
}

/*------ 橫列色塊 ------ */
.bottomLine {
  width: 100%;
  height: 5px;
  color: #AE7722;
  background: #AE7722;
}

/*------ 專案商品 ------ */
.projectProduct {
  /*------ rmProduct ------ */
}
.projectProduct .projectTitle {
  margin: 0 auto;
  text-align: center;
  font-size: 1.8em;
  padding: 30px 0;
  font-weight: bold;
  position: relative;
}
.projectProduct .projectTitle:after {
  content: "";
  position: absolute;
  left: 48%;
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #AE7722;
  margin-left: -15px;
  margin-bottom: 10px;
}
.projectProduct ul.productTitleList li.titleLi {
  margin: 10px auto;
  border-bottom: 1px solid rgba(246, 202, 94, 0.7);
}
.projectProduct ul.productTitleList li.titleLi:last-child {
  border-bottom: none;
}
.projectProduct ul.productTitleList li.titleLi .projectTitle-s2 {
  margin: 0 auto;
  text-align: left;
  font-size: 1.8em;
  padding: 30px 15px;
  font-weight: bold;
  position: relative;
}
.projectProduct ul.productTitleList li.titleLi .projectTitle-s2:after {
  content: "";
  position: absolute;
  left: 3%;
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #AE7722;
  margin-left: -15px;
  margin-bottom: 10px;
}
.projectProduct ul.productTitleList li.titleLi:nth-child(even) .projectTitle-s2 {
  text-align: right;
}
.projectProduct ul.productTitleList li.titleLi:nth-child(even) .projectTitle-s2:after {
  content: "";
  position: absolute;
  left: 97%;
  bottom: 0;
  width: 35px;
  height: 1px;
  background: #AE7722;
  margin-left: -15px;
  margin-bottom: 10px;
}
.projectProduct .projectContent {
  padding: 20px 0;
}
.projectProduct .projectContent ul.itemsList li {
  margin: 0;
}
.projectProduct .projectContent ul.itemsList li .item .itemsImg {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.projectProduct .projectContent ul.itemsList li .item .itemsImg img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.projectProduct .projectContent ul.itemsList li .item .itemsImg img:hover {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.projectProduct .projectContent ul.itemsList li .item .itemsImg:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #fbfbfb transparent transparent;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt {
  padding: 60px 3% 20px 3%;
  box-sizing: border-box;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .itemsDate {
  padding: 7px 0 20px 0;
  float: left;
  margin-right: 20px;
  text-align: center;
  vertical-align: middle;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .itemsDate .hexagon {
  padding: 5px 0 0 0;
  font-size: 0.875em;
  width: 100px;
  min-height: 55px;
  max-height: 100%;
  background: #eeeeee;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .itemsDate .hexagon:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid #eeeeee;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .itemsDate .hexagon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #eeeeee;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .secTitle {
  text-align: left;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  padding: 5px 0;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .secTitle a {
  text-decoration: none;
  cursor: pointer;
  color: #ba8037;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .secTitle a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent {
  margin-top: 7px;
  position: relative;
  line-height: 1.375em;
  max-height: 6.875em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent ul, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent li, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent ol, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent p, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent span, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent div, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent h1, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent h2, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent h3, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent h4, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent h5, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent h6,
.projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent table, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent caption, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent tbody, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent tfoot, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent thead, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent tr, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent th, .projectProduct .projectContent ul.itemsList li .item .itemsTxt .secContent td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 15px;
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt a.more {
  text-decoration: none;
  float: right;
  margin-top: 15px;
  display: inline-block;
  color: #ba8037;
  font-size: 16px;
  border-bottom: 1px solid #ba8037;
  padding: 5px 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.projectProduct .projectContent ul.itemsList li .item .itemsTxt a.more:hover {
  border-color: #e2b46d;
  color: #e2b46d;
}
.projectProduct .projectContent ul.itemsList li:nth-child(even) .item .itemsImg {
  float: right;
  transition: all 0.3s linear;
  -webkit-backface-visibility: hidden;
}
.projectProduct .projectContent ul.itemsList li:nth-child(even) .item .itemsImg:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #ffffff;
}
.projectProduct .projectContent-s2 {
  padding: 20px 0;
}
.projectProduct .projectContent-s2 ul.itemsList li {
  margin: 10px auto;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsImg {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsImg img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsImg img:hover {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsImg:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #fbfbfb transparent transparent;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt {
  padding: 60px 3% 20px 3%;
  box-sizing: border-box;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .itemsDate {
  padding: 7px 0 20px 0;
  float: left;
  margin-right: 20px;
  text-align: center;
  vertical-align: middle;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .itemsDate .hexagon {
  padding: 5px 0 0 0;
  font-size: 0.875em;
  width: 100px;
  min-height: 55px;
  max-height: 100%;
  background: #eeeeee;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .itemsDate .hexagon:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid #eeeeee;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .itemsDate .hexagon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #eeeeee;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secTitle {
  text-align: left;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  padding: 5px 0;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secTitle a {
  text-decoration: none;
  cursor: pointer;
  color: #ba8037;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secTitle a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent {
  margin-top: 7px;
  position: relative;
  line-height: 1.375em;
  max-height: 6.875em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent ul, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent li, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent ol, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent p, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent span, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent div, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent h1, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent h2, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent h3, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent h4, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent h5, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent h6,
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent table, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent caption, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent tbody, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent tfoot, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent thead, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent tr, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent th, .projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt .secContent td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 15px;
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt a.more {
  text-decoration: none;
  float: right;
  margin-top: 15px;
  display: inline-block;
  color: #ba8037;
  font-size: 16px;
  border-bottom: 1px solid #ba8037;
  padding: 5px 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.projectProduct .projectContent-s2 ul.itemsList li .item .itemsTxt a.more:hover {
  border-color: #e2b46d;
  color: #e2b46d;
}
.projectProduct .projectContent-s2 ul.itemsList li:nth-child(even) .item .itemsImg {
  float: left;
  transition: all 0.3s linear;
  -webkit-backface-visibility: hidden;
}
.projectProduct .projectContent-s2 ul.itemsList li:nth-child(even) .item .itemsImg:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #ffffff;
}
.projectProduct .rmProductInfo {
  padding: 20px 0;
}
.projectProduct .rmProductInfo ul.itemsList li {
  margin: 10px 0;
}
.projectProduct .rmProductInfo ul.itemsList li.productLine {
  border-bottom: 1px solid rgba(246, 202, 94, 0.7);
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsImg {
  position: relative;
  background: #fff;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsImg img {
  display: block;
  width: 100%;
  -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
  transition: width 2s, height 2s, transform 2s;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsImg:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #fbfbfb transparent transparent;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsTxt {
  padding: 0 3% 20px 3%;
  box-sizing: border-box;
  position: relative;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsTxt .itemsRoomMore {
  position: absolute;
  top: 0;
  right: 0;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsTxt .itemsRoomMore .btnCustom {
  padding: 6px 12px;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle {
  text-align: left;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 0;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle a {
  text-decoration: none;
  cursor: pointer;
  color: #ba8037;
}
.projectProduct .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.projectProduct .rmProductInfo ul.itemsList li:nth-child(odd) .item .itemsImg {
  transition: all 0.3s linear;
  -webkit-backface-visibility: hidden;
}
.projectProduct .rmProductInfo .itemsRoomType {
  display: none;
  position: relative;
  background: #fff;
  width: 80%;
  margin: 10px auto;
  border: 1px solid #e0e0e0;
  padding: 10px;
}
.projectProduct .rmProductInfo .itemsRoomType li {
  border-bottom: 1px solid rgba(246, 202, 94, 0.7);
}
.projectProduct .rmProductInfo .itemsRoomType li:nth-child(even) .infoImg {
  float: right;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo {
  padding-top: 10px;
  padding-bottom: 20px;
  line-height: 22px;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoImg img {
  width: 100%;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoTxt {
  font-size: 0.875em;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoTxt .roomInfoTitle {
  text-align: left;
  font-size: 1.5em;
  padding: 10px 0 0 0;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoTxt .roomInfoHref {
  padding: 10px 0;
  font-size: 16px;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoTxt .roomFooter {
  border-top: 1px solid rgba(246, 202, 94, 0.7);
  padding-top: 10px;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoTxt .roomFooter .btnCustom {
  margin-top: 10px;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoTxt .roomFooter .roomFooterBlock {
  border-right: 1px solid rgba(246, 202, 94, 0.7);
  text-align: center;
  font-size: 0.875em;
}
.projectProduct .rmProductInfo .itemsRoomType li .roomInfo .infoTxt .roomFooter .roomFooterBlock:last-child {
  border-right: none;
}
.projectProduct .rmProductInfo .itemsRoomType li:last-child {
  border: none;
}

/*------ checkOut ------ */
.checkRoomTopBk {
  background: transparent;
  height: 250px;
}

.checkRoomMain {
  margin-top: -125px;
  position: relative;
  font-size: 0.875em;
}
.checkRoomMain .mainImportantInfo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding-right: 10px;
  text-align: right;
}
.checkRoomMain .mainImportantInfo p {
  line-height: 20px;
}
.checkRoomMain .mainImportantInfo .btnCustomTwo {
  margin: 5px 0 0 0;
}
.checkRoomMain .col-sm-12 {
  background: #fff;
  border: 1px solid #cccccc;
}
.checkRoomMain img {
  max-width: 100%;
}
.checkRoomMain .mainContent {
  padding: 10px;
}
.checkRoomMain .mainContent .mainTitle {
  font-size: 1.5em;
  padding: 0 0 30px 0;
  margin: 0 0 10px 0;
  position: relative;
  font-weight: 600;
}
.checkRoomMain .mainContent .mainTitle .mainSubTitle {
  font-size: 0.75em;
  padding: 10px 0 0 0;
  font-weight: normal;
}
.checkRoomMain .mainContent .mainTitle:after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 0;
  width: 25%;
  height: 2px;
  background: #AE7722;
  margin-left: -15px;
  margin-bottom: 10px;
}
.checkRoomMain .mainContent .mainTxt {
  position: relative;
  min-height: inherit;
  padding-bottom: 15px;
}
.checkRoomMain .mainContent .mainTxt .btnCustomTwo.btn-sm, .checkRoomMain .mainContent .mainTxt .btnCustom {
  margin-bottom: 10px;
}
.checkRoomMain .mainContent .mainTxt p {
  line-height: 27px;
}

/*------ 加價購 ------ */
.increaseBuy {
  margin: 20px auto;
}

.customTitle {
  margin: 40px auto 0 auto;
  color: #fff;
  border-bottom: 2px solid #AE7722;
}
.customTitle span {
  padding: 7px 40px;
  background: #AE7722;
}
.customTitle .triangle-bottomRight {
  width: 0;
  height: 0;
  border-bottom: 30px solid #AE7722;
  border-right: 30px solid transparent;
}
.customTitle .plusBtn {
  margin-top: -2px;
}
.customTitle .plusBtn i {
  color: #888888;
}
.customTitle .plusBtn .showPlusIcon {
  display: none;
}

.increaseBuyGood {
  padding: 10px 0;
  border-bottom: 1px solid rgba(246, 202, 94, 0.7);
  font-size: 0.875em;
}
.increaseBuyGood img {
  width: 100%;
}
.increaseBuyGood .content {
  padding: 0 3% 10px 3%;
  box-sizing: border-box;
  position: relative;
}
.increaseBuyGood .content .contentTitle {
  color: #69614c;
  font-size: 1.5em;
  padding: 0 0 10px 0;
}
.increaseBuyGood .content .contentTxt {
  line-height: 22px;
}
.increaseBuyGood .content .contentTxt .outbound, .increaseBuyGood .content .contentTxt .returnTrip {
  margin: 5px auto;
}
.increaseBuyGood .content .contentTxt .outbound .goStyle, .increaseBuyGood .content .contentTxt .returnTrip .goStyle {
  color: darkred;
  font-weight: bold;
  font-size: 1.2em;
}
.increaseBuyGood .content .contentTxt .outbound .backStyle, .increaseBuyGood .content .contentTxt .returnTrip .backStyle {
  color: darkgreen;
  font-weight: bold;
  font-size: 1.2em;
}
.increaseBuyGood .priceQuantity {
  text-align: right;
  line-height: 22px;
}
.increaseBuyGood .priceQuantity .btnCustom,
.increaseBuyGood .priceQuantity .btnCustomTwo {
  padding: 6px 10px;
  margin: 3px;
}

.increaseBuyTotal {
  font-size: 1.2em;
  text-align: right;
  color: rgba(0, 0, 0, 0.8);
  line-height: 24px;
  font-weight: bold;
  margin: 10px auto;
}
.increaseBuyTotal .increaseBuyBtn {
  margin: 10px auto 0;
}
.increaseBuyTotal .increaseBuyBtn .btn-default {
  border-color: #ccc;
}
.increaseBuyTotal .increaseBuyBtn .btnCustom {
  padding: 6px 25px;
}

.increaseBuyGroup {
  margin: 10px auto;
}
.increaseBuyGroup .increaseBuyWidth {
  width: 100px;
  height: 30px;
}

.increaseBuyConfirm {
  border: 1px solid rgba(246, 202, 94, 0.7);
}

.increaseBuyTHSR {
  border-bottom: none;
  background: rgba(246, 202, 94, 0.7);
  line-height: 30px;
}

/*-------------- 專案房型頁 singleProduct -------------- */
.singleProductMain .singleProductImg {
  position: relative;
}
.singleProductMain .singleProductImg img {
  display: block;
  width: 100%;
  -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
  transition: width 2s, height 2s, transform 2s;
}
.singleProductMain .singleProductContent .title {
  position: relative;
  margin: 0 auto;
  font-size: 1.8em;
  text-align: center;
  overflow: hidden;
  padding: 20px 0 30px 0;
  color: #ba8037;
}
.singleProductMain .singleProductContent .title:after {
  content: "";
  position: absolute;
  left: 48%;
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #AE7722;
  margin-left: -15px;
  margin-bottom: 10px;
}
.singleProductMain .singleProductContent .txt p {
  line-height: 1.6;
}

.singleProductRoom .itemsRoomType {
  position: relative;
  background: #fff;
  margin: 10px auto;
  border: 1px solid #e0e0e0;
  padding: 10px;
}
.singleProductRoom .itemsRoomType li {
  border-bottom: 1px solid rgba(246, 202, 94, 0.7);
}
.singleProductRoom .itemsRoomType li:nth-child(even) .infoImg {
  float: right;
}
.singleProductRoom .itemsRoomType li .roomInfo {
  padding-top: 10px;
  padding-bottom: 20px;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoImg img {
  width: 100%;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt {
  font-size: 0.875em;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt .roomInfoTitle {
  text-align: left;
  font-size: 1.2em;
  padding: 10px 0 0 0;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt .roomInfoHref {
  padding: 10px 0;
  font-size: 16px;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt .roomFooter {
  border-top: 1px solid rgba(246, 202, 94, 0.7);
  padding-top: 10px;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt .roomFooter .btnCustom {
  margin-top: 10px;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt .roomFooter .roomFooterBlock {
  border-right: 1px solid rgba(246, 202, 94, 0.7);
  text-align: center;
  font-size: 0.875em;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt .roomFooter .roomFooterBlock:last-child {
  border-right: none;
}
.singleProductRoom .itemsRoomType li .roomInfo .infoTxt .roomFooter .roomFooterBlock .btnCustom {
  padding: 3% 9%;
}
.singleProductRoom .itemsRoomType li:last-child {
  border: none;
}

.roomProductCalendar {
  display: none;
  width: 100%;
  box-sizing: border-box;
  margin: 5px auto;
}
.roomProductCalendar .calendarSearch {
  background: #eeeeee;
  padding: 10px;
  text-align: center;
}
.roomProductCalendar .calendarSearch .form-group {
  margin-right: 15px;
}
.roomProductCalendar .calendarTitle {
  background: #AE7722;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  border: solid 1px #AE7722;
}
.roomProductCalendar .calendarTitle span {
  padding: 0 15px;
}
.roomProductCalendar .calendarTitle i {
  cursor: pointer;
}
.roomProductCalendar .roomCalendar {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875em;
}
.roomProductCalendar .roomCalendar .Week {
  width: 14.28571%;
  height: 20px;
  border: solid 1px #cccccc;
  padding: 4px;
  text-align: center;
  box-sizing: border-box;
  color: #000;
  font-size: 1em;
}
.roomProductCalendar .roomCalendar .Weekend {
  color: #d73a11;
}
.roomProductCalendar .roomCalendar .Day {
  height: 74px;
  border: solid 1px #cccccc;
  padding: 0;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}
.roomProductCalendar .roomCalendar .Day:hover {
  background: rgba(253, 242, 215, 0.7);
}
.roomProductCalendar .roomCalendar .Day.dayToday {
  background-color: #FFA7A7;
}
.roomProductCalendar .roomCalendar .Day.todayBefore:hover {
  background: rgba(186, 128, 55, 0.6);
}
.roomProductCalendar .roomCalendar .Day.todayBefore:hover:after {
  text-align: center;
  padding: 10px 0;
  color: #e00517;
  line-height: 30px;
  font-weight: bold;
  opacity: 1;
}
.roomProductCalendar .roomCalendar .Day .Available {
  margin: 4px;
  color: #000;
  text-align: center;
}
.roomProductCalendar .roomCalendar .Day .Date {
  margin: 0;
  padding: 4px;
  border-bottom: 1px dotted #AE7722;
  background: rgba(246, 202, 94, 0.7);
  text-align: right;
}
.roomProductCalendar .roomCalendar .Day .Price {
  margin: 5px;
  color: #000;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}
.roomProductCalendar .roomCalendar .Day .Full {
  margin: 5px;
  color: #cc0000;
  text-align: center;
}

.confirmOrder {
  background: #eceaea;
  margin: 10px 0 20px 0;
  height: auto;
  font-size: 0.875em;
}
.confirmOrder .confirmList {
  box-sizing: border-box;
  margin: 5px;
  background: #fff;
  height: auto;
}
.confirmOrder .confirmList .orderForm {
  background: #fff;
  padding: 10px;
  margin: 0 0 5px 0;
  position: relative;
}
.confirmOrder .confirmList .orderForm:last-child {
  margin: 0;
}
.confirmOrder .confirmList .orderForm .hexagon {
  position: absolute;
  opacity: 0.8;
  color: #000;
  top: 15px;
  left: 0;
  margin-bottom: 35px;
  z-index: 2;
  text-align: center;
  padding: 7px 0 0 0;
  font-weight: bold;
  width: 60px;
  min-height: 30px;
  max-height: 100%;
  background: rgba(246, 202, 94, 0.7);
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.confirmOrder .confirmList .orderForm .hexagon:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 15px solid rgba(246, 202, 94, 0.7);
}
.confirmOrder .confirmList .orderForm .hexagon:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid rgba(246, 202, 94, 0.7);
}
.confirmOrder .confirmList .orderForm .orderFormImg img {
  width: 100%;
  height: auto;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .tableTitle {
  font-weight: bold;
  padding: 5px 0;
  margin-top: 30px;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  word-break: break-all;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead {
  background: #E6E4E4;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead th {
  padding: 10px 0;
  border-right: 1px solid #fff;
  text-align: center;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead th:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .w1 {
  width: 40%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .w2 {
  width: 30%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .w3 {
  width: 25%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .w4 {
  width: 15%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .w5 {
  width: 10%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .thsr-w1 {
  width: 8%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .thsr-w2 {
  width: 11%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods thead .thsr-w3 {
  width: 16%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods tbody td {
  line-height: 1.5em;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods tbody td:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods tbody td:before {
  display: none;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods tbody.red {
  color: #e00517;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods img {
  width: 100px;
  height: auto;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  word-break: break-all;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead {
  background: #E6E4E4;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead th {
  padding: 10px 0;
  border-right: 1px solid #fff;
  text-align: center;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead th:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .w1 {
  width: 40%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .w2 {
  width: 30%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .w3 {
  width: 25%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .w4 {
  width: 15%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .w5 {
  width: 10%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .thsr-w1 {
  width: 8%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .thsr-w2 {
  width: 11%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr thead .thsr-w3 {
  width: 16%;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr tbody td {
  line-height: 1.5em;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr tbody td:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr tbody td:before {
  display: none;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr tbody.red {
  color: #e00517;
}
.confirmOrder .confirmList .orderForm .orderDialog--table .table-goods-thsr img {
  width: 100px;
  height: auto;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .tableTitle {
  font-weight: bold;
  padding: 5px 0;
  margin-top: 10px;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  word-break: break-all;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead {
  background: #E6E4E4;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead th {
  padding: 10px 0;
  border-right: 1px solid #fff;
  text-align: center;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead th:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .w1 {
  width: 40%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .w2 {
  width: 30%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .w3 {
  width: 25%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .w4 {
  width: 15%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .w5 {
  width: 10%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .thsr-w1 {
  width: 8%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .thsr-w2 {
  width: 11%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods thead .thsr-w3 {
  width: 16%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods tbody td {
  line-height: 1.5em;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods tbody td:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods tbody td:before {
  display: none;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods tbody.red {
  color: #e00517;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods img {
  width: 100px;
  height: auto;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  word-break: break-all;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead {
  background: #E6E4E4;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead th {
  padding: 10px 0;
  border-right: 1px solid #fff;
  text-align: center;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead th:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .w1 {
  width: 40%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .w2 {
  width: 30%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .w3 {
  width: 25%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .w4 {
  width: 15%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .w5 {
  width: 10%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .thsr-w1 {
  width: 8%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .thsr-w2 {
  width: 11%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead .thsr-w3 {
  width: 16%;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td {
  line-height: 1.5em;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td:last-child {
  border-right: none;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td:before {
  display: none;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody.red {
  color: #e00517;
}
.confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr img {
  width: 100px;
  height: auto;
}
.confirmOrder .allTotal {
  font-weight: bold;
  margin-top: -15px;
  font-size: 1.5em;
}
.confirmOrder .allTotal p {
  line-height: 30px;
}
.confirmOrder .allTotal .red {
  color: #e00517;
}
.confirmOrder .inputData {
  margin: 10px 0 10px 0;
  height: auto;
}
.confirmOrder .inputData .sex {
  line-height: 0;
  margin-top: 5px;
}
.confirmOrder .inputData .title {
  padding-left: 15px;
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: bold;
}
.confirmOrder .inputData .mailTip {
  margin-bottom: 10px;
}
.confirmOrder .inputData .mailTip input {
  margin: 0 0 5px 0;
}
.confirmOrder .inputData input {
  margin: 0 0 10px 0;
  border-radius: 0;
}
.confirmOrder .inputData select {
  margin: 0 0 10px 0;
  border-radius: 0;
}
.confirmOrder .inputData select option:disabled {
  color: #e00517;
  background: #ccc;
  font-weight: bold;
}
.confirmOrder .inputData .source {
  width: 100%;
  padding-left: 15px;
}
.confirmOrder .inputData .source label {
  width: 30%;
}
.confirmOrder .inputData .mandatory {
  color: #e00517;
  margin: 0 0 3px 0;
}
.confirmOrder .inputData .mandatoryBorder {
  border: 1px solid #e00517;
}
.confirmOrder .inputData .buyRemark .buyRemarkTitle {
  margin: 10px 0;
  font-size: 1.2em;
  font-weight: bold;
}
.confirmOrder .inputData .buyRemark .content {
  padding: 5px;
  border: 1px dotted #c7b999;
  height: 100px;
  overflow: auto;
}
.confirmOrder .inputData .buyRemark .content p {
  margin: 0 0 3px 0;
}
.confirmOrder .inputData .buyRemark .buyRemarkFooter {
  margin: 10px 0;
}
.confirmOrder .inputData .btnCustom {
  padding: 0 25px;
  height: 33px;
  line-height: 30px;
  vertical-align: top;
}
.confirmOrder .orderBlock {
  border-bottom: 1px solid #ccc;
}
.confirmOrder .finishAllTotal {
  height: auto;
  background: #C8A063;
  color: #fff;
  font-weight: bold;
  margin: 10px auto;
  padding: 15px;
  font-size: 1.2em;
}
.confirmOrder .finishAllTotal .red {
  color: #e00517;
}

.confirmInfo {
  padding: 15px 0;
}
.confirmInfo .marginAdjust {
  margin-bottom: 10px;
}
.confirmInfo .marginAdjust i {
  margin-right: 10px;
}
.confirmInfo .title {
  font-size: 1.2em;
  font-weight: bold;
}
.confirmInfo .block label, .confirmInfo .block span {
  line-height: 30px;
}
.confirmInfo .block.spec-lg span {
  font-size: 1.5em;
}
.confirmInfo .block.one-code {
  margin: 10px auto 0 auto;
  text-align: center;
}

.thsrOrder .goStyle {
  color: darkred;
  font-weight: bold;
  font-size: 1.2em;
}
.thsrOrder .backStyle {
  color: darkgreen;
  font-weight: bold;
  font-size: 1.2em;
}
.thsrOrder .thsrSearch .thsrSearchMargin {
  margin: 10px auto;
}
.thsrOrder .thsrSearch .thsrSearchMargin .thsrSearchLabel {
  margin: 3px auto;
  min-width: 70px;
}
.thsrOrder .thsrSearch .thsrSearchMargin .thsrSearchLabelR {
  margin: 3px auto;
  min-width: 100px;
}
.thsrOrder .thsrSearch .outbound, .thsrOrder .thsrSearch .returnTrip {
  padding: 0 0 0 10px;
  border-left: 2px double rgba(246, 202, 94, 0.7);
}
.thsrOrder .thsrPurchase {
  font-size: 0.875em;
  margin: 10px auto;
}
.thsrOrder .thsrPurchase p, .thsrOrder .thsrPurchase ol, .thsrOrder .thsrPurchase li {
  line-height: 22px;
}
.thsrOrder .thsrPurchase .thsrProductTipTitle {
  font-size: 1.2em;
  padding-bottom: 10px;
}
.thsrOrder .thsrPurchase .thsrProductTip .margin10 {
  margin-left: 10px;
}
.thsrOrder .thsrPurchase .thsrProductTip .thsrProductTxt li, .thsrOrder .thsrPurchase .thsrProductTip .thsrProductTxt ul {
  margin-bottom: 10px;
  list-style: square !important;
}
.thsrOrder .thsrPurchaseBtn {
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid #AE7722;
}
.thsrOrder .thsrPurchaseBtn .btn {
  margin: 5px 0;
}
.thsrOrder .thsrPurchaseBtn .btnCustom {
  padding: 5px 25px;
}
.thsrOrder .thsrShift {
  margin: 10px auto;
}
.thsrOrder .thsrShift .title {
  font-size: 1.2em;
  color: #ba8037;
  border-bottom: 1px solid #ba8037;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
}
.thsrOrder .thsrShift .thsrShiftCommon {
  line-height: 22px;
}
.thsrOrder .thsrShift .thsrShiftCommon .thsrShiftInfo {
  margin-bottom: 10px;
}
.thsrOrder .thsrShift .thsrShiftGo {
  margin: 10px 0;
}
.thsrOrder .thsrShift .thsrShiftBack {
  margin: 10px 0 15px 0;
}
.thsrOrder .thsrShift .thsrShiftTicket {
  margin: 10px 0;
}
.thsrOrder .thsrShift table.thsrSelect {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cccccc;
}
.thsrOrder .thsrShift table.thsrSelect thead {
  background: rgba(246, 202, 94, 0.7);
}
.thsrOrder .thsrShift table.thsrSelect td, .thsrOrder .thsrShift table.thsrSelect th {
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
.thsrOrder .thsrShift table.thsrSelect td {
  cursor: pointer;
}
.thsrOrder .thsrShift table.thsrSelect th {
  font-weight: bold;
}
.thsrOrder .thsrShift table.thsrSelect .wStyle {
  width: 20%;
}
.thsrOrder .thsrShift table.thsrSelect .w2Style {
  width: 25%;
}
.thsrOrder .thsrSelect.selectTrain tbody tr:hover {
  background: rgba(253, 242, 215, 0.7);
}
.thsrOrder .thsrPassengerInfo p {
  line-height: 22px;
}
.thsrOrder .thsrPassengerInfo p.tip {
  margin: 10px auto;
}
.thsrOrder .thsrPassengerInfo .infoContent {
  margin: 10px 0;
}
.thsrOrder .thsrPassengerInfo .infoContent .infoBg {
  background: rgba(246, 202, 94, 0.7);
  padding: 5px;
}
.thsrOrder .thsrPassengerInfo .infoContent .ticketTitle {
  font-weight: bold;
  color: #000;
}
.thsrOrder .thsrPassengerInfo .infoContent .form-inline label {
  margin: 5px 10px;
}
.thsrOrder .athTHRS__note {
  font-size: 14px;
  color: red;
  margin-top: 5px;
}

.crossDay {
  color: #FF963A;
}

.finishOrder {
  margin: 0 0 20px 0;
}
.finishOrder .borderStyle {
  border-left: 3px solid #AE7722;
  padding: 5px;
  margin: 10px 0;
}
.finishOrder .personInfo {
  margin-bottom: 10px;
}
.finishOrder .personInfo .head span {
  font-weight: bold;
  font-size: 1.2em;
}

.backIndex {
  padding: 10px 0;
}

.orderTrack {
  margin-bottom: 20px;
}
.orderTrack .orderTrackTable table.trackTableDetail {
  width: 100%;
  border-collapse: collapse;
}
.orderTrack .orderTrackTable table.trackTableDetail thead {
  background: rgba(246, 202, 94, 0.7);
}
.orderTrack .orderTrackTable table.trackTableDetail tbody {
  background: #fff;
}
.orderTrack .orderTrackTable table.trackTableDetail td, .orderTrack .orderTrackTable table.trackTableDetail th {
  padding: 10px 5px;
  text-align: center;
  border-bottom: 1px solid rgba(246, 202, 94, 0.7);
}
.orderTrack .orderTrackTable table.trackTableDetail td {
  line-height: 22px;
}
.orderTrack .orderTrackTable table.trackTableDetail th {
  font-weight: bold;
}
.orderTrack .orderTrackTable table.trackTableDetail .wStyle {
  width: 20%;
}
.orderTrack .orderTrackTable table.trackTableDetail .w2Style {
  width: 25%;
}
.orderTrack .orderTrackTable table.trackTableDetail .increase {
  font-size: 0.9375em;
  color: #0c87cf;
  font-weight: bold;
  line-height: 16px;
}

.trackOpener {
  cursor: pointer;
}

.confirmIncreaseBuy .tableTitle {
  font-weight: bold;
  padding: 5px 0;
  margin-top: 10px;
}
.confirmIncreaseBuy .table-goods-thsr {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  word-break: break-all;
}
.confirmIncreaseBuy .table-goods-thsr thead {
  background: #E6E4E4;
}
.confirmIncreaseBuy .table-goods-thsr thead th {
  padding: 10px 0;
  border-right: 1px solid #fff;
  text-align: center;
}
.confirmIncreaseBuy .table-goods-thsr thead th:last-child {
  border-right: none;
}
.confirmIncreaseBuy .table-goods-thsr thead .w1 {
  width: 40%;
}
.confirmIncreaseBuy .table-goods-thsr thead .w2 {
  width: 30%;
}
.confirmIncreaseBuy .table-goods-thsr thead .w3 {
  width: 25%;
}
.confirmIncreaseBuy .table-goods-thsr thead .w4 {
  width: 15%;
}
.confirmIncreaseBuy .table-goods-thsr thead .w5 {
  width: 10%;
}
.confirmIncreaseBuy .table-goods-thsr thead .thsr-w1 {
  width: 8%;
}
.confirmIncreaseBuy .table-goods-thsr thead .thsr-w2 {
  width: 11%;
}
.confirmIncreaseBuy .table-goods-thsr thead .thsr-w3 {
  width: 16%;
}
.confirmIncreaseBuy .table-goods-thsr tbody td {
  line-height: 1.5em;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
.confirmIncreaseBuy .table-goods-thsr tbody td:last-child {
  border-right: none;
}
.confirmIncreaseBuy .table-goods-thsr tbody td:before {
  display: none;
}
.confirmIncreaseBuy .table-goods-thsr tbody.red {
  color: #e00517;
}
.confirmIncreaseBuy .table-goods-thsr img {
  width: 100px;
  height: auto;
}
.confirmIncreaseBuy .thsrTrackSearch {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eceaea;
}
.confirmIncreaseBuy .thsrTrackSearch th, .confirmIncreaseBuy .thsrTrackSearch td {
  border-bottom: 1px solid #eceaea;
  padding: 10px 5px;
}
.confirmIncreaseBuy .thsrTrackSearch th {
  background: rgba(246, 202, 94, 0.7);
}
.confirmIncreaseBuy .thsrTrackSearch select {
  font-family: Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.confirmIncreaseBuy .thsrTrackSearch td {
  text-align: left;
}

.trackBtn button {
  margin: 5px auto;
}

.thsrDetailBtnGroup {
  margin: 25px auto 5px auto;
  text-align: center;
  font-size: 14px;
}

.thsrSearchResult .title {
  margin: 15px auto 5px auto;
  color: #0d67a0;
  font-weight: bold;
}
.thsrSearchResult .titleBorder {
  border-bottom: 1px solid #0d67a0;
}
.thsrSearchResult .btnCustom {
  padding: 6px 12px;
}
.thsrSearchResult .earlyCar {
  color: darkred;
  text-decoration: underline;
  font-size: 0.875em;
}
.thsrSearchResult .lateCar {
  color: darkgreen;
  text-decoration: underline;
  font-size: 0.875em;
}

.thsrChoiceRadio .radio-button {
  cursor: pointer;
}
.thsrChoiceRadio .radio-button input[type="radio"] {
  display: none;
}
.thsrChoiceRadio .radio-button input[type="radio"]:checked + .custom-radio::before {
  transform: scale(1);
}
.thsrChoiceRadio .radio-button .custom-radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid rgba(246, 202, 94, 0.7);
  margin-right: 5px;
  display: inline-block;
  position: relative;
  vertical-align: -4px;
}
.thsrChoiceRadio .radio-button .custom-radio::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #AE7722;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin-left: -3px;
  margin-top: -3px;
  transform: scale(0);
  transition: all 0.3s ease;
}
.thsrChoiceRadio .radios-list * {
  display: block;
}
.thsrChoiceRadio .radios-list *:not(:first-child) {
  margin-top: 3px;
}

.infoContent {
  margin: 10px 0;
  margin: 10px auto 5px auto;
  padding: 5px 0;
}
.infoContent .infoBg {
  background: rgba(246, 202, 94, 0.7);
  padding: 5px;
}
.infoContent .ticketTitle {
  font-weight: bold;
  color: #000;
}
.infoContent .form-inline label {
  margin: 5px 10px;
}

.gradient-Button a {
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  padding: 10px;
  font-size: 14px;
  margin: auto auto 5px auto;
  color: #555;
  width: 45%;
  box-sizing: border-box;
}
.gradient-Button a:after {
  content: "";
  width: 100px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.6s ease;
  opacity: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/ */
  background: #134eb3;
  background: -moz-linear-gradient(-45deg, #134eb3 0%, #7151d3 100%);
  background: -webkit-linear-gradient(-45deg, #134eb3 0%, #7151d3 100%);
  background: linear-gradient(-45deg, #134eb3 0%, #7151d3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$afterBk1a', endColorstr='$afterBk2a',GradientType=1 );
}
.gradient-Button a:hover {
  color: #FFF;
}
.gradient-Button a:hover:after {
  transform: skewX(-20deg);
  opacity: 1;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.shopNavbar {
  font-size: 16.5px;
  margin-top: -1px;
}

/* 首頁 彈出視窗 previous || next */
.arrowAll {
  position: absolute;
  top: 20px;
  right: 10px;
}
.arrowAll .nextIcon, .arrowAll .previousIcon {
  cursor: pointer;
  text-decoration: none;
  box-sizing: inherit;
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  padding: 5px 10px;
  font-size: 14px;
  color: #AE7722;
  border: 1px solid #AE7722;
}
.arrowAll .previousIcon {
  margin-right: 5px;
}
.arrowAll a.nextIcon, .arrowAll a.previousIcon,
.arrowAll a.nextIcon:hover, .arrowAll a.previousIcon:hover,
.arrowAll a.nextIcon:active, .arrowAll a.previousIcon:active {
  text-decoration: none;
}
.arrowAll .previousIcon svg, .arrowAll .nextIcon svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.arrowAll .previousIcon rect, .arrowAll .nextIcon rect {
  fill: none;
  stroke: #333;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
}
.arrowAll .previousIcon:hover, .arrowAll .nextIcon:hover {
  letter-spacing: 1px;
  color: #e7bf82;
  border-color: #e7bf82;
}
.arrowAll .previousIcon:hover, .arrowAll .nextIcon:hover rect {
  stroke-width: 15;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  -webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.arrowAll .stop {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  cursor: default;
}
.arrowAll .stop:hover {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  background-color: inherit;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  .arrowAll .arrowTxt {
    display: none;
  }
}

/* 首頁 彈出視窗 previous || next */
li.roundListBg {
  margin: 5px auto;
  position: relative;
}
li.roundListBg:nth-child(even) {
  background: rgba(246, 202, 94, 0.7);
  -moz-box-shadow: 3px 4px 2px #dadada;
  -webkit-box-shadow: 3px 4px 2px #dadada;
  box-shadow: 3px 4px 2px #dadada;
}
li.roundListBg .close-roundList {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  z-index: 2;
}
li.roundListBg .close-roundList i {
  padding: 5px;
}
li.roundListBg .close-roundList i:hover {
  /*background: #FF0000 */
  color: #FF0000;
  padding: 5px;
  background: #dddddd;
  border-radius: 100%;
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  animation: exLinkIcon_Active 1.2s;
}
@keyframes exLinkIcon_Active {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  25% {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  50% {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
  }
  100% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
}
.thsrWarningMsg {
  border: 1px dotted #ba8037;
  padding: 5px 10px;
}

.thsrTopCon {
  margin-top: 5px;
}
.thsrTopCon .thsrTopConR {
  width: 40%;
  float: right;
}
.thsrTopCon .thsrTopConL {
  width: 50%;
  float: left;
  margin-top: 5px;
}
.thsrTopCon .thsrTopConL .btn {
  margin-bottom: 5px;
  padding: 3px 6px;
}

.newsDialog .dialog-content p, .newsDialog .dialog-content td, .newsDialog .dialog-content th {
  line-height: 1.5;
}
.newsDialog .dialog-content img {
  width: 100% !important;
  height: auto !important;
  margin: 5px auto;
}

@media screen and (max-width: 767px) {
  .thsrTopCon .thsrTopConR {
    width: 100%;
  }
  .thsrTopCon .thsrTopConL {
    width: 100%;
    margin-top: 5px !important;
  }
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*專案文字 */
.txt, .txt p {
  line-height: 1.6;
}

.txt ul,
.txt ul li,
.dialog-content ul li,
.dialog-content ul {
  list-style: disc;
  margin-left: 11px !important;
}

.secContent.txt ul li {
  margin-left: 10px !important;
}

.rmProductInfo .itemsTxt ul,
.rmProductInfo .itemsTxt ul li {
  list-style: disc;
  margin-left: 20px;
}

.txt ol li, .rmProductInfo .itemsTxt ol li, .dialog-content ol li {
  counter-increment: step-counter;
}

/*margin-bottom: 3px; */
.txt ol li::before, .rmProductInfo .itemsTxt ol li::before, .dialog-content ol li::before {
  content: counter(step-counter) ". ";
  margin-right: 5px;
  color: #808080;
  border-radius: 3px;
}

.newsDialog table {
  width: 100% !important;
  word-break: break-all;
}

.footerContent .fa-map-marker {
  color: #0063b3;
  font-size: 19px;
}
.footerContent .fa-map-marker:hover {
  color: #337AB7;
}

.hsr-standard-wrap {
  line-height: 1.7;
}

.hsr-num-wrap {
  margin: 15px 0;
  font-weight: bold;
}

.thsrTopCon .thsrTopConR p {
  line-height: 1.7;
}

.fixed-search1 {
  position: fixed;
  top: 120px;
  bottom: auto;
}

.fixed-search2 {
  position: fixed;
  top: 128px;
  bottom: auto;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}

.login ul.loginBar li a {
  display: block;
  width: 100%;
  color: #555555;
  text-decoration: none;
}
.login ul.loginBar li:hover {
  background: rgba(246, 202, 94, 0.7) !important;
}
.login ul.loginBar li:hover a {
  color: #ba8037 !important;
}

.member-title-hr {
  width: 80%;
  margin-bottom: 10px;
}

.member-content-hr {
  width: 100%;
  margin: 9px 0;
}

.member-title-hr, .member-content-hr {
  border: 1px solid #AE7722;
}

.news-btn-wrap {
  display: inline-block;
  float: right;
}

.news-text-wrap {
  line-height: 1.75em;
  padding: 10px;
  display: none;
  cursor: default;
}

.news-text-hide p {
  display: none;
}

.member-news-title {
  font-size: 18px;
  cursor: pointer !important;
}
.member-news-title.active:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  left: -25px;
}

span.news-date-font {
  margin-right: 5px;
}

.member-news-container .login-header .member-title-hr {
  margin-bottom: 9px;
}

.sub-orderInform p {
  float: inherit;
}

.member-content-wrap {
  padding-bottom: 20px;
}
.member-content-wrap p {
  line-height: 1.75em;
}

.membercard img {
  width: 100%;
}

.login ul.loginBar li a {
  padding: 10px 0;
}

.login-content p {
  cursor: default;
}

.login ul.loginBar {
  width: 1200px;
  text-align: center;
}
.login ul.loginBar li {
  width: 12%;
}

@media screen and (max-width: 480px) {
  .login ul.loginBar li:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .login ul.loginBar li:nth-child(n+5) {
    margin-top: 10px;
  }

  .hsr-standard-wrap, .thsrTopCon .thsrTopConR p {
    font-size: 14px;
  }

  .hsr-num-wrap input {
    margin-top: 10px;
  }

  .news-text-wrap {
    margin-right: -15px;
    margin-left: -15px;
  }

  .news-btn-wrap {
    margin-bottom: 20px;
  }

  .login ul.loginBar {
    text-align: left;
    padding-left: 9px;
    margin: 25px auto 30px auto;
  }
  .login ul.loginBar li {
    width: 24%;
  }

  .hsr-num-wrap input {
    margin-top: 10px;
  }
}
.popup-title {
  font-size: 28px;
}

/* 補 183317各項優化 by 赫 2018-4-19 */
.increase-content-wrap {
  display: inline-block;
}

.indexCarousel .glyphicon-chevron-left, .indexCarousel .glyphicon-chevron-right {
  font-family: FontAwesome;
}

.both .fa-angle-up:before, .both .fa-angle-down:before {
  font-family: FontAwesome;
}

.indexCarousel .glyphicon-chevron-left, .indexCarousel .glyphicon-chevron-right {
  font-size: 46px;
}
.indexCarousel .glyphicon-chevron-left:before {
  content: "";
}
.indexCarousel .glyphicon-chevron-right:before {
  content: "";
}

.both {
  position: fixed;
  top: 50%;
  right: 10px;
  z-index: 9999;
}
.both .fa-angle-up:before, .both .fa-angle-down:before {
  font-size: 46px;
  opacity: 0.7;
}
.both .fa-angle-up:before {
  content: "";
}
.both .fa-angle-down:before {
  content: "";
}

.goTop {
  margin-bottom: 7px;
}

@media screen and (max-width: 1250px) {
  .both {
    right: 5px;
  }
}
@media screen and (max-width: 980px) {
  .indexCarousel .glyphicon-chevron-left, .indexCarousel .glyphicon-chevron-right {
    font-size: 38px;
  }
}
@media screen and (max-width: 768px) {
  .both {
    right: 0;
  }
  .both .fa-angle-up:before, .both .fa-angle-down:before {
    font-size: 40px;
  }
}
.thsrOrder .thsrShift .thsr-info-wrap table.thsrSelect td, .thsrOrder .thsrShift .thsr-info-wrap table.thsrSelect th {
  border: 1px solid #cccccc;
  text-align: left;
  padding: 7px 5px;
}

.total-separation-line {
  border-top: 1px solid #cccccc;
  background: #f1f1f1;
}

.notice-dark {
  color: darkred;
  font-weight: bold;
}

.shopping-count {
  position: absolute;
  top: 9px;
  left: 5px;
  background: #e00517;
  color: white;
  font-style: normal;
  padding: 2px 5px;
  z-index: 3;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
}

.increase-title {
  margin: 15px 0;
  vertical-align: middle;
  text-align: left;
  min-width: 73px;
}

.increase-content-wrap .col-sm-6 {
  margin-bottom: 7px;
}

.insurance-box-margin {
  margin: 15px 0;
  position: relative;
}

.margin-top20 {
  margin-top: 20px !important;
}

.increaseBuyGood .priceQuantity-first {
  position: absolute;
  top: 0;
  right: 0;
  width: 115px;
  padding-right: 0;
}

.thsr-title-style .contentTitle {
  font-size: 16px !important;
  line-height: 1.6;
}

.rules-wrap h1 {
  font-size: 18px;
  font-weight: bold;
}
.rules-wrap .dialog-content {
  line-height: 22px;
  margin: 15px 0;
}
.rules-wrap .dialog-content span {
  line-height: 22px;
}

@media screen and (min-width: 992px) {
  .increase-title {
    margin: 31px 0;
    vertical-align: middle;
    text-align: left;
    min-width: 73px;
  }
}
@media screen and (max-width: 767px) {
  .insurance-box-margin {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
  }

  .increase-title {
    padding: 0;
  }

  .increase-content-wrap {
    display: block;
  }
  .increase-content-wrap .col-sm-6 {
    padding: 0;
  }

  .fa-angle-up, .fa-angle-down {
    font-size: 44px !important;
  }

  #goToBoth {
    right: 5px !important;
  }

  .thsr-title-style .contentTitle {
    margin-top: 15px;
  }

  .xs-block {
    display: block;
  }

  footer p {
    line-height: 30px;
    font-size: 14px;
  }
}
@media screen and (max-width: 350px) {
  .xs-fontsize, .mainImportantInfo .price-font {
    font-size: 12px !important;
  }

  .xxs-block {
    display: block;
  }
}
@keyframes hover-color {
  from {
    border-color: #c0c0c0;
  }
  to {
    border-color: #3e97eb;
  }
}
.magic-radio, .magic-checkbox {
  position: absolute;
  display: none;
}

.magic-radio[disabled], .magic-checkbox[disabled] {
  cursor: not-allowed;
}

.magic-radio + label, .magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  vertical-align: middle;
}

.magic-radio + label:hover:before, .magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color;
}

.magic-radio + label:before, .magic-checkbox + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border: 1px solid #c0c0c0;
  box-shadow: 0 0 1px #ccc;
  background: linear-gradient(to bottom, white 0%, #f6f6f6 47%, #ededed 100%);
}

.magic-radio + label:after, .magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: "";
}

.magic-radio[disabled] + label, .magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4;
}

.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after {
  cursor: not-allowed;
}

.magic-checkbox[disabled] + label:hover, .magic-checkbox[disabled] + label:before, .magic-checkbox[disabled] + label:after {
  cursor: not-allowed;
}

.magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before {
  border: 1px solid #e4e4e4;
  animation-name: none;
}

.magic-radio[disabled] + label:before, .magic-checkbox[disabled] + label:before {
  border-color: #e4e4e4;
}

.magic-radio:checked + label:before, .magic-checkbox:checked + label:before {
  animation-name: none;
}

.magic-radio:checked + label:after, .magic-checkbox:checked + label:after {
  display: block;
}

.magic-radio + label:before {
  border-radius: 50%;
}
.magic-radio + label:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #898A8C;
  border: 1px solid #E1E2E4;
  width: 10px;
  height: 10px;
}

.label-sex-text {
  display: inline-block;
  margin-top: 9px;
}

.magic-radio:checked + label:before {
  border: 1px solid #ccc;
  box-shadow: inset 0 0 5px 1px #ccc;
}
.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9;
}
.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9;
}

.magic-checkbox + label:before {
  border-radius: 3px;
}
.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
}
.magic-checkbox:checked + label:before {
  border: #3e97eb;
  background: #3e97eb;
}
.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9;
}

.sex .sex-opt:nth-child(2) {
  margin-left: 10px;
}

.sex {
  height: auto;
  margin-bottom: 20px;
  display: inline-block;
  padding: 0px;
}

.sex-opt {
  display: inline-block;
}

.sex.native {
  display: block;
}
.sex.native .sex-opt {
  display: inline-block;
}

.symbol-content {
  border-collapse: separate;
  border-spacing: 0 4px;
}
.symbol-content tr td {
  line-height: 1.4;
}
.symbol-content tr td:first-child {
  vertical-align: text-top;
}

.orderTHSR-btn-wrap .btn {
  background: #AE7722;
}
.orderTHSR-btn-wrap .btn.btnCustomTwo {
  color: #AE7722;
  background: #fff;
  border: 1px solid #AE7722;
}
.orderTHSR-btn-wrap .btn.btnCustomTwo:hover, .orderTHSR-btn-wrap .btn.btnCustomTwo:focus {
  color: #555555;
  font-weight: bold;
  border: 1px solid #555555;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.orderTHSR-btn-wrap .btn.btnCustomTwo:hover i, .orderTHSR-btn-wrap .btn.btnCustomTwo:focus i {
  margin-left: 10px;
  transition: all 0.4s ease;
}
.orderTHSR-btn-wrap .btn.btnCustomTwo:active, .orderTHSR-btn-wrap .btn.btnCustomTwo.active {
  color: #555555;
  border: 1px solid rgba(246, 202, 94, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.thsrSearchMargin .select-goDeparture {
  width: 155px;
}

button.remodal-confirm {
  background-color: #AE7722;
}
button.remodal-confirm:hover {
  background-color: #da9f42;
}

.navbar-default .navbar-toggle {
  top: auto;
  bottom: 0;
  right: 15px;
}

.hotels-menu-style .drowndown-header {
  padding: 10px 20px 5px 20px;
}

/*------  共用區public ------ */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.margin-top91 {
  margin-top: 127px;
}

.height87 {
  height: 127px;
}

.height60 {
  height: 60px;
}

.pointer {
  cursor: pointer;
}

.notice {
  color: #e00517;
  font-weight: bold;
  line-height: 20px;
}

.bold {
  font-weight: bold;
}

.markOne {
  color: #0d67a0;
  font-weight: bold;
}

.lineHeight14 {
  line-height: 14px;
}

.lineHeight18 {
  line-height: 18px;
}

.lineHeight24 {
  line-height: 24px;
}

.lineHeight27 {
  line-height: 27px;
}

.lineHeight34 {
  line-height: 34px;
}

.font-14 {
  font-size: 0.875em;
}

.font-15 {
  font-size: 0.9375em;
}

.font-default {
  font-size: 16px;
}

.font-lg {
  font-size: 1.2em;
}

.font-2x {
  font-size: 1.5em;
}

.font-3x {
  font-size: 1.8em;
}

.color-darkGary {
  color: #333;
}

.marginModalTitle {
  margin: 0 auto 20px auto;
}

.webThemeColor {
  color: #AE7722;
}

a {
  text-decoration: none;
  cursor: pointer;
}

/* 共用區End */
.btn-black {
  background-color: #555555;
  opacity: 0.8;
  color: #fff;
}
.btn-black:hover {
  opacity: 1;
  color: #fff;
}

.btnCustom {
  padding: 10px 25px;
  color: #fff;
  background: #AE7722;
}
.btnCustom:hover, .btnCustom:focus {
  color: #fff;
  opacity: 0.8;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btnCustom:hover i, .btnCustom:focus i {
  margin-left: 10px;
  transition: all 0.4s ease;
}
.btnCustom:active, .btnCustom.active {
  background: rgba(246, 202, 94, 0.7);
  color: #555555;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btnCustomTwo {
  padding: 6px 25px;
  color: #AE7722;
  background: #fff;
  border: 1px solid #AE7722;
}
.btnCustomTwo:hover, .btnCustomTwo:focus {
  color: #555555;
  font-weight: bold;
  border: 1px solid #555555;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btnCustomTwo:hover i, .btnCustomTwo:focus i {
  margin-left: 10px;
  transition: all 0.4s ease;
}
.btnCustomTwo:active, .btnCustomTwo.active {
  color: #555555;
  border: 1px solid rgba(246, 202, 94, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.goStyle {
  color: darkred;
  font-weight: bold;
  font-size: 1.2em;
}

.backStyle {
  color: darkgreen;
  font-weight: bold;
  font-size: 1.2em;
}

.form-control.ph-dark-gray::placeholder {
  color: #555;
}

.btn-notice-o {
  padding: 5px 25px;
  color: #fff;
  background: #FA6800 !important;
}
.btn-notice-o:hover, .btn-notice-o:focus {
  color: #fff;
  opacity: 0.8;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-notice-o:hover i, .btn-notice-o:focus i {
  margin-left: 10px;
  transition: all 0.4s ease;
}

.checkbox-info {
  padding-bottom: 10px;
  display: flex;
}
.checkbox-info input[type=checkbox] {
  margin: 3px 4px 0 0;
}

/*-------------- responsive -------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .inputArea .newBlock label {
    width: 100%;
    text-align: left;
    display: block;
  }
  .inputArea .newBlock .idCard-radio {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .m-margin10 {
    line-height: 24px;
  }

  .height87, .margin-top91 {
    height: 74px;
  }

  .navbar-main .navbar-header {
    left: 0;
    transform: translateX(0);
    margin-top: 0;
  }
  .navbar-main .navbar-header .logo {
    height: 67px;
    margin-top: 10px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
  .navbar-main .navbar-header .logo img {
    left: 20px;
    max-height: 67px;
    height: auto;
  }

  footer p {
    line-height: 20px;
  }
  footer .footerContent .wrap {
    display: block;
    text-align: left;
    padding-left: 20px;
  }

  .index .bottomLine {
    display: none;
  }

  .pc-carousel {
    display: none;
  }

  .searchRoomAbsolute {
    position: relative;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .searchRoomAbsolute .searchRoom {
    background: #ffffff;
  }

  .searchRoom {
    color: #333;
    background: #fff;
  }
  .searchRoom .searchRoomInput select, .searchRoom .searchRoomInput .btnCustom, .searchRoom .searchRoomInput .btn-success, .searchRoom .searchRoomInput .btn-warning {
    width: 100%;
  }
  .searchRoom .immediatelyBook {
    float: none;
    margin: 0 15px 15px 15px;
  }
  .searchRoom .immediatelyBook .btnCustom {
    width: 100%;
  }

  .form-control-datepicker {
    width: 100%;
  }

  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods {
    margin-top: 10px;
  }

  .m-row {
    margin-left: 0;
    margin-right: 0;
  }

  .m-search {
    display: none;
  }

  .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle {
    width: auto;
  }
  .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle .secTitleCount {
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /*------ 專案商品 ------ */
  .projectProduct .rmProductInfo .itemsRoomType {
    width: 100%;
  }

  .index-m-projectProduct {
    display: none;
  }

  .finishOrder .container {
    padding-left: 0;
    padding-right: 0;
  }

  .register .login-content .birth .marginBirth {
    margin-left: -15px;
    margin-right: -15px;
  }
  .register .login-content .birth .form-control {
    margin: 5px auto;
  }

  .login {
    margin: 0 0;
  }

  .roomProductCalendar .calendarSearch {
    text-align: left;
  }
  .roomProductCalendar .calendarSearch .form-group {
    float: left;
  }
  .roomProductCalendar .calendarSearch .form-group .form-control {
    display: inline;
    width: auto;
  }
  .roomProductCalendar .roomCalendar .Day {
    font-size: 12px;
  }
  .roomProductCalendar .roomCalendar .Day .priceUnit {
    display: block;
    font-size: 11px;
    font-weight: 300;
    color: #555;
  }

  .m-height60 {
    height: 130px;
  }
}
@media screen and (max-width: 414px) {
  .height87, .margin-top91 {
    height: 57px;
  }

  .navbar-main .navbar-header {
    left: 0;
    transform: translateX(0);
    margin-top: 0;
    height: 105px;
  }
  .navbar-main .navbar-header .logo {
    width: 100%;
  }
  .navbar-main .navbar-header .logo img {
    max-height: 50px;
    height: 100%;
  }

  .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle {
    width: 220px;
    overflow: auto;
  }
  .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle .secTitleCount {
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /*------ 會員登入 ------ */
  .login {
    min-height: 500px;
  }
  .login .login-body .tipLine {
    width: 90% !important;
  }

  /*------ table RWD ------ */
  /*------ 訂單確認 ------ */
  .confirmOrder {
    font-size: 0.875em;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr {
    text-align: left;
    background: #fff;
    overflow: hidden;
    min-width: 100%;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tr:nth-of-type(2n-1) {
    background: #eee;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr th, .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr td {
    margin: 0.5em 1em;
    text-align: left;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead th {
    display: none;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead th:first-child {
    padding-left: 0;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr thead th:last-child {
    padding-right: 0;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td {
    display: block;
    text-align: left;
    border: none;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
    color: #e00517;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td:first-child {
    padding-left: 0;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td:last-child {
    padding-right: 0;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo {
    display: block;
    text-align: left;
    border: none;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: block;
    color: #e00517;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo:first-child {
    padding-left: 0;
  }
  .confirmOrder .confirmList .orderForm .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo:last-child {
    padding-right: 0;
  }

  .orderTrack .orderTrackTable table.trackTableDetail {
    text-align: left;
    background: #fff;
    overflow: hidden;
    min-width: 100%;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tr:nth-of-type(2n-1) {
    background: #eee;
  }
  .orderTrack .orderTrackTable table.trackTableDetail th, .orderTrack .orderTrackTable table.trackTableDetail td {
    margin: 0.5em 1em;
    text-align: left;
  }
  .orderTrack .orderTrackTable table.trackTableDetail thead th {
    display: none;
  }
  .orderTrack .orderTrackTable table.trackTableDetail thead th:first-child {
    padding-left: 0;
  }
  .orderTrack .orderTrackTable table.trackTableDetail thead th:last-child {
    padding-right: 0;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td {
    display: block;
    text-align: left;
    border: none;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
    color: #e00517;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td:first-child {
    padding-left: 0;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td:last-child {
    padding-right: 0;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td.moreInfo {
    display: block;
    text-align: left;
    border: none;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td.moreInfo:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: block;
    color: #e00517;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td.moreInfo:first-child {
    padding-left: 0;
  }
  .orderTrack .orderTrackTable table.trackTableDetail tbody td.moreInfo:last-child {
    padding-right: 0;
  }

  .confirmIncreaseBuy .table-goods-thsr {
    text-align: left;
    background: #fff;
    overflow: hidden;
    min-width: 100%;
  }
  .confirmIncreaseBuy .table-goods-thsr tr:nth-of-type(2n-1) {
    background: #eee;
  }
  .confirmIncreaseBuy .table-goods-thsr th, .confirmIncreaseBuy .table-goods-thsr td {
    margin: 0.5em 1em;
    text-align: left;
  }
  .confirmIncreaseBuy .table-goods-thsr thead th {
    display: none;
  }
  .confirmIncreaseBuy .table-goods-thsr thead th:first-child {
    padding-left: 0;
  }
  .confirmIncreaseBuy .table-goods-thsr thead th:last-child {
    padding-right: 0;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td {
    display: block;
    text-align: left;
    border: none;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
    color: #e00517;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td:first-child {
    padding-left: 0;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td:last-child {
    padding-right: 0;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo {
    display: block;
    text-align: left;
    border: none;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: block;
    color: #e00517;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo:first-child {
    padding-left: 0;
  }
  .confirmIncreaseBuy .table-goods-thsr tbody td.moreInfo:last-child {
    padding-right: 0;
  }

  .thsrDetailBtnGroup button {
    width: 100%;
    margin: 5px auto;
  }

  /*------ 訂購人資料 ------ */
  .sex.native .sex-opt {
    display: block;
  }
  .sex.native .sex-opt:nth-child(2) {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 320px) {
  .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle {
    width: 180px;
    overflow: auto;
  }
  .rmProductInfo ul.itemsList li .item .itemsTxt .secTitle .secTitleCount {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1023px) {
  /*------ 會員登入 ------ */
  .login .login-body .tipLine {
    width: 70%;
  }

  .roomProductCalendar .roomCalendar .Day {
    word-break: break-all;
  }
}
@media screen and (max-width: 480px) {
  .login ul.loginBar li {
    width: 31%;
  }
}
/*-------------- responsive END ---------- */