@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?6y1h15");
  src: url("fonts/icomoon.eot?6y1h15#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?6y1h15") format("truetype"), url("fonts/icomoon.woff?6y1h15") format("woff"), url("fonts/icomoon.svg?6y1h15#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="touriti_"], [class*=" touriti_"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.touriti_arrow_gray_up:before {
  content: "\e900";
}

.touriti_arrow_gray_down:before {
  content: "\e901";
}

.touriti_arrow_gray_left:before {
  content: "\e902";
}

.touriti_arrow_gray_right:before {
  content: "\e903";
}

.touriti_arrow_back:before {
  content: "\e904";
}

.touriti_arrow_next:before {
  content: "\e905";
}

.touriti_arrow_gray_right2:before {
  content: "\e906";
}

.touriti_icon_close:before {
  content: "\e907";
}

.touriti_icon_plus:before {
  content: "\e908";
}

.touriti_icon_less:before {
  content: "\e909";
}

.touriti_grade_star_full:before {
  content: "\e90a";
}

.touriti_icon_blank:before {
  content: "\e90b";
  color: #515151;
}

.touriti_icon_cart:before {
  content: "\e90c";
}

.touriti_icon_date:before {
  content: "\e90d";
}

.touriti_icon_pricelist:before {
  content: "\e90e";
}

.touriti_icon_bus:before {
  content: "\e90f";
}

.touriti_icon_camera:before {
  content: "\e910";
}

.touriti_icon_check:before {
  content: "\e911";
}

.touriti_icon_dayline:before {
  content: "\e912";
}

.touriti_icon_light:before {
  content: "\e913";
}

.touriti_icon_mail:before {
  content: "\e914";
}

.touriti_icon_meal:before {
  content: "\e915";
}

.touriti_icon_tag:before {
  content: "\e916";
}

.touriti_icon_talk:before {
  content: "\e917";
}

.touriti_tool_guide_fill:before {
  content: "\e918";
}

.touriti_icon_question:before {
  content: "\e919";
}

.touriti_tool_info3:before {
  content: "\e91a";
}

.touriti_tool_coupon:before {
  content: "\e935";
}

.touriti_tool_qa:before {
  content: "\e91b";
}

.touriti_tool_location:before {
  content: "\e91c";
}

.touriti_tool_location2:before {
  content: "\e91d";
}

.touriti_tool_gotop:before {
  content: "\e91e";
}

.touriti_icon_flight_left:before {
  content: "\e91f";
}

.touriti_icon_flight_right:before {
  content: "\e920";
}

.touriti_icon_flight:before {
  content: "\e921";
}

.touriti_icon_flight_hover:before {
  content: "\e922";
}

.touriti_icon_hotel:before {
  content: "\e923";
}

.touriti_icon_hotel_hover:before {
  content: "\e924";
}

.touriti_icon_hotel_active:before {
  content: "\a92f";
}

.touriti_tool_keep:before {
  content: "\e925";
}

.touriti_tool_keep_active:before {
  content: "\e926";
}

.touriti_tool_keep_hover:before {
  content: "\e927";
}

.touriti_arrow_open:before {
  content: "\e928";
}

.touriti_arrow_close:before {
  content: "\e929";
}

.touriti_icon_hotel2:before {
  content: "\e92a";
}

.touriti_icon_hotel2_hover:before {
  content: "\e92b";
}

.touriti_tool_keep2:before {
  content: "\e92c";
}

.touriti_tool_keep2_hover:before {
  content: "\e92d";
}

.touriti_tool_keep2_active:before {
  content: "\e92e";
}

.touriti_tool_search:before {
  content: "\e92f";
}

.touriti_tool_filter:before {
  content: "\e930";
}

.touriti_tool_filter_active:before {
  content: "\e931";
}

.touriti_icon_checkonly:before {
  content: "\e934";
}

.touriti_tool_textTour:before {
  content: "\e932";
}

.touriti_tool_textList:before {
  content: "\e933";
}

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, font, 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, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

blockquote, q {
  quotes: none;
}

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

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

ul, li, p {
  margin: 0;
  list-style: none;
  padding: 0;
}

a, img {
  border: none;
}

a {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

body {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
}

img {
  image-rendering: -moz-crisp-edges;
  /* Firefox        */
  image-rendering: -o-crisp-edges;
  /* Opera          */
  image-rendering: -webkit-optimize-contrast;
  /* Safari         */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed  */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+           */
}

.orangefocus {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
}

.redfocus {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
}

.greenfocus {
  color: #009a44;
  text-shadow: 0em 0em 0em #009a44;
}

.bluefocus {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.darkbluefocus {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.blackfocus {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.pricecolor {
  color: #e85b20;
  text-shadow: 0em 0em 0em #e85b20;
}

.btn-search:before {
  content: "";
  display: inline-block;
  background: url(../images/all_icon.png) 0 -153px no-repeat;
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  left: -3px;
}

.ui-btn-blue {
  color: #fff !important;
  text-shadow: 0em 0em 0em #fff !important;
  text-shadow: none !important;
  font: 15px/1.6 verdana, 微軟正黑體;
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  min-width: 100px;
  height: 30px;
  text-align: center;
  background: #00a3e0;
  box-shadow: 0 2px 0 #1a78b4;
}

.ui-btn-blue:hover {
  background: #1a78b4;
  box-shadow: 0 2px 0 #0f5a8a;
}

.ui-btn-orange {
  color: #fff !important;
  text-shadow: 0em 0em 0em #fff !important;
  text-shadow: none !important;
  font: 15px/1.6 verdana, 微軟正黑體;
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  min-width: 100px;
  height: 30px;
  text-align: center;
  background: #fc4c02;
  box-shadow: 0 2px 0 #c83d0d;
}

.ui-btn-orange:hover {
  background: #db1a00;
  box-shadow: 0 2px 0 #ab3d2a;
}

.ui-btn-gray {
  color: #fff !important;
  text-shadow: 0em 0em 0em #fff !important;
  text-shadow: none !important;
  font: 15px/1.6 verdana, 微軟正黑體;
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  min-width: 100px;
  height: 30px;
  text-align: center;
  background: #b1b1b1;
  box-shadow: 0 2px 0 #8c8c8c;
}

.ui-btn-gray:hover {
  background: #919090;
  box-shadow: 0 2px 0 #7a7a7a;
}

.ui-btn-lineblue {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 15px/1.6 verdana, 微軟正黑體;
  background: #fff;
  display: inline-block;
  outline: none;
  cursor: pointer;
  min-width: 100px;
  height: 30px;
  text-align: center;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border: 1px solid #00a3e0;
}

.ui-btn-lineblue:hover {
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
  background: #00a3e0;
}

ul.ui-breadcrumb {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #DDDDDD;
  *zoom: 1;
}

ul.ui-breadcrumb:before, ul.ui-breadcrumb:after {
  content: "";
  display: table;
}

ul.ui-breadcrumb:after {
  clear: both;
}

ul.ui-breadcrumb li {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  display: inline-block;
  float: left;
}

ul.ui-breadcrumb li a {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

ul.ui-breadcrumb li a:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  cursor: pointer;
}

ul.ui-breadcrumb li .touriti_arrow_gray_right {
  font-size: 12px;
  color: #d7d7d7;
  vertical-align: middle;
  margin-left: 3px;
  margin-right: 3px;
  text-shadow: none;
}

ul.ui-text > li,
ul.ui-underline > li,
ul.ui-arrow-back > li {
  margin-bottom: 5px;
}

ul.ui-text a,
ul.ui-underline a,
ul.ui-arrow-back a,
ul.ui-arrow-right a {
  cursor: pointer;
  display: inline-block;
}

.ui-text li {
  float: left;
}

.ui-text a.ui-blue {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-text a.ui-blue:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.ui-text a.ui-darkgreen {
  color: #009a44;
  text-shadow: 0em 0em 0em #009a44;
}

.ui-text a.ui-darkgreen:hover {
  color: #31b700;
  text-shadow: 0em 0em 0em #31b700;
}

.ui-text .ui-black {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.ui-text .ui-red {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
}

.ui-underline li {
  float: left;
}

.ui-underline .ui-blue {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border-bottom: 1px dashed #00a3e0;
}

.ui-underline .ui-blue:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
}

.ui-underline .ui-black {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 1px dashed #aaa;
}

.ui-underline .ui-black:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.ui-underline .ui-red {
  color: #de3349;
  text-shadow: 0em 0em 0em #de3349;
  border-bottom: 1px dashed #de3349;
}

.ui-underline .ui-red:hover {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
  border-bottom: 1px dashed #de3349;
}

.ui-underline .ui-orange {
  color: #fd7035;
  text-shadow: 0em 0em 0em #fd7035;
  border-bottom: 1px dashed #feb79a;
}

.ui-underline .ui-orange:hover {
  color: #ff9e1b;
  text-shadow: 0em 0em 0em #ff9e1b;
}

.ui-arrow-back li {
  float: left;
}

.ui-arrow-back a.ui-blue {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-arrow-back a.ui-blue:before {
  background: url(../images/all_icon.png) 0 0 no-repeat;
}

.ui-arrow-back a.ui-blue:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.ui-arrow-back a.ui-blue:hover:before {
  background: url(../images/all_icon.png) -20px 0 no-repeat;
}

.ui-arrow-back a.ui-lightblack {
  color: #666;
  text-shadow: 0em 0em 0em #666;
}

.ui-arrow-back a.ui-lightblack .icon-morder-back {
  font-size: 18px;
  text-shadow: 0em 0em 0em white;
  color: #999;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.ui-arrow-back a.ui-lightblack:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-arrow-back a.ui-lightblack:hover .icon-morder-back {
  color: #00a3e0;
}

.ui-arrow-right li {
  float: left;
}

.ui-arrow-right a {
  color: #666;
  text-shadow: 0em 0em 0em #666;
}

.ui-arrow-right a:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}

.ui-arrow-right a.ui-lightblack:after {
  background: url(../images/all_icon.png) 0 -30px no-repeat;
}

.ui-arrow-right a:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-arrow-right a:hover:after {
  background: url(../images/all_icon.png) -20px -30px no-repeat;
}

.ui-tab-box {
  *zoom: 1;
  margin-bottom: 20px;
  border-bottom: 1px solid #d5d5d5;
  position: relative;
}

.ui-tab-box:before, .ui-tab-box:after {
  content: "";
  display: table;
}

.ui-tab-box:after {
  clear: both;
}

.ui-tab-wireframe .ui-tab-left p {
  line-height: 2;
  margin-left: 10px;
}

.ui-tab-wireframe .ui-tab-right ul {
  display: inline-block;
  position: absolute;
  top: -1px;
  right: 0;
}

.ui-tab-wireframe .ui-tab-right ul li {
  float: left;
  display: inline-block;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  text-align: center;
  line-height: 2;
}

.ui-tab-wireframe .wireframe {
  background: #fff;
  border: 1px solid #fff;
  border-bottom: none;
  padding: 0 12px;
  margin-left: 5px;
}

.ui-tab-wireframe .wireframe-active, .ui-tab-wireframe .wireframe:hover {
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid #fff;
}

.ui-tab-purpleframe .ui-tab-left {
  float: left;
}

.ui-tab-purpleframe .ui-tab-left ul {
  display: block;
  height: 35px;
  margin-bottom: -1px;
}

.ui-tab-purpleframe .ui-tab-right {
  float: right;
  line-height: 2;
  margin-right: 10px;
}

.ui-tab-purpleframe .wireframe {
  float: left;
  min-width: 100px;
  cursor: pointer;
  height: 33px;
  line-height: 35px;
  text-align: center;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-bottom: 1px solid #d5d5d5;
}

.ui-tab-purpleframe .wireframe a {
  width: 100%;
  height: 100%;
  display: block;
}

.ui-tab-purpleframe .wireframe:hover a {
  color: #84329b;
}

.ui-tab-purpleframe .wireframe-active {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid #fff;
  line-height: 30px;
}

.ui-tab-purpleframe .wireframe-active a {
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  border-top: 3px solid #b34cd1;
}

.ui-tab-blueframe ul, .ui-tab-blueframe li, .ui-tab-blueframe a {
  display: inline-block;
}

.ui-tab-blueframe a {
  width: 100%;
  height: 100%;
}

.ui-tab-blueframe a:hover {
  color: #00a3e0;
}

.ui-tab-blueframe .wireframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.ui-tab-blueframe .wireframe-active {
  border-bottom: 2px solid #00a3e0;
}

.ui-tab-blueframe .wireframe-active a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-title {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 18px;
}

.ui-title > p {
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  font: 20px/1.6 verdana, 微軟正黑體;
  padding: 0 10px;
  display: inline-block;
  border-bottom: 3px solid #b583c2;
  margin-bottom: -2px;
}

.ui-subtitle {
  border-bottom: 2px solid #EDE0F0;
  margin-bottom: 15px;
}

.ui-subtitle p {
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  font: 16px/1.6 verdana, 微軟正黑體;
  margin-bottom: 3px;
  padding: 0 10px;
  display: inline-block;
}

.ui-subtitle p:before {
  content: '';
  border-width: 6px 8px;
  border-style: solid;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-color: transparent transparent transparent #b584c3;
}

.ui-input-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #333;
}

.ui-input-box input[type=text],
.ui-input-box input[type=password],
.ui-input-box input[type=tel] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  padding: 7px 6px;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
}

.ui-input-box input[type=text]:focus, .ui-input-box input[type=text]:hover,
.ui-input-box input[type=password]:focus,
.ui-input-box input[type=password]:hover,
.ui-input-box input[type=tel]:focus,
.ui-input-box input[type=tel]:hover {
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #efefef;
}

.ui-input-box input[type=text]::placeholder,
.ui-input-box input[type=password]::placeholder,
.ui-input-box input[type=tel]::placeholder {
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.ui-radio-box {
  display: inline-block;
}

.ui-radio-box input {
  display: none;
}

.ui-radio-box li, .ui-radio-box label {
  display: inline-block;
}

.ui-radio-box label {
  position: relative;
  cursor: pointer;
  padding-left: 23px;
}

.ui-radio-box label.not-choose {
  cursor: default;
}

.ui-radio-box label.not-choose .checkmark, .ui-radio-box label.not-choose:hover .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) -66px -89px no-repeat;
}

.ui-radio-box label.not-choose .checkmark:after, .ui-radio-box label.not-choose:hover .checkmark:after {
  background: none;
}

.ui-radio-box label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.ui-radio-box label input:checked ~ .checkmark:after {
  display: block;
}

.ui-radio-box label .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) 0 -89px no-repeat;
}

.ui-radio-box label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) -44px -89px no-repeat;
}

.ui-radio-box label:hover input ~ .checkmark {
  background: url(../images/all_icon.png) -22px -89px no-repeat;
}

.ui-checkbox-box {
  display: inline-block;
}

.ui-checkbox-box input {
  display: none;
}

.ui-checkbox-box li, .ui-checkbox-box label {
  display: inline-block;
}

.ui-checkbox-box label {
  position: relative;
  cursor: pointer;
  padding-left: 23px;
}

.ui-checkbox-box label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.ui-checkbox-box label input:checked ~ .checkmark:after {
  display: block;
}

.ui-checkbox-box label.not-check {
  cursor: default;
}

.ui-checkbox-box label.not-check .checkmark, .ui-checkbox-box label.not-check:hover .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) -66px -121px no-repeat;
}

.ui-checkbox-box label.not-check .checkmark:after, .ui-checkbox-box label.not-check:hover .checkmark:after {
  background: none;
}

.ui-checkbox-box label .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/tool-check.svg) 2px 2px no-repeat;
}

.ui-checkbox-box label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/tool-checkDone.svg) 1px 1px no-repeat;
}

.ui-checkbox-box label:hover input ~ .checkmark {
  background: url(../images/tool-checkHover.svg) 2px 2px no-repeat;
}

.ui-form-box {
  *zoom: 1;
  font: 14px/1.6 verdana, 微軟正黑體;
}

.ui-form-box:before, .ui-form-box:after {
  content: "";
  display: table;
}

.ui-form-box:after {
  clear: both;
}

.ui-form-box label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 35px;
}

.ui-form-box select {
  clear: none;
}

.ui-form-box .nice-select {
  border-radius: 2px;
  clear: none;
  font: 14px/34px verdana, 微軟正黑體;
  border: 1px solid #d5d5d5;
  box-shadow: inset 0px 1px 3px #eeeeee;
  height: 35px;
  padding-left: 10px;
}

.ui-form-box .nice-select:active, .ui-form-box .nice-select.open, .ui-form-box .nice-select:focus {
  border: 1px solid #00a3e0;
}

.ui-form-box .nice-select ul.list {
  border-radius: 2px;
  border: 1px solid #d5d5d5;
  box-shadow: 0px 1px 3px #efefef;
  margin-top: 1px;
  width: 100%;
}

.ui-form-box .nice-select .option.focus {
  background: #fff !important;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-form-box .nice-select .option:hover, .ui-form-box .nice-select .option .selected.focus {
  background: #00a3e0 !important;
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
}

.ui-textarea {
  font: 14px/1.6 verdana, 微軟正黑體;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
  padding: 8px;
}

.ui-textarea:focus {
  outline: none;
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #efefef;
}

.ui-textarea::placeholder {
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

@-webkit-keyframes rotate-z {
  0%, 100% {
    transform: rotateZ(0deg);
  }
  20%, 60% {
    transform: rotateZ(-15deg);
  }
  40%, 80% {
    transform: rotateZ(15deg);
  }
}

@-moz-keyframes rotate-z {
  0%, 100% {
    transform: rotateZ(0deg);
  }
  20%, 60% {
    transform: rotateZ(-15deg);
  }
  40%, 80% {
    transform: rotateZ(15deg);
  }
}

@-ms-keyframes rotate-z {
  0%, 100% {
    transform: rotateZ(0deg);
  }
  20%, 60% {
    transform: rotateZ(-15deg);
  }
  40%, 80% {
    transform: rotateZ(15deg);
  }
}

@keyframes rotate-z {
  0%, 100% {
    transform: rotateZ(0deg);
  }
  20%, 60% {
    transform: rotateZ(-15deg);
  }
  40%, 80% {
    transform: rotateZ(15deg);
  }
}

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  /* overflow:hidden; */
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000 !important;
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 0px !important;
  /*background:#000;*/
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  border: 10px solid white;
  background: #fff;
  border-radius: 10px;
  border-top-width: 15px;
  border-bottom-width: 15px;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(../images/colorbox_controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: bottom left;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(../images/colorbox_controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: bottom right;
}

#cboxClose {
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  background: url(../images/colorbox_controls.png) no-repeat top center;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  outline: none;
}

#cboxClose:hover {
  background-position: bottom center;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  display: block;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  display: none;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.box-1 {
  width: 100%;
}

.box-2 {
  width: 50%;
}

.box-3 {
  width: 33.33333%;
}

.box-4 {
  width: 25%;
}

.box-5 {
  width: 20%;
}

.box-6 {
  width: 16.66667%;
}

.mainContainer_header {
  position: relative;
  z-index: 1;
}

.mainContainer_itinerary {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wrap_itinerary {
  font: 15px/1.6 verdana, 微軟正黑體;
  line-height: 1.9;
  margin-bottom: 30px;
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.touriti-anchor {
  width: 1px;
  display: inline-block;
  height: 20px;
  margin-top: -20px;
}

.touriti-dline .touriti-anchor {
  height: 30px;
  margin-top: -30px;
}

.wrap_itinerary .ui-title {
  position: relative;
  background-color: white;
}

.wrap_itinerary .ui-title.is-sticky {
  padding-top: 10px;
  z-index: 11;
}

.touriti-date, .touriti-dline, .touriti-note {
  padding-top: 60px;
  position: relative;
}

.touriti-date .ui-title, .touriti-dline .ui-title, .touriti-note .ui-title {
  width: 100%;
}

#touriti-dateStiky, #touriti-dlineStiky, #touriti-noteStiky {
  top: 0px !important;
  transform: translateY(0%);
  transition: transform .0s linear;
  z-index: 15;
  position: absolute;
  left: calc(50% - 480px);
}

#touriti-dateStiky[data-sticky-date="upSticky"],
#touriti-dateStiky[data-sticky-date="downSticky"],
#touriti-dlineStiky[data-sticky-dline="upSticky"],
#touriti-dlineStiky[data-sticky-dline="downSticky"],
#touriti-noteStiky[data-sticky-note="upSticky"],
#touriti-noteStiky[data-sticky-note="downSticky"] {
  position: fixed;
  width: 960px;
  min-height: 50px !important;
  margin: 0 auto;
  transform: translateY(0px) !important;
}

#touriti-dateStiky[data-sticky-date="upSticky"] > p,
#touriti-dateStiky[data-sticky-date="downSticky"] > p,
#touriti-dlineStiky[data-sticky-dline="upSticky"] > p,
#touriti-dlineStiky[data-sticky-dline="downSticky"] > p,
#touriti-noteStiky[data-sticky-note="upSticky"] > p,
#touriti-noteStiky[data-sticky-note="downSticky"] > p {
  position: absolute;
  bottom: 0;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-container img {
  width: 100%;
  height: 100%;
}

.swiper-slide, .swiper-slide-duplicate {
  position: relative;
}

.swiper-slide p, .swiper-slide-duplicate p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  text-shadow: 0em 0em 0em white;
  background: linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -moz-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -webkit-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -o-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 4px;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swiper-pagination-fraction {
  font: 11px/1 verdana, 微軟正黑體;
  -webkit-transform: scale(0.91);
  color: white;
  text-shadow: 0em 0em 0em white;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  right: -2px;
  left: auto;
  width: auto;
  padding: 5px 8px;
  border-radius: 50px;
}

.swiper-pagination-current {
  margin-right: -2px;
}

.swiper-pagination-total {
  margin-left: -3px;
}

.swiper-button-prev, .swiper-button-next {
  color: #E6E6E6;
  text-shadow: 0em 0em 0em #E6E6E6;
  text-shadow: none;
}

.swiper-button-prev:after, .swiper-button-next:after {
  font-size: 25px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
  color: #cccccc;
  text-shadow: 0em 0em 0em #cccccc;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-prev:after {
  content: "\e902";
}

.swiper-button-next {
  right: 0;
}

.swiper-button-next:after {
  content: "\e903";
}

.itinerary .scroll_tabs_container, .itinerary-dom .scroll_tabs_container, .wrapPOP-itinerary .scroll_tabs_container {
  height: 34px;
}

.itinerary .scroll_tab_left_button, .itinerary .scroll_tab_right_button, .itinerary-dom .scroll_tab_left_button, .itinerary-dom .scroll_tab_right_button, .wrapPOP-itinerary .scroll_tab_left_button, .wrapPOP-itinerary .scroll_tab_right_button {
  height: 34px;
}

.itinerary .scroll_tab_left_button:after, .itinerary .scroll_tab_right_button:after, .itinerary-dom .scroll_tab_left_button:after, .itinerary-dom .scroll_tab_right_button:after, .wrapPOP-itinerary .scroll_tab_left_button:after, .wrapPOP-itinerary .scroll_tab_right_button:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #D7D7D7;
}

.itinerary .scroll_tab_left_button.scroll_arrow_over:hover:after, .itinerary .scroll_tab_right_button.scroll_arrow_over:hover:after, .itinerary-dom .scroll_tab_left_button.scroll_arrow_over:hover:after, .itinerary-dom .scroll_tab_right_button.scroll_arrow_over:hover:after, .wrapPOP-itinerary .scroll_tab_left_button.scroll_arrow_over:hover:after, .wrapPOP-itinerary .scroll_tab_right_button.scroll_arrow_over:hover:after {
  color: #bbbbbb;
}

.itinerary .scroll_tab_left_button:after, .itinerary-dom .scroll_tab_left_button:after, .wrapPOP-itinerary .scroll_tab_left_button:after {
  content: "\e902";
}

.itinerary .scroll_tab_right_button:after, .itinerary-dom .scroll_tab_right_button:after, .wrapPOP-itinerary .scroll_tab_right_button:after {
  content: "\e903";
}

.itinerary .scroll_tab_left_button_disabled, .itinerary .scroll_tab_right_button_disabled, .itinerary-dom .scroll_tab_left_button_disabled, .itinerary-dom .scroll_tab_right_button_disabled, .wrapPOP-itinerary .scroll_tab_left_button_disabled, .wrapPOP-itinerary .scroll_tab_right_button_disabled {
  cursor: default !important;
}

.itinerary .scroll_tab_left_button_disabled:after, .itinerary .scroll_tab_right_button_disabled:after, .itinerary-dom .scroll_tab_left_button_disabled:after, .itinerary-dom .scroll_tab_right_button_disabled:after, .wrapPOP-itinerary .scroll_tab_left_button_disabled:after, .wrapPOP-itinerary .scroll_tab_right_button_disabled:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}

.itinerary .scroll_tab_left_button_disabled.scroll_arrow_over:hover:after, .itinerary .scroll_tab_right_button_disabled.scroll_arrow_over:hover:after, .itinerary-dom .scroll_tab_left_button_disabled.scroll_arrow_over:hover:after, .itinerary-dom .scroll_tab_right_button_disabled.scroll_arrow_over:hover:after, .wrapPOP-itinerary .scroll_tab_left_button_disabled.scroll_arrow_over:hover:after, .wrapPOP-itinerary .scroll_tab_right_button_disabled.scroll_arrow_over:hover:after {
  color: white;
}

.hotel_plist_data_right .text_link_orange,
.hotel_plist_comment_features_poparea,
.icon_tool_comment,
.roomstyle_table_style_promo,
.roomstyle_table_status,
.roomstyle_table_price,
.roomstyle_table_btn {
  position: relative;
}

.popBtn {
  display: inline-block;
  cursor: pointer;
}

.popbox {
  position: absolute;
  z-index: 69;
}

.popbox_content {
  border: 1px solid #00a3e0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.popbox_content p {
  line-height: 24px;
  text-align: left;
  margin: 10px 27px 10px 12px;
  word-wrap: break-word;
}

.popbox_content p a {
  color: #00a3e0;
}

.popbox_content p a:hover {
  color: #005eb8;
}

.popbox_content:after, .popbox_content:before {
  content: '';
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid transparent;
}

.popbox_content:before {
  border-bottom: 10px solid #00a3e0;
  bottom: 100%;
  top: -21px;
}

.popbox_content:after {
  border-bottom: 10px solid #fff;
  z-index: 2;
  top: -18px;
}

.popbox_content .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 30px;
  display: block;
  text-align: left;
  cursor: pointer;
  text-align: center;
  line-height: 3.2;
}

.popbox_content .close:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  color: #00a3e0;
  font-size: 12px;
}

.hotel_plist_data_btn, .hotel_intro_data_btn {
  display: none;
}

.checker {
  display: inline-block !important;
  z-index: 1;
  width: 22px !important;
  height: 22px !important;
  position: absolute !important;
  left: 0;
  top: 5px;
}

.checker .checked {
  background: url(../images/tool-checkDone.svg) 1px 0px no-repeat !important;
  width: 22px;
  height: 22px;
}

.ui-checkbox-box label:hover .checker {
  background: url(../images/tool-checkHover.svg) 2px 1px no-repeat !important;
}

.ui-checkbox-box label .checkmark {
  top: 4px;
}

.colorbox-itinerary#colorbox {
  padding: 0 !important;
}

.colorbox-itinerary #cboxContent {
  border: 0 !important;
  border-radius: 0 !important;
}

.colorbox-itinerary #cboxLoadedContent {
  border-radius: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.colorbox-itinerary #cboxClose {
  background: url(../images/icon_close.svg) no-repeat !important;
  background-size: 20px 20px !important;
  top: 35px !important;
  right: 20px !important;
  width: 40px !important;
  height: 40px !important;
  z-index: 9999 !important;
}

.unescoStar:before {
  content: "＊";
  color: #B584C3;
}

.touriti-mdata {
  margin-bottom: 30px;
}

.mdata-tag {
  margin-top: 4px;
}

.mdata-tag P {
  display: inline-block;
  font: 13px/1.6 verdana, 微軟正黑體;
  margin-right: 5px;
}

.mdata-tag li {
  display: inline-block;
  font: 13px/1.6 verdana, 微軟正黑體;
  line-height: 1;
  margin-right: 10px;
  margin-bottom: 4px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mdata-tag li {
    line-height: 0.9;
  }
}

.mdata-tag li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  display: block;
  padding: 3px 14px 3px 6px;
  color: #666;
  text-shadow: 0em 0em 0em #666;
  background-color: #eee;
  position: relative;
}

.mdata-tag li a:before {
  content: '';
  position: absolute;
  right: -20px;
  top: 0;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #eee;
  border-right: 10px solid transparent;
}

.mdata-tag li a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: -3px;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #999;
  border-right: 5px solid transparent;
}

.mdata-tag li a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.mdata-tag li a:hover:after {
  border-left: 5px solid #337ec6;
}

.mdata-tag :root li {
  line-height: 0.9\9;
}

.tourtit-mdataTitle {
  margin-bottom: 12px;
}

.tourtit-mdataTitle p, .tourtit-mdataTitle h1 {
  font: 20px/1.6 verdana, 微軟正黑體;
  line-height: 1.4;
}

.tourtit-mdataTitle h1 {
  display: block;
}

.touriti-mdataBox {
  *zoom: 1;
}

.touriti-mdataBox:before, .touriti-mdataBox:after {
  content: "";
  display: table;
}

.touriti-mdataBox:after {
  clear: both;
}

.touriti-mdataImg {
  float: left;
  width: 370px;
}

.touriti-mdataInfo {
  float: right;
  width: calc(100% - 385px);
  min-height: 200px;
  position: relative;
}

.touriti-mdataInfo .mdata-tag {
  display: none;
}

.mdataImg-pic {
  width: 370px;
  height: 246px;
  position: relative;
}

.mdataImg-pic img {
  width: 100%;
  height: 100%;
}

.mdataImg-picDate {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  border-top: 26px solid rgba(175, 31, 180, 0.75);
  border-right: 10px solid transparent;
}

.mdataImg-picDate p {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: white;
  text-shadow: 0em 0em 0em white;
  padding-left: 6px;
  padding-right: 8px;
  margin-top: -23px;
}

.touriti-mdataInfo-height {
  min-height: 22px;
  margin-bottom: 10px;
}

.mdataInfo-num {
  margin-bottom: 3px;
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.mdataInfo-num p {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.mdataInfo-promo {
  *zoom: 1;
  margin-bottom: 10px;
}

.mdataInfo-promo:before, .mdataInfo-promo:after {
  content: "";
  display: table;
}

.mdataInfo-promo:after {
  clear: both;
}

.mdataInfo-promoBox {
  font: 14px/1.6 verdana, 微軟正黑體;
  position: relative;
  max-width: 70%;
  display: inline-block;
  margin-bottom: 4px;
  float: left;
  clear: both;
}

.mdataInfo-promoBox a {
  color: #fd7035;
  text-shadow: 0em 0em 0em #fd7035;
  cursor: text;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mdataInfo-promoBox a:active {
  color: #fd7035;
  text-shadow: 0em 0em 0em #fd7035;
}

.mdataInfo-promoBox a.promoBoxLink {
  color: #fd7035;
  text-shadow: 0em 0em 0em #fd7035;
  border-bottom: 1px dashed #feb79a;
  cursor: pointer;
}

.mdataInfo-promoBox a.promoBoxLink:hover {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  border-bottom: 1px solid #fd9467;
}

.mdataInfo-promoBox .popbox {
  top: 26px;
  width: 300px;
}

.mdataInfo-promoBox .popbox_content p {
  margin: 8px 27px 8px 10px;
  line-height: 1.6;
}

.mdataInfo-promoBox .popbox_content:before, .mdataInfo-promoBox .popbox_content:after {
  left: 15%;
}

.mdataInfo-spec {
  margin-bottom: 2px;
}

.mdataInfo-spec li {
  font: 14px/1.6 verdana, 微軟正黑體;
  display: inline-block;
  border-radius: 25px;
  background-color: #d6f1cc;
  color: #009a44;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px 10px;
}

.mdataInfo-spec li:last-child {
  margin-right: 0;
}

.mdataInfo-date {
  margin-bottom: 6px;
}

.mdataInfo-dateDetail > span {
  margin-right: 6px;
}

.mdataInfo-dateDetail > span:last-child {
  margin-right: 0;
}

.mdataInfo-dateDetail > span > span {
  margin-right: 14px;
}

.mdataInfo-dateDetail > span > span:last-child {
  margin-right: 0;
}

.mdataInfo-dateDetail > span:before {
  content: '';
  border-left: 1px solid #ccc;
  margin: 0 8px 0 4px;
}

.mdataInfo-dateDetail > span:first-child:before {
  border-left: 0;
  margin: 0;
}

.mdataInfo-sight {
  margin-bottom: 8px;
}

.mdataInfo-sight p {
  display: inline-block;
}

.mdataInfo-sightText {
  margin-bottom: 8px;
}

.mdataInfo-sightText > span {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  cursor: pointer;
}

.mdataInfo-sightText > span i {
  color: #33b5e6;
  text-shadow: none;
  font-size: 11px;
  margin: 0 0 0 3px;
}

.mdataInfo-sightText > span:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.mdataInfo-sightText > span:hover i {
  color: #337ec6;
}

.mdataInfo-sightBox {
  *zoom: 1;
  line-height: 1.2;
  background-color: #eee;
  border: 1px solid #e2e2e2;
  margin-bottom: 8px;
  padding: 6px 8px;
}

.mdataInfo-sightBox:before, .mdataInfo-sightBox:after {
  content: "";
  display: table;
}

.mdataInfo-sightBox:after {
  clear: both;
}

.mdataInfo-sightBox .sightBox-day {
  *zoom: 1;
  margin: 3px 0;
}

.mdataInfo-sightBox .sightBox-day:before, .mdataInfo-sightBox .sightBox-day:after {
  content: "";
  display: table;
}

.mdataInfo-sightBox .sightBox-day:after {
  clear: both;
}

.mdataInfo-sightBox .sightBox-day > span {
  font: 15px/1.6 verdana, 微軟正黑體;
  line-height: 1.5;
  color: #B584C3;
  text-shadow: 0em 0em 0em #B584C3;
  margin-right: 5px;
  float: left;
}

.mdataInfo-sightBox .sightBox-day:last-child .sightBox-dayBlock {
  border-bottom: 0;
}

.mdataInfo-sightBox .sightBox-dayBlock {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 28px;
  border-bottom: 1px solid #d7d7d7;
}

.mdataInfo-sightBox .sightBox-dayBlock:before, .mdataInfo-sightBox .sightBox-dayBlock:after {
  content: "";
  display: table;
}

.mdataInfo-sightBox .sightBox-dayBlock:after {
  clear: both;
}

.mdataInfo-sightBox .sightBox-dayBlock p {
  font: 13px/1.6 verdana, 微軟正黑體;
  line-height: 1.8;
  display: inline;
  float: left;
}

.mdataInfo-sightBox .sightBox-dayBlock p:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  color: #bababa;
  font-size: 11px;
  margin: 0 4px;
}

.mdataInfo-sightBox .sightBox-dayBlock p:last-child:after {
  content: "";
  margin: 0;
}

.mdataInfo-sightBox .sightBox-dayBlock p.sightBox-dayNotMain {
  color: #666;
  text-shadow: 0em 0em 0em #666;
}

.mdataInfo-feature {
  margin-bottom: 8px;
}

.mdataInfo-feature li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6;
  text-indent: -17px;
  padding-left: 17px;
  margin-bottom: 5px;
  width: 70%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mdataInfo-feature li:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #fc4c02;
  font-size: 13px;
  margin-right: 4px;
}

.mdataInfo-feature h2 {
  font-weight: normal;
  display: inline;
}

.mdataInfo-hotel {
  margin-bottom: 8px;
  margin-top: -6px;
}

.mdataInfo-hotel p a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.mdataInfo-hotel p a i {
  color: #33b5e6;
  text-shadow: 0em 0em 0em #33b5e6;
  font-size: 13px;
  margin-right: 4px;
}

.mdataInfo-hotel p a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.mdataInfo-hotel p a:hover i {
  color: #337ec6;
  text-shadow: 0em 0em 0em #337ec6;
}

.mdataInfo-price {
  text-align: right;
}

.mdataInfo-price-add {
  position: absolute;
  bottom: -50px;
  right: 0;
}

.mdataInfo-priceBox {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.itinerary-dom .ui-form-box .nice-select {
  width: 160px;
  font: 15px/1.6 verdana, 微軟正黑體;
  line-height: 33px;
}

.itinerary-dom .ui-form-box .nice-select ul.list {
  max-height: 200px;
  overflow-y: auto;
}

.itinerary-dom .ui-form-box .nice-select .option {
  line-height: 36px;
  min-height: 36px;
}

.itinerary-dom .ui-form-box.mdataInfo-priceBox {
  margin-top: 18px;
}

.itinerary-dom .ui-form-box ~ .mdataInfo-priceBox {
  max-height: 38px;
}

.mdataInfo-priceNum {
  margin-right: 10px;
  min-width: 100px;
}

.mdataInfo-priceNum > p, .mdataInfo-priceNum a {
  position: relative;
}

.mdataInfo-priceNum > p > span, .mdataInfo-priceNum a > span {
  position: relative;
  bottom: -2px;
  font: 20px/1.6 verdana, 微軟正黑體;
  color: #E85B20;
  text-shadow: 0em 0em 0em #E85B20;
  margin-right: 2px;
}

.mdataInfo-priceNum > p > span > strong, .mdataInfo-priceNum a > span > strong {
  font-size: 26px;
  font-weight: normal;
}

.mdataInfo-priceNum a {
  border-bottom: 1px dashed #E85B20;
  padding-bottom: 6px;
  position: relative;
}

.mdataInfo-priceNum a:after {
  content: "售價明細";
  margin-left: 5px;
  font: 15px/1.6 verdana, 微軟正黑體;
  color: #E85B20;
  text-shadow: 0em 0em 0em #E85B20;
}

.mdataInfo-priceNum a:hover {
  border-bottom: 1px solid #db1a00;
}

.mdataInfo-priceNum a:hover > span, .mdataInfo-priceNum a:hover:after {
  color: #db1a00;
  text-shadow: 0em 0em 0em #db1a00;
}

.mdataInfo-priceOrg {
  font: 13px/1.6 verdana, 新細明體 !important;
  color: #aaa !important;
  text-shadow: 0em 0em 0em #aaa !important;
  text-decoration: line-through !important;
  margin-right: 6px !important;
  bottom: 1px !important;
}

.mdataInfo-priceOrg > strong {
  font: 15px/1.6 verdana, 微軟正黑體 !important;
  position: relative !important;
  bottom: -2px;
  margin-right: 2px;
}

.B2BmdataInfo-priceNum {
  display: inline-block;
}

.B2BmdataInfo-priceNum a {
  margin-right: 5px;
  padding-bottom: 3px;
  bottom: 0;
}

.B2BmdataInfo-priceNum a:after {
  margin-left: 0;
}

.B2BmdataInfo-priceNum.mdataInfo-priceNum > p > span {
  margin-right: 0;
}

.mdataInfo-priceBtn {
  width: 160px;
  display: inline-block;
  position: relative;
  bottom: 2px;
}

.mdataInfo-priceBtn button, .mdataInfo-priceBtn a {
  width: 160px;
  text-shadow: 0em 0em 0em white !important;
  position: relative;
}

.mdataInfo-priceBtn button i, .mdataInfo-priceBtn a i {
  text-shadow: none;
  margin-right: 5px;
  position: relative;
}

.mdataInfo-priceBtn a {
  line-height: 2;
}

.mdataInfo-priceBtn p {
  margin-top: 8px;
}

.mdataInfo-priceBtn .touriti_icon_date {
  font-size: 14px;
}

.mdataInfo-priceBtn .touriti_icon_cart {
  font-size: 19px;
  top: 2px;
}

.mdataInfo-priceBtn-wait {
  position: relative;
}

.mdataInfo-priceBtn-wait button {
  width: 135px;
}

.mdataInfo-priceBtn-wait > i {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  font-size: 17px;
  padding-left: 7px;
  padding-right: 1px;
  position: relative;
  top: 2px;
}

.mdataInfo-priceBtn-wait > i:hover {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
}

.mdataInfo-priceBtn-wait .popbox {
  width: 250px;
  right: 0;
  top: 30px;
}

.mdataInfo-priceBtn-wait .popbox_content p {
  font: 13px/1.6 verdana, 微軟正黑體;
  margin-top: 10px;
}

.mdataInfo-priceBtn-wait .popbox_content:before, .mdataInfo-priceBtn-wait .popbox_content:after {
  right: 5px;
}

.mdataInfo-priceBtn-close,
.mdataInfo-priceBtn-coming {
  border-radius: 2px;
  background-color: #efefef;
  text-align: center;
}

.mdataInfo-priceBtn-coming p {
  position: relative;
}

.mdataInfo-priceBtn-link {
  text-align: center;
}

.mdataInfo-priceBtn-link > p {
  margin-top: 4px;
}

.mdataInfo-priceBtn-link > p a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.mdataInfo-priceBtn-link > p a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.mdataInfo-priceArea {
  position: relative;
}

.mdataInfo-priceBank {
  margin-bottom: -3px;
  position: absolute;
  right: 170px;
}

.mdataInfo-priceBank .popBtn {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 1px;
}

.mdataInfo-priceBank .popBtn:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px solid #005eb8;
}

.mdataInfo-priceBank .popbox {
  right: -100px;
  top: 32px;
  width: 450px;
}

.mdataInfo-priceBank .popbox_content {
  text-align: left;
}

.mdataInfo-priceBank .popbox_content .icon-blankicon:before {
  content: "\e90b";
}

.mdataInfo-priceBank .popbox_content:before, .mdataInfo-priceBank .popbox_content:after {
  right: 140px;
}

.mdataInfo-priceOther {
  margin-top: 4px;
  margin-bottom: -27px;
  display: none;
}

.mdataInfo-priceOther > p {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  display: inline-block;
  cursor: pointer;
}

.mdataInfo-priceOther > p:hover, .mdataInfo-priceOther > p:hover i {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.mdataInfo-priceOther i {
  color: #aaa;
  text-shadow: none;
  font-size: 11px;
  margin: 0 0 0 3px;
}

.mdataInfo-priceWaitNote-phone {
  display: none;
}

.touriti-date {
  position: relative;
  padding-top: 62px;
  margin-bottom: 10px;
}

.touriti-date .ui-title {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 100%;
}

.touriti-dateCheck {
  position: absolute;
  bottom: 5px;
  left: 120px;
}

.touriti-dateTab {
  *zoom: 1;
  position: absolute;
  left: 280px;
  bottom: -1px;
  width: 535px;
}

.touriti-dateTab:before, .touriti-dateTab:after {
  content: "";
  display: table;
}

.touriti-dateTab:after {
  clear: both;
}

.touriti-dateTab li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 13px/1.6 verdana, 微軟正黑體;
  text-align: center;
  line-height: 2.4;
  display: inline-block;
  width: 110px;
  height: 34px;
}

.touriti-dateTab li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px 4px 0 0;
}

.touriti-dateTab li a:hover {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.touriti-dateTab li.active a {
  font-size: 14px;
  line-height: 2.1;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid white;
}

.touriti-dateTab li a {
  margin: 0 1px;
}

.touriti-dateTab .scroll_tab_left_button:after, .touriti-dateTab .scroll_tab_right_button:after {
  font-size: 18px;
  line-height: 1.8;
}

.touriti-dateTab .scroll_tab_left_button {
  text-align: center;
}

.touriti-dateTab .scroll_tab_right_button {
  text-align: center;
}

.touriti-modeArea {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 140px;
  height: 28px;
  border: 1px solid #D9D9D9;
  border-radius: 25px;
  position: absolute;
  right: 0;
  bottom: 4px;
}

.touriti-modeArea:before, .touriti-modeArea:after {
  content: "";
  display: table;
}

.touriti-modeArea:after {
  clear: both;
}

.touriti-modeBtn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 70px;
  height: 100%;
  text-align: center;
  line-height: 1;
  margin-right: -1px;
  cursor: pointer;
}

.touriti-modeBtn p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 14px/1.6 verdana, 微軟正黑體;
  line-height: 1.9;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.touriti-modeBtn:hover p {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.touriti-modeBtn.select p {
  background-color: #33b5e6;
  color: white;
  text-shadow: 0em 0em 0em white;
}

.touriti-contentNote {
  margin-bottom: 15px;
  display: block !important;
}

.touriti-contentNote p {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #888;
  text-shadow: 0em 0em 0em #888;
}

.touriti-dateS.touriti-content {
  *zoom: 1;
  vertical-align: middle;
  width: 100%;
}

.touriti-dateS.touriti-content:before, .touriti-dateS.touriti-content:after {
  content: "";
  display: table;
}

.touriti-dateS.touriti-content:after {
  clear: both;
}

.dateSmonth-block {
  line-height: 1.5;
  float: left;
  *zoom: 1;
  width: calc(100% / 10 * 9);
  height: 78px;
  overflow: hidden;
}

.dateSmonth-block:before, .dateSmonth-block:after {
  content: "";
  display: table;
}

.dateSmonth-block:after {
  clear: both;
}

.dateSmonth-block .dateSmonth-div > div {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin: 0 1px;
  width: calc((100% - 18px) / 9);
  height: 78px;
}

.dateSmonth-block .dateSmonth-div > div > p, .dateSmonth-block .dateSmonth-div > div > a {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.dateSmonth-block .dateSmonth-div > div > a {
  display: block;
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.dateSmonth-block .dateSmonth-div > div > a .dateSmonth-date {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.dateSmonth-block .dateSmonth-div > div > a .dateSmonth-price {
  margin-top: 3px;
}

.dateSmonth-block .dateSmonth-div > div > a .dateSmonth-seat {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  margin-top: -3px;
}

.dateSmonth-block .dateSmonth-div > div.dateSmonth-title {
  background-color: #efefef;
}

.dateSmonth-block .dateSmonth-div > div.dateSmonth-tour:hover {
  border: 1px solid #66C8EC;
}

.dateSmonth-more {
  float: left;
  *zoom: 1;
  width: calc(100% / 10);
  height: 78px;
  text-align: center;
  cursor: pointer;
}

.dateSmonth-more:before, .dateSmonth-more:after {
  content: "";
  display: table;
}

.dateSmonth-more:after {
  clear: both;
}

.dateSmonth-more > p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 5.2;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border: 1px solid white;
}

.dateSmonth-more > p:before {
  content: '…';
}

.dateSmonth-more > p:hover {
  border: 1px solid #66C8EC;
}

.touriti-dateB {
  position: relative;
}

.touriti-dateBList > li {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid white;
  border-bottom: 1px solid #efefef;
}

.touriti-dateBList > li:before, .touriti-dateBList > li:after {
  content: "";
  display: table;
}

.touriti-dateBList > li:after {
  clear: both;
}

.touriti-dateBList > li.dateBList-active {
  border: 1px solid #66C8EC;
  border-radius: 3px;
}

.dateBList-block {
  *zoom: 1;
}

.dateBList-block:before, .dateBList-block:after {
  content: "";
  display: table;
}

.dateBList-block:after {
  clear: both;
}

.dateBList-block > div {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  min-height: 50px;
}

.dateBList-title {
  background-color: #F2F2F2;
  border-bottom: 0;
}

.dateBList-title .dateBList-block > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 13px/1.6 verdana, 微軟正黑體;
  height: 40px !important;
  min-height: auto;
  line-height: 3.1 !important;
  border-left: 1px solid white;
  border-right: 1px solid white;
  text-align: center;
  cursor: text;
  color: #333 !important;
  text-shadow: 0em 0em 0em #333 !important;
  justify-content: center !important;
}

.dateBList-title .dateBList-block > div:first-child {
  border-left: 0;
}

.dateBList-title .dateBList-block > div:last-child {
  border-right: 0;
}

.dateBList-day {
  width: calc(100% - 730px);
  font: 16px/1.6 verdana, 微軟正黑體;
}

.dateBList-day a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  padding-bottom: 3px;
}

.dateBList-day a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.dateBList-day .dateBList-dayWeek {
  margin-left: 5px;
}

.dateBList-num {
  width: 280px;
  justify-content: flex-start !important;
}

.dateBList-num > span {
  float: left;
}

.dateBList-numTour {
  margin-left: 8.5%;
}

.dateBList-numNote {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  font: 13px/1.6 verdana, 微軟正黑體;
  width: 108px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.dateBList-numNote:empty {
  display: none;
}

.dateBList-iconText {
  display: none !important;
}

.dateBList-flight, .dateBList-hotel {
  width: 0;
  display: none !important;
}

.dateBList-flight a, .dateBList-hotel a {
  width: 100%;
}

.dateBList-flight span, .dateBList-hotel span {
  width: 100%;
  height: 50px;
  display: block;
  text-shadow: none;
}

.dateBList-flight span:after, .dateBList-hotel span:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b2b2b2;
  text-shadow: none;
}

.dateBList-flight span:hover:after, .dateBList-flight span.dateBList-iconActive:after, .dateBList-hotel span:hover:after, .dateBList-hotel span.dateBList-iconActive:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #00a3e0;
  text-shadow: none;
}

.dateBList-flight .dateBList-flightText, .dateBList-hotel .dateBList-flightText {
  display: none;
}

.dateBList-flightIcon {
  cursor: pointer;
}

.dateBList-flightIcon:after {
  content: "\e921";
  font-size: 20px;
  line-height: 2.5 !important;
}

.dateBList-flightIcon:hover:after, .dateBList-flightIcon.dateBList-iconActive:after {
  content: "\e922";
  font-size: 27px;
  line-height: 1.85 !important;
}

.dateBList-hotelIcon:after {
  content: "\e923";
  font-size: 25px;
  line-height: 2 !important;
}

.dateBList-hotelIcon:hover:after, .dateBList-hotelIcon.dateBList-iconActive:after {
  content: "\e924";
  font-size: 26px;
  line-height: 1.95 !important;
}

.dateBList-seat {
  width: 180px;
}

.dateBList-seat > span {
  min-width: 40px;
  display: inline-block;
}

.dateBList-seat > span:after {
  content: "/";
  color: #CCCCCC;
  text-shadow: 0em 0em 0em #CCCCCC;
  padding: 0 7px;
}

.dateBList-seat > span:last-child {
  min-width: 15px;
}

.dateBList-seat > span:last-child:after {
  content: '';
  padding: 0;
}

.dateBList-price {
  width: 140px;
  flex-direction: column;
}

.dateBList-price a {
  color: #E85B20;
  text-shadow: 0em 0em 0em #E85B20;
  border-bottom: 1px dashed #E85B20;
  line-height: 1.6;
}

.dateBList-price a:hover {
  color: #E85B20;
  text-shadow: 0em 0em 0em #E85B20;
  border-bottom: 1px solid #E85B20;
}

.dateBList-priceOrg {
  font: 13px/1.6 verdana, 微軟正黑體;
  line-height: 1;
  color: #aaa;
  text-shadow: 0em 0em 0em #aaa;
  text-decoration: line-through;
}

.dateBList-sign {
  width: 130px;
}

.dateBList-sign button {
  min-width: auto;
  width: 100%;
  height: 28px;
}

.hasFlight .dateBList-day, .hasHotel .dateBList-day {
  width: calc(100% - 780px);
}

.hasFlight .dateBList-flight, .hasFlight .dateBList-hotel, .hasHotel .dateBList-flight, .hasHotel .dateBList-hotel {
  width: 50px;
}

.hasFlight .dateBList-flight {
  display: flex !important;
}

.hasHotel .dateBList-hotel {
  display: flex !important;
}

.hasFlight.hasHotel .dateBList-day {
  width: calc(100% - 790px);
}

.hasFlight.hasHotel .dateBList-seat {
  width: 160px;
}

.hasFlight.hasHotel .dateBList-price {
  width: 130px;
}

.hasFlight.hasHotel .dateBList-sign {
  width: 120px;
}

.dateBList-flightblock {
  clear: both;
  width: 100%;
  background-color: #F2F2F2;
  padding: 5px 0 12px 0;
}

.flightblock-go, .flightblock-back {
  position: relative;
}

.flightblock-go li, .flightblock-back li {
  padding: 0 8px;
  *zoom: 1;
  margin-left: 120px;
}

.flightblock-go li:before, .flightblock-go li:after, .flightblock-back li:before, .flightblock-back li:after {
  content: "";
  display: table;
}

.flightblock-go li:after, .flightblock-back li:after {
  clear: both;
}

.flightblock-go li div, .flightblock-back li div {
  float: left;
  text-align: left;
  margin-top: 8px;
  margin-right: 10px;
}

.flightblock-go:before, .flightblock-back:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #aaa;
  font-size: 16px;
  position: absolute;
  left: 85px;
  top: 13px;
}

.flightblock-go em, .flightblock-back em {
  font-style: normal;
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  margin-left: 2px;
}

.flightblock-go:before {
  content: "\e920";
}

.flightblock-go:after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-top: 5px;
  margin-top: 8px;
}

.flightblock-back:before {
  content: "\e91f";
}

.flightblock-date {
  width: 160px;
}

.flightblock-flight {
  width: 170px;
}

.flightblock-flight span {
  padding-right: 8px;
}

.flightblock-depart {
  width: 210px;
  background: url("../images/arrow-light.svg") right 11px no-repeat;
  background-size: 150px;
}

.flightblock-depart span {
  background-color: #F2F2F2;
  padding-right: 8px;
}

.flightblock-arrival {
  width: 210px;
}

.flightblock-arrival span {
  display: inline-block;
  width: 72px;
}

.flightblock-arrival span:last-child {
  width: auto;
}

.B2Btouriti-dateBList .dateBList-day {
  width: calc(100% - 760px);
}

.B2Btouriti-dateBList .dateBList-num {
  width: 170px;
  text-align: center;
  justify-content: center !important;
}

.B2Btouriti-dateBList .dateBList-flight, .B2Btouriti-dateBList .dateBList-hotel {
  width: 45px;
}

.B2Btouriti-dateBList .dateBList-seat {
  width: 240px;
}

.B2Btouriti-dateBList .dateBList-price {
  width: 120px;
}

.B2Btouriti-dateBList .dateBList-price a {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 1px dashed #aaa;
}

.B2Btouriti-dateBList .dateBList-price a:hover {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 1px solid #aaa;
}

.B2Btouriti-dateBList .dateBList-sign {
  width: 110px;
}

.B2Btouriti-dateBList.hasFlight .dateBList-day, .B2Btouriti-dateBList.hasHotel .dateBList-day {
  width: calc(100% - 780px);
}

.B2Btouriti-dateBList.hasFlight .dateBList-num, .B2Btouriti-dateBList.hasHotel .dateBList-num {
  width: 160px;
}

.B2Btouriti-dateBList.hasFlight .dateBList-seat, .B2Btouriti-dateBList.hasHotel .dateBList-seat {
  width: 225px;
}

.B2Btouriti-dateBList.hasFlight .dateBList-price, .B2Btouriti-dateBList.hasHotel .dateBList-price {
  width: 120px;
}

.B2Btouriti-dateBList.hasFlight.hasHotel .dateBList-day {
  width: calc(100% - 790px);
}

.B2Btouriti-dateBList.hasFlight.hasHotel .dateBList-num {
  width: 160px;
}

.B2Btouriti-dateBList.hasFlight.hasHotel .dateBList-seat {
  width: 210px;
}

.B2Btouriti-dateBList.hasFlight.hasHotel .dateBList-price {
  width: 110px;
}

.B2Btouriti-dateBList.hasFlight.hasHotel .dateBList-sign {
  width: 110px;
}

.touriti-flight .touriti-content {
  position: relative;
}

.touriti-flight .touriti-content > p {
  margin-bottom: 8px;
}

.touriti-flightL {
  width: 36px;
  border: 1px solid #DDD;
  border-radius: 6px;
  position: absolute;
  top: 35px;
  bottom: 0;
}

.touriti-flightR {
  border: 1px solid #DDD;
  border-radius: 6px;
  margin-left: 37px;
  padding: 12px 8px 6px;
}

.flightR-title, .flightR-go, .flightR-back {
  position: relative;
}

.flightR-title li, .flightR-go li, .flightR-back li {
  *zoom: 1;
}

.flightR-title li:before, .flightR-title li:after, .flightR-go li:before, .flightR-go li:after, .flightR-back li:before, .flightR-back li:after {
  content: "";
  display: table;
}

.flightR-title li:after, .flightR-go li:after, .flightR-back li:after {
  clear: both;
}

.flightR-title li div, .flightR-go li div, .flightR-back li div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  text-align: left;
  position: relative;
  padding: 4px 3px 4px 12px;
}

.flightR-title li div:after, .flightR-go li div:after, .flightR-back li div:after {
  width: 1px;
  height: 100%;
  content: "";
  display: block;
  background-image: linear-gradient(to bottom, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 1px 4px;
  background-repeat: repeat-y;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.flightR-title li div:last-child:after, .flightR-go li div:last-child:after, .flightR-back li div:last-child:after {
  background: none;
}

.flightR-title:before, .flightR-go:before, .flightR-back:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #BBB;
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 10px;
}

.flightR-title em, .flightR-go em, .flightR-back em {
  font-style: normal;
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.flightR-title {
  background-color: #F2F2F2;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.flightR-title li div {
  text-align: center;
  padding-left: 3px;
}

.flightR-go:before {
  content: "\e920";
  top: 16px;
}

.flightR-go:after {
  margin-top: 8px;
}

.flightR-go li:first-child div {
  padding-top: 12px;
}

.flightR-go li:last-child div {
  padding-bottom: 5px;
}

.flightR-back:before {
  content: "\e91f";
}

.flightR-back li:first-child div {
  padding-top: 5px;
}

.flightR-back li:last-child div {
  padding-bottom: 12px;
}

.flightR-date {
  width: 195px;
}

.flightR-go .flightR-date, .flightR-back .flightR-date {
  padding-left: 50px;
}

.flightR-flight {
  width: calc(100% - 195px - 240px - 260px);
}

.flightR-flight span {
  padding-right: 8px;
}

.flightR-go .flightR-flight, .flightR-back .flightR-flight {
  padding-left: 40px;
}

.flightR-go .flightR-flight span, .flightR-back .flightR-flight span {
  float: left;
  padding-right: 8px;
}

.flightR-depart {
  width: 240px;
}

.flightR-go .flightR-depart, .flightR-back .flightR-depart {
  padding-left: 25px;
}

.flightR-go .flightR-depart span, .flightR-back .flightR-depart span {
  float: left;
  margin-right: 15px;
}

.flightR-arrival {
  width: 260px;
}

.flightR-arrival span {
  float: left;
  display: inline-block;
  width: 65px;
}

.flightR-arrival span:last-child {
  width: auto;
}

.flightR-go .flightR-arrival, .flightR-back .flightR-arrival {
  padding-left: 30px;
}

.touriti-highli .touriti-content {
  margin: 30px 12px 0;
}

.touriti-highliBox {
  margin: 0 40px 40px;
}

.touriti-highliTitle {
  margin-bottom: 8px;
}

.touriti-highliTitle p, .touriti-highliTitle h3 {
  font: 18px/1.6 verdana, 微軟正黑體;
  position: relative;
}

.touriti-highliTitle p > span, .touriti-highliTitle h3 > span {
  background-color: white;
  padding-right: 5px;
  position: relative;
  z-index: 2;
}

.touriti-highliTitle p:before, .touriti-highliTitle h3:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #D6D6D6;
  margin-right: 5px;
  margin-bottom: 3px;
}

.touriti-highliTitle p:after, .touriti-highliTitle h3:after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-top: 5px;
  position: absolute;
  top: 50%;
  left: 30px;
  width: calc(100% - 30px);
  margin-top: 0;
  z-index: 1;
}

.touriti-highliTitle h3 {
  display: block;
}

.touriti-highliContent {
  margin: 0 14px 20px;
}

.touriti-highliContent ol, .touriti-highliContent ul, .touriti-highliContent li {
  margin: 0;
  padding: 0;
  font: 15px/1.6 verdana, 微軟正黑體;
  line-height: 1.9;
  color: #333;
  text-shadow: #333 0em 0em 0em;
}

.touriti-highliContent li {
  margin-left: 22px;
}

.touriti-highliContent ul > li {
  list-style: disc;
}

.touriti-highliContent ol > li {
  list-style: decimal;
}

.touriti-highliImage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 auto 20px;
  width: 900px;
  height: 400px;
}

.touriti-highliImage .swiper-container {
  width: 201%;
  margin-left: -53%;
  position: relative;
}

.touriti-highliImage .swiper-container:before, .touriti-highliImage .swiper-container:after {
  content: '';
  width: 70px;
  height: 100%;
  display: block;
  background-color: white;
  position: absolute;
  top: 0;
  z-index: 2;
}

.touriti-highliImage .swiper-container:before {
  left: calc(50% - (955px / 2));
}

.touriti-highliImage .swiper-container:after {
  right: calc(50% - (955px / 2));
}

.touriti-highliImage .swiper-container img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.touriti-highliImage .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 596.5px !important;
  height: 397px;
  overflow: hidden;
}

.touriti-highliImage .swiper-pagination-fraction {
  right: calc(50% - 275px);
  bottom: auto;
  top: 2px;
}

.touriti-highliImage .swiper-button-prev, .touriti-highliImage .swiper-button-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 101px;
  height: 100%;
  top: 22px;
  background-color: rgba(255, 255, 255, 0.4);
  border-top: 15px solid white;
  border-bottom: 15px solid white;
}

.touriti-highliImage .swiper-button-prev:hover, .touriti-highliImage .swiper-button-next:hover {
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
}

.touriti-highliImage .swiper-button-prev:after, .touriti-highliImage .swiper-button-next:after {
  font-size: 33px;
  text-shadow: 0 0 6px #666;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .touriti-highliImage .swiper-button-prev, .touriti-highliImage .swiper-button-next {
    top: 0;
  }
}

.touriti-highliImage .swiper-button-prev {
  left: 2.2%;
}

.touriti-highliImage .swiper-button-prev:after {
  margin-right: 30px;
}

.touriti-highliImage .swiper-button-next {
  right: 7.2%;
}

.touriti-highliImage .swiper-button-next:after {
  margin-left: 30px;
}

.touriti-highliImage .highli-image-onepic {
  width: 600px;
  height: 400px;
  margin: 0 auto;
  margin-left: 128px;
}

.touriti-highliImage .highli-image-onepic div {
  width: 100% !important;
  height: 100%;
  margin-right: 0 !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.touriti-highliImage .highli-image-onepic .swiper-slide-duplicate {
  display: flex;
  align-items: center;
  justify-content: center;
}

.touriti-highliImage .highli-image-onepic.swiper-container img {
  width: 600px;
  margin-top: 0;
  opacity: 1;
}

.touriti-highliBox-map .touriti-highliImage {
  width: 600px;
  height: 600px;
  margin: 0 auto;
  position: relative;
}

.touriti-highliBox-map .touriti-highliImage img {
  width: 100%;
  height: 100%;
}

.touriti-highliBox-map .touriti-highliImage p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  text-shadow: 0em 0em 0em white;
  background: linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -moz-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -webkit-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -o-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 4px;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.touriti-highliBox-video .touriti-highliImage {
  width: 600px;
  height: calc(600px / 2);
  margin: 0 auto;
}

.touriti-highliSpec .touriti-highliTitle {
  margin-bottom: 12px;
}

.touriti-highliSpec .touriti-highliTitle p {
  font: 15px/1.6 verdana, 微軟正黑體;
}

.touriti-highliSpec .touriti-highliTitle p:before {
  display: none;
}

.highli-specBox {
  margin-bottom: 20px;
}

.highli-specBox .highli-spec {
  margin-bottom: 6px;
}

.highli-specBox .highli-spec p {
  display: inline-block;
  border-radius: 25px;
  background-color: #d6f1cc;
  color: #009a44;
  padding: 0 15px;
}

.touriti-dline {
  position: relative;
  padding-top: 52px;
}

.touriti-dline .ui-title {
  position: absolute;
  top: 0;
  width: 100%;
}

.touriti-dlineIcon {
  *zoom: 1;
  position: absolute;
  left: 110px;
  bottom: 5px;
}

.touriti-dlineIcon:before, .touriti-dlineIcon:after {
  content: "";
  display: table;
}

.touriti-dlineIcon:after {
  clear: both;
}

.touriti-dlineIcon li {
  float: left;
  font: 13px/1.6 verdana, 微軟正黑體;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
}

.touriti-dlineIcon li:last-child {
  margin-right: 0;
}

.touriti-dlineIcon li i {
  color: #AAAAAA;
  text-shadow: none;
  vertical-align: middle;
  position: relative;
}

.touriti-dlineIcon li i.touriti_tool_location {
  font-size: 19px;
  margin-right: 0;
  top: -1px;
}

.touriti-dlineIcon li i.touriti_icon_camera {
  font-size: 16px;
  margin-right: 3px;
  top: -1px;
}

.touriti-dlineIcon li i.touriti_icon_bus {
  font-size: 19px;
  margin-right: 3px;
  top: -2px;
}

.touriti-dlineIcon li .touriti-dlineIconS {
  display: none;
}

.touriti-dlineDay {
  *zoom: 1;
  position: absolute;
  right: 118px;
  bottom: -1px;
  width: 472px;
}

.touriti-dlineDay:before, .touriti-dlineDay:after {
  content: "";
  display: table;
}

.touriti-dlineDay:after {
  clear: both;
}

.touriti-dlineDay li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 13px/1.6 verdana, 微軟正黑體;
  text-align: center;
  line-height: 2.4;
  display: inline-block;
  width: 36px;
  height: 34px;
}

.touriti-dlineDay li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px 4px 0 0;
}

.touriti-dlineDay li a:hover {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.touriti-dlineDay li.active a {
  font-size: 14px;
  line-height: 2.1;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid white;
}

.touriti-dlineDay li a {
  margin: 0 1px;
}

.touriti-dlineDay .scroll_tab_left_button:after, .touriti-dlineDay .scroll_tab_right_button:after {
  line-height: 2.4;
}

.touriti-dlineDay .scroll_tab_left_button {
  text-align: left;
}

.touriti-dlineDay .scroll_tab_right_button {
  text-align: right;
}

.touriti-dlineAll {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 4px;
}

.touriti-dlineAll a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border: 1px solid #66C8EC;
  border-radius: 2px;
  padding: 3px 10px;
}

.touriti-dlineAll a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border: 1px solid #669ed4;
}

.touriti-dlineIntro {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: -10px;
}

.touriti-dlineIntro p {
  font: 13px/1.6 verdana, 微軟正黑體;
}

.touriti-dlineBox {
  *zoom: 1;
}

.touriti-dlineBox:before, .touriti-dlineBox:after {
  content: "";
  display: table;
}

.touriti-dlineBox:after {
  clear: both;
}

.touriti-dlineBox a {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 1px;
}

.touriti-dlineBox a:hover {
  border-bottom: 1px solid #aaa;
}

.touriti-dlineBox:last-child {
  border-bottom: 2px solid #DDD;
}

.touriti-dlineTitle {
  *zoom: 1;
  border-top: 2px solid #DDD;
  background-color: #f2f2f2;
  margin-bottom: 12px;
  padding: 10px 10px 10px 5px;
}

.touriti-dlineTitle:before, .touriti-dlineTitle:after {
  content: "";
  display: table;
}

.touriti-dlineTitle:after {
  clear: both;
}

.dlineTitle-day {
  float: left;
  width: 60px;
  display: inline-block;
  line-height: 1.4;
  text-align: center;
}

.dlineTitle-day p {
  font-size: 26px;
  line-height: 26px;
  font-weight: bold;
  color: #B584C3;
  text-shadow: 0em 0em 0em #B584C3;
  display: inline-block;
}

.dlineTitle-day p.dlineTitle-date {
  font: 11px/1 verdana, 微軟正黑體;
  -webkit-transform: scale(0.91);
  font-weight: normal;
  color: #9D5BAF;
  text-shadow: 0em 0em 0em #9D5BAF;
  border: 1px solid #CEADD7;
  padding: 2px 4px;
}

.dlineTitle-place {
  *zoom: 1;
  float: left;
  width: calc(100% - 60px);
}

.dlineTitle-place:before, .dlineTitle-place:after {
  content: "";
  display: table;
}

.dlineTitle-place:after {
  clear: both;
}

.dlineTitle-place p {
  font: 18px/1.6 verdana, 微軟正黑體;
  margin-bottom: 3px;
  float: left;
}

.dlineTitle-place p:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  color: #CCC;
  font-size: 13px;
  margin: 0 3px 0 5px;
}

.dlineTitle-place p:last-child:after {
  content: '';
  margin: 0;
}

.dlineTitle-place p.dlineTitle-placeVisit:before, .dlineTitle-place p.dlineTitle-placeCamera:before, .dlineTitle-place p.dlineTitle-placeCar:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #AAA;
  float: left;
}

.dlineTitle-place p.dlineTitle-placeVisit:before {
  content: "\e91c";
  font-size: 21px;
  margin: 3px 0 0 -3px;
}

.dlineTitle-place p.dlineTitle-placeCamera:before {
  content: "\e910";
  font-size: 18px;
  margin: 5px 5px 0 2px;
}

.dlineTitle-place p.dlineTitle-placeCar:before {
  content: "\e90f";
  font-size: 21px;
  margin: 3px 5px 0 0;
}

.dlineTitle-place p.dlineTitle-placeDistance {
  font: 15px/1.6 verdana, 微軟正黑體;
  line-height: 1.9;
  margin-bottom: 0;
}

.dlineTitle-place p.dlineTitle-placeDistance:before {
  content: '';
}

.dlineTitle-place p.dlineTitle-placeDistance:after {
  vertical-align: middle;
}

.touriti-dlineContent {
  position: relative;
  margin-left: 20px;
  padding-bottom: 20px;
}

.touriti-dlineContent:before {
  content: '';
  width: 1px;
  height: calc(100% - 10px);
  display: block;
  background-color: #E6D6EB;
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 1;
}

.dlineContent-meal, .dlineContent-hotel {
  *zoom: 1;
  position: relative;
  z-index: 2;
}

.dlineContent-meal:before, .dlineContent-meal:after, .dlineContent-hotel:before, .dlineContent-hotel:after {
  content: "";
  display: table;
}

.dlineContent-meal:after, .dlineContent-hotel:after {
  clear: both;
}

.dlineContent-meal .dlineContent-icon, .dlineContent-meal ul, .dlineContent-hotel .dlineContent-icon, .dlineContent-hotel ul {
  float: left;
}

.dlineContent-meal > ul, .dlineContent-hotel > ul {
  position: relative;
  *zoom: 1;
  width: calc(100% - 50px);
  margin-top: 2px;
  padding-bottom: 8px;
}

.dlineContent-meal > ul:before, .dlineContent-meal > ul:after, .dlineContent-hotel > ul:before, .dlineContent-hotel > ul:after {
  content: "";
  display: table;
}

.dlineContent-meal > ul:after, .dlineContent-hotel > ul:after {
  clear: both;
}

.dlineContent-meal > ul:after, .dlineContent-hotel > ul:after {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-top: 5px;
}

.dlineContent-meal > ul > li, .dlineContent-hotel > ul > li {
  float: left;
}

.dlineContent-icon {
  background-color: white;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  margin: 2px 20px 8px 0;
}

.dlineContent-icon i {
  text-shadow: none;
}

.dlineContent-icon i.touriti_icon_meal {
  color: #B584C3;
}

.dlineContent-icon i.touriti_icon_hotel {
  color: #c198cd;
}

.dlineContent-meal i {
  font-size: 25px;
  line-height: 1.2;
}

.dlineContent-meal > ul > li {
  *zoom: 1;
  margin-right: 20px;
}

.dlineContent-meal > ul > li:before, .dlineContent-meal > ul > li:after {
  content: "";
  display: table;
}

.dlineContent-meal > ul > li:after {
  clear: both;
}

.dlineContent-meal > ul > li:last-child {
  margin-right: 0;
}

.dlineContent-meal > ul > li:before {
  line-height: 1.4;
  text-align: center;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #E2E2E2;
  background-color: #EEEEEE;
  margin-top: 3px;
  margin-right: 5px;
  float: left;
}

.dlineContent-meal > ul > li > ul {
  *zoom: 1;
  float: left;
}

.dlineContent-meal > ul > li > ul:before, .dlineContent-meal > ul > li > ul:after {
  content: "";
  display: table;
}

.dlineContent-meal > ul > li > ul:after {
  clear: both;
}

.dlineContent-meal > ul > li > ul > li {
  float: left;
  display: inline-block;
  margin-right: 8px;
}

.dlineContent-meal > ul > li > ul > li:after {
  content: "或";
  font: 12px/1 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  margin-left: 8px;
}

.dlineContent-meal > ul > li > ul > li:last-child {
  margin-right: 0;
}

.dlineContent-meal > ul > li > ul > li:last-child:after {
  content: '';
  margin-left: 0;
}

.dlineContent-breakfast:before {
  content: "早" !important;
}

.dlineContent-lunch:before {
  content: "中" !important;
}

.dlineContent-dinner:before {
  content: "晚" !important;
}

.dlineContent-hotel i {
  font-size: 30px;
}

.dlineContent-hotel > ul li {
  margin-right: 8px;
}

.dlineContent-hotel > ul li:after {
  content: "或";
  font: 12px/1 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  margin-left: 8px;
}

.dlineContent-hotel > ul li:last-child {
  margin-right: 0;
}

.dlineContent-hotel > ul li:last-child:after {
  content: none;
}

.dlineContent-note, .dlineContent-day {
  clear: both;
}

.dlineContent-note {
  margin-left: 50px;
  padding-top: 12px;
}

.dlineContent-noteTitle {
  border: 1px solid #E2E2E2;
  background-color: #EEEEEE;
  padding: 2px 4px;
  display: inline-block;
}

.dlineContent-noteTitle p {
  font: 12px/1 verdana, 微軟正黑體;
}

.dlineContent-noteText {
  *zoom: 1;
  font: 14px/1.6 verdana, 微軟正黑體;
  margin-bottom: 15px;
}

.dlineContent-noteText:before, .dlineContent-noteText:after {
  content: "";
  display: table;
}

.dlineContent-noteText:after {
  clear: both;
}

.dlineContent-noteText ol, .dlineContent-noteText ul {
  margin-left: 20px;
}

.dlineContent-noteText ul > li {
  list-style: disc;
}

.dlineContent-noteText ol > li {
  list-style: decimal;
}

.dlineContent-noteLink {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  margin-bottom: 2px;
}

.dlineContent-noteLink a {
  color: #005eb8 !important;
  text-shadow: 0em 0em 0em #005eb8 !important;
  border-bottom: 1px dashed #337ec6 !important;
}

.dlineContent-noteLink a:hover {
  border-bottom: 1px solid #337ec6 !important;
}

.dlineContent-day {
  border: 1px solid #E2E2E2;
  background-color: #EEEEEE;
  margin-top: 12px;
  margin-bottom: 5px;
  padding: 3px 6px;
  font: 13px/1.6 verdana, 微軟正黑體;
}

.dlineContent-dayTitle p {
  color: #B584C3;
  text-shadow: 0em 0em 0em #B584C3;
}

.dlineContent-introBtn {
  display: none;
}

.touriti-dlineImage {
  width: 260px;
  height: 174px;
  display: inline-block;
  float: right;
  background-color: #f0efed;
  margin-top: -12px;
  margin-right: 10px;
  position: relative;
}

.touriti-dlineImage p {
  font: 12px/1 verdana, 微軟正黑體;
  line-height: 2;
  height: 23px;
  padding-right: 45px;
}

.touriti-dlineImage .swiper-button-prev:after, .touriti-dlineImage .swiper-button-next:after {
  text-shadow: 0 0 6px #666;
}

.touriti-dlineImage .swiper-button-prev:hover, .touriti-dlineImage .swiper-button-next:hover {
  color: #fff;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .touriti-dlineImage .swiper-button-prev, .touriti-dlineImage .swiper-button-next {
    top: 40%;
  }
}

.touriti-dlineImage .dline-image-onepic {
  width: 260px;
  position: relative;
}

.touriti-dlineImage .dline-image-onepic div {
  height: 100%;
  transform: translate3d(0px, 0px, 0px) !important;
}

.touriti-dlineImage .dline-image-onepic img {
  width: 100%;
}

.touriti-dlineImage .dline-image-onepic p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  text-shadow: 0em 0em 0em white;
  background: linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -moz-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -webkit-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -o-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 4px;
  z-index: 1;
}

.touriti-dlineImage .dline-image-onepic p:after {
  content: "1/1";
  font: 11px/1 verdana, 微軟正黑體;
  -webkit-transform: scale(0.91);
  color: white;
  text-shadow: 0em 0em 0em white;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  position: absolute;
  right: -2px;
  left: auto;
  width: auto;
  padding: 5px 8px;
  border-radius: 50px;
  letter-spacing: 2px;
}

.touriti-unesco:before {
  content: "世界遺產";
  font: 11px/1 verdana, 微軟正黑體;
  -webkit-transform: scale(0.91);
  color: white;
  text-shadow: 0em 0em 0em white;
  background: linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -moz-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -webkit-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  background: -o-linear-gradient(124deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%);
  position: absolute;
  top: 1px;
  left: 0;
  padding: 5px 8px;
  border-radius: 50px;
}

.dline-imgOpen {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.dline-imgOpen a {
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 0;
}

.dline-imgOpen a:hover {
  border-bottom: 0;
}

.dline-imgOpen i {
  font-size: 18px;
  color: #E6E6E6;
  text-shadow: 0 0 6px #666;
  display: inline-block;
  margin: 10px 0 0 16px;
}

.dline-imgOpen:hover i {
  color: #fff;
}

.dline-imgOpenCover {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 40px;
  height: 40px;
  pointer-events: none;
  display: none;
}

.dline-imgOpenCover i {
  font-size: 18px;
  color: #E6E6E6;
  text-shadow: 0 0 6px #666;
  display: inline-block;
  margin: 10px 0 0 16px;
}

.touriti-dlineContent.withImage {
  width: calc(100% - 300px);
  display: inline-block;
  float: left;
}

.touriti-relate {
  font: 14px/1.6 verdana, 微軟正黑體;
}

.touriti-relate .touriti-content {
  position: relative;
}

.touriti-relate .swiper-container {
  width: calc(100% - 56px);
}

.touriti-relate .swiper-slide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 200px;
}

.touriti-relate .swiper-slide p {
  padding: 3px 4px;
  line-height: 1.5;
}

.touriti-relate .swiper-slide p.cutText {
  height: 48px;
  padding-right: 15px;
  overflow: hidden;
}

.touriti-relate .swiper-slide p.cutText:after {
  content: "…";
  font-size: 13px;
  line-height: 27px;
  color: white;
  position: absolute;
  right: 4px;
  bottom: 0;
  padding-left: 4px;
  padding-right: 2px;
}

.touriti-relate .swiper-slide img {
  opacity: .9;
}

.touriti-relate .swiper-slide:hover img {
  opacity: 1;
}

.touriti-relate .swiper-button-prev, .touriti-relate .swiper-button-next {
  height: 100%;
  top: 22px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .touriti-relate .swiper-button-prev, .touriti-relate .swiper-button-next {
    top: 0;
  }
}

.touriti-relate .swiper-button-prev:after, .touriti-relate .swiper-button-next:after {
  font-size: 33px;
}

.touriti-relate .swiper-pagination {
  top: -46px;
  right: 20px;
}

.touriti-relate .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 8px;
  background-color: #d5d5d5;
  opacity: 1;
}

.touriti-relate .swiper-pagination-bullet-active {
  background-color: #00a3e0;
}

.touriti-note {
  font: 14px/1.6 verdana, 微軟正黑體;
  position: relative;
  padding-top: 62px;
}

.touriti-note .touriti-noteIntro, .touriti-note .touriti-content {
  margin-left: 25px;
  margin-right: 25px;
}

.touriti-note .ui-title {
  position: absolute;
  top: 0;
  width: 100%;
}

.touriti-noteTab {
  *zoom: 1;
  position: absolute;
  left: 140px;
  bottom: -1px;
}

.touriti-noteTab:before, .touriti-noteTab:after {
  content: "";
  display: table;
}

.touriti-noteTab:after {
  clear: both;
}

.touriti-noteTab li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 13px/1.6 verdana, 微軟正黑體;
  text-align: center;
  line-height: 2.4;
  display: inline-block;
  float: left;
  width: 85px;
  height: 30px;
}

.touriti-noteTab li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px 4px 0 0;
}

.touriti-noteTab li a:hover {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.touriti-noteTab li.active a {
  font-size: 14px;
  line-height: 2.1;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid white;
}

.touriti-noteIntro {
  margin-bottom: 30px;
}

.touriti-noteIntro p {
  font: 13px/1.6 verdana, 微軟正黑體;
}

.touriti-noteBox {
  margin-bottom: 30px;
}

.touriti-noteTitle {
  font: 16px/1.6 verdana, 微軟正黑體;
  margin-bottom: 6px;
}

.touriti-noteTitle p:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #D6D6D6;
  margin-right: 5px;
  margin-bottom: 3px;
}

.touriti-noteContent p {
  margin-bottom: 8px;
  word-break: break-all;
}

.touriti-noteContent ol, .touriti-noteContent ul, .touriti-noteContent li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
  font-family: verdana, 微軟正黑體;
  color: #333;
  text-shadow: #333 0em 0em 0em;
}

.touriti-noteContent ul, .touriti-noteContent ol {
  margin-top: 8px;
}

.touriti-noteContent li {
  margin-left: 22px;
  margin-bottom: 8px;
  word-break: break-all;
}

.touriti-noteContent ol > li {
  list-style: disc;
}

.touriti-noteContent > ol > li {
  list-style: decimal;
}

.touriti-interest .touriti-content ul {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 5px 0 12px;
}

.touriti-interest .touriti-content ul:before, .touriti-interest .touriti-content ul:after {
  content: "";
  display: table;
}

.touriti-interest .touriti-content ul:after {
  clear: both;
}

.touriti-interest .touriti-content ul::-webkit-scrollbar {
  height: 6px;
}

.touriti-interest .touriti-content ul::-webkit-scrollbar-track {
  background-color: white;
}

.touriti-interest .touriti-content ul::-webkit-scrollbar-track-piece {
  background-color: #eee;
}

.touriti-interest .touriti-content ul::-webkit-scrollbar-thumb {
  background-color: #d0d2d2;
  border-radius: 10px;
}

.touriti-interest .touriti-content ul::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}

.touriti-interest .touriti-content ul li {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  font: 15px/1.6 verdana, 微軟正黑體;
  line-height: 2;
  border: 1px solid #66C8EC;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
  padding: 0 5px;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.touriti-interest .touriti-content ul li:last-child {
  margin-right: 0;
}

.touriti-interest .touriti-content ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  padding: 6px 12px;
}

.touriti-interest .touriti-content ul li a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.touriti-extra {
  font: 14px/1.6 verdana, 微軟正黑體;
}

.touriti-extraBn {
  *zoom: 1;
  margin-bottom: 15px;
}

.touriti-extraBn:before, .touriti-extraBn:after {
  content: "";
  display: table;
}

.touriti-extraBn:after {
  clear: both;
}

.touriti-extraBn li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: calc((100% - 20px) / 3);
  margin-right: 10px;
}

.touriti-extraBn li:nth-child(3n) {
  margin-right: 0;
}

.touriti-extraBn li a {
  width: 100%;
  height: 100%;
  display: block;
}

.touriti-extraBn li img {
  width: 100%;
}

.touriti-extraBox {
  margin-bottom: 30px;
}

.touriti-extraTitle {
  *zoom: 1;
  background-color: #f2f2f2;
  margin-bottom: 12px;
  padding: 8px 10px;
}

.touriti-extraTitle:before, .touriti-extraTitle:after {
  content: "";
  display: table;
}

.touriti-extraTitle:after {
  clear: both;
}

.touriti-extraContent {
  *zoom: 1;
  padding: 0 10px;
}

.touriti-extraContent:before, .touriti-extraContent:after {
  content: "";
  display: table;
}

.touriti-extraContent:after {
  clear: both;
}

.touriti-extraName, .touriti-extraIntro {
  float: left;
  width: 55%;
}

.touriti-extraPrice, .touriti-extraDetail {
  float: right;
  width: 40%;
}

.touriti-extraName {
  *zoom: 1;
}

.touriti-extraName:before, .touriti-extraName:after {
  content: "";
  display: table;
}

.touriti-extraName:after {
  clear: both;
}

.touriti-extraName .extraName-place {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #666;
  text-shadow: 0em 0em 0em #666;
  min-width: 60px;
  margin-top: 2px;
  padding-right: 5px;
}

.touriti-extraName .extraName-title {
  font: 16px/1.6 verdana, 微軟正黑體;
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  display: inline;
}

.touriti-extraName .extraName-title a {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #337ec6;
  padding-bottom: 2px;
}

.touriti-extraName .extraName-title a:hover {
  border-bottom: 1px solid #337ec6;
}

.touriti-extraPrice li {
  display: inline-block;
  margin-right: 10px;
}

.touriti-extraPrice li:last-child {
  margin-right: 0;
}

.touriti-extraPrice li.extraName-currency {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #666;
  text-shadow: 0em 0em 0em #666;
}

.touriti-extraDetail li {
  margin-bottom: 5px;
  margin-left: 70px;
  text-indent: -70px;
}

.touriti-qa {
  font: 14px/1.6 verdana, 微軟正黑體;
}

.touriti-qa .touriti-content {
  margin-left: 25px;
  margin-right: 25px;
}

.touriti-qaBox {
  border-bottom: 1px dashed #d5d5d5;
  padding: 7px 5px;
}

.touriti-qaTitle {
  background: url("../images/arrow_gray_down.svg") right 2px no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}

.touriti-qaTitle.openheader {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  background: url("../images/arrow_gray_up.svg") right 2px no-repeat;
  background-size: 20px 20px;
}

.touriti-qaTitle p {
  margin-right: 30px;
  margin-left: 20px;
  text-indent: -20px;
  word-wrap: break-word;
}

.touriti-qaTitle p:before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  margin: 0px 7px 3px;
}

.touriti-qaContent {
  padding-left: 20px;
}

.touriti-qaContent p {
  word-wrap: break-word;
}

.touriti-qaContent a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.touriti-qaContent a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.noteBox-addTour {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noteBox-addTour .dlineContent-noteLink {
  margin-bottom: 6px;
}

.noteBox-addTour .dlineContent-noteText {
  margin-bottom: 0;
}

.noteBox-addTour ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: 0;
}

.noteBox-addTour li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none !important;
  width: 100%;
  margin-bottom: 2px;
  padding: 3px 4px 3px 0;
}

.noteBox-addTour li:nth-child(even) {
  background-color: #f5f5f5;
}

.noteBox-addTour li a {
  *zoom: 1;
  width: 100%;
  height: 100%;
  display: block;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 0;
  padding-bottom: 0;
}

.noteBox-addTour li a:before, .noteBox-addTour li a:after {
  content: "";
  display: table;
}

.noteBox-addTour li a:after {
  clear: both;
}

.noteBox-addTour li a div {
  display: inline-block;
  float: left;
}

.noteBox-addTour li a .noteBox-tagTour, .noteBox-addTour li a .noteBox-tagCoupon {
  font: 13px/1.6 verdana, 微軟正黑體;
  line-height: 1;
  margin-right: 14px;
  padding: 6px 2px 5px 5px;
  position: relative;
}

.noteBox-addTour li a .noteBox-tagTour:after, .noteBox-addTour li a .noteBox-tagCoupon:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  position: absolute;
  right: -14px;
  top: 0;
  border-width: 12px 7px;
  border-style: solid;
}

.noteBox-addTour li a .noteBox-tagTour {
  background-color: #f2eaf5;
}

.noteBox-addTour li a .noteBox-tagTour:after {
  border-color: transparent transparent transparent #f2eaf5;
}

.noteBox-addTour li a .noteBox-tagCoupon {
  background-color: #e5f6fc;
}

.noteBox-addTour li a .noteBox-tagCoupon:after {
  border-color: transparent transparent transparent #e5f6fc;
}

.noteBox-addTour li a .noteBox-name {
  max-width: calc(100% - 47px);
}

.noteBox-addTour li a .noteBox-name span {
  border-bottom: 1px dashed #aaa;
  padding-bottom: 2px;
}

.noteBox-addTour li a .noteBox-priceArea {
  float: right;
  text-align: right;
}

.noteBox-addTour li a .noteBox-price {
  min-width: 140px;
  text-align: right;
  margin-left: 10px;
  color: #888;
  text-shadow: 0em 0em 0em #888;
}

.noteBox-addTour li a .noteBox-price:first-child {
  width: auto;
  margin-left: 0;
}

.noteBox-addTour li a .noteBox-price > span {
  color: #E85B20;
  text-shadow: 0em 0em 0em #E85B20;
  margin-left: 4px;
}

.noteBox-addTour li a:hover {
  border-bottom: 0;
}

.noteBox-addTour li a:hover .noteBox-name span {
  border-bottom: 1px solid #aaa;
}

.noteBox-addTour.dlineContent-noteBox {
  border: 1px solid #e6d6eb;
  border-left-width: 5px;
  padding: 5px 10px;
}

.touriti-addon .noteBox-addTour {
  margin-left: 25px;
  margin-right: 25px;
}

.touriti-addon .noteBox-addTour li a {
  padding-top: 3px;
  padding-bottom: 3px;
}

.touriti-addon .noteBox-addTour li a .noteBox-tagTour, .touriti-addon .noteBox-addTour li a .noteBox-tagCoupon {
  margin-top: 3px;
}

.touriti-footer {
  min-width: 960px;
}

.touriti-footer .newfooter-tour, .touriti-footer .newfooter-merge, .touriti-footer .more-info, .touriti-footer .gridwrap {
  min-width: 960px !important;
}

.touriti-footer .newfooter-merge .simple-info {
  display: none;
}

.touriti-footer .newfooter-merge .more-info {
  display: block !important;
}

.touriti-footer .newfooter-merge .gridwrap > div:not(:last-child) {
  margin-bottom: 0 !important;
}

.touriti-footer .newfooter-merge .service-wrap, .touriti-footer .newfooter-merge .info-wrap {
  display: block;
}

.touriti-footer .newfooter-merge .box-5 {
  width: 25% !important;
}

.touriti-toolPC {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 15px/1.6 verdana, 微軟正黑體;
  line-height: 1;
  width: 46px;
  height: 100%;
  position: fixed;
  right: 0px;
  top: 0;
  z-index: 20;
  padding: 0;
  padding-top: calc((100vh - 530px) * .4);
  background-color: #e6e6e6;
  border-radius: 15px 0 0 15px;
}

.touriti-toolPCList:first-child {
  border-bottom: 1px solid #d5d5d5;
  box-shadow: 0 1px 0 white;
  padding-bottom: 12px;
  margin-bottom: 10px;
}

.touriti-toolPCList li {
  width: 46px;
  height: 46px;
  display: block;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
  text-align: center;
}

.touriti-toolPCList li:last-child {
  margin-bottom: 0;
}

.touriti-toolPCList li a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  text-align: center;
}

.touriti-toolPCList li a:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b0b6b9;
}

.touriti-toolPCList li:hover {
  background-color: #66C8EC;
}

.touriti-toolPCList li:hover span {
  display: inline-block;
}

.touriti-toolPCList li:hover a:before, .touriti-toolPCList li:hover:before {
  color: white;
}

.touriti-toolPCList li.active a:before, .touriti-toolPCList li.active:before {
  color: #00a3e0;
}

.touriti-toolPCList li > span, .touriti-toolPCList li a > span {
  width: 88px;
  height: 31px;
  display: none;
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
  background-color: #00a3e0;
  position: absolute;
  left: -88px;
  top: 0;
  padding-top: 15px;
  text-align: center;
}

.touriti-toolPCList li > span:after, .touriti-toolPCList li a > span:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 9px;
  border-color: transparent transparent transparent #00a3e0;
  content: '';
  position: absolute;
  right: -9px;
  top: 16px;
}

.touriti-toolPCList li.touriti-toolSign, .touriti-toolPCList li.touriti-toolWait {
  background-color: #fc4c02;
}

.touriti-toolPCList li.touriti-toolSign a:before, .touriti-toolPCList li.touriti-toolWait a:before {
  content: "\e90c";
  font-size: 26px;
  line-height: 1.8;
  color: white;
}

.touriti-toolPCList li.touriti-toolSign span, .touriti-toolPCList li.touriti-toolWait span {
  background-color: #fc4c02;
}

.touriti-toolPCList li.touriti-toolSign span:after, .touriti-toolPCList li.touriti-toolWait span:after {
  border-color: transparent transparent transparent #fc4c02;
}

.touriti-toolPCList li.touriti-toolSign:hover, .touriti-toolPCList li.touriti-toolWait:hover {
  background-color: #fd9467;
}

.touriti-toolPCList li.touriti-toolCheck a:before, .touriti-toolPCList li.touriti-toolCheckB a:before, .touriti-toolPCList li.touriti-toolPass a:before {
  content: "\e90d";
  font-size: 22px;
  line-height: 2;
  margin-left: 2px;
}

.touriti-toolPCList li.touriti-toolCheckB a:before {
  color: #00a3e0;
}

.touriti-toolPCList li.touriti-toolFlight a:before {
  content: "\e921";
  font-size: 24px;
  line-height: 2;
  margin-left: 3px;
}

.touriti-toolPCList li.touriti-toolHighli a:before {
  content: "\e913";
  font-size: 28px;
  line-height: 1.7;
  margin-left: 3px;
}

.touriti-toolPCList li.touriti-toolDline a:before {
  content: "\e912";
  font-size: 25px;
  line-height: 1.8;
  margin-left: 4px;
}

.touriti-toolPCList li.touriti-toolNote a:before {
  content: "\e91a";
  font-size: 26px;
  line-height: 1.8;
  margin-left: 2px;
}

.touriti-toolPCList li.touriti-toolExtra a:before, .touriti-toolPCList li.touriti-toolAddon a:before {
  content: "\e935";
  font-size: 31px;
  line-height: 1.5;
  margin-left: 2px;
}

.touriti-toolPCList li.touriti-toolShare a:before {
  content: "\e906";
  font-size: 24px;
  line-height: 1.9;
  margin-left: 3px;
}

.touriti-toolPCList li.touriti-toolKeep .dataT-likeIcon {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 11px 0 0 0;
}

.touriti-toolPCList li.touriti-toolKeep .dataT-likeIcon:after {
  content: "\e925";
  font-size: 26px;
  color: #b0b6b9;
  text-shadow: none;
}

.touriti-toolPCList li.touriti-toolKeep:hover .dataT-likeIcon:after {
  color: white;
}

.touriti-toolPCList li.touriti-toolKeep .toolKeepYes {
  visibility: hidden;
}

.touriti-toolPCList li.touriti-toolKeep .toolKeepNo {
  visibility: visible;
}

.touriti-toolPCList li.touriti-toolKeep.select .dataT-likeIcon {
  -webkit-animation: "rotate-z" 0.4s ease-in 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: "rotate-z" 0.4s ease-in 0s;
  -moz-animation-fill-mode: forwards;
  -ms-animation: "rotate-z" 0.4s ease-in 0s;
  -ms-animation-fill-mode: forwards;
  animation: "rotate-z" 0.4s ease-in 0s;
  animation-fill-mode: forwards;
}

.touriti-toolPCList li.touriti-toolKeep.select .dataT-likeIcon:after {
  content: "\e927";
  color: #de3349;
}

.touriti-toolPCList li.touriti-toolKeep.select .toolKeepYes {
  visibility: visible;
}

.touriti-toolPCList li.touriti-toolKeep.select .toolKeepNo {
  visibility: hidden;
}

.touriti-toolPCList li.touriti-toolKeep .popbox {
  width: 135px;
  right: 0;
  top: 46px;
}

.touriti-toolPCList li.touriti-toolKeep .popbox .popbox_content:before, .touriti-toolPCList li.touriti-toolKeep .popbox .popbox_content:after {
  right: 16px;
}

.touriti-toolPCList li.touriti-toolKeep .popbox .popbox_content a {
  display: inline;
}

.touriti-toolPCList li.touriti-toolQA a:before {
  content: "\e91b";
  font-size: 28px;
  line-height: 1.7;
  margin-left: 6px;
}

.touriti-toolPCList li.touriti-toolGotop:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b0b6b9;
  content: "\e91e";
  font-size: 27px;
  line-height: 1.7;
  margin-left: 2px;
}

.touriti-toolPCList li:hover a:before, .touriti-toolPCList li:hover:before {
  color: white;
}

.touriti-toolHandbottom, .touriti-toolHandtop {
  display: none;
}

.touriti-highliBox a, .dlineContent-note a, .touriti-note .touriti-content a {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 2px;
}

.touriti-highliBox a:hover, .dlineContent-note a:hover, .touriti-note .touriti-content a:hover {
  border-bottom: 1px solid #aaa;
}

.touriti-highliBox .orangefocus a, .dlineContent-note .orangefocus a, .touriti-note .touriti-content .orangefocus a {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  border-bottom: 1px dashed #fd9467;
}

.touriti-highliBox .orangefocus a:hover, .dlineContent-note .orangefocus a:hover, .touriti-note .touriti-content .orangefocus a:hover {
  border-bottom: 1px solid #fd9467;
}

.touriti-highliBox .darkbluefocus a, .dlineContent-note .darkbluefocus a, .touriti-note .touriti-content .darkbluefocus a {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #337ec6;
}

.touriti-highliBox .darkbluefocus a:hover, .dlineContent-note .darkbluefocus a:hover, .touriti-note .touriti-content .darkbluefocus a:hover {
  border-bottom: 1px solid #337ec6;
}

.touriti-note .touriti-content a {
  padding-bottom: 1px;
}

.wrapPOP-itinerary {
  width: 100%;
  max-width: 960px;
  background-color: white;
  margin: 0 auto;
  padding-bottom: 30px;
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  position: relative;
}

.wrapPOP-itinerary input, .wrapPOP-itinerary textarea {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.wrapPOP-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F6F6F6;
  width: 100%;
  max-width: 960px;
  height: 100px;
  padding: 30px 25px;
  position: fixed;
  z-index: 3;
}

.wrapPOP-title p {
  font: 24px/1.6 verdana,微軟正黑體;
}

.wrapPOP-title p span {
  font: 15px/1.6 verdana, 微軟正黑體;
  color: #888;
  text-shadow: 0em 0em 0em #888;
  margin-left: 10px;
}

.wrapPOP-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  padding: 125px 12px 0;
}

.wrapPOP-content:before, .wrapPOP-content:after {
  content: "";
  display: table;
}

.wrapPOP-content:after {
  clear: both;
}

.itiPOP-price {
  font: 15px/1.6 verdana, 微軟正黑體;
}

.itiPOP-priceBlock {
  position: relative;
  *zoom: 1;
  margin-top: 15px;
}

.itiPOP-priceBlock:before, .itiPOP-priceBlock:after {
  content: "";
  display: table;
}

.itiPOP-priceBlock:after {
  clear: both;
}

.itiPOP-priceBlock:after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-top: 5px;
}

.itiPOP-priceBlock:first-child {
  margin-top: 0;
}

.itiPOP-priceBlock:last-child {
  padding-bottom: 20px;
}

.itiPOP-priceBlock:last-child:after {
  width: 0;
  height: 0;
}

.itiPOP-priceTitle p {
  font: 14px/1.6 verdana, 微軟正黑體;
  background-color: #eee;
  text-align: center;
}

.priceList-numTitle {
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  display: inline-block;
  width: 58px;
  margin-right: 25px;
  text-align: right;
  margin-top: 2px;
}

.priceList-num {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.priceList-num a {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #337ec6;
  padding-bottom: 2px;
}

.priceList-num a:hover {
  border-bottom: 1px solid #337ec6;
}

.itiPOP-priceTitle, .itiPOP-priceList {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

.itiPOP-priceTitle {
  width: 55px;
  margin: 2px 25px 0 70px;
  text-align: right;
}

.itiPOP-priceList {
  width: calc(100% - 55px - 120px);
  margin-right: 25px;
}

.itiPOP-priceList p {
  display: inline-block;
}

.itiPOP-priceList li {
  margin-bottom: 10px;
}

.itiPOP-priceNum .itiPOP-priceTitle {
  margin-top: 4px;
}

.itiPOP-priceNum .priceList-title, .itiPOP-priceNum .priceList-numBlock {
  display: inline-block;
  vertical-align: middle;
}

.itiPOP-priceNum .priceList-title p, .itiPOP-priceNum .priceList-title img, .itiPOP-priceNum .priceList-numBlock p, .itiPOP-priceNum .priceList-numBlock img {
  vertical-align: middle;
}

.itiPOP-priceNum .priceList-title img, .itiPOP-priceNum .priceList-numBlock img {
  margin-right: 5px;
}

.itiPOP-priceNum .priceList-title {
  width: 180px;
}

.itiPOP-priceNum .priceList-title p span {
  font: 14px/1.6 verdana, 微軟正黑體;
  margin-left: 6px;
}

.itiPOP-priceNum .priceList-numBlock {
  *zoom: 1;
}

.itiPOP-priceNum .priceList-numBlock:before, .itiPOP-priceNum .priceList-numBlock:after {
  content: "";
  display: table;
}

.itiPOP-priceNum .priceList-numBlock:after {
  clear: both;
}

.itiPOP-priceNum .priceList-numList {
  *zoom: 1;
  float: left;
  border-right: 1px solid #aaa;
  padding-right: 10px;
  margin-right: 8px;
}

.itiPOP-priceNum .priceList-numList:before, .itiPOP-priceNum .priceList-numList:after {
  content: "";
  display: table;
}

.itiPOP-priceNum .priceList-numList:after {
  clear: both;
}

.itiPOP-priceNum .priceList-numList > span {
  float: left;
}

.itiPOP-priceNum .priceList-numList > span.priceList-numTitle {
  margin-top: 2px;
  margin-right: 8px;
  width: auto;
}

.itiPOP-priceNum .priceList-numList:last-child {
  border-right: 0;
}

.itiPOP-priceNum .priceList-note {
  margin: 8px 0 15px 30px;
}

.itiPOP-priceNum .priceList-note p {
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.itiPOP-priceNum .itiPOP-priceList > li:first-child .priceList-num {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
}

.itiPOP-priceCruise {
  margin-bottom: 20px;
}

.itiPOP-priceCruise table {
  background-color: #fff;
}

.itiPOP-priceCruise th, .itiPOP-priceCruise td {
  font-weight: normal;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
}

.itiPOP-priceCruise thead {
  background-color: #efefef;
}

.itiPOP-priceCruise .priceCruise-tag {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #777;
  background-color: #eee;
  margin-right: 3px;
  padding: 3px 5px;
  border-radius: 4px;
}

.itiPOP-pricePlus .itiPOP-priceList {
  *zoom: 1;
}

.itiPOP-pricePlus .itiPOP-priceList:before, .itiPOP-pricePlus .itiPOP-priceList:after {
  content: "";
  display: table;
}

.itiPOP-pricePlus .itiPOP-priceList:after {
  clear: both;
}

.itiPOP-pricePlus .itiPOP-priceList li {
  float: left;
  width: 280px;
  margin-bottom: 10px;
}

.itiPOP-pricePlus .itiPOP-priceList li:nth-child(2n) {
  width: calc(100% - 280px);
}

.itiPOP-pricePlus .itiPOP-priceList li:last-child {
  *zoom: 1;
  clear: both;
  width: 100%;
  display: block;
}

.itiPOP-pricePlus .itiPOP-priceList li:last-child:before, .itiPOP-pricePlus .itiPOP-priceList li:last-child:after {
  content: "";
  display: table;
}

.itiPOP-pricePlus .itiPOP-priceList li:last-child:after {
  clear: both;
}

.itiPOP-pricePlus .itiPOP-priceList li > span {
  float: left;
}

.itiPOP-pricePlus .priceList-note {
  font: 14px/1.6 verdana, 微軟正黑體;
  line-height: 2;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  margin-left: 12px;
}

.itiPOP-priceNote .itiPOP-priceList li {
  *zoom: 1;
  margin-bottom: 10px;
}

.itiPOP-priceNote .itiPOP-priceList li:before, .itiPOP-priceNote .itiPOP-priceList li:after {
  content: "";
  display: table;
}

.itiPOP-priceNote .itiPOP-priceList li:after {
  clear: both;
}

.itiPOP-priceNote .itiPOP-priceList li > span {
  float: left;
}

.itiPOP-priceNote .priceList-num {
  width: calc(100% - 83px);
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.itiPOP-priceNote .priceList-num p {
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}

.itinerary-dialog {
  border: 1px solid #00a3e0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  font: 14px/1.6 verdana, 微軟正黑體;
  line-height: 1.3;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  position: absolute !important;
}

.itinerary-dialog .ui-dialog-titlebar {
  border-bottom: 1px solid #d5d5d5;
  padding: 10px 10px 5px 10px;
  font: 15px/1.6 verdana, 微軟正黑體;
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.itinerary-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.itinerary-dialog .ui-dialog-titlebar-close:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  color: #00a3e0;
  font-size: 12px;
}

.itinerary-dialog .ui-button-text {
  display: none;
}

.itinerary-dialog #cnbNote {
  padding: 5px 10px 10px 10px;
}

.itinerary-dialog label {
  font-size: 14px !important;
  font-family: verdana, 微軟正黑體 !important;
  line-height: 1.6;
}

.itiPOP-priceB2B {
  font: 14px/1.6 verdana, 微軟正黑體;
  text-align: center;
}

.itiPOP-priceB2B .itiPOP-priceB2BArea {
  display: inline-block;
}

.itiPOP-priceB2B .itiPOP-priceTable {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  border-collapse: collapse;
  float: left;
  width: 260px;
  min-height: 170px;
  margin: 10px 4px 15px;
}

.itiPOP-priceB2B .itiPOP-priceTable > li {
  display: table-row;
}

.itiPOP-priceB2B .itiPOP-priceTable > li > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  border: 1px solid #d4d4d4;
  vertical-align: middle;
  padding: 5px 0;
}

.itiPOP-priceB2B .itiPOP-priceTable > li > span.priceTable-title {
  width: 95px;
  background-color: #f0eeec;
}

.itiPOP-priceB2B .itiPOP-priceTable > li > span.priceTable-content {
  width: calc(100% - 95px);
}

.itiPOP-priceB2B .itiPOP-priceCruise {
  font: 15px/1.6 verdana, 微軟正黑體;
}

.itiPOP-priceB2B .itiPOP-priceCruise table {
  margin: 0 auto;
}

.itiPOP-priceB2B .itiPOP-priceCruise td:not(:first-child) {
  text-align: left;
}

.itiPOP-priceB2BAreaCruise .itiPOP-priceTable {
  min-height: 110px;
}

.itiPOP-share {
  width: 400px;
}

.itiPOP-share .wrapPOP-title {
  width: 400px;
}

.itiPOP-share .wrapPOP-content {
  padding-top: 120px;
  padding-left: 8px;
  padding-right: 8px;
}

.itiPOP-shareBlock {
  *zoom: 1;
  position: relative;
  margin-bottom: 15px;
}

.itiPOP-shareBlock:before, .itiPOP-shareBlock:after {
  content: "";
  display: table;
}

.itiPOP-shareBlock:after {
  clear: both;
}

.itiPOP-shareBlock:after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-top: 5px;
}

.itiPOP-shareBlock:last-child:after {
  background-image: none;
}

.itiPOP-shareQR {
  float: left;
  margin: 0 10px 10px 17px;
  width: 102px;
  height: 108px;
  overflow: hidden;
}

.itiPOP-shareQR img {
  width: 118px;
  height: 118px;
  margin-top: -8px;
  margin-left: -8px;
}

.itiPOP-shareArea {
  float: left;
  display: inline-block;
  margin-top: 20px;
}

.itiPOP-shareArea li {
  display: inline-block;
  float: left;
  text-align: center;
  margin-right: 9px;
}

.itiPOP-shareArea li:last-child {
  margin-right: 0;
}

.itiPOP-shareArea li img {
  border-radius: 3px;
}

.itiPOP-shareArea li p {
  line-height: 16px;
}

.itiPOP-shareArea li a {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  width: 100%;
  height: 100%;
  display: block;
}

.itiPOP-shareArea li a:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.itiPOP-shareArea li a:hover img {
  margin-top: 1px;
}

.itiPOP-shareArea li a:hover p {
  margin-top: -1px;
}

.itiPOP-shareData {
  margin: 0 15px 10px;
}

.itiPOP-shareData > p {
  display: inline-block;
  margin-right: 15px;
}

.itiPOP-shareData > p:last-child {
  margin-right: 0;
}

.itiPOP-shareData button {
  cursor: pointer;
}

.itiPOP-shareCopy {
  *zoom: 1;
  display: block;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 5px 8px;
}

.itiPOP-shareCopy:before, .itiPOP-shareCopy:after {
  content: "";
  display: table;
}

.itiPOP-shareCopy:after {
  clear: both;
}

.itiPOP-shareCopy input, .itiPOP-shareCopy input.uniform-input {
  font: 14px/1.6 verdana, 微軟正黑體 !important;
  color: #333 !important;
  border: 0;
  width: calc(100% - 95px);
  padding: 0;
  text-indent: 0;
  box-shadow: none;
  height: auto;
}

.itiPOP-shareCopy input.hover, .itiPOP-shareCopy input.focus, .itiPOP-shareCopy input.uniform-input.hover, .itiPOP-shareCopy input.uniform-input.focus {
  border: 0 !important;
  box-shadow: none !important;
}

.itiPOP-shareCopy button {
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #00a3e0;
  border: 0;
  background-color: white;
  width: 90px;
  float: right;
  text-align: right;
}

.itiPOP-shareCopy button:hover {
  color: #005eb8;
}

.itiPOP-shareBtnArea {
  text-align: center;
}

.itiPOP-shareBtnArea button, .itiPOP-shareBtnArea a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #333;
  border: 1px solid #B1B1B1;
  border-radius: 3px;
  background-color: white;
  width: 90px;
  height: 30px;
  margin: 0 2px;
  display: inline-block;
  line-height: 2;
}

.itiPOP-shareBtnArea button:hover, .itiPOP-shareBtnArea a:hover {
  color: #005eb8;
  border-color: #669ed4;
  background-color: white;
}

.touriti-sharePOP {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.touriti-sharePOP .itiPOP-share {
  margin-top: calc((100vh - 490px) * .4);
  cursor: auto;
}

.touriti-sharePOP #touriti-shareClose {
  width: 40px;
  height: 40px;
  background: url(../images/icon_close.svg) 10px 10px no-repeat;
  background-size: 20px 20px;
  position: absolute;
  top: 25px;
  right: 20px;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
}

.itiPOP-setBlock {
  *zoom: 1;
  position: relative;
  margin-bottom: 20px;
}

.itiPOP-setBlock:before, .itiPOP-setBlock:after {
  content: "";
  display: table;
}

.itiPOP-setBlock:after {
  clear: both;
}

.itiPOP-setBlock:after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-top: 5px;
}

.itiPOP-setBlock:last-child:after {
  background-image: none;
}

.itiPOP-setBlock input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 14px/1.6 verdana, 微軟正黑體;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  padding: 5px 8px;
}

.itiPOP-setBlock input:hover, .itiPOP-setBlock input:active, .itiPOP-setBlock input:focus {
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #efefef;
}

.itiPOP-setTitle {
  *zoom: 1;
  float: left;
  width: 100px;
}

.itiPOP-setTitle:before, .itiPOP-setTitle:after {
  content: "";
  display: table;
}

.itiPOP-setTitle:after {
  clear: both;
}

.itiPOP-setTitle:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  color: #999999;
  margin-top: -1px;
}

.itiPOP-setTitle p {
  float: left;
  display: inline-block;
}

.itiPOP-setList {
  float: left;
  width: calc(100% - 100px);
}

.itiPOP-setForward .itiPOP-setTitle:before {
  content: '\e914';
  font-size: 23px;
  margin-right: 5px;
}

.itiPOP-setForward .itiPOP-setList {
  margin-bottom: 6px;
}

.itiPOP-setForward .itiPOP-setList > li {
  *zoom: 1;
  margin-bottom: 20px;
}

.itiPOP-setForward .itiPOP-setList > li:before, .itiPOP-setForward .itiPOP-setList > li:after {
  content: "";
  display: table;
}

.itiPOP-setForward .itiPOP-setList > li:after {
  clear: both;
}

.itiPOP-setForward .itiPOP-setList > li > p, .itiPOP-setForward .itiPOP-setList > li > input {
  float: left;
  display: inline-block;
}

.itiPOP-setForward .itiPOP-setList > li > p {
  width: 75px;
  text-align: right;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  margin-right: 8px;
}

.itiPOP-setForward .itiPOP-setList > li > p.setList-senderB2B {
  width: auto;
  text-align: left;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  margin-right: 0;
  margin-left: 9px;
}

.itiPOP-setForward .itiPOP-setList > li > input {
  width: calc(100% - 88px);
  margin-top: -6px;
}

.itiPOP-setForward .itiPOP-setList > li > textarea {
  border-radius: 3px;
  width: calc(100% - 88px) !important;
  height: 62px !important;
  margin-top: -6px;
  padding: 5px 8px;
}

.itiPOP-setForward .itiPOP-setList > li.setList-sender, .itiPOP-setForward .itiPOP-setList > li.setList-senderName {
  display: inline-block;
  margin-bottom: 13px;
}

.itiPOP-setForward .itiPOP-setList > li.setList-sender > input, .itiPOP-setForward .itiPOP-setList > li.setList-senderName > input {
  width: calc(100% - 85px);
}

.itiPOP-setForward .itiPOP-setList > li.setList-sender {
  width: calc(60% - 8px);
}

.itiPOP-setForward .itiPOP-setList > li.setList-senderName {
  width: 40%;
}

.itiPOP-setItem {
  margin-bottom: 25px;
}

.itiPOP-setItem .itiPOP-setTitle:before {
  content: '\e911';
  font-size: 24px;
  margin-right: 4px;
}

.itiPOP-setItem .itiPOP-setList {
  margin-bottom: 12px;
}

.itiPOP-setItem .itiPOP-setItemBlock {
  *zoom: 1;
}

.itiPOP-setItem .itiPOP-setItemBlock:before, .itiPOP-setItem .itiPOP-setItemBlock:after {
  content: "";
  display: table;
}

.itiPOP-setItem .itiPOP-setItemBlock:after {
  clear: both;
}

.itiPOP-setItem .itiPOP-setItemBlock > li {
  width: 95px;
  display: inline-block;
  float: left;
  margin-bottom: 10px;
}

.itiPOP-setItem .itiPOP-setItemBlock > li.itiPOP-setItemLarge {
  width: 190px;
}

.itiPOP-setItem .itiPOP-setItemBlock > li.setItem-light {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.itiPOP-setItem .ui-checkbox-box label .checkmark {
  top: 1px;
}

.itiPOP-setItem .ui-checkbox-box label .checkmark:after {
  top: 0;
}

.itiPOP-setPrice {
  margin-bottom: 30px;
}

.itiPOP-setPrice .itiPOP-setTitle:before {
  content: '\e916';
  font-size: 23px;
  margin-right: 5px;
}

.itiPOP-setPrice .itiPOP-setList {
  *zoom: 1;
  margin-bottom: 20px;
}

.itiPOP-setPrice .itiPOP-setList:before, .itiPOP-setPrice .itiPOP-setList:after {
  content: "";
  display: table;
}

.itiPOP-setPrice .itiPOP-setList:after {
  clear: both;
}

.itiPOP-setPrice .itiPOP-setList > li {
  display: inline-block;
  float: left;
  border-right: 2px solid #DDDDDD;
  padding-right: 15px;
  margin-right: 15px;
}

.itiPOP-setPrice .itiPOP-setList > li > span {
  margin-left: 12px;
}

.itiPOP-setPrice .itiPOP-setList > li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

.itiPOP-setPrice .itiPOP-setList > li.setPrice-change {
  margin-top: -6px;
}

.itiPOP-setPrice .itiPOP-setList > li.setPrice-change input {
  width: 125px;
  margin-left: 8px;
}

.itiPOP-setPrice .itiPOP-setList > li .setPrice-changeNote {
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.itiPOP-setSales .itiPOP-setTitle:before {
  content: '\e917';
  font-size: 26px;
  margin-right: 3px;
}

.itiPOP-setSales .itiPOP-setList {
  *zoom: 1;
}

.itiPOP-setSales .itiPOP-setList:before, .itiPOP-setSales .itiPOP-setList:after {
  content: "";
  display: table;
}

.itiPOP-setSales .itiPOP-setList:after {
  clear: both;
}

.itiPOP-setSales .itiPOP-setList > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: calc(100% - 170px - 150px);
}

.itiPOP-setSales .itiPOP-setList > li:first-child {
  width: 170px;
  padding-right: 15px;
  text-align: center;
}

.itiPOP-setSales .itiPOP-setList > li:first-child img {
  width: 120px;
}

.itiPOP-setSales .itiPOP-setList > li:last-child {
  width: 150px;
  padding-right: 5px;
  text-align: right;
}

.itiPOP-setSales .itiPOP-setList > li > p {
  margin-bottom: 6px;
}

.itiPOP-setSales .itiPOP-setList button {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  font: 14px/1.6 verdana, 微軟正黑體;
  border: 1px solid #66C8EC;
  border-radius: 3px;
  background-color: white;
  width: 120px;
  height: 34px;
  cursor: pointer;
}

.itiPOP-setSales .itiPOP-setList button:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border: 1px solid #669ed4;
}

.itiPOP-setBtn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F6F6F6;
  text-align: right;
  padding: 20px 40px 23px;
  position: relative;
}

.itiPOP-setBtn a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border-bottom: 1px dashed #00a3e0;
  line-height: 1;
  padding-bottom: 2px;
}

.itiPOP-setBtn a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
}

.itiPOP-setBtn a.setBtn-preview {
  position: absolute;
  left: 40px;
  top: calc(50% - 8px);
}

.itiPOP-setBtn .ui-btn-blue {
  text-shadow: 0em 0em 0em #fff !important;
  height: 28px;
  position: relative;
  top: 1px;
}

.setBtn-captcha {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding-bottom: 18px;
  margin-top: 12px;
  margin-bottom: -5px;
}

.setBtn-captcha > input, .setBtn-captcha > img, .setBtn-captcha > a {
  vertical-align: middle;
}

.setBtn-captcha > input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 14px/1.6 verdana, 微軟正黑體;
  border: 1px solid #d5d5d5;
  border-radius: 3px 0 0 3px;
  padding: 4px 8px;
  margin-right: -1px;
  width: 135px;
  height: 30px;
  float: left;
}

.setBtn-captcha > input:hover, .setBtn-captcha > input:active, .setBtn-captcha > input:focus {
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #efefef;
}

.setBtn-captcha > a {
  position: absolute;
  right: 4px;
  bottom: 0;
  border-bottom: 0;
  font: 13px/1.6 verdana, 微軟正黑體;
  line-height: 1;
}

.setBtn-captcha > a:hover {
  border-bottom: 0;
}

.setBtn-captcha > a > img {
  display: none;
}

.itiPOP-introDcount.touriti-dlineDay {
  position: fixed !important;
  right: auto;
  bottom: auto;
  top: 66px;
  z-index: 3;
  width: calc(960px - 180px);
  margin-left: 180px;
}

.itiPOP-introDcount.touriti-dlineDay li a {
  border: 1px solid #F6F6F6;
  border-bottom: 1px solid white;
}

.itiPOP-introDcount.touriti-dlineDay li.active a {
  background-color: white;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid white;
}

.itiPOP-introDcount.touriti-dlineDay .scroll_tab_left_button_disabled:after, .itiPOP-introDcount.touriti-dlineDay .scroll_tab_left_button_disabled.scroll_arrow_over:hover:after, .itiPOP-introDcount.touriti-dlineDay .scroll_tab_right_button_disabled:after, .itiPOP-introDcount.touriti-dlineDay .scroll_tab_right_button_disabled.scroll_arrow_over:hover:after {
  color: #F6F6F6;
}

.itiPOP-anchor {
  width: 1px;
  height: 110px;
  margin-top: -110px;
}

.itiPOP-introBlock {
  margin: 0 15px;
}

.itiPOP-introDay {
  position: relative;
}

.itiPOP-introDay p {
  font-size: 26px;
  font-weight: bold;
  color: #B584C3;
  text-shadow: 0em 0em 0em #B584C3;
  background-color: white;
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 10px;
}

.itiPOP-introDay:after {
  content: '';
  border: 1px solid #DDDDDD;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}

.itiPOP-introView {
  position: relative;
  padding-bottom: 30px;
}

.itiPOP-introView:before {
  content: '';
  width: 1px;
  height: calc(100% - 10px);
  display: block;
  background-color: #E6D6EB;
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 1;
}

.itiPOP-introTitle {
  margin-bottom: 6px;
}

.itiPOP-introTitle p {
  font: 16px/1.6 verdana, 微軟正黑體;
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  position: relative;
  margin-top: 10px;
  margin-left: 38px;
}

.itiPOP-introTitle p a {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
  padding-bottom: 2px;
}

.itiPOP-introTitle p a:hover {
  border-bottom: 1px solid #005eb8;
}

.itiPOP-introTitle p:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
  color: #B584C3;
  font-size: 25px;
  vertical-align: middle;
  margin-right: 13px;
  position: absolute;
  top: -8px;
  left: -38px;
  z-index: 2;
  background-color: white;
  padding-top: 8px;
  padding-bottom: 8px;
}

.itiPOP-introPic {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 260px;
  height: 174px;
}

.itiPOP-introPic img {
  width: 100%;
  height: 100%;
}

.itiPOP-introPic p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  text-shadow: 0em 0em 0em white;
  background: linear-gradient(124deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.5) 50%);
  background: -moz-linear-gradient(124deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.5) 50%);
  background: -webkit-linear-gradient(124deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.5) 50%);
  background: -o-linear-gradient(124deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.5) 50%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 4px;
  z-index: 1;
  font: 12px/1 verdana, 微軟正黑體;
  line-height: 2;
  height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itiPOP-intro .dline-imgOpen {
  width: 140px;
  height: 140px;
}

.itiPOP-intro .dline-imgOpen a {
  text-align: right;
}

.itiPOP-intro .dline-imgOpen i {
  margin-right: 10px;
}

.itiPOP-introContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 38px;
}

.itiPOP-introContent p, .itiPOP-introContent ol, .itiPOP-introContent ul {
  margin-bottom: 12px;
}

.itiPOP-introContent p a, .itiPOP-introContent ol a, .itiPOP-introContent ul a {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 2px;
}

.itiPOP-introContent p a:hover, .itiPOP-introContent ol a:hover, .itiPOP-introContent ul a:hover {
  border-bottom: 1px solid #aaa;
}

.itiPOP-introContent p .orangefocus a, .itiPOP-introContent ol .orangefocus a, .itiPOP-introContent ul .orangefocus a {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  border-bottom: 1px dashed #fd9467;
}

.itiPOP-introContent p .orangefocus a:hover, .itiPOP-introContent ol .orangefocus a:hover, .itiPOP-introContent ul .orangefocus a:hover {
  border-bottom: 1px solid #fd9467;
}

.itiPOP-introContent p .darkbluefocus a, .itiPOP-introContent ol .darkbluefocus a, .itiPOP-introContent ul .darkbluefocus a {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #337ec6;
}

.itiPOP-introContent p .darkbluefocus a:hover, .itiPOP-introContent ol .darkbluefocus a:hover, .itiPOP-introContent ul .darkbluefocus a:hover {
  border-bottom: 1px solid #337ec6;
}

.itiPOP-introContent ul, .itiPOP-introContent ol {
  margin-top: 8px;
}

.itiPOP-introContent li {
  margin-left: 22px;
}

.itiPOP-introContent ul > li {
  list-style: disc;
}

.itiPOP-introContent ol > li {
  list-style: decimal;
}

.itiPOP-introNote {
  text-indent: -28px;
  margin-left: 28px;
  margin-top: 10px;
}

.itiPOP-introNote:before {
  content: '註：';
}

.itiPOP-introView.withImage {
  min-height: 173px;
}

.itiPOP-introView.withImage .itiPOP-introTitle, .itiPOP-introView.withImage .itiPOP-introContent {
  width: calc(100% - 280px);
}

.itiPOP-hotel .wrapPOP-title p {
  display: inline-block;
}

.itiPOP-hotel .wrapPOP-title p.itiPOP-hotelallMap {
  font: 13px/1.6 verdana, 微軟正黑體;
  position: relative;
  top: -4px;
}

.itiPOP-hotel .wrapPOP-title p.itiPOP-hotelallMap a {
  color: #666;
  text-shadow: 0em 0em 0em #666;
  background-color: #EBEBEB;
  border-radius: 0 2px 2px 0;
  padding: 2px 16px 2px 13px;
  margin-left: 15px;
  position: relative;
}

.itiPOP-hotel .wrapPOP-title p.itiPOP-hotelallMap a > i {
  font-size: 26px;
  color: #00a3e0;
  position: absolute;
  left: -12px;
  top: -3px;
}

.itiPOP-hotel .wrapPOP-title p.itiPOP-hotelallMap a:before {
  content: '';
  background-color: white;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -3px;
  top: 2px;
}

.itiPOP-hotel .wrapPOP-title p.itiPOP-hotelallMap a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 1px;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #BBBBBB;
  border-right: 5px solid transparent;
}

.itiPOP-hotel .wrapPOP-title p.itiPOP-hotelallMap a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.itiPOP-hotel .wrapPOP-title p.itiPOP-hotelallMap a:hover:after {
  border-left: 5px solid #337ec6;
}

.itiPOP-hotelNote {
  margin: 0 6px 10px;
}

.itiPOP-hotelNote p {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
}

.itiPOP-hotelBlock {
  margin-bottom: 25px;
}

.itiPOP-hotelName {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F2F2F2;
  border-radius: 6px 6px 0 0;
  padding: 15px 18px;
}

.hotelName-block {
  margin-bottom: 20px;
}

.hotelName-block:last-child {
  margin-bottom: 0;
}

.hotelName-nameBlock {
  *zoom: 1;
  margin-bottom: 8px;
}

.hotelName-nameBlock:before, .hotelName-nameBlock:after {
  content: "";
  display: table;
}

.hotelName-nameBlock:after {
  clear: both;
}

.hotelName-nameBlock > p {
  font: 16px/1.6 verdana, 微軟正黑體;
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  display: inline-block;
}

.hotelName-nameBlock > p a {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
  padding-bottom: 2px;
}

.hotelName-nameBlock > p a:hover {
  border-bottom: 1px solid #005eb8;
}

.hotelName-nameBlock > p > span {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  margin-left: 8px;
}

.hotelName-nameBlock > p > span:before {
  content: '/';
  margin-right: 5px;
}

.hotelName-nameBlock .hotelName-nameMap {
  display: inline-block;
  float: right;
  vertical-align: middle;
  margin-left: 3px;
}

.hotelName-nameBlock .hotelName-nameMap > p, .hotelName-nameBlock .hotelName-nameMap > a {
  display: inline-block;
  vertical-align: middle;
}

.hotelName-nameBlock .hotelName-nameMap > p {
  position: relative;
  font: 14px/1.6 verdana, 微軟正黑體;
  padding-left: 20px;
}

.hotelName-nameBlock .hotelName-nameMap > p:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91d';
  font-size: 20px;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  position: absolute;
  top: 0;
  left: 0;
}

.hotelName-nameBlock .hotelName-nameMap > a {
  position: relative;
  background-color: #DFDFDF;
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #666;
  text-shadow: 0em 0em 0em #666;
  padding: 0px 18px 0 6px;
  border-radius: 3px;
}

.hotelName-nameBlock .hotelName-nameMap > a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 1px;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #B1AEAE;
  border-right: 5px solid transparent;
}

.hotelName-nameBlock .hotelName-nameMap > a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.hotelName-nameBlock .hotelName-nameMap > a:hover:after {
  border-left: 5px solid #337ec6;
}

.itiPOP-hotelRoom {
  border: 3px solid #F2F2F2;
  border-top: 0;
}

.itiPOP-hotelRoom > li {
  *zoom: 1;
  padding-top: 12px;
  position: relative;
}

.itiPOP-hotelRoom > li:before, .itiPOP-hotelRoom > li:after {
  content: "";
  display: table;
}

.itiPOP-hotelRoom > li:after {
  clear: both;
}

.itiPOP-hotelRoom > li:before {
  background-color: #D9D9D9;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  float: left;
  margin: 8px 8px 0 18px;
}

.itiPOP-hotelRoom > li:after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ddd 0%, #ddd 60%, transparent 60%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-top: 5px;
}

.itiPOP-hotelRoom > li:last-child:after {
  width: 0;
  height: 0;
}

.itiPOP-hotelRoom > li > div, .itiPOP-hotelRoom > li > ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-bottom: 12px;
}

.itiPOP-hotelRoom > li .hotelRoom-hot {
  background-color: #fd7035;
  line-height: 1;
  padding: 1px 3px 2px;
  border-radius: 2px;
  position: absolute;
  top: 15px;
  left: -3px;
}

.itiPOP-hotelRoom > li .hotelRoom-hot:before {
  content: "HOT";
  font: 12px/1 verdana, 微軟正黑體;
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
}

.hotelRoom-nameBlock {
  width: calc(100% - 32px - 160px - 135px - 15px);
  padding-right: 20px;
}

.hotelRoom-nameBlockin {
  margin-bottom: 15px;
}

.hotelRoom-nameBlockin:last-child {
  margin-bottom: 0;
}

.hotelRoom-priceBlock {
  width: 160px;
  padding-right: 6px;
}

.hotelRoom-priceBlock li {
  margin-bottom: 4px;
}

.hotelRoom-priceBlock .hotelRoom-priceNum {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
}

.hotelRoom-otherBlock {
  width: 135px;
}

.hotelRoom-otherBlock > li {
  margin-bottom: 4px;
}

.hotelRoom-priceNum, .hotelRoom-otherNum {
  font: 15px/1.6 verdana, 微軟正黑體;
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.hotelRoom-name {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  margin-bottom: 5px;
}

.hotelRoom-name p .hotelRoom-nameHotel {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  font: 12px/1 verdana, 微軟正黑體;
  line-height: 1;
  background-color: #EEEEEE;
  border: 1px solid #E2E2E2;
  padding: 0 5px;
  margin-right: 8px;
}

.hotelRoom-name p .hotelRoom-nameNight {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  margin-left: 4px;
}

.hotelRoom-name p .hotelRoom-nameNight:before {
  content: "-";
  margin-right: 4px;
}

.hotelRoom-priceTitle, .hotelRoom-otherTitle {
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
}

.hotelRoom-priceTitle {
  display: inline-block;
  width: 60px;
}

.B2BhotelRoom-nameBlock {
  width: calc(100% - 32px - 430px - 20px);
  padding-right: 20px;
}

.B2BhotelRoom-priceBlock {
  width: 430px;
  position: relative;
}

.B2BhotelRoom-priceBlock:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 0;
  display: block;
  width: 80px;
  height: calc(100% - 2px);
  background-color: #f2f2f2;
}

.B2BhotelRoom-priceBlock > li {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 37px;
  border-bottom: 1px solid #ddd;
  position: relative;
  z-index: 1;
}

.B2BhotelRoom-priceBlock > li:before, .B2BhotelRoom-priceBlock > li:after {
  content: "";
  display: table;
}

.B2BhotelRoom-priceBlock > li:after {
  clear: both;
}

.B2BhotelRoom-priceBlock > li .hotelRoom-priceName, .B2BhotelRoom-priceBlock > li > ul, .B2BhotelRoom-priceBlock > li > ul > li {
  float: left;
}

.B2BhotelRoom-priceBlock > li > ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 80px);
  padding: 4px 0;
}

.B2BhotelRoom-priceBlock > li > ul > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 145px;
  padding-left: 8px;
}

.B2BhotelRoom-priceBlock > li > ul > li > span {
  float: left;
}

.B2BhotelRoom-priceBlock > li > ul > li > span.hotelRoom-priceTitle {
  width: auto;
  margin-right: 3px;
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.B2BhotelRoom-priceBlock > li:first-child {
  border-top: 1px solid #ddd;
}

.B2BhotelRoom-priceBlock > li:last-child:after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background-color: #ddd;
  position: absolute;
  top: 0;
  right: 200px;
}

.B2BhotelRoom-priceBlock > li:last-child > ul {
  width: calc(100% - 80px - 200px);
}

.B2BhotelRoom-priceBlock > li:last-child > ul > li:last-child {
  width: auto;
}

.B2BhotelRoom-priceBlock > li:last-child .hotelRoom-priceNum {
  color: #005eb8 !important;
  text-shadow: 0em 0em 0em #005eb8 !important;
}

.B2BhotelRoom-priceBlock .hotelRoom-priceName {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  width: 80px;
  height: 100%;
  text-align: center;
}

.B2BhotelRoom-priceBlock .hotelRoom-priceNum, .B2BhotelRoom-priceBlock .hotelRoom-otherNum {
  line-height: 1.4;
}

.B2BhotelRoom-priceBlock .hotelRoom-otherBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px !important;
  height: 100%;
}

.B2BhotelRoom-priceBlock .hotelRoom-otherBlock > li {
  width: 55px;
  margin-bottom: 0;
}

.B2BhotelRoom-priceBlock .hotelRoom-otherBlock > li:last-child {
  width: calc(100% - 55px) !important;
}

.B2BhotelRoom-priceBlock .hotelRoom-otherBlock .hotelRoom-otherTitle {
  margin-right: 3px;
}

.itiPOP-hotelBlockCruise .hotelRoom-nameBlock {
  width: calc(100% - 32px - 170px - 155px - 15px);
}

.itiPOP-hotelBlockCruise .hotelRoom-priceBlock {
  width: 170px;
}

.itiPOP-hotelBlockCruise .hotelRoom-priceBlock li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}

.itiPOP-hotelBlockCruise .hotelRoom-priceBlock .hotelRoom-priceTitle {
  width: 80px;
}

.itiPOP-hotelBlockCruise .hotelRoom-otherBlock {
  width: 155px;
}

.itiPOP-hotelBlockCruise .hotelRoom-otherBlock li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-nameBlock {
  width: calc(100% - 32px - 370px - 20px);
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-priceBlock {
  width: 370px;
  margin-bottom: 45px;
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-priceBlock > li > ul > li {
  width: 50%;
  min-width: auto;
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-priceBlock > li:last-child > ul {
  width: calc(100% - 80px);
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-priceBlock > li:last-child:after {
  content: none;
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-priceBlock .hotelRoom-otherBlock {
  position: absolute;
  right: 0;
  bottom: -36px;
  width: auto !important;
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-priceBlock .hotelRoom-otherBlock li {
  border-bottom: none;
  padding-bottom: 0;
}

.itiPOP-hotelBlockCruise .B2BhotelRoom-priceBlock .hotelRoom-otherBlock li:last-child {
  width: auto !important;
}

.itiPOP-photo .swiper-container {
  max-width: 700px;
}

.itiPOP-photo .swiper-container .swiper-slide {
  height: auto;
}

.itiPOP-photo .swiper-container.gallery-top {
  margin-bottom: 20px;
}

.itiPOP-photo .swiper-container.gallery-top .swiper-slide {
  position: relative;
}

.itiPOP-photo .swiper-container.gallery-top img {
  margin-top: 35px;
}

.itiPOP-photo .swiper-container.gallery-top p {
  font: 16px/1.6 verdana, 微軟正黑體;
  padding: 1px 70px;
  padding-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  bottom: auto;
  top: 0;
}

.itiPOP-photo .swiper-container.gallery-top .itiPOP-photoBack {
  right: 0;
  top: 4px;
  z-index: 1;
}

.itiPOP-photo .swiper-container.gallery-thumbs .swiper-slide {
  height: 90px;
  cursor: pointer;
}

.itiPOP-photo .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  position: relative;
}

.itiPOP-photo .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  border: 5px solid #00a3e0;
  position: absolute;
  left: 0;
  top: 0;
}

.itiPOP-photo .swiper-button-prev, .itiPOP-photo .swiper-button-next {
  width: 10%;
  height: calc(100% - 35px);
  top: auto;
  bottom: 0;
}

.itiPOP-photo .swiper-button-prev:after, .itiPOP-photo .swiper-button-next:after {
  text-shadow: 0 0 6px #666;
}

.itiPOP-photo .swiper-button-prev:hover, .itiPOP-photo .swiper-button-next:hover {
  color: #fff;
}

.itiPOP-photo .swiper-button-prev:after {
  margin-right: 30px;
}

.itiPOP-photo .swiper-button-next:after {
  margin-left: 30px;
}

.itiPOP-photo .touriti-unesco {
  margin-right: 6px;
}

.itiPOP-photo .touriti-unesco:before {
  font: 15px/1.6 verdana, 微軟正黑體;
  padding: 2px 10px;
  position: static;
}

.itiPOP-photoBack {
  position: absolute;
  right: 95px;
  top: 40px;
  display: inline-block;
}

.itiPOP-photoBack a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border: 1px solid #66C8EC;
  border-radius: 2px;
  padding: 3px 10px;
}

.itiPOP-photoBack a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border: 1px solid #669ed4;
}

.itiPOP-photo-short.itiPOP-photo .swiper-container {
  max-width: 600px;
}

.itiPOP-photo-short .wrapPOP-title {
  position: absolute;
}

.itinerary-share {
  height: 100px;
}

.itinerary-share .itiPOP-setBtn {
  width: 100%;
  max-width: 960px;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  text-align: left;
}

.itinerary-share .itiPOP-setBtn #cmd2Sure {
  position: absolute;
  top: calc(50% - 14px);
  right: 100px;
}

.itinerary-share .itiPOP-setBtn #cmdBack {
  color: #00a3e0 !important;
  text-shadow: 0em 0em 0em #00a3e0 !important;
  border-bottom: 1px dashed #00a3e0 !important;
  background: transparent;
  box-shadow: none;
  min-width: auto;
  position: absolute;
  top: calc(50% - 14px);
  left: 90px;
}

.itinerary-share .itiPOP-setBtn #cmdBack:hover {
  color: #005eb8 !important;
  text-shadow: 0em 0em 0em #005eb8 !important;
  border-bottom: 1px dashed #005eb8 !important;
}

.itiPOP-domAddTour .wrapPOP-content {
  padding-top: 100px;
}

.itiPOP-domAddTour .ui-title {
  position: sticky;
  top: 100px;
  background-color: white;
  padding-top: 15px;
}

.itiPOP-datNote {
  background-color: #ffebda;
  margin-bottom: 20px;
  padding: 15px 20px 10px;
  color: #ed4600;
  text-shadow: 0em 0em 0em #ed4600;
}

.itiPOP-datNote p, .itiPOP-datNote ol, .itiPOP-datNote li {
  margin-bottom: 6px;
}

.itiPOP-datNote li {
  margin-left: 22px;
}

.itiPOP-datNote ol > li {
  list-style: disc;
}

.itiPOP-datNote > ol > li {
  list-style: decimal;
}

.itiPOP-datContent {
  margin-bottom: 20px;
}

.itiPOP-datTitle {
  font: 16px/1.6 verdana, 微軟正黑體;
  margin-bottom: 6px;
  padding-left: 3px;
}

.itiPOP-datTitle p:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #D6D6D6;
  margin-right: 5px;
  margin-bottom: 3px;
}

.itiPOP-datDetail {
  *zoom: 1;
  margin-left: 16px;
}

.itiPOP-datDetail:before, .itiPOP-datDetail:after {
  content: "";
  display: table;
}

.itiPOP-datDetail:after {
  clear: both;
}

.itiPOP-datDetail p {
  margin-bottom: 8px !important;
}

.itiPOP-datDetail ol, .itiPOP-datDetail li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
  font-family: verdana, 微軟正黑體;
  color: #333;
  text-shadow: #333 0em 0em 0em;
}

.itiPOP-datDetail li {
  margin-left: 22px;
  margin-bottom: 4px;
}

.itiPOP-datDetail ol > li {
  list-style: disc;
}

.itiPOP-datDetail > ol {
  margin-bottom: 8px;
}

.itiPOP-datDetail > ol > li {
  list-style: decimal;
}

.itiPOP-datPrice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  border-collapse: collapse;
  float: left;
  max-width: 600px;
}

.itiPOP-datPrice > li {
  display: table-row;
  text-align: center;
}

.itiPOP-datPrice > li > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  border: 1px solid #d4d4d4;
  vertical-align: middle;
  padding: 5px;
}

.itiPOP-datPrice > li > div.datPrice-title {
  min-width: 70px;
  background-color: #f0eeec;
}

.itiPOP-datPrice > li > div.datPrice-num {
  min-width: 100px;
}

.itiPOP-datPrice > li > div.datPrice-num b {
  color: #E85B20;
  text-shadow: 0em 0em 0em #E85B20;
  font-weight: normal;
  margin-left: 2px;
  display: inline-block;
}

.itiPOP-datPrice > li:first-child div {
  background-color: #f0eeec;
}

.itiPOP-datPrice > li:first-child div.datPrice-num {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.itiPOP-domChooseTour .wrapPOP-content {
  padding-left: 30px;
  padding-right: 30px;
}

.itiPOP-domChooseTour .itiPOP-dctContent {
  margin-bottom: 30px;
}

.itiPOP-domChooseTour .itiPOP-dctTitle {
  margin-bottom: 6px;
}

.itiPOP-domChooseTour .itiPOP-dctTitle p {
  font: 16px/1.6 verdana, 微軟正黑體;
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  text-indent: -33px;
  margin-left: 35px;
}

.itiPOP-domChooseTour .itiPOP-dctTitle p:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  color: #B584C3;
  font-size: 24px;
  vertical-align: middle;
  margin-right: 10px;
}

.itiPOP-domChooseTour .itiPOP-dctDetail {
  margin-left: 35px;
}

.itiPOP-domChooseTour .itiPOP-dctDetail p {
  margin-bottom: 8px;
}

.itinerary-dom .mdataInfo-num p {
  font: 15px/1.6 verdana, 微軟正黑體;
}

.itinerary-dom .mdataInfo-num p > span {
  color: #ff9e1b;
  text-shadow: 0em 0em 0em #ff9e1b;
  margin-right: 7px;
}

.itinerary-dom .mdataInfo-dateDetail {
  *zoom: 1;
}

.itinerary-dom .mdataInfo-dateDetail:before, .itinerary-dom .mdataInfo-dateDetail:after {
  content: "";
  display: table;
}

.itinerary-dom .mdataInfo-dateDetail:after {
  clear: both;
}

.itinerary-dom .mdataInfo-dateDetail > span {
  float: left;
  width: calc(100% - 70px - 6px);
}

.itinerary-dom .mdataInfo-dateDetail > span:before {
  content: none;
}

.itinerary-dom .mdataInfo-dateDetail > span:first-child {
  color: #878787;
  text-shadow: 0em 0em 0em #878787;
  width: 70px;
}

.itinerary-dom .mdataInfo-dateDetail > span:first-child:after {
  content: '';
  border-right: 1px solid #ccc;
  margin: 0 0 0 8px;
}

.itinerary-dom .mdataInfo-priceBtn-thsrc {
  position: static;
}

.itinerary-dom .mdataInfo-priceBtn-thsrc a {
  line-height: 2.2;
}

.itinerary-dom .mdataInfo-priceBtn-thsrc a.ui-btn-lineblue {
  color: #00a3e0 !important;
  text-shadow: 0em 0em 0em #00a3e0 !important;
  height: 35px;
}

.itinerary-dom .mdataInfo-priceBtn-thsrc a.ui-btn-lineblue:hover {
  color: #00a3e0 !important;
  text-shadow: 0em 0em 0em #00a3e0 !important;
  background-color: #ccedf9;
}

.itinerary-dom .mdataInfo-priceBank {
  bottom: 4px;
}

.itinerary-dom .mdataInfo-priceOther {
  display: inline-block;
}

.itinerary-dom .touriti-relate {
  padding-bottom: 30px;
}

.itinerary-dom .dlineContent-hotel > ul li.dline-hotelSame, .itinerary-dom .dlineContent-hotel > ul li:nth-last-of-type(1) {
  margin-right: 0;
}

.itinerary-dom .dlineContent-hotel > ul li.dline-hotelSame:after, .itinerary-dom .dlineContent-hotel > ul li:nth-last-of-type(1):after {
  content: none;
}

.itinerary-dom .dlineContent-hotel > ul > div {
  float: left;
  margin-left: 8px;
}

.itinerary-dom .dlineContent-hotel > ul > div > p {
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border-bottom: 1px dashed #33b5e6;
  padding-bottom: 1px;
  display: inline;
  cursor: pointer;
}

.itinerary-dom .dlineContent-hotel > ul > div > p:hover {
  border-bottom: 1px solid #33b5e6;
}

.itinerary-dom .dlineContent-hotel > ul > div > p > i {
  font-size: 0.6em;
  color: #33b5e6;
  text-shadow: 0em 0em 0em #33b5e6;
  text-shadow: none !important;
  margin-left: 4px;
}

.itinerary-dom .dlineContent-hotel > ul > div.dline-hotelMore:before {
  content: '…';
  margin-right: 4px;
}

.itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li {
  display: none;
}

.itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li:nth-child(1), .itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li:nth-child(2), .itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li:nth-child(3), .itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li:nth-child(4), .itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li:nth-child(5) {
  display: block;
}

.itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li:nth-child(5) {
  margin-right: 0;
}

.itinerary-dom .dlineContent-hotel.dline-hotelCut > ul li:nth-child(5):after {
  content: none;
}

a.inquiry_promotionCode_underline {
  color: #fd7035;
  text-shadow: 0em 0em 0em #fd7035;
  border-bottom: 1px dashed #feb79a;
  font: 15px/1.6 verdana, 微軟正黑體;
  display: inline-block;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

a:hover.inquiry_promotionCode_underline {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  border-bottom: 1px solid #fd7035;
}

.touriti-label {
  font: 13px/1.6 verdana, 微軟正黑體;
  line-height: 1;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  background-color: #FFE899;
  border-radius: 25px;
  padding: 2px 6px;
}

.touriti-label:empty {
  display: none;
}

.mdataInfo-num .touriti-label {
  margin-left: 6px;
}

.dateBList-numArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  margin-left: 5px;
}

.dateBList-numArea:has(.touriti-label:empty), .dateBList-numArea:has(.dateBList-numNote:empty) {
  row-gap: 0;
}