@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
html {
  font-size: 1rem;
}
body {
  color: #545454;
  background-color: #ffffff;
  overflow-x: hidden;
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
  width: 100vw;
}
a {
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
button,
select {
  text-transform: none;
  font-family: Helvetica, "微軟正黑體", Roboto, Arial, "Microsoft JhengHei",
    "新細明體", Verdana, sans-serif;
}
:focus {
  outline: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-button {
  width: 8px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f3f3f3;
  border: thin solid #dcdcdc;
  box-shadow: 0px 0px 3px #e0e0e0 inset;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #dedddd;
  border: thin solid #d0d0d0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ddeef3;
}
.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}
#nav li a {
  font-size: 1.25em;
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  #nav li a {
    font-size: 1.05em;
  }
}
.cruise-container {
  padding-top: 65px;
}
.main-block,
.focustrip-title-block {
  position: relative;
}
.row-block {
  display: table;
  width: 100%;
  height: auto;
  padding: 60px 80px;
}
.row-block-s {
  display: table;
  width: 100%;
  height: auto;
  padding: 20px 80px;
}
.row-block-top-s {
  padding-top: 20px;
}
.focustrip-title-block {
  margin: 0px auto 20px;
  text-align: center;
}

.focustrip {
  margin-bottom: 50px;
}

@media (max-width: 1200px) {
  .row-block {
    padding: 40px;
  }
  .row-block-s {
    padding: 20px 40px;
  }
  .row-block-top-s {
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  .cruise-container {
    padding-top: 61px;
  }
}
@media (max-width: 768px) {
  .row-block.focustrip-bg {
    padding: 40px 20px 80px;
  }
}
@media (max-width: 767px) {
  /*.cruise-container{ padding-top:50px;}*/
  .cruise-container {
    padding-top: 50px;
  }
  #top.ystravel.navbar {
    min-height: 50px;
  }
  footer[role="contentinfo"] {
    padding-bottom: 45px;
  }
}
@media (max-width: 575px) {
  .ystravel .main-nav nav li:not(.top_member) {
    margin-bottom: 0;
  }
  .header.gizle .main-nav nav li:not(.top_member) {
    display: block;
    opacity: 1;
  }
}
@media (max-width: 520px) {
  .row-block {
    padding: 20px 10px 40px;
  }
  .row-block-s {
    padding: 20px 10px 40px;
  }
  .row-block-top-s {
    padding-top: 20px;
  }
  .focustrip-title-block {
    margin: 20px auto;
  }
}

/*iframe header*/
.iframeheader {
  height: 87px;
}
.iframeheader.navbar-inverse .navbar-header {
  padding: 0 1em 0.5em 1em;
}
#top.iframeheader .block-title {
  margin: 15px 0;
}

@media (max-width: 991px) {
  iframe#if1 {
    height: 54px;
  }
  .iframeheader {
    height: 54px;
  }
  #top.iframeheader .block-title {
    margin: 0;
  }
}

/*iframe footer*/
footer.iframefooter .footer_info {
  padding: 15px;
}
footer.iframefooter h4 {
  margin: 10px 0;
}
footer.iframefooter .info_content h4,
footer.iframefooter .info_content .tel {
  display: inline-table;
}
footer.iframefooter .footer_copyright {
  padding: 9px;
}

@media (max-width: 991px) {
  iframe#if2 {
    height: 144px;
  }
  footer.iframefooter .footer_logo {
    padding: 0;
  }
}
@media (max-width: 767px) {
  iframe#if2 {
    height: 250px;
  }
  footer.iframefooter .footer_logo,
  footer.iframefooter .info_content {
    padding-left: 25px;
    padding-top: 5px;
  }
}
@media (max-width: 520px) {
  iframe#if2 {
    height: 265px;
  }
  footer.iframefooter .footer_copyright {
    height: 50px;
  }
}
/*cw-slider*/
.cw-slider {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 500px;
  overflow: hidden;
  visibility: hidden;
}
.sliderimg {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 500px;
  overflow: hidden;
}
.cw-sliderloading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.cw-sliderloading img {
  animation-name: cw-sliderloading;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

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

.cwb .i {
  position: absolute;
  cursor: pointer;
}
.cwb .i .b {
  fill: #fff;
  fill-opacity: 0.5;
}
.cwb .i:hover .b {
  fill-opacity: 0.7;
}
.cwb .iav .b {
  fill-opacity: 1;
}
.cwb .i.idn {
  opacity: 0.3;
}
.cwa {
  display: block;
  position: absolute;
  cursor: pointer;
}
.cwa .a {
  fill: none;
  stroke: #fff;
  stroke-width: 360;
  stroke-miterlimit: 10;
}
.cwa:hover {
  opacity: 0.8;
}

/*mainslider*/
.mainslider {
  position: relative;
  margin: 0 auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.nw-slides-container {
  position: relative;
}
.nw-mask {
  position: relative;
  overflow: hidden;
}
.nw-slides {
  position: relative;
  width: 100%; /*height: 500px;*/
  height: auto;
  /* padding-top: 26%; */
  padding-top: 33.33%;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.nw-slide {
  position: absolute;
  top: 0;
  left: 0;
}
.nw-image-container {
  overflow: hidden;
}
.nw-image {
  position: relative;
  display: block;
  border: none;
}
.nw-no-js {
  overflow: hidden;
  max-width: 100%;
}
/*.nw-grab { 	cursor: url(images/openhand.cur), move; }*/
.nw-grabbing {
  cursor: url(images/closedhand.cur), move;
}
.nw-selectable {
  cursor: default;
}
.nw-arrows {
  position: absolute;
}
.nw-fade-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.nw-buttons {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
}
.nw-button {
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 4px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.nw-selected-button {
  background-color: #fff;
}
.nw-slides-container:hover .nw-fade-arrows {
  opacity: 1;
}
.nw-horizontal .nw-arrows {
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -15px;
}
.nw-vertical .nw-arrows {
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -10px;
}
.nw-arrow {
  position: absolute;
  display: block;
  width: 30px;
  height: 50px;
  cursor: pointer;
}
.nw-vertical .nw-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nw-horizontal .nw-previous-arrow {
  left: 15px;
  right: auto;
}
.nw-horizontal.nw-rtl .nw-previous-arrow {
  right: 20px;
  left: auto;
}
.nw-horizontal .nw-next-arrow {
  right: 15px;
  left: auto;
}
.nw-horizontal.nw-rtl .nw-next-arrow {
  left: 20px;
  right: auto;
}
.nw-vertical .nw-previous-arrow {
  top: 20px;
}
.nw-vertical .nw-next-arrow {
  bottom: 20px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.nw-previous-arrow:before,
.nw-previous-arrow:after,
.nw-next-arrow:before,
.nw-next-arrow:after {
  content: "";
  position: absolute;
  width: 10%;
  height: 50%;
  background-color: #fff;
}
.nw-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}
.nw-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}
.nw-next-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nw-horizontal.nw-rtl .nw-previous-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nw-horizontal.nw-rtl .nw-next-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.ie8 .nw-arrow,
.ie7 .nw-arrow {
  width: 0;
  height: 0;
}
.ie8 .nw-arrow:before,
.ie8 .nw-arrow:after,
.ie7 .nw-arrow:before,
.ie7 .nw-arrow:after {
  content: none;
}
.ie8.nw-horizontal .nw-previous-arrow,
.ie7.nw-horizontal .nw-previous-arrow {
  border-right: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.ie8.nw-horizontal .nw-next-arrow,
.ie7.nw-horizontal .nw-next-arrow {
  border-left: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.ie8.nw-vertical .nw-previous-arrow,
.ie7.nw-vertical .nw-previous-arrow {
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.ie8.nw-vertical .nw-next-arrow,
.ie7.nw-vertical .nw-next-arrow {
  border-top: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.mainslider img.nw-image {
  max-width: 100%;
  max-height: none;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}
.mainslider a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .nw-button {
    width: 14px;
    height: 14px;
  }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .nw-button {
    width: 16px;
    height: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .nw-slides {
    height: auto;
    padding-top: 59%;
  }
  .nw-slide {
    height: auto;
  }
  .mainslider img.nw-image {
    max-width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .nw-button {
    width: 18px;
    height: 18px;
  }
}

/*cruis kind*/
.cruisekind-bg {
  margin-top: 5px;
  background-color: #ffffff;
  background-image: url("../img/cruisekind-bg.png");
  background-position: top right;
  background-repeat: no-repeat;
}
.cruise-att {
  position: relative;
  margin: 0 auto 40px;
  max-width: 600px;
  z-index: 1;
}
.cruise-att-text {
  padding: 50px 40px;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 1.4rem;
  color: #13448f;
  z-index: 1;
}
.shell-img {
  position: absolute;
  z-index: -1;
  top: -40px;
  left: -50px;
  opacity: 0.7;
}
.shell-img img {
  width: 100px;
}
.cruise-att div + div {
  padding-top: 10px;
}
.cruise-att .og {
  font-size: 1.8rem;
  color: #fd9339;
}
.cruis-kind {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 0;
  max-width: 1560px;
  list-style: none;
  text-align: center;
}
figcaption,
figure {
  display: block;
}
.cruis-kind figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  max-width: 780px;
  max-height: 422px;
  width: 50%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
.cruis-kind figure img {
  position: relative;
  display: block;
  max-width: 100%;
  opacity: 0.8;
}
.cruis-kind figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cruis-kind figure figcaption,
.cruis-kind figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cruis-kind figure figcaption::before {
  pointer-events: none;
}
.cruis-kind figure h2 {
  word-spacing: -0.15rem;
  font-weight: 300;
}
.cruis-kind figure h2 span {
  font-weight: 800;
}
.cruis-kind figure p {
  letter-spacing: 1px;
}
.cruis-kind figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
figure.effect {
  background: #3498db;
}
figure.effect img {
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}
figure.effect figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 51, 141, 0.5);
  content: "";
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -100%, 0);
}
figure.effect p {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 3em;
  padding: 0 1em;
  max-width: 300px;
  border-right: 4px solid #b37d4e;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect h2 {
  text-align: left;
}
figure.effect:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
figure.effect:hover figcaption::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 100%, 0);
}
figure.effect:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
figure.effect:hover .cruiselogo img {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.cruis-kind .cruiselogo.star img {
  width: 110px;
}
.cruis-kind .cruiselogo.dream img {
  width: 300px;
}

/*20191029首頁LOGO區塊*/
.cruis-kind {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.cruis-kind .cruise-brand {
  float: left;
  width: 50%;
}
.cruis-kind .cruise-brand img {
  max-width: 100%;
}

@media (max-width: 1350px) {
  .cruis-kind figure figcaption {
    padding: 1.5em;
  }
  .cruis-kind .cruiselogo.star img {
    width: 80px;
  }
  .cruis-kind .cruiselogo.dream img {
    width: 220px;
  }
  figure.effect p {
    margin: 2em;
    font-size: 85%;
  }
  .cruisekind-bg {
    background-position: top center;
  }
}
@media (max-width: 992px) {
  .cruis-kind figure figcaption {
    padding: 1em;
  }
  .cruisekind-bg {
    background-position: -650px top;
  }
}
@media (max-width: 768px) {
  .cruis-kind figure figcaption {
    padding: 0.5em;
  }
  .cruis-kind .cruiselogo.star img {
    width: 60px;
  }
  .cruis-kind .cruiselogo.dream img {
    width: 180px;
  }
  figure.effect p {
    font-size: 70%;
  }
  .cruisekind-bg {
    background-position: -800px top;
  }
  .cruise-att-text {
    padding: 30px 20px;
    font-size: 1.1rem;
  }
  .cruise-att .og {
    font-size: 1.5rem;
  }
}
@media (max-width: 520px) {
  .cruis-kind figure {
    width: 100%;
    margin: 2px 0;
  }
  figure.effect p {
    margin: 1em;
    font-size: 90%;
  }
  .cruis-kind .effect + .effect {
    margin-top: 15px;
  }
  .cruisekind-bg {
    background-position: -200px -40px;
  }
  .cruise-att-text {
    padding: 15px 10px;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .cruise-att .og {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
  .cruis-kind .cruise-brand img {
    max-height: 90px;
  }
}
/*focus trip*/
/*.focustrip-bg{ background:#f7f2ee;}*/
section {
  display: block;
}
.focusgrid {
  margin: 0px auto;
  max-width: 1560px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.focusgrid a {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 20px;
  color: #333;
}
.focusgrid figure {
  position: relative;
  overflow: hidden;
  background: #333;
}
.focusgrid figure img {
  position: relative;
  display: block;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.focusgrid svg {
  position: absolute;
  top: -15px;
  z-index: 10;
  width: 100%;
  height: 80%;
}
.focusgrid svg path {
  fill: #13448f;
}
.focusgrid figcaption {
  position: absolute;
  top: 0;
  z-index: 11;
  padding: 8px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.focusgrid figcaption,
.focusgrid figcaption h2,
.focusgrid figcaption p,
.focusgrid figure button {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.focusgrid figcaption p {
  padding: 0 20px;
  color: #ecc976;
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.focusgrid figcaption h2,
.focusgrid figcaption p {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.focusgrid figure button {
  position: absolute;
  padding: 4px 20px;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.focustrip .focusgrid figure button {
  bottom: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  background: rgba(235, 200, 118, 0.8);
  color: #584517;
  font-weight: 600;
  font-size: 1rem;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  cursor: pointer;
}
.focustrip body {
  background: #e74c3c;
}
.focustrip .focusgrid figcaption h2 {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  margin-block-start: 0.4em;
  margin-block-end: 0.4em;
}
.focustrip .focusgrid figcaption p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.focustrip .focusgrid a:hover figure button {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.focustrip .focusgrid figcaption h2,
.focustrip .focusgrid figcaption p {
  -webkit-transition-timing-function: cubic-bezier(
    0.25,
    0.25,
    0.115,
    1
  ); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
  timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
}
.focustrip .focusgrid a:hover figcaption p {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.focusgrid a:hover figure img {
  opacity: 0.6;
}
.focusgrid a:hover figcaption h2,
.focusgrid a:hover figcaption p {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.focusgrid a:hover figcaption p {
  opacity: 0;
}
.focustrip-title {
  color: #978151;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.focustrip-title:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 45%;
  left: 0;
  top: 20px;
  background-color: #978151;
}
.focustrip-title:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 45%;
  right: 0;
  top: 20px;
  background-color: #978151;
}
.focusgrid-block {
  background: #fbf0e4;
  height: 100%;
  border-bottom: 3px solid #ebc876;
}
.focustext {
  padding: 10px 20px; /*min-height: 70px;*/
  color: #545454;
  font-weight: 600;
  line-height: 1.6rem;
}

@media (max-width: 1500px) {
  .focustrip .focusgrid figcaption h2 {
    margin-block-start: -0.2em;
    margin-block-end: 0.2em;
    font-size: 1.3rem;
  }
  .focustrip .focusgrid figcaption p {
    margin-block-start: 0em;
    margin-block-end: 0.5em;
  }
  .focustrip-title:before,
  .focustrip-title:after {
    width: 43%;
  }
}
@media (max-width: 1300px) {
  .focusgrid svg {
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .focustrip .focusgrid figcaption h2 {
    font-size: 1.1rem;
  }
  .focustrip .focusgrid figcaption p {
    margin-block-start: -0.2em;
    margin-block-end: 0.2em;
    font-size: 1em;
  }
}
@media (max-width: 992px) {
  .focusgrid a {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .focustrip .focusgrid figcaption h2 {
    margin-block-start: 0.2em;
    margin-block-end: 0.4em;
    font-size: 1.1rem;
  }
  .focustrip .focusgrid figcaption p {
    font-size: 1rem;
  }
  .focustrip-title:before,
  .focustrip-title:after {
    width: 40%;
  }
  .focustext {
    padding: 10px 15px;
  }
}
@media (max-width: 768px) {
  .focusgrid a {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .focusgrid svg {
    height: 65%;
  }
  .focustext {
    margin: 0 8px 5px;
  }
  .focusgrid figure img {
    padding-top: 0px;
  }
  .focustrip-title:before,
  .focustrip-title:after {
    width: 36%;
  }
}
@media (max-width: 650px) {
  .focusgrid svg {
    height: 70%;
  }
}
@media (max-width: 768px) and (min-width: 521px) {
  .focustrip .focusgrid figcaption h2 {
    font-size: 1.5rem;
    margin-block-start: 0.4em;
    margin-block-end: 0.4em;
  }
  .focustrip .focusgrid figcaption p {
    font-size: 1.2rem;
  }
}
@media (max-width: 520px) {
  .focusgrid figure {
    margin: 0;
  }
  .focustext {
    margin: 0;
  }
  .focustrip-title:before,
  .focustrip-title:after {
    width: 30%;
  }
}
@media (max-width: 380px) {
  .focusgrid svg {
    height: 90%;
  }
}

/*right menu*/
.right-slide {
  position: fixed;
  background: #ffffff;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
.right-slide-top {
  position: relative;
  background: #0092b7;
}
.right-slide-top h3 {
  padding: 15px;
  margin: 0;
  color: #f6fdff;
  font-size: 1.7em;
  font-weight: 300;
}
.right-slide-top .right-slide-close {
  position: absolute;
  background-image: url("../img/close-wt.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  top: 22px;
  right: -10px;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.right-slide-top .right-slide-close:hover {
  opacity: 0.5;
}
.right-slide a {
  display: block;
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
}
.right-slide-vertical {
  width: 400px;
  height: 100%;
  top: 0;
  z-index: 10001;
}
.right-slide-right {
  right: -402px;
}
.right-slide-right.right-slide-open {
  right: 0px;
  box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.5);
}
.right-slide,
.righttab {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.righttab {
  position: fixed;
  top: 50%;
  right: 0px;
  height: 150px;
  z-index: 10001;
}
.right-slide-open .righttab {
  right: 400px;
}
.righttab button {
  width: 70px;
  padding: 12px 10px 10px 10px;
  background: #f39500 !important;
  color: #ffffff;
  box-shadow: -4px 2px 5px rgba(0, 0, 0, 0.3);
  font-size: 1.1rem;
  line-height: 1.7rem;
  border: 0;
  border-right: 5px solid #fd9339;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.righttab .tabsvg {
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
  text-align: center;
}
.righttab .tabsvg img {
  width: 16px;
  height: 16px;
}
.righttab button span,
.righttab .tabsvg {
  opacity: 0.9;
}
.righttab button:hover {
  background: #de3737 !important;
}
.righttab button:hover span,
.righttab button:hover .tabsvg {
  opacity: 1;
}
.righttab button.active {
  margin-right: 400px;
}
/*@media screen and (max-height: 26.375em){
	.right-slide-vertical {
		font-size: 90%;
		width: 190px;
	}
	.right-slide-right {
		right: -190px;
	}
}*/
@media (max-width: 767px) {
  .righttab {
    top: auto;
    bottom: 0;
    height: 48px;
    width: 100%;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  }
  .righttab button {
    position: relative;
    width: 100%;
    border-radius: 0;
    border-right: 0;
    border-top: 3px solid #fd9339;
  }
  .righttab .tabsvg {
    position: absolute;
    width: auto;
    left: 0px;
    right: 100px;
    top: 13px;
  }
  .right-slide-open .righttab {
    right: 0;
  }
  .right-slide-right.right-slide-open {
    width: 100%;
  }
}
/*right menu calculator*/
.calculator {
  padding: 10px 15px;
  text-align: center;
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.cal-form-block {
  padding: 10px 5px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.calculator.date > div:nth-of-type(2) {
  -webkit-order: 2;
}
.calculator.date > div:nth-of-type(2) {
  order: 2;
}
.calculator.date > div:nth-of-type(3) {
  -webkit-order: 4;
}
.calculator.date > div:nth-of-type(3) {
  order: 4;
}
.calculator.date > div:nth-of-type(4) {
  -webkit-order: 3;
}
.calculator.date > div:nth-of-type(4) {
  order: 3;
}
.calculator.date > div:nth-of-type(5) {
  -webkit-order: 5;
}
.calculator.date > div:nth-of-type(6) {
  -webkit-order: 6;
}
.calculator.date > div:nth-of-type(7) {
  -webkit-order: 7;
}
.calculator.date > div:nth-of-type(8) {
  -webkit-order: 8;
}
.calculator.date > div:nth-of-type(5) {
  order: 5;
}
.calculator.date > div:nth-of-type(6) {
  order: 6;
}
.calculator.date > div:nth-of-type(7) {
  order: 7;
}
.calculator.date > div:nth-of-type(8) {
  order: 8;
}
.calculator .tab-group {
  padding-top: 5px;
}
.calculator button.tab {
  position: relative;
  padding: 3px 18px;
  border-radius: 4px;
  background: #ffffff;
  color: #12448f;
  letter-spacing: 0.1em;
  border: 1px solid #12448f;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.calculator button.tab.active,
.calculator button.tab:active,
.calculator button.tab:hover {
  color: #fff;
  border: 1px solid #12448f;
  background: #12448f;
}
.calculator button.tab.active:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #12448f transparent transparent transparent;
  left: 45%;
  bottom: -7px;
}
.calculator button.tab + .tab {
  margin-left: 5px;
}
.cal-form-title {
  position: relative;
  color: #0092b7;
  text-align: left;
  font-size: 1rem;
  font-weight: 600;
  flex: 0 0 100%;
  max-width: 100%;
}
.tab-group {
  flex: 0 0 100%;
  max-width: 100%;
}
.cal-select {
  width: 100%;
  min-width: 18em;
  position: relative;
  display: inline-block;
  min-height: 2em;
  max-height: 2em;
  overflow: hidden;
  top: 0.5em;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: #545454;
  outline: none;
  border: 0.06em solid transparent;
  border-radius: 0.5em;
  background-color: #ddeef3;
  transition: 0.3s all ease-in-out;
}
.cal-select input:focus + label {
  background: #ffffff;
}
.cal-select input {
  width: 1px;
  height: 1px;
  display: inline-block;
  position: absolute;
  opacity: 0.01;
}
.cal-select label {
  display: table;
  width: 100%;
  height: 2em;
  line-height: 1.6em;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 4px;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
  word-break: break-all;
}
.cal-select label:nth-child(2) {
  margin-top: 0em;
}
.cal-select input:checked + label {
  display: block;
  border-top: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.cal-select input:checked + label:nth-child(2) {
  margin-top: 0;
  position: relative;
}
.cal-select::after {
  content: "";
  position: absolute;
  right: 0.8em;
  top: 0.9em;
  border: 0.3em solid #0092b7;
  border-color: #0092b7 transparent transparent transparent;
  transition: 0.4s all ease-in-out;
}
.cal-select.expanded {
  border: 0.06em solid #0092b7;
  background: #fff;
  border-radius: 0.25em;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
  max-height: 260px;
  overflow-y: auto;
}
.cal-select.expanded label {
  border-top: 0.06em solid #d9d9d9;
}
.cal-select.expanded label:hover {
  color: #0092b7;
}
.cal-select.expanded input:checked + label {
  color: #0092b7;
}
.cal-select.expanded::after {
  transform: rotate(-180deg);
  top: 0.55em;
}
.cal-select label span {
  white-space: normal;
}

/*20191001 select樣式*/
#cabin_select_block {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
  height: 39px;
}
.cruise-select {
  cursor: pointer;
  position: relative;
  margin-top: 5px;
  font-size: 1.1em;
  color: #545454;
  width: 100%;
  height: 39px;
  vertical-align: middle;
  text-align: left;
}
.cruise-select li {
  float: inherit;
  width: 100%;
}
.cruise-select select {
  border: 0;
  background: inherit;
  display: none;
}
.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #ffffff;
  background-color: #ddeef3;
  color: #545454;
  border-radius: 4px;
  padding: 4px 25px 4px 10px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 2em;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.select-styled:after {
  content: "";
  background-image: url(../img/angle-down.svg);
  position: absolute;
  top: 8px;
  right: 6px;
  width: 16px;
  height: 20px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transform: rotate(0deg);
}
.select-styled:active,
.select-styled.active {
  background-color: #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #0097a7;
  border-bottom: 1px solid transparent;
}
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9em;
  background-color: #ffffff;
  border: 1px solid #0097a7;
  color: #545454;
  font-weight: 600;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}
.cruise-select ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
.select-options li {
  margin: 0;
  padding: 8px 10px;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  color: #0092b7;
  background: #ffffff;
}
.select-options li:last-child:hover {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.select-options li[rel="hide"] {
  display: none;
}
.select-options li + li {
  border-top: 1px solid #e5eff0;
}

/*20191014 訂購單select樣式*/
.order-form .cruise-select {
  width: 189px;
}
.order-form .select-styled {
  border: 1px solid #c1c1c1;
  background-color: #ffffff;
}
.order-form .select-styled:active,
.order-form .select-styled.active {
  background-color: #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #13448f;
  border-bottom: 1px solid transparent;
}
.order-form .select-options {
  border: 1px solid #13448f;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}

.cal-form-block.person {
  text-align: left;
}
.cal-form-block .person-block {
  padding-top: 5px;
  padding-bottom: 5px;
  flex: auto;
  flex: 0 0 50%;
  max-width: 50%;
}
.cal-form-block .person-block:nth-child(odd) {
  padding-left: 5px;
}
.cal-form-person {
  color: #545454;
  font-size: 0.9rem;
}
.cal-form-block .person-block .cal-select {
  min-width: 8em;
}
.calculator .cal-btn,
.cal-result .cal-btn,
.order-form .cal-btn {
  margin: 15px 10px;
  padding: 8px;
  min-width: 150px;
  border: 0;
  border-radius: 4px;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.promote-block {
  display: flex;
  padding: 15px;
  background-color: #ffffff;
  flex-direction: column;
}
.promote {
  background-color: #f08bc3;
  margin-top: 10px;
  background: #ffffff;
  border-radius: 8px;
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}
.promote.og {
  order: -1;
}
.promote.og .cal-btn {
  background: #fd9339;
  color: #ffffff;
}
.promote.bl .cal-btn,
.calculator .cal-btn.bl,
.order-form .cal-btn.bl {
  background: #0092b7;
  color: #ffffff;
}
.promote.bl .cal-btn:hover,
.calculator .cal-btn.bl:hover,
.order-form .cal-btn.bl:hover {
  background: #027d9c;
}
.promote.og .cal-btn:hover {
  background: #e6700c;
}
.calculator .btn-s,
.cal-result .btn-s {
  padding: 8px;
  min-width: 100px;
}
.calculator .cal-btn.btn-m,
.order-form .cal-btn.btn-m {
  margin: 20px auto;
}
.cal-result {
  background: #f3f3f3;
  width: 100%;
  height: 100%;
  padding: 8px;
  border-top: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: left;
}
.cal-result ul {
  padding-inline-start: 0px;
  margin: 0px;
}
.cal-result li {
  padding-bottom: 3px;
  list-style: none;
  color: #545454;
  font-size: 0.9rem;
}
.cal-result li.title {
  padding-bottom: 5px;
  padding-left: 25px;
  position: relative;
  font-size: 1rem;
  color: #545454;
  font-weight: 600;
}
.cal-result .result-arrow {
  position: absolute;
  top: -2px;
  left: 0;
}
.cal-result .result-arrow img {
  width: 20px;
  height: 20px;
}
.text-bl,
.cal-result li.text-bl {
  color: #0092b7;
}
.promote.og {
  border: 1px solid #f9a862;
}
.promote.bl {
  border: 1px solid #91c6d4;
}
.promote .item {
  position: relative;
  width: 100%;
  padding: 8px;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.item span {
  font-size: 1.3rem;
  padding-left: 2px;
  position: absolute;
  top: 3px;
}
.promote .item .best {
  position: absolute;
  width: 120px;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 37px solid #e06700;
  border-top-right-radius: 8px;
  right: 0;
  top: 0;
  text-align: center;
}
.promote .item .best div {
  position: absolute;
  top: 8px;
  left: 12px;
  color: #ffffff;
  letter-spacing: 0.05rem;
}
.promote-theme,
.promote-price {
  padding: 10px 10px 0 10px;
}
.promote.og .item {
  background: #ffdbbb;
  color: #e06700;
}
.promote.bl .item {
  background: #ddeef3;
  color: #0092b7;
}
.promote-theme div {
  border-bottom: 1px solid #e0e0e0;
}
.promote-theme .theme-name {
  font-weight: 600;
}
.theme-price {
  font-size: 1.2rem;
  color: #ce862b;
  font-style: italic;
  font-weight: bolder;
}
.promote-theme div.theme-price {
  border-bottom: 0;
  padding-bottom: 5px;
}
.theme-other {
  color: #545454;
}
.promote-theme div.theme-other {
  padding-top: 5px;
}
.promote-theme .theme-name,
.promote-theme .theme-price,
.promote-theme .theme-other {
  padding-top: 10px;
  padding-bottom: 10px;
}
.promote-theme div.theme-btn {
  border: 0;
}
.promote-theme .theme-btn .offer {
  display: table;
  margin-bottom: 10px;
  padding: 5px;
  background: #ffffff;
  color: #545454;
  font-size: 0.9rem;
  border: 1px solid #ccc;
  border-top: 0;
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.promote-theme .theme-btn .offer:hover {
  background: #efefef;
}
.promote-theme .theme-btn .offer-detail {
  margin: 0px;
  padding: 5px;
  background: #ffffff;
  border-bottom: 1px solid #e0e0e0;
  display: none;
}
.promote-theme .theme-btn .offer-detail ul {
  padding-inline-start: 20px;
}
.promote-theme .theme-btn .offer-detail ul li {
  list-style: decimal;
}
.price-title {
  position: relative;
  padding-left: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
}
.promote.og .price-detail span {
  color: #e06700;
}
.promote.bl .price-detail span {
  color: #0092b7;
}
.promote-price .pricesvg {
  position: absolute;
  top: 0;
  left: 0;
}
.promote-price .pricesvg img {
  width: 16px;
  height: 16px;
}
@media (max-width: 768px) {
  .cal-result {
    padding: 8px 8px 50px;
  }
}

/*compare-check*/
.compare-check {
  position: absolute;
  top: 0;
  right: 90px;
}
.compare-roominfo {
  position: absolute;
  top: -10px;
  right: 0px;
  margin-top: 5px;
}
.compare-roominfo a {
  font-weight: bold;
  font-size: 1em;
}
.compare-roominfo .compare-btn {
  width: 80px;
  padding: 3px;
  border-radius: 4px;
  border: 1px solid #0092b7;
  color: #0092b7;
  background: #ffffff;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.compare-roominfo .compare-btn:hover {
  color: #ffffff;
  background: #0092b7;
}
.com-cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.com-cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.com-cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #0092b7;
  transition: all 0.2s ease;
}
.com-cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.com-cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #0092b7;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.com-cbx span:last-child {
  padding-left: 2px;
}
.com-cbx:hover span:first-child {
  border-color: #0092b7;
}
.inp-cbx:checked + .com-cbx span:first-child {
  background: #0092b7;
  border-color: #0092b7;
  animation: wave 0.4s ease;
}
.inp-cbx:checked + .com-cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.inp-cbx:checked + .com-cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
/*compare-select*/
#cabin_check_block {
  width: 100%;
  position: relative;
  min-height: 2em;
  overflow: hidden;
  top: 0.5em;
  padding: 5px;
  cursor: pointer;
  text-align: left;
  color: #545454;
  outline: none;
  border: 0.06em solid transparent;
  border-radius: 0.5em;
  background-color: #ddeef3;
  transition: 0.3s all ease-in-out;
}
.compare-select {
  position: relative;
  display: inline-block;
}
.compare-select input {
  width: 1px;
  height: 1px;
  display: inline-block;
  position: absolute;
  opacity: 0.01;
}
.compare-select .compare-room label {
  display: table;
  width: 100%;
  line-height: 1.6em;
  padding-left: 0.2em;
  padding-right: 1em;
  padding-top: 4px;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
  word-break: break-all;
}
.compare-select .select-cbx {
  position: absolute;
  top: -3px;
  left: 6px;
}
.compare-select .select-cbx .com-cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.compare-select .select-cbx .com-cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.compare-select .select-cbx .com-cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #0092b7;
  transition: all 0.2s ease;
}
.compare-select .select-cbx .com-cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.compare-select .select-cbx .com-cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #0092b7;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.compare-select .select-cbx .com-cbx span:last-child {
  padding-left: 2px;
}
.compare-select .select-cbx .com-cbx:hover span:first-child {
  border-color: #0092b7;
}
.compare-select .select-cbx .inp-cbx:checked + .com-cbx span:first-child {
  background: #0092b7;
  border-color: #0092b7;
  animation: wave 0.4s ease;
}
.compare-select .select-cbx .inp-cbx:checked + .com-cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.compare-select
  .select-cbx
  .inp-cbx:checked
  + .com-cbx
  span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
.compare-select .compare-room {
  position: relative;
  padding-left: 30px;
}
.cal-select.compare-select {
  max-height: inherit;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
/*cruiseroute*/
.hotnews,
.breadcrumb {
  max-width: 1560px;
  margin: 0 auto;
}
.breadcrumb {
  padding-top: 10px;
  padding-bottom: 20px;
  letter-spacing: 0.05rem;
  overflow: hidden;
}
.breadcrumb-b-m {
  margin-top: 30px;
  margin-bottom: 15px;
}
.breadcrumb,
.breadcrumb a {
  color: #949494;
}
.breadcrumb span {
  position: relative;
}
.breadcrumb span + span {
  padding-left: 15px;
}
.breadcrumb span.active {
  color: #978151;
  font-weight: 600;
}
.breadcrumb span + span::before {
  content: "";
  position: absolute;
  border: 0.3em solid #978151;
  border-color: transparent transparent transparent #978151;
  top: 3px;
  left: 5px;
}
.breadcrumb span a:hover {
  color: #978151;
  text-decoration: underline;
}
.breadcrumb.white,
.breadcrumb.white a {
  color: #ffffff;
}
.breadcrumb.white span.active {
  color: #f7ca67;
}
.breadcrumb.white span a:hover {
  color: #f7ca67;
}
.breadcrumb.white span + span::before {
  border: 0.3em solid #f7ca67;
  border-color: transparent transparent transparent #f7ca67;
}
.hotnews {
  position: relative;
  padding: 15px 15px 15px 140px;
  background: #f6f7f9;
  border: 1px solid #d4d4d4;
  font-size: 1.1rem;
  font-weight: 600;
}
.hotnews-title {
  position: absolute;
  width: 120px;
  left: 0;
  top: 0;
  padding: 8px;
  background: #9a8151;
  color: #ffffff;
  text-align: center;
  border-bottom-right-radius: 20px;
  letter-spacing: 0.05rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
/*.hotnews span { 	padding-top:5px; 	padding-bottom:5px; 	display:block; 	border-bottom: 1px dotted #d6cdbb; }*/
.hotnews span p {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #d6cdbb;
}
.hotnews span a {
  color: #e06700;
}
.hotnews span a:hover {
  color: #9a8151;
}
div.hotnews > span:nth-child(2) > p::before {
  content: "1．";
}
div.hotnews > span:nth-child(3) > p::before {
  content: "2．";
}
div.hotnews > span:nth-child(4) > p::before {
  content: "3．";
}
div.hotnews > span:nth-child(5) > p::before {
  content: "4．";
}
div.hotnews > span:nth-child(6) > p::before {
  content: "5．";
}
div.hotnews > span:nth-child(7) > p::before {
  content: "6．";
}
div.hotnews > span:nth-child(8) > p::before {
  content: "7．";
}
div.hotnews > span:nth-child(9) > p::before {
  content: "8．";
}
div.hotnews > span:nth-child(10) > p::before {
  content: "9．";
}
div.hotnews > span:nth-child(11) > p::before {
  content: "10．";
}
div.hotnews > span:nth-child(12) > p::before {
  content: "11．";
}
div.hotnews > span:nth-child(13) > p::before {
  content: "12．";
}
div.hotnews > span:nth-child(14) > p::before {
  content: "13．";
}
div.hotnews > span:nth-child(15) > p::before {
  content: "14．";
}
div.hotnews > span:nth-child(16) > p::before {
  content: "15．";
}

.cruiseroute {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 0;
  max-width: 1560px;
  list-style: none;
  text-align: center;
}
.cruiseroute .img-block {
  width: 100%;
  display: table;
  background: #f7f2ee;
  background-image: url("../img/leaves.png");
  background-position: right top;
  background-repeat: no-repeat;
  overflow: hidden;
}
.cruiseroute .intro-left,
.cruiseroute .intro-right {
  float: left;
  width: 50%;
}
.cruiseroute .intro-left {
  padding-bottom: 250px;
  margin-bottom: -250px;
  background: #f2e6d7;
}
.cruiseroute .intro-left .pic {
  position: relative;
}
.cruiseroute .intro-left .pic img {
  max-width: 100%;
}
.cruiseroute .intro-left .pic .starlogo {
  position: absolute;
  top: 0;
  left: 25px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #ebc876;
}
.cruiseroute .cruise-title-block {
  position: relative;
  margin-bottom: 20px;
}
.cruiseroute .cruise-title-block:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 13%;
  left: 0;
  top: 20px;
  background-color: #978151;
}
.cruiseroute .cruise-title {
  margin-top: 50px;
  color: #978151;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: left;
  padding-left: 15%;
}
.cruiseroute .title-e {
  font-size: 1.2rem;
}
.cruiseroute .intro-pic-block {
  width: 100%;
  display: table;
  padding: 10px 30px;
}
.cruiseroute .intro-pic {
  width: 33.333%;
  float: left;
}
.cruiseroute .intro-pic img {
  max-width: 100%;
  padding: 8px;
}
.cruiseroute .intro-btn {
  width: 100%;
  text-align: right;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
.cruiseroute .voyage-theme-block {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 10px;
}
.cruiseroute .voyage-theme {
  position: relative;
  padding: 15px;
  background: #ffffff;
  height: 100%;
  min-height: 260px;
  border-left: 3px solid #dde2ea;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  text-align: left;
  cursor: pointer;
}
.cruiseroute .voyage-theme:hover {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.cruiseroute .voyage-theme .name,
.cruiseroute .voyage-theme .date,
.cruiseroute .voyage-theme .week {
  margin-top: 8px;
}
.cruiseroute .voyage-theme .name {
  height: 56px;
  padding-bottom: 5px;
  font-size: 1.1rem;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  border-bottom: 1px solid #d6d6d6;
}
.cruiseroute .voyage-theme .date-block {
  padding-top: 10px;
}
.cruiseroute .voyage-theme a .date {
  display: inline-table;
  background: #48aec7;
  padding: 3px 5px;
  min-width: 55px;
  text-align: center;
  font-size: 0.9rem;
  color: #ffffff;
  border-radius: 30px;
  letter-spacing: 0.05rem;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.cruiseroute .voyage-theme a .date:hover {
  background: #68c9e0;
}
.cruiseroute .voyage-theme a .date.normal {
  background: #48aec7;
}
.cruiseroute .voyage-theme a .date.high {
  background: #f39500;
}
.cruiseroute .voyage-theme a .date.low {
  background: #ec5f5f;
}
.cruiseroute .voyage-theme a .date.special {
  background: #c1ae84;
}
.cruiseroute .voyage-theme a .date.normal:hover {
  background: #68c9e0;
}
.cruiseroute .voyage-theme a .date.high:hover {
  background: #ff8686;
}
.cruiseroute .voyage-theme a .date.low:hover {
  background: #deaae0;
}
.cruiseroute .voyage-theme a .date.special:hover {
  background: #d2c4a5;
}
.cruiseroute .voyage-theme .date span {
  font-size: 0.7rem;
  font-weight: 400;
}
.cruiseroute .voyage-theme .price-block {
  position: relative;
  margin-top: 10px;
}
.cruiseroute .voyage-theme .price {
  display: inline-block;
  bottom: 10px;
  color: #e06700;
  font-size: 1.6rem;
}
.cruiseroute .voyage-theme .price span {
  font-size: 0.9rem;
  font-weight: 400;
  padding-left: 5px;
}
.cruiseroute .voyage-theme .discount {
  color: #0092b7;
  font-weight: 600;
  font-size: 1rem;
}
.cruiseroute .voyage-theme .discount span {
  position: absolute;
  border: 1px solid #0092b7;
  border-radius: 2px;
  padding: 2px 4px;
  top: 2px;
  left: 70px;
}
.cruiseroute .voyage-theme .price-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.cruiseroute .voyage-theme .vroom {
  display: inline-block;
  background: #fbe6d4;
  vertical-align: sub;
  padding: 5px 8px;
  border: 0;
  border-radius: 2px;
  color: #e06700;
  font-weight: 400;
  font-size: 0.9rem;
  text-align: center;
  cursor: pointer;
}
.cruiseroute .voyage-theme .vroom:hover {
  background: #e06700;
  color: #fbe6d4;
}
.cruiseroute .color-group {
  padding-top: 10px;
  padding-left: 5px;
  text-align: left;
  font-size: 0.9em;
}
.cruiseroute .color-group .color-block,
.cruiseroute .color-group .color-block > div {
  display: inline-block;
}
.cruiseroute .color-group .color-block:nth-child(1) {
  display: none;
}
.cruiseroute .color-group .color-block + .color-block {
  margin-left: 5px;
}
.cruiseroute .color-group .color {
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.cruiseroute .color-group .color.normal {
  background: #48aec7;
}
.cruiseroute .color-group .color.high {
  background: #f39500;
}
.cruiseroute .color-group .color.low {
  background: #ec5f5f;
}
.cruiseroute .color-group .color.special {
  background: #d2c4a5;
}
.cruiseroute .intro-left-text {
  position: relative;
  padding: 30px 30px 30px 30px;
  background: #f2e6d7;
  color: #978151;
  text-align: left;
  line-height: 1.6rem;
}
.cruiseroute .intro-left-text a {
  position: absolute;
  padding: 4px 8px;
  top: 30px;
  right: 30px;
  background: #e0d2b4;
  color: #978151;
  border-radius: 2px;
}
.cruiseroute .intro-left-text a:hover {
  background: #978151;
  color: #ffffff;
}
.cruiseroute .introduce-block {
  padding: 10px 30px;
  overflow: hidden;
}
.cruiseroute .introduce-block-text {
  float: left;
  width: 50%;
  padding-left: 30px;
  padding-bottom: 20px;
  font-size: 0.9rem;
  text-align: left;
}
.cruiseroute .introduce-block-text div::before {
  content: "›";
  color: #13448f;
  margin-left: -15px;
  padding-right: 5px;
  line-height: 1.8rem;
}
.bottom-button {
  position: relative;
  margin: 50px auto;
  padding-top: 30px;
  max-width: 1560px;
  text-align: center;
  border-top: 1px solid #ccc;
}
.bottom-button .button-block {
  display: inline-block;
}
.bottom-button .backbutton,
.bottom-button .noticebutton,
.bottom-button .qabutton {
  position: relative;
  margin: 0 5px;
  padding: 10px;
  max-width: 200px;
  display: inline-block;
  color: #ffffff;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.bottom-button .backbutton,
.bottom-button .qabutton {
  padding: 10px 15px 10px 40px;
}
.bottom-button .qabutton {
  background: #0092b7;
}
.bottom-button .noticebutton {
  background: #ddeef3;
  color: #0092b7;
}
.bottom-button .backbutton {
  background: #f1984d;
}
.bottom-button .noticebutton:hover {
  background: #027d9c;
  color: #ffffff;
}
.bottom-button .qabutton:hover {
  background: #027d9c;
}
.bottom-button .backbutton:hover {
  background: #e6700c;
}
.bottom-button .backbutton::before,
.bottom-button .qabutton::before {
  content: "";
  position: absolute;
  left: 15px;
}
.bottom-button .backbutton::before {
  background-image: url(../img/arrow-right.svg);
  transform: rotate(180deg);
  width: 15px;
  height: 15px;
  top: 13px;
}
.bottom-button .qabutton::before {
  background-image: url(../img/qa-circle.svg);
  width: 18px;
  height: 18px;
  top: 12px;
}

@media (max-width: 1600px) {
  .cruiseroute .intro-pic img {
    max-width: 80%;
    padding: 0;
  }
  .cruiseroute .voyage-theme .discount {
    display: block;
    margin-top: 5px;
  }
}
@media (max-width: 1400px) {
  .cruiseroute .cruise-title {
    margin-top: 30px;
    font-size: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .cruiseroute .voyage-theme-block {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cruiseroute .cruise-title-block {
    margin-bottom: 10px;
  }
  .cruiseroute .cruise-title {
    margin-top: 15px;
  }
  .cruise-title span {
    display: block;
  }
  .cruiseroute .intro-pic img {
    max-width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .cruiseroute .introduce-block-text {
    padding-bottom: 0;
    width: 100%;
  }
  .cruiseroute .introduce-block-text:last-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .cruiseroute .voyage-theme-block {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cruiseroute .intro-left,
  .cruiseroute .intro-right {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .hotnews {
    padding: 55px 15px 15px 15px;
  }
  .cruiseroute .intro-pic-block {
    padding: 10px 0 20px;
  }
  .cruiseroute .voyage-theme {
    min-height: 200px;
    height: auto;
  }
  .bottom-button .backbutton,
  .bottom-button .qabutton {
    margin: 0;
    padding: 8px 5px 8px 25px;
    letter-spacing: 0rem;
  }
  .bottom-button .noticebutton {
    margin: 0;
    padding: 8px 5px;
    letter-spacing: 0rem;
  }
  .bottom-button .backbutton::before {
    top: 11px;
    left: 6px;
  }
}
@media (max-width: 520px) {
  .cruiseroute .intro-left-text {
    padding: 20px 20px 30px;
  }
  .cruiseroute .intro-left-text a {
    position: relative;
    display: table;
    top: 10px;
    right: 0;
  }
  .cruiseroute .introduce-block-text {
    width: 100%;
  }
  .cruiseroute .introduce-block-text {
    padding-bottom: 0;
  }
  .cruiseroute .introduce-block-text:last-child {
    padding-bottom: 20px;
  }
  .cruiseroute .voyage-theme .price .vroom {
    display: inline-block;
    margin-top: 0px;
    vertical-align: text-bottom;
  }
  .cruiseroute .voyage-theme .date-block {
    padding-right: 10px;
  }
  .cruiseroute .introduce-block {
    padding: 10px;
  }
  .cruiseroute .intro-btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bottom-button .button-block {
    margin-bottom: 4px;
  }
  .bottom-button .button-block:first-child {
    display: block;
    margin-bottom: 15px;
  }
  .bottom-button .button-block:not(:nth-child(1)) {
    width: 40%;
    padding: 5px 3px;
  }
  .bottom-button .backbutton,
  .bottom-button .qabutton {
    padding: 8px 15px 8px 35px;
  }
  .bottom-button .backbutton::before {
    left: 15px;
  }
  .bottom-button .noticebutton {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .cruiseroute .voyage-theme .price .vroom {
    padding: 5px;
  }
  .cruiseroute .cruise-title {
    font-size: 1.2rem;
  }
  .bottom-button .button-block:not(:nth-child(1)) {
    width: 45%;
  }
}

/*voyage tab*/
.cruiseroute .voyage-list {
  position: relative;
  margin-top: 15px;
  min-height: 150px;
  background: #f6f7f9;
}
.cruiseroute .tab-container {
  position: relative;
  padding: 10px 10px 0;
  border-bottom: 1px solid #673ab7;
  background-image: url("../img/slash-bl.png");
  background-position: center;
  text-align: center;
  min-height: 50px;
}
.cruiseroute .tab-block {
  width: 11%;
  display: inline-block;
}
.cruiseroute .tab-block + .tab-block {
  margin-left: -3px;
}
.cruiseroute .tab-block .course {
  padding: 10px 6px;
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.cruiseroute .tab-block .course {
  background: #d0dcef;
  color: #673ab7;
  border: 1px solid #d2e1ff;
  border-bottom: 0;
}
.cruiseroute .tab-block .course:hover {
  background: #13448f;
  color: #ffffff;
}
.cruiseroute .voyage-list .voyage-title {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 1.3rem;
  font-weight: 600;
  color: #673ab7;
  letter-spacing: 0.06rem;
}
/*行程日期顯示*/
.cruiseroute #tab > div.program-container {
  clear: both;
  height: 0;
  background: #f6f7f9;
  overflow: hidden;
  visibility: hidden;
  display: flex;
  flex-wrap: wrap;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.cruiseroute span:target ~ #tab > div > div:first-child a .course {
  background: #d0dcef;
  color: #13448f;
}
.cruiseroute span:target ~ #tab > div:nth-child(2) {
  visibility: hidden;
  height: 0;
}
/*tab變換*/
.cruiseroute span ~ #tab > div > div:first-child a .course,
.cruiseroute #tab-1:target ~ #tab > div > div a[href$="#tab-1"] .course,
.cruiseroute #tab-2:target ~ #tab > div > div a[href$="#tab-2"] .course,
.cruiseroute #tab-3:target ~ #tab > div > div a[href$="#tab-3"] .course,
.cruiseroute #tab-4:target ~ #tab > div > div a[href$="#tab-4"] .course,
.cruiseroute #tab-5:target ~ #tab > div > div a[href$="#tab-5"] .course,
.cruiseroute #tab-6:target ~ #tab > div > div a[href$="#tab-6"] .course,
.cruiseroute #tab-7:target ~ #tab > div > div a[href$="#tab-7"] .course,
.cruiseroute #tab-8:target ~ #tab > div > div a[href$="#tab-8"] .course {
  background: #673ab7;
  color: #ffffff;
}
.cruiseroute span ~ #tab > div:nth-child(2),
.cruiseroute #tab-1:target ~ #tab > div.tab-content-1.program-container,
.cruiseroute #tab-2:target ~ #tab > div.tab-content-2.program-container,
.cruiseroute #tab-3:target ~ #tab > div.tab-content-3.program-container,
.cruiseroute #tab-4:target ~ #tab > div.tab-content-4.program-container,
.cruiseroute #tab-5:target ~ #tab > div.tab-content-5.program-container,
.cruiseroute #tab-6:target ~ #tab > div.tab-content-6.program-container,
.cruiseroute #tab-7:target ~ #tab > div.tab-content-7.program-container,
.cruiseroute #tab-8:target ~ #tab > div.tab-content-8.program-container {
  visibility: visible;
  height: auto;
}
.cruiseroute span#tab-1,
.cruiseroute span#tab-2,
.cruiseroute span#tab-3,
.cruiseroute span#tab-4,
.cruiseroute span#tab-5,
.cruiseroute span#tab-6,
.cruiseroute span#tab-7,
.cruiseroute span#tab-8 {
  display: none;
}
.voyage-info {
  flex: 0 0 100%;
  padding-top: 20px;
}

/*郵輪特色 features & 郵輪航點介紹 route-intro*/
.features,
.route-intro {
  margin: 0 auto;
  padding: 20px;
  line-height: 1.6rem;
}
.features .title,
.route-intro .title {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #978151;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.features .title:before,
.features .title:after,
.route-intro .title:before,
.route-intro .title:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 30%;
  top: 15px;
  background-color: #978151;
}
.features .title:before,
.route-intro .title:before {
  left: 0;
}
.features .title:after,
.route-intro .title:after {
  right: 0;
}
.features .text,
.route-intro .text {
  max-width: 1000px;
  text-align: left;
  margin: 0 auto;
}
.features .features-content,
.route-intro .route-intro-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  overflow: hidden;
}
.route-intro .route-intro-content {
  margin-top: 0px;
}
.features .features-content .item,
.route-intro .route-intro-content .item {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 20px 10px 0;
}
.features .features-block {
  position: relative;
  padding-bottom: 50px;
  height: 100%;
  border: 1px solid #ccc;
}
.features .features-content .item-pic img,
.route-intro .route-intro-content .item-pic img {
  max-width: 100%;
  background: #eae6dc;
  color: #978151;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.features .features-content .item-content {
  padding: 15px 10px;
}
.route-intro .route-block:hover .item-pic img {
  -webkit-filter: brightness(0.8);
}
.features .features-content .item-title {
  color: #13448f;
  font-size: 1.4rem;
  font-weight: 600;
  padding-bottom: 10px;
}
.features .more {
  position: absolute;
  display: table;
  width: 130px;
  bottom: 10px;
  left: 50%;
  margin: 8px auto 8px -65px;
  padding: 8px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  border-radius: 2px;
  background: #eae6dc;
  color: #978151;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.features .more:hover {
  background: #978151;
  color: #ffffff;
}
.route-intro .route-block {
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
.route-intro .item-content {
  bottom: 0;
  background: lavender;
  width: 100%;
  padding: 8px 32px 8px 5px;
  border-radius: 30px;
}
.route-intro .item-content .download-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-image: url(../img/download.svg);
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.route-intro .item-content .item-title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 600;
  color: #545454;
}

.route-intro a .item-content:hover {
  background: #e5e5ea;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media (max-width: 992px) {
  .cruiseroute .tab-container {
    text-align: right;
  }
  .cruiseroute .tab-block {
    width: 90px;
  }
  .cruiseroute .tab-block .course {
    padding: 7px 5px;
  }
  .features .title:before,
  .features .title:after {
    width: 20%;
  }
  .route-intro .title:before,
  .route-intro .title:after {
    width: 15%;
  }
  .features .features-content .item,
  .route-intro .route-intro-content .item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .cruiseroute .tab-container {
    padding: 50px 10px 0;
  }
  .cruiseroute .tab-block {
    width: auto;
  }
  .cruiseroute .voyage-list .voyage-title {
    left: 20px;
    font-size: 1.1rem;
    top: 10px;
  }
  .cruiseroute .tab-block .course {
    font-size: 1rem;
  }
  .features .features-content .item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
  }
  .features .features-content .item + .item {
    margin-top: 30px;
  }
}
/*@media(max-width:768px) and (min-width:521px){
	.route-intro .item-content { position: relative; }
}*/
@media (max-width: 520px) {
  .cruiseroute .tab-block {
    width: auto;
  }
  .cruiseroute .tab-block .course {
    letter-spacing: 0;
  }
  .features .title:before,
  .features .title:after,
  .route-intro .title:before,
  .route-intro .title:after {
    display: none;
  }
  .features {
    padding: 10px;
  }
  .features .features-content .item,
  .route-intro .route-intro-content .item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*活動介紹 event*/
.event {
  background: #f7f2ee;
}
.event .swiper-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 1560px;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.event .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.event .swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.event .swiper-button-next,
.event .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.event .swiper-button-next.swiper-button-disabled,
.event .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.event .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23978151'%2F%3E%3C%2Fsvg%3E");
  left: 20px;
  right: auto;
}
.event .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23978151'%2F%3E%3C%2Fsvg%3E");
  right: 20px;
  left: auto;
}
.event-pic,
.event-content {
  flex: 0 0 50%;
  max-width: 50%;
}
.event-pic {
  padding: 30px 15px 30px 70px;
}
.event-pic img {
  max-width: 100%;
  border-radius: 8px;
}
.event-content {
  padding: 30px 70px 30px 15px;
  color: #545454;
  text-align: left;
}
.event-title {
  position: relative;
  color: #978151;
  font-size: 1.3rem;
  font-weight: 600;
  padding-left: 25px;
  padding-bottom: 20px;
}
.event-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  background-image: url(../img/label_important.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.event-text {
  max-width: 700px;
  line-height: 1.6rem;
}
.event-text p {
  font-size: 1.1rem;
}
.event-text p span {
  font-size: 1.1rem;
  font-weight: bold;
  color: white;
  letter-spacing: 2px;
}
.event-content .event-text ol {
  padding-inline-start: 20px;
}
.event-content .event-text li {
  list-style: unset;
  line-height: 1.8em;
}

@media (max-width: 768px) {
  .event-pic,
  .event-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 70px;
  }
}

/*cruises-article*/
.cruises-article {
  position: relative;
  width: 100%;
  background: #fff;
  height: 550px;
  padding: 70px 50px 50px 100px;
  margin-bottom: 80px;
}
.cruises-article.aquarius .breadcrumb,
.cruises-article.aquarius .breadcrumb a,
.cruises-article.world .breadcrumb,
.cruises-article.world .breadcrumb a {
  color: rgba(255, 255, 255, 0.8);
}
.cruises-article.aquarius .breadcrumb span.active {
  color: #d8b56a;
}
.cruises-article.world .breadcrumb span.active {
  color: #0268ab;
}
.cruises-article .breadcrumb {
  position: absolute;
  top: 5px;
  left: 15px;
}
.cruises-article.world .breadcrumb span + span::before {
  content: "";
  position: absolute;
  border: 0.3em solid #ffffff;
  border-color: transparent transparent transparent #ffffff;
}
.cruises-article.aquarius {
  background-image: url("../img/aquarius-bg.jpg");
  background-position: right 0;
}
.cruises-article.aquarius.rest {
  background-image: url("../img/aquarius-bg02.jpg");
  background-position: left 0;
}
.cruises-article.aquarius.recreations {
  background-image: url("../img/aquarius-bg03.jpg");
  background-position: right 0;
}
.cruises-article.aquarius.notice {
  background-image: url("../img/aquarius-bg04.jpg");
  background-position: center 0;
  height: 550px;
}
.cruises-article.gemini {
  background-image: url("../img/gemini-bg.jpg");
  background-position: center;
}
.cruises-article.gemini.rest {
  background-image: url("../img/gemini-bg02.jpg");
  background-position: center;
}
.cruises-article.gemini.recreations {
  background-image: url("../img/gemini-bg03.jpg");
  background-position: center 0;
}
.cruises-article.dream.notice {
  background-image: url("../img/dream-bg04.jpg");
  background-position: center 0;
  height: 550px;
}
.cruises-article.aquarius.qa {
  height: 550px;
}
.cruises-article.world {
  background-image: url("../img/world-bg.jpg");
  background-position: right 0;
}
.cruises-article.world.rest {
  background-image: url("../img/world-bg02.jpg");
  background-position: center 0;
}
.cruises-article.explorer.rest {
  background-image: url("../img/explorer-bg2.jpg");
  background-position: center 0;
}
.cruises-article.worldone.rest {
  background-image: url("../img/explorer-bg2.jpg");
  background-position: center 0;
}
.cruises-article.world.recreations {
  background-image: url("../img/world-bg03.jpg");
  background-position: center 0;
}
.cruises-article.explorer.recreations {
  background-image: url("../img/explorer-bg3.jpg");
  background-position: center 0;
}
.cruises-article.worldone.recreations {
  background-image: url("../img/explorer-bg3.jpg");
  background-position: center 0;
}
.cruises-article.explorer {
  background-image: url("../img/explorer-bg.jpg");
  background-position: left 0;
}
.cruises-article.worldone {
  background-image: url("../img/explorer-bg.jpg");
  background-position: left 0;
}
.cruises-article.genting {
  background-image: url("../img/genting-bg.jpg");
  background-position: right 0;
}
.cruises-article.genting.rest {
  background-image: url("../img/genting-bg02.jpg");
  background-position: center 0;
}
.cruises-article.genting.recreations {
  background-image: url("../img/genting-bg03.jpg");
  background-position: center 0;
}
.cruises-article.global {
  background-image: url("../img/global-bg.jpg");
  background-position: right 0;
}
.cruises-article.global.rest {
  background-image: url("../img/global-bg02.jpg");
  background-position: center 0;
}
.cruises-article.global.recreations {
  background-image: url("../img/global-bg03.jpg");
  background-position: center 0;
}
.article-block {
  position: absolute;
  max-width: 500px;
  background: rgba(255, 255, 255, 0.85);
  padding: 30px;
  right: 140px;
  top: 200px;
}

.cruises-article.world.rest .article-block {
  background: rgba(255, 255, 255, 0.7);
}
.cruises-article.world.recreations .article-block {
  background: rgba(36, 0, 121, 0.4);
}
.cruises-article.world.recreations .article-text {
  color: #ddd5ea;
}
.cruises-article.explorer.rest .article-block {
  background: rgba(255, 255, 255, 0.8);
}
.cruises-article.explorer.recreations .article-block {
  background: rgba(255, 255, 255, 0.6);
}
.cruises-article.explorer.recreations .article-text {
  color: #ddd5ea;
}
.cruises-article.worldone.rest .article-block {
  background: rgba(255, 255, 255, 0.8);
}
.cruises-article.worldone.recreations .article-block {
  background: rgba(255, 255, 255, 0.6);
}
.cruises-article.worldone.recreations .article-text {
  color: #3d4d65;
}
/*.cruises-article.genting.rest .article-block{  background: rgba(255, 255, 255, 0.8); }*/
.cruises-article.genting.recreations .article-block {
  background: rgba(36, 0, 121, 0.4);
}
.cruises-article.genting.recreations .article-text {
  color: #ddd5ea;
}
.cruises-article.global.rest .article-block {
  background: rgba(255, 255, 255, 0.8);
}
.cruises-article.global.recreations .article-block {
  background: rgba(36, 0, 121, 0.4);
}
.cruises-article.global.recreations .article-text {
  color: #ddd5ea;
}
.cruises-article.aquarius.rest .article-block {
  background: rgba(103, 83, 62, 0.7);
}
.cruises-article.aquarius.recreations .article-block {
  background: rgba(37, 12, 67, 0.5);
}
.cruises-article.aquarius.recreations .article-text {
  color: #4a4a4a;
}
.cruises-article.gemini.rest .article-block {
  background: rgba(255, 255, 255, 0.7);
}
.cruises-article.gemini.recreations .article-block {
  background: rgba(37, 12, 67, 0.5);
}
.cruises-article.gemini.recreations .article-text {
  color: #999999;
}
.article-title {
  position: absolute;
  right: 450px;
  color: #ffffff;
  line-height: 2.5rem;
  letter-spacing: 0.05rem;
  font-size: 2.8rem;
  font-weight: 600;
}
.article-title:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 270px;
  right: -300px;
  top: 20px;
  background-color: #ffffff;
}
.article-title .eg {
  font-size: 1.8rem;
  font-weight: 400;
}
.article-text {
  line-height: 1.8rem;
  color: #3d4d65;
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 1099px) {
  .cruises-article.aquarius {
    background-position: -600px 0;
  }
  .article-title {
    right: 120px;
    text-align: right;
  }
  .article-title:after {
    display: none;
  }
  .article-block {
    max-width: 400px;
    right: 120px;
  }
}
@media (max-width: 992px) {
  .article-block {
    max-width: 100%;
    margin-bottom: 50px;
    padding: 30px 90px;
    right: 0px;
    top: auto;
    bottom: 0px;
    background: rgba(23, 70, 148, 0.7);
  }
  .cruises-article.genting .article-block {
    background: rgba(23, 70, 148, 0.7);
  }
  .cruises-article.global .article-block {
    background: rgba(23, 70, 148, 0.7);
  }
  .cruises-article.aquarius.notice .article-block {
    background: rgba(255, 255, 255, 0.6);
    height: 200px;
  }
  .cruises-article.dream.notice .article-block {
    background: rgba(255, 255, 255, 0.6);
    height: 200px;
  }
  .article-text {
    color: #ffffff;
  }
  .cruises-article.gemini .article-text,
  .cruises-article.world.rest .article-text,
  .cruises-article.dream.notice .article-text {
    color: #3d4d65;
  }
  .article-title {
    right: 70px;
  }
  .cruises-article.world,
  .cruises-article.genting,
  .cruises-article.global {
    background-position: -700px 0;
  }
  .cruises-article.explorer .article-block,
  .cruises-article.explorer.rest .article-block,
  .cruises-article.explorer.recreations .article-block {
    background: rgba(23, 70, 148, 0.7);
    height: 200px;
  }
  .cruises-article.explorer .article-text {
    color: #ffffff;
  }
  .cruises-article.worldone .article-block,
  .cruises-article.worldone.rest .article-block,
  .cruises-article.worldone.recreations .article-block {
    background: rgba(23, 70, 148, 0.7);
    height: 200px;
  }
  .cruises-article.worldone .article-text {
    color: #ffffff;
  }
}
@media (max-width: 768px) {
  .article-block {
    padding: 30px;
  }
  .article-title {
    font-size: 1.7rem;
    right: 40px;
  }
  .article-title .eg {
    font-size: 1.3rem;
  }
}
@media (max-width: 600px) {
  .cruises-article {
    padding: 20px;
    height: 650px;
    margin-bottom: 130px;
  }
  .cruises-article.dream.notice {
    background-image: url(../img/dream-bg04.jpg);
    background-position: -530px 0;
    height: 550px;
  }
}
@media (max-width: 590px) {
  .cruises-article.aquarius {
    background-position: -720px 0;
  }
  .cruises-article.aquarius.rest {
    background-position: -420px 0;
  }
  .cruises-article.aquarius.recreations {
    background-position: 920px 0;
  }
  .cruises-article .breadcrumb {
    display: none;
  }
  .article-block {
    top: 360px;
    padding: 10px 30px;
  }
  .cruises-article.world .article-block {
    top: 360px;
    padding: 10px 30px;
    margin-bottom: 0;
  }
  .cruises-article.aquarius.rest .article-block {
    height: 190px;
  }
  .cruises-article.aquarius.recreations .article-block {
    height: 200px;
  }
  .article-title {
    padding-bottom: 20px;
    padding-top: 10px;
    line-height: 2rem;
  }
  .article-text {
    line-height: 1.6rem;
    font-size: 0.9rem;
  }
  .cruises-article.world,
  .cruises-article.genting,
  .cruises-article.global {
    background-position: -900px 0;
  }
}
@media (max-width: 400px) {
  .cruises-article.aquarius {
    background-position: -800px 0;
  }
}

/*room*/
.cruisesroom {
  max-width: 1560px;
  margin: 0 auto;
}
.room-article {
  padding: 50px 30px 60px;
  text-align: center;
  font-size: 1.2rem;
  margin: 0 auto;
  line-height: 2rem;
}
.cruisesroom-title {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #978151;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.cruisesroom-title:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 40%;
  left: 0;
  top: 15px;
  background-color: #978151;
}
.cruisesroom-title:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 40%;
  right: 0;
  top: 15px;
  background-color: #978151;
}
.room-info {
  position: relative;
  width: 100%;
  background-image: url("../img/roombg1.jpg");
  background-position: top;
}
.room-info.food {
  background-image: url("../img/food-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.room-info.food2 {
  background-image: url("../img/food-bg2.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.food3 {
  background-image: url("../img/food-bg3.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.food4 {
  background-image: url("../img/food-bg4.jpg");
  background-position: right;
}
.room-info.food5 {
  background-image: url("../img/food-bg5.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.food6 {
  background-image: url("../img/food-bg6.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.food7 {
  background-image: url("../img/food-bg7.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.food8 {
  background-image: url("../img/food-bg8.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.food9 {
  background-image: url("../img/food-bg9.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfood1 {
  background-image: url("../img/roombg1.jpg");
  background-position: top;
}
.room-info.worldfood2 {
  background-image: url("../img/worldfood-bg02.jpg");
  background-position: right -40px;
}
.room-info.worldfood3 {
  background-image: url("../img/worldfood-bg03.jpg");
  background-position: left;
}
.room-info.worldfood4 {
  background-image: url("../img/worldfood-bg04.jpg");
  background-position: right -60px;
}
.room-info.worldfood5 {
  background-image: url("../img/worldfood-bg05.jpg");
  background-position: left;
}
.room-info.worldfood6 {
  background-image: url("../img/worldfood-bg06.jpg");
  background-position: right;
}
.room-info.worldfood7 {
  background-image: url("../img/worldfood-bg07.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.room-info.worldfood8 {
  background-image: url("../img/worldfood-bg08.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.worldfood9 {
  background-image: url("../img/worldfood-bg09.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.worldfood10 {
  background-image: url("../img/worldfood-bg10.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfood11 {
  background-image: url("../img/worldfood-bg11.jpg");
  background-position: right -160px;
  background-repeat: no-repeat;
}
.room-info.worldfood12 {
  background-image: url("../img/worldfood-bg12.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.worldfood13 {
  background-image: url("../img/worldfood-bg13.jpg");
  background-position: right -160px;
  background-repeat: no-repeat;
}
.room-info.worldfood14 {
  background-image: url("../img/worldfood-bg14.jpg");
  background-position: right;
}
.room-info.explorerfood1 {
  background-image: url("../img/explorerfood-bg01.jpg");
  background-position: right;
}
.room-info.explorerfood2 {
  background-image: url("../img/explorerfood-bg02.jpg");
  background-position: left;
}
.room-info.facility1 {
  background-image: url("../img/facility-bg1.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.facility2 {
  background-image: url("../img/facility-bg2.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.facility3 {
  background-image: url("../img/facility-bg3.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.facility4 {
  background-image: url("../img/facility-bg4.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.facility5 {
  background-image: url("../img/facility-bg5.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.facility6 {
  background-image: url("../img/facility-bg6.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.facility7 {
  background-image: url("../img/facility-bg7.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.facility8 {
  background-image: url("../img/facility-bg8.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.facility9 {
  background-image: url("../img/facility-bg9.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.facility10 {
  background-image: url("../img/facility-bg10.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.facility11 {
  background-image: url("../img/facility-bg11.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility1 {
  background-image: url("../img/worldfacility-bg1.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility2 {
  background-image: url("../img/worldfacility-bg2.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.worldfacility3 {
  background-image: url("../img/worldfacility-bg3.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility4 {
  background-image: url("../img/worldfacility-bg4.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.worldfacility5 {
  background-image: url("../img/worldfacility-bg5.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility6 {
  background-image: url("../img/worldfacility-bg6.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility7 {
  background-image: url("../img/worldfacility-bg7.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.worldfacility8 {
  background-image: url("../img/worldfacility-bg8.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility9 {
  background-image: url("../img/worldfacility-bg9.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility10 {
  background-image: url("../img/worldfacility-bg10.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
.room-info.worldfacility11 {
  background-image: url("../img/worldfacility-bg11.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.worldfacility12 {
  background-image: url("../img/worldfacility-bg12.jpg");
  background-position: right;
  background-repeat: no-repeat;
}
.room-info.explorerfacility1 {
  background-image: url("../img/explorerfacility-bg01.jpg");
  background-position: left top;
  background-repeat: no-repeat;
}
.room-info + .room-info {
  margin-top: 30px;
}
.room-info.type1 .intro-left .pic,
.room-info.type2 .intro-right .pic {
  margin-bottom: -5px;
}
.room-info.type1 .intro-left {
  width: 50%;
}
.room-info.type1 .intro-right,
.room-info.type2 .intro-left {
  position: absolute;
  padding: 30px;
  width: 50%;
  bottom: 20%;
  min-height: 260px; /*box-shadow: 3px 3px 3px rgba(0,0,0,0.1);*/
  color: #978151;
}
.room-info.type1 .intro-right {
  right: 0;
  min-height: 260px;
}
.room-info.type1 .intro-left img {
  max-width: 100%;
}
.room-info.type2 .intro-right {
  width: 50%;
  margin-left: 50%;
}
.room-info.type2 .intro-left {
  left: 0;
  z-index: 1;
}
.room-info.type2 .intro-right img {
  max-width: 100%;
}
.room-info.type1 .roomtype-title,
.room-info.type1 .roomtype-detail,
.room-info.type2 .roomtype-title,
.room-info.type2 .roomtype-detail {
  display: inline-block;
  vertical-align: top;
  line-height: 1.8rem;
}
.room-info.type1 .roomtype-title,
.room-info.type2 .roomtype-title {
  position: relative;
  width: 50%;
  margin-bottom: 15px;
  letter-spacing: 0.03rem;
}
.room-info.type1 .roomtype-title .room-title,
.room-info.type2 .roomtype-title .room-title {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.5rem;
  vertical-align: bottom;
}
.room-info.type1 .room-code,
.room-info.type2 .room-code,
.popup .room-code {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 3px;
  background: #978151;
  color: #ffffff;
  border-radius: 4px;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.room-code + .room-code {
  margin-left: 5px;
}
.room-info .ps {
  font-size: 0.9rem;
  padding-left: 5px;
  color: #ca6b1a;
  text-decoration: none;
}
.room-info .roomtype-detail .ps {
  padding-left: 15px;
}
.room-info.type1 .intro-right.bg-gold,
.room-info.type2 .intro-left.bg-gold {
  background: #e4dac3;
  opacity: 0.9;
}
.room-info.type1 .intro-right.bg-blue,
.room-info.type2 .intro-left.bg-blue {
  background: #f7f7f7;
  opacity: 0.9;
}
.room-info.type1 .intro-right.bg-red,
.room-info.type2 .intro-left.bg-red {
  background: #efe5e5;
  opacity: 0.9;
}
.roomtype-title .ps:hover {
  text-decoration: underline;
}
.roomtype-detail {
  position: relative;
  width: 49%;
}
.roomtype-detail::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #978151;
}
.roomtype-detail > div {
  padding-left: 15px;
}
.roomtype-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: auto;
}
.showimg {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 30px;
  padding: 10px;
  background: #f7f2ee;
}
.show-block {
  width: 33.333%;
  float: left;
  padding: 10px;
  text-align: center;
}
.show-photo {
  padding: 5px;
}
.show-photo img {
  width: 100%;
}
.footer-remark {
  position: relative;
  margin: 30px 20px 80px;
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #0092b7;
}
.roombg-flower {
  position: absolute;
  width: 520px;
  height: 476px;
  background-image: url(../img/roombg-flower.png);
  background-repeat: no-repeat;
  right: 0;
  bottom: 0;
}
.roombg-flower2 {
  position: absolute;
  width: 400px;
  height: 513px;
  background-image: url(../img/roombg-flower2.png);
  background-repeat: no-repeat;
  right: 0;
  top: 0;
}
.roombg-wine {
  position: absolute;
  width: 250px;
  height: 365px;
  background-image: url(../img/room-wine.png);
  background-repeat: no-repeat;
  bottom: 0;
}
.foodbg-asianfood1 {
  position: absolute;
  width: 400px;
  height: 172px;
  background-image: url(../img/foodimg02.png);
  background-repeat: no-repeat;
  right: 30px;
  bottom: 0;
}
.foodbg-asianfood2 {
  position: absolute;
  width: 300px;
  height: 476px;
  background-image: url(../img/foodimg01.png);
  background-repeat: no-repeat;
  bottom: 0;
}
.foodbg-asianfood3 {
  position: absolute;
  width: 250px;
  height: 286px;
  background-image: url(../img/foodimg05.png);
  background-repeat: no-repeat;
  right: 0px;
  top: 0;
}
.foodbg-asianfood4 {
  position: absolute;
  width: 350px;
  height: 182px;
  background-image: url(../img/foodimg06.png);
  background-repeat: no-repeat;
  right: 50px;
  top: 0;
}
.foodbg-asianfood5 {
  position: absolute;
  width: 300px;
  height: 168px;
  background-image: url(../img/foodimg07.png);
  background-repeat: no-repeat;
  bottom: 0;
  left: 100px;
  z-index: 2;
}
.foodbg-asianfood6 {
  position: absolute;
  width: 350px;
  height: 163px;
  background-image: url(../img/foodimg08.png);
  background-repeat: no-repeat;
  right: 40px;
  bottom: 0;
}
.foodbg-asianfood7 {
  position: absolute;
  width: 300px;
  height: 168px;
  background-image: url(../img/foodimg07.png);
  background-repeat: no-repeat;
  bottom: 0;
  right: 100px;
  z-index: 2;
}
.foodbg-asianfood8 {
  position: absolute;
  width: 250px;
  height: 286px;
  background-image: url(../img/foodimg05.png);
  background-repeat: no-repeat;
  left: 0px;
  top: 0;
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.foodbg-woodfood1 {
  position: absolute;
  width: 400px;
  height: 148px;
  background-image: url(../img/worldfoodimg01.png);
  background-repeat: no-repeat;
  right: 0px;
  bottom: 0;
}
.foodbg-woodfood2 {
  position: absolute;
  width: 500px;
  height: 131px;
  background-image: url(../img/worldfoodimg02.png);
  background-repeat: no-repeat;
  left: 10px;
  bottom: 0;
  z-index: 2;
}
.facilitybg-01 {
  position: absolute;
  width: 130px;
  height: 157px;
  background-image: url(../img/facilityimg01.png);
  background-repeat: no-repeat;
  right: 100px;
  bottom: 0;
}
.facilitybg-02 {
  position: absolute;
  width: 150px;
  height: 442px;
  background-image: url(../img/facilityimg02.png);
  background-repeat: no-repeat;
  bottom: 50px;
  left: 35px;
}
.facilitybg-03 {
  position: absolute;
  width: 350px;
  height: 150px;
  background-image: url(../img/facilityimg03.png);
  background-repeat: no-repeat;
  bottom: 0px;
  left: 50px;
  z-index: 1;
}
.facility-item-head,
.facility-item {
  width: 100%;
  display: table;
}
.facility-item-head {
  background: #13448f;
  color: #ffffff;
}
.item-head1,
.item-head2,
.item-head3,
.item-head4,
.item-head5,
.item-head6,
.item-head7,
.item-head8,
.item-head9 {
  float: left;
  padding: 10px;
}
.item-head1 {
  width: 35%;
}
.item-head2 {
  width: 45%;
}
.item-head3,
.item-head4 {
  width: 20%;
}
.item-head5,
.item-head6 {
  width: 30%;
}
.world-article .item-head1,
.world-article .item-head3 {
  width: 25%;
}
.world-food .item-head1 {
  width: 25%;
}
.world-food .item-head2,
.world-food .item-head3 {
  width: 15%;
}
.world-food .item-head4 {
  width: 45%;
}
.explorer-food .item-head1,
.explorer-food .item-head2 {
  width: 25%;
}
.explorer-food .item-head3 {
  width: 50%;
}
.facility-item {
  background: #f6f7f9;
  color: #545454;
  border-bottom: 1px solid #d6d6d6;
}
.facility-item:hover {
  background: #e6e7e8;
}
.item1,
.item2,
.item3,
.item4,
.item5,
.item6,
.item7,
.item8,
.item9 {
  float: left;
  padding: 10px;
}
.item1 {
  width: 35%;
}
.item2 {
  width: 45%;
}
.item3,
.item4 {
  width: 20%;
}
.item5,
.item6 {
  width: 30%;
}
.facility-floor img {
  max-width: 100%;
}
.text-gold {
  color: #978151;
}
.text-orange {
  color: #fd9339;
}
.world-article .item-head2 {
  width: 50%;
}
.world-article .item1,
.world-article .item3 {
  width: 25%;
}
.world-article .item2 {
  width: 50%;
}
.world-food .item1 {
  width: 25%;
}
.world-food .item2,
.world-food .item3 {
  width: 15%;
}
.world-food .item4 {
  width: 45%;
}
.explorer-food .item1,
.explorer-food .item2 {
  width: 25%;
}
.explorer-food .item3 {
  width: 50%;
}

/*notice*/
.cruisesnotice {
  max-width: 1560px;
  margin: 0 auto 80px;
}
.notice-article {
  margin: 0 auto;
  padding: 0 30px 20px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 2rem;
}
.notice-block,
.qa-block {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}
.cruisesnotice .nt-button a {
  display: inline-block;
  margin: 5px;
  padding: 6px 10px;
  border-radius: 4px;
  background: #0092b7;
  color: #ffffff;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.cruisesnotice .nt-button a:hover {
  background: #027d9c;
}
.cruisesnotice-title {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #978151;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.cruisesnotice-title:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 40%;
  left: 0;
  top: 15px;
  background-color: #978151;
}
.cruisesnotice-title:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 40%;
  right: 0;
  top: 15px;
  background-color: #978151;
}
.notice-item-title {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 10px;
  color: #13448f;
  font-size: 1.4em;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.1rem;
}
.notice-item-title::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
  background: #13448f;
}
.notice-item {
  font-size: 16px;
  padding-left: 10px;
  padding-bottom: 15px;
  line-height: 2em;
}
.notice-item ol {
  padding-inline-start: 20px;
}
.notice-item li {
  list-style: inherit;
  padding: 5px 2px;
}
.notice-subitem {
  font-size: 1.4rem;
  font-weight: 600;
  color: #978151;
  padding: 10px;
  letter-spacing: 0.1rem;
}
.notice-item img {
  max-width: 100%;
}
.notice-block .item-head1 {
  width: 50%;
}
.notice-block .item-head2 {
  width: 50%;
}
.notice-block .item-head3 {
  width: 100%;
}
.notice-block .item-head4 {
  width: 40%;
}
.notice-block .item-head5,
.notice-block .item-head6 {
  width: 30%;
}
.notice-block .item1 {
  width: 50%;
}
.notice-block .item2 {
  width: 50%;
}
.notice-block .item3 {
  width: 100%;
  background: #ebecef;
}
.notice-block .item4 {
  width: 40%;
}
.notice-block .item5,
.notice-block .item6 {
  width: 30%;
}
.notice-ps {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1rem;
  line-height: 1.6rem;
}
.cruisesnotice .notice-item li {
  padding: 0;
}
@media (max-width: 520px) {
  .notice-article {
    padding: 0 15px 20px;
  }
  .notice-block,
  .qa-block {
    padding: 0 15px;
  }
}

/*Q&A*/
.qa-item .title {
  list-style-type: none;
  position: relative;
  padding: 2px 10px;
  cursor: pointer;
  background-color: #f0f6ff;
  color: #545454;
  border-bottom: 1px solid #85a5d8;
}
.qa-title {
  position: relative;
}
.qa-item .qa-title .title:hover,
.qa-item .qa-title .title a:hover {
  background-color: #d0dcef;
}
.qa-item .title label,
.qa-item .title a {
  position: relative;
  display: block;
  padding-right: 50px;
  padding-left: 50px;
  font-weight: 600;
  font-size: 1.2rem;
  cursor: pointer;
  text-align: left;
  line-height: 2.8rem;
  z-index: 1;
}
.qa-item .qa-title .title .qn {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.4rem;
  color: #13448f;
}
.qa-item input {
  display: none;
}
.qa-item input ~ .answer {
  display: block;
}
.qa-item input:checked:not(:disabled) ~ .answer {
  display: none;
}
.qa-item .answer {
  padding: 20px 40px;
}
.qa-item .qa-title .answer {
  background: #f6f7f9;
  border-bottom: 3px solid #dadada;
  line-height: 2rem;
}
.qa-item .title .arrow-icon {
  position: absolute;
  cursor: pointer;
  height: 1.3rem;
  width: 1.3rem;
  fill: #13448f;
  right: 15px;
  top: 12px;
  transition: transform 0.3s;
  z-index: 0;
  transform: rotate(180deg);
}
.qa-item input:checked:not(:disabled) ~ .title .arrow-icon {
  transform: rotate(0deg);
}
.qa-item .qa-title .answer ol {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 20px;
}
.qa-item .qa-title .answer .item-head7,
.qa-item .qa-title .answer .item7,
.qa-item .qa-title .answer .item-head8,
.qa-item .qa-title .answer .item8 {
  width: 40%;
}
.qa-item .qa-title .answer .item-head9,
.qa-item .qa-title .answer .item9 {
  width: 60%;
}
@media (max-width: 1300px) {
  .room-info.type1 .intro-right,
  .room-info.type2 .intro-left {
    padding: 30px;
    width: 40%;
    height: 100%;
    bottom: 0;
  }
  .room-info.type1 .intro-left {
    width: 60%;
  }
  .room-info.type2 .intro-right {
    width: 60%;
    margin-left: 40%;
  }
  .room-info.type1 .intro-right {
    right: 0;
  }
  .room-info.type2 .intro-left {
    left: 0;
  }
  .room-info.type1 .roomtype-title,
  .room-info.type2 .roomtype-title {
    width: 100%;
  }
  .roomtype-detail {
    width: 100%;
  }
  .cruisesroom-title:before {
    width: 35%;
  }
  .cruisesroom-title:after {
    width: 35%;
  }
  .room-info.type1 .roomtype-title .room-title,
  .room-info.type2 .roomtype-title .room-title {
    font-size: 1.6rem;
    line-height: 2.3rem;
  }
  .room-info.type1 .roomtype-title,
  .room-info.type1 .roomtype-detail,
  .room-info.type2 .roomtype-title,
  .room-info.type2 .roomtype-detail {
    line-height: 1.6rem;
  }
  .roomtype-btn {
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 10px;
  }
  .roomtype-btn.gold-bold-btn button {
    margin: 0;
  }
  .room-info.type1 .intro-right.bg-blue,
  .room-info.type2 .intro-left.bg-blue {
    background: rgba(247, 247, 247, 0.8);
  }
  .roombg-flower {
    width: 420px;
    height: 476px;
  }
  .roombg-flower2 {
    width: 300px;
    top: auto;
    bottom: 0;
  }
}
@media (min-width: 1100px) and (max-width: 1600px) {
  .room-info {
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 1099px) {
  .room-info.type2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .room-info.type2 > div:nth-of-type(1) {
    -webkit-order: 2;
  }
  .room-info.type2 > div:nth-of-type(2) {
    -webkit-order: 1;
  }
  .room-info.type2 > div:nth-of-type(1) {
    order: 2;
  }
  .room-info.type2 > div:nth-of-type(2) {
    order: 1;
  }
  .room-info.type1 .intro-right,
  .room-info.type2 .intro-left {
    position: relative;
    width: 100%;
  }
  .room-info.type1 .roomtype-title,
  .room-info.type2 .roomtype-title {
    width: 50%;
  }
  .roomtype-detail {
    width: 49%;
  }
  .room-info.type1 .intro-left {
    width: 100%;
    text-align: center;
  }
  .room-info.type2 .intro-right {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .roomtype-btn {
    text-align: right;
  }
  .room-info + .room-info {
    margin-top: 0px;
    border-top: 8px solid #978151;
  }
  .foodbg-asianfood2 {
    bottom: -50px;
    left: -50px;
  }
  .foodbg-asianfood3,
  .foodbg-asianfood4 {
    display: none;
  }
  .showimg {
    margin-bottom: 0px;
    border-top: 1px solid #978151;
    border-bottom: 8px solid #978151;
  }
  .room-info.facility1,
  .room-info.facility2,
  .room-info.facility3,
  .room-info.facility4,
  .room-info.facility5,
  .room-info.facility6,
  .room-info.facility7,
  .room-info.facility8,
  .room-info.facility9,
  .room-info.facility10,
  .room-info.facility11 {
    background-size: cover;
  }
  .cruisesnotice-title:before,
  .cruisesnotice-title:after {
    width: 35%;
  }
}

@media (max-width: 768px) {
  .room-info.type1 .roomtype-title,
  .room-info.type2 .roomtype-title {
    width: 100%;
  }
  .roomtype-detail {
    width: 100%;
  }
  .cruisesroom-title {
    font-size: 1.5rem;
    letter-spacing: 0.1em;
  }
  .cruisesroom-title:before {
    width: 25%;
  }
  .cruisesroom-title:after {
    width: 25%;
  }
  .roombg-flower {
    width: 320px;
    height: 376px;
  }
  .roombg-wine {
    width: 250px;
    height: 350px;
    left: -80px;
  }
  .foodbg-asianfood1,
  .foodbg-asianfood2,
  .foodbg-asianfood5,
  .foodbg-asianfood6,
  .foodbg-asianfood7,
  .foodbg-asianfood8,
  .facilitybg-01,
  .facilitybg-02,
  .facilitybg-03,
  .foodbg-woodfood1,
  .foodbg-woodfood2 {
    display: none;
  }
  .cruisesnotice-title:before,
  .cruisesnotice-title:after {
    width: 30%;
  }
  .cruisesnotice .nt-button a {
    font-size: 1rem;
    padding: 4px 8px;
  }
}
@media (max-width: 590px) {
  .cruisesnotice-title:before,
  .cruisesnotice-title:after {
    width: 15%;
  }
}
@media (max-width: 520px) {
  .cruisesroom-title:before {
    width: 15%;
  }
  .cruisesroom-title:after {
    width: 15%;
  }
  .roombg-flower2 {
    background: initial;
  }
  .showimg {
    padding: 0;
  }
  .show-block {
    width: 100%;
  }
  .facility-item {
    border-bottom: none;
  }
  .facility-item:hover {
    background: #f6f7f9;
  }
  .item-head1,
  .item-head5,
  .item1,
  .item2,
  .item3,
  .item4,
  .item5,
  .item6,
  .world-article .item-head1,
  .world-article .item1,
  .world-article .item2,
  .world-article .item3,
  .world-food .item-head1,
  .world-food .item1,
  .world-food .item2,
  .world-food .item3,
  .world-food .item4,
  .world-article .item-head1,
  .world-article .item-head3,
  .world-article .item-head1,
  .explorer-food .item-head1,
  .explorer-food .item1,
  .explorer-food .item2,
  .explorer-food .item3 {
    width: 100%;
  }
  .item-head2,
  .item-head3,
  .item-head4,
  .item-head6,
  .world-article .item-head2,
  .world-article .item-head3,
  .world-food .item-head2,
  .world-food .item-head3,
  .world-food .item-head4,
  .explorer-food .item-head2,
  .explorer-food .item-head3 {
    display: none;
  }
  .item1,
  .item5 {
    background: #d0dcef;
  }
  .item2,
  .item3,
  .item4,
  .item6 {
    border-bottom: 1px solid #d6d6d6;
  }
  .item2:hover,
  .item3:hover,
  .item4:hover,
  .item6:hover {
    background: #e6e7e8;
  }
  .room-info.room.type2 .intro-left,
  .room-info.room.type1 .intro-right {
    min-height: 400px;
  }
  .cruisesnotice .item-head2,
  .cruisesnotice .item-head3,
  .cruisesnotice .item-head4,
  .cruisesnotice .item-head5,
  .cruisesnotice .item-head6 {
    display: block;
  }
  .cruises-article + .cruisesnotice {
    margin: -50px auto 80px;
  }
  .notice-block .facility-item {
    border-bottom: 1px solid #94afda;
  }
  .notice-block .item1,
  .notice-block .item2,
  .notice-block .item4,
  .notice-block .item5,
  .notice-block .item6 {
    border-bottom: none;
    background: inherit;
  }
  .cruisesnotice .nt-button a {
    font-size: 1rem;
    margin: 2px;
    padding: 2px;
    width: 150px;
    letter-spacing: 0rem;
  }
  .answer .item-head5,
  .answer .item-head7,
  .qa-item .qa-title .answer .item-head9 {
    display: none;
  }
  .answer .item4,
  .answer .item8 {
    background: #d0dcef;
  }
  .answer .item5 {
    background: #f6f7f9;
    border-bottom: 1px solid #ccc;
  }
  .qa-item .qa-title .answer .item7,
  .qa-item .qa-title .answer .item8,
  .qa-item .qa-title .answer .item9 {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .answer .item7::before {
    content: "飲料:";
  }
}
@media (max-width: 400px) {
  .cruisesnotice-title:before,
  .cruisesnotice-title:after {
    width: 10%;
  }
}

/*cruises-nav*/
.cruises-nav-block {
  position: absolute;
  width: 100%;
  top: 480px;
  left: 0;
}
.cruises-nav {
  margin: 0 auto;
  display: table;
  width: 100%;
  max-width: 1400px;
}
.cruises-nav .nav-block {
  float: left;
  width: 25%;
  padding: 3px;
}
.cruises-nav .nav-item {
  position: relative;
  padding: 10px 20px;
  width: 100%;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
  margin-bottom: 8px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.cruises-nav .nav-item:hover {
  margin-top: 8px;
  margin-bottom: 0;
  -webkit-filter: brightness(0.8);
}
.cruises-nav .item-title {
  position: absolute;
  right: 25px;
  top: 45%;
  color: #ffffff;
  opacity: 0.9;
  font-size: 1.3rem;
}
.nav-item.aquarius-btn1 {
  background-image: url("../img/aquarius-imgbtn1.jpg");
}
.nav-item.aquarius-btn2 {
  background-image: url("../img/aquarius-imgbtn2.jpg");
}
.nav-item.aquarius-btn3 {
  background-image: url("../img/aquarius-imgbtn3.jpg");
}
.nav-item.aquarius-btn4 {
  background-image: url("../img/aquarius-imgbtn4.jpg");
}
.nav-item.gemini-btn1 {
  background-image: url("../img/gemini-imgbtn1.jpg");
}
.nav-item.gemini-btn2 {
  background-image: url("../img/gemini-imgbtn2.jpg");
}
.nav-item.gemini-btn3 {
  background-image: url("../img/gemini-imgbtn3.jpg");
}
.nav-item.gemini-btn4 {
  background-image: url("../img/gemini-imgbtn4.jpg");
}
.nav-item.world-btn1 {
  background-image: url("../img/world-imgbtn1.jpg");
}
.nav-item.world-btn2 {
  background-image: url("../img/world-imgbtn2.jpg");
}
.nav-item.world-btn3 {
  background-image: url("../img/world-imgbtn3.jpg");
}
.nav-item.world-btn4 {
  background-image: url("../img/world-imgbtn4.jpg");
}
.nav-item.genting-btn1 {
  background-image: url("../img/genting-imgbtn1.jpg");
}
.nav-item.genting-btn2 {
  background-image: url("../img/genting-imgbtn2.jpg");
}
.nav-item.genting-btn3 {
  background-image: url("../img/genting-imgbtn3.jpg");
}
.nav-item.genting-btn4 {
  background-image: url("../img/genting-imgbtn4.jpg");
}
.nav-item.global-btn1 {
  background-image: url("../img/global-imgbtn1.jpg");
}
.nav-item.global-btn2 {
  background-image: url("../img/global-imgbtn2.jpg");
}
.nav-item.global-btn3 {
  background-image: url("../img/global-imgbtn3.jpg");
}
.nav-item.global-btn4 {
  background-image: url("../img/global-imgbtn4.jpg");
}
.nav-icon {
  width: 100px;
  height: auto;
}
.nav-icon img {
  max-width: 100%;
}
.cruises-nav .nav-item::before {
  display: none;
  position: absolute;
  content: "";
  left: 48%;
  bottom: -26px;
}
.cruises-nav .nav-item:hover::before,
.cruises-nav .nav-item.active::before {
  display: block;
}
.cruises-nav .nav-item.btn1.active {
  border: 1px solid #001c50;
}
.cruises-nav .nav-item.btn1.active::before {
  border: 0.8em solid #ffffff;
  border-color: #193261 transparent transparent transparent;
}
.cruises-nav .nav-item.btn2.active {
  border: 1px solid #005f9c;
}
.cruises-nav .nav-item.btn2.active::before {
  border: 0.8em solid #ffffff;
  border-color: #005f9c transparent transparent transparent;
}
.cruises-nav .nav-item.btn3.active {
  border: 1px solid #6b4092;
}
.cruises-nav .nav-item.btn3.active::before {
  border: 0.8em solid #ffffff;
  border-color: #6b4092 transparent transparent transparent;
}
.cruises-nav .nav-item.btn4.active {
  border: 1px solid #98642b;
}
.cruises-nav .nav-item.btn4.active::before {
  border: 0.8em solid #ffffff;
  border-color: #98642b transparent transparent transparent;
}

@media (max-width: 1099px) {
  .cruises-nav .nav-item {
    padding: 10px;
  }
  .nav-icon {
    width: 100px;
  }
  .cruises-nav .item-title {
    right: 20px;
  }
}
@media (max-width: 1200px) {
  .cruises-nav .nav-item {
    display: block;
  }
  .nav-icon {
    margin: 0 auto;
  }
  .cruises-nav .item-title {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    font-size: 1.1rem;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .cruises-nav-block {
    top: 550px;
  }
  .cruises-nav .nav-block {
    width: 50%;
    padding: 0;
  }
  .cruises-nav .nav-item {
    margin-bottom: 0;
    height: 130px;
  }
  .cruises-nav .nav-icon {
    width: 80px;
  }
  .cruises-nav .nav-item:hover,
  .cruises-nav .nav-item.active {
    margin-top: 0;
    border-bottom: 1px solid #ffffff;
  }
  .cruises-nav .nav-item::before {
    border: 0.4em solid #ffffff;
    left: 48%;
    bottom: 0;
  }
  .cruises-nav .nav-item.btn1:hover::before,
  .cruises-nav .nav-item.btn1.active::before,
  .cruises-nav .nav-item.btn2:hover::before,
  .cruises-nav .nav-item.btn2.active::before,
  .cruises-nav .nav-item.btn3:hover::before,
  .cruises-nav .nav-item.btn3.active::before,
  .cruises-nav .nav-item.btn4:hover::before,
  .cruises-nav .nav-item.btn4.active::before {
    border: 0.4em solid #ffffff;
    border-color: transparent transparent #ffffff transparent;
  }
  .cruises-nav .nav-item.btn1:hover,
  .cruises-nav .nav-item.btn1.active,
  .cruises-nav .nav-item.btn2:hover,
  .cruises-nav .nav-item.btn2.active,
  .cruises-nav .nav-item.btn3:hover,
  .cruises-nav .nav-item.btn3.active,
  .cruises-nav .nav-item.btn4:hover,
  .cruises-nav .nav-item.btn4.active {
    border: 0;
    border-bottom: 1px solid #ffffff;
  }
}
@media (max-width: 520px) {
  .nav-icon {
    width: 90px;
  }
  .cruises-nav .item-title {
    font-size: 1rem;
  }
}

/*popup*/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: center;
  height: 0vh;
  background-color: transparent;
  overflow: hidden;
  transition: background-color 0.25s ease;
  z-index: 9999;
}
.popup.open {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.6s;
}
.popup.open > .content-wrapper {
  transform: scale(1);
}
.popup .content-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 70%;
  max-height: 600px;
  margin: 0;
  background-color: white;
  border-radius: 0.3125rem;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
  transform: scale(0);
  transition: transform 0.6s;
  transition-delay: 0.15s;
}
.popup .content-wrapper .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
  transition: 0.25s linear;
  cursor: pointer;
  opacity: 0.6;
}
.popup .content-wrapper .close:before,
.popup .content-wrapper .close:after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 0.125rem;
  background-color: #ffffff;
}
.popup .content-wrapper .close:before {
  transform: rotate(-45deg);
}
.popup .content-wrapper .close:after {
  transform: rotate(45deg);
}
.popup .content-wrapper .close:hover {
  transform: rotate(90deg);
}
.popup .content-wrapper .close:hover:before,
.popup .content-wrapper .close:hover:after {
  opacity: 1;
}
.popup .popup-header {
  width: 100%;
  padding: 20px;
  background: #13448f;
  color: #ffffff;
  font-size: 1.2rem;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.popup .popup-header span {
  color: #ffe049;
  font-size: 1.4rem;
  padding-right: 5px;
}
.popup .content {
  padding: 20px;
  overflow-y: scroll;
}
.popup .content ul {
  padding-inline-start: 1px;
}
.popup .content li {
  margin-bottom: 5px;
  padding: 8px;
  background: #f1ede6;
  list-style: none;
}
@media (max-width: 1560px) {
  .popup.price .content-wrapper {
    width: 90%;
  }
}
@media (max-width: 1099px) {
  .popup .content-wrapper {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .popup .content-wrapper {
    width: 80%;
  }
  .popup.price .content-wrapper {
    width: 95%;
  }
  .popup .popup-header {
    padding: 20px 50px 20px 10px;
    font-size: 1rem;
  }
  .popup .popup-header span {
    font-size: 1.2rem;
  }
  .popup .content-wrapper .close {
    top: 0.2rem;
    right: 0.2rem;
  }
}
@media (max-width: 520px) {
  .popup .content-wrapper {
    max-height: 500px;
    width: 90%;
  }
}

/*roomlist-popup*/
.roomlist .item01,
.roomlist .item02,
.roomlist .item03,
.roomlist .item04,
.roomlist .item05,
.roomlist .item06,
.roomlist .item07,
.roomlist .itemDesc {
  float: left;
  padding: 8px;
}
.roomlist {
  overflow-y: scroll;
}
.roomlist .item01 {
  width: 6%;
}
.roomlist .item02 {
  width: 20%;
}
.roomlist .item03,
.roomlist .item04,
.roomlist .item05,
.roomlist .item06,
.roomlist .item07 {
  width: 8%;
}
.roomlist .itemDesc {
  width: 30%;
}
.roomlist-row > div:nth-child(odd) {
  background: #f5f5f5;
}
.roomlist-row .lowest {
  color: #ff6600;
}
.roomlist-header {
  display: table;
  width: 100%;
  background: #d0dcef;
}
.roomlist-row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #dedede;
}
.roomlist .ps {
  padding: 10px;
  line-height: 1.6rem;
  border-top: 1px solid #545454;
}

@media (max-width: 992px) {
  .roomlist-row {
    display: table;
    border-bottom: 1px solid #13448f;
  }
  .roomlist-header > div:not(:nth-child(1)) {
    display: none;
  }
  .roomlist-row > div:nth-child(1),
  .roomlist-row > div:nth-child(odd) {
    background: #ffffff;
  }
  .roomlist-header > div.item02,
  .roomlist-row .item03,
  .roomlist-row .item04,
  .roomlist-row .item05,
  .roomlist-row .item06,
  .roomlist-row .item07,
  .roomlist-row .itemDesc {
    width: 50%;
    font-size: 0.9em;
  }
  .roomlist-row .item01,
  .roomlist-row .item02 {
    width: 50%;
    height: 55px;
  }
  .roomlist-row .item02 {
    color: #13448f;
    font-weight: 600;
  }
  .roomlist-row .item03,
  .roomlist-row .item04,
  .roomlist-row .item05,
  .roomlist-row .item06,
  .roomlist-row .item07,
  .roomlist-row .itemDesc {
    border-top: 1px solid #e8e8e8;
  }
  .roomlist-row .item01,
  .roomlist-row .item04,
  .roomlist-row .item06,
  .roomlist-row .itemDesc {
    border-left: 1px solid #e8e8e8;
  }
  .roomlist-row .item01::before {
    content: "可住:";
    padding-right: 10px;
  }
  .roomlist-row .item03::before {
    content: "兩人一室:";
    padding-right: 10px;
  }
  .roomlist-row .item04::before {
    content: "第三人:";
    padding-right: 10px;
  }
  .roomlist-row .item05::before {
    content: "第四人:";
    padding-right: 10px;
  }
  .roomlist-row .item06::before {
    content: "第五人:";
    padding-right: 10px;
  }
  .roomlist-row .item07::before {
    content: "第六人:";
    padding-right: 10px;
  }
  .roomlist-row .itemDesc::before {
    content: "備註:";
    padding-right: 10px;
  }
  .roomlist-row .item03 {
    background: #ffffff;
  }
  .roomlist .ps {
    font-size: 0.9rem;
  }
}
@media (max-width: 520px) {
  .roomlist {
    font-size: 1.1em;
  }
  .roomlist-row .item01,
  .roomlist-row .item02,
  .roomlist-row .item03 {
    width: 100%;
  }
  .item02 span {
    font-size: 0.8em !important;
  }
  .roomlist-row .itemDesc {
    width: 100% !important;
    font-size: 0.8em;
  }
  .roomlist-row .item01 {
    height: auto;
    border-top: 1px solid #e8e8e8;
  }
  .roomlist-row .item01,
  .roomlist-row .item04,
  .roomlist-row .item06,
  .roomlist-row .itemDesc {
    border-left: 0;
  }
  .roomlist-row .item05 {
    border-left: 1px solid #e8e8e8;
  }
  .roomlist-row .item01 {
    height: auto;
  }
  .roomlist-row .item02 {
    height: 65px;
  }
}

/*go top*/
:root {
  --red: #da2c4d;
  --yellow: #f8ab37;
  --black-blue: #1f2029;
  --black-blue-light-3: #4b4d64;
}
.gotop {
  display: none;
  position: fixed;
  right: 50px;
  bottom: 70px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.gotop.active-gotop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.gotop::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 13px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  background-image: url("../img/arrow-up.svg");
  background-repeat: no-repeat;
}
.gotop::before {
  position: absolute;
  content: "";
  left: 12px;
  top: 13px;
  opacity: 0;
  background-image: url("../img/arrow-up-og.svg");
  background-repeat: no-repeat;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.gotop:hover::after {
  opacity: 0;
}
.gotop:hover::before {
  opacity: 1;
}
.gotop svg path {
  fill: none;
}
.gotop svg.gotop-circle path {
  stroke: var(--black-blue);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
@media (max-width: 768px) {
  .gotop {
    right: 20px;
    bottom: 60px;
  }
}

/*button*/
/*.gold-bold-btn  button{ position:relative; 	margin:0px 5px; 	padding:8px 8px 8px 0; 	min-width:150px; 	border-radius:2px; 	font-size:1rem; 	font-weight:600; 	letter-spacing:0.1rem; 	background:#978151; 	border:1px solid #978151; 	color:#ffffff; 	cursor:pointer; 	transition: all 0.3s ease-in-out; 	-moz-transition: all 0.3s ease-in-out; 	-webkit-transition: all 0.3s ease-in-out; }*/
.gold-bold-btn button {
  position: relative;
  margin: 0px 2px;
  padding: 8px 10px;
  border-radius: 2px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  background: #978151;
  border: 1px solid #978151;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.gold-bold-btn button:hover {
  border: 1px solid #978151;
  background: rgba(255, 255, 255, 0.3);
  color: #978151;
}
/*.gold-bold-btn button::before,.gold-bold-btn button::before{content:""; position:absolute; background-image:url("../img/arrow-right.svg"); width: 15px; height: 15px; right: 15px; top: 10px; }*/
.gold-bold-btn button:hover::before,
.gold-bold-btn button:hover::before {
  background-image: url("../img/arrow-right-gd.svg");
}

@media (max-width: 768px) {
  .gold-bold-btn button {
    margin: 0; /*min-width: 90px;*/
    padding-right: 0;
  }
  .gold-bold-btn button::before {
    display: none;
  }
}

/*order form訂購單*/
.order-form {
  max-width: 1560px;
  margin: 0 auto;
}
.order-form .ps,
.order-form .btn-block {
  padding: 5px 0 10px;
  font-size: 0.9em;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.order-form .order-block {
  display: table;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  background: #ffffff;
  letter-spacing: 0.05em;
}
.order-form .cruisesnotice-title {
  margin-top: 20px;
  margin-bottom: 30px;
}
.order-form .item-row {
  display: table-row;
}
.order-form .item-title,
.order-form .item-content {
  display: table-cell;
  padding: 10px;
  border-top: 1px dotted #bdbdbd;
  vertical-align: middle;
}
.order-form .item-row:first-child .item-col {
  border-top: none;
}
.order-form .item-row:first-child .item-col.item-title {
  border-top-left-radius: 8px;
}
.order-form .item-row:last-child .item-col.item-title {
  border-bottom-left-radius: 8px;
}
.order-form .item-col.item-title {
  background: #eaeef3;
  color: #13448f;
  width: 15%;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.1em;
}
.order-form .item-title span {
  color: #ff6600;
}
.order-form .item-col.item-content.routename {
  color: #b1559d;
  font-size: 1.1em;
  font-weight: 600;
}
.order-block.order-content .item-col.item-content {
  padding: 15px;
}
.order-form .item-col.item-content div + div {
  margin-top: 10px;
}
.order-form .item-col.item-content .rooms,
.order-form .item-col.item-content .sum {
  position: relative;
  padding-left: 15px;
}
.order-form .item-col.item-content .rooms::before,
.order-form .item-col.item-content .sum::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #545454;
}
.order-form .item-col.item-content .sum::before {
  top: 10px;
}
.order-form .item-col.item-content .rooms span {
  padding-left: 5px;
  font-weight: 600;
}
.order-form .item-col.item-content .sum span {
  padding-left: 5px;
  font-weight: 600;
  font-size: 1.3em;
}
.order-form .item-col.item-content .people span:first-child {
  width: 170px;
  display: inline-block;
}
.order-form .item-col.item-content .people span:nth-child(2) {
  font-weight: 600;
  padding-right: 3px;
}
.order-form .order-block.order-content {
  border: none;
  background: #f3f3f3;
  border: 3px solid #c2dfe6;
}
.order-form .order-block.order-content .item-col.item-title {
  background: inherit;
  text-align: center;
  width: 12%;
  color: #0092b7;
}
.order-form .order-block.order-content .item-row:nth-child(even) {
  background: #ffffff;
}
.order-form .order-block.order-content .item-title,
.order-form .order-block.order-content .item-content {
  border-top: none;
}
.order-form .form-block + .form-block {
  margin-left: 10px;
}
.order-form .form-block,
.order-form .radio-block {
  display: inline-block;
}
.order-form .form-block.name,
.order-form .form-block.email {
  display: inline-block;
  width: 100%;
}
.order-form .form-block input {
  box-shadow: none;
  left: 0;
  padding: 6px;
  background-color: #ffffff;
  color: #545454;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.order-form .form-block.name input {
  width: 260px;
}
.order-form .form-block.email input {
  width: 60%;
}
.order-form .form-block input:focus {
  outline: none;
}
.order-form .form-block input:hover,
.order-form .form-block input:focus {
  border: 1px solid #13448f;
}
.order-form .item-col.item-content div.form-block + div {
  margin-top: 0;
}
.order-form .memo {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;
}
/*.order-form .order-block.passenger .item-row .item-col.item-title{ width:10% }
.order-form .order-block.passenger .item-row .item-col.item-title:nth-child(3){ width:16% }
.order-form .order-block.passenger .item-row .item-col.item-content:nth-child(2){ width:27% }
.order-form .order-block.passenger .item-row .item-col.item-content:nth-child(4){ width:47% }
.order-form .order-block.passenger .name input{ width:auto}
.order-form .order-block.passenger .item-row .item-col.item-title{ width:10%; letter-spacing:0 }
.order-form .order-block.passenger .item-row .item-col.item-title:nth-child(3),.order-form .order-block.passenger .item-row .item-col.item-title:nth-child(5){ width:15%; border-top-left-radius: 0px; border-bottom-left-radius:0px }
.order-form .order-block.passenger .item-row .item-col.item-content{ width:20% }
.order-form .passenger-block .number{ display: table;  margin-left: 20px;  padding: 3px 10px;  background: #fff;  border-top-left-radius: 4px; border-top-right-radius: 4px;  border: 1px solid #899dbd;  border-bottom: 0;   color: #13448f;}
.order-form .passenger-block + .passenger-block{ margin-top:20px;}*/
.order-form .passenger-block {
  max-width: 1200px;
  margin: 0 auto;
}
.order-form .passenger-block .number {
  color: #13448f;
}
.order-form .passenger-block .item-col.item-title {
  width: auto;
}
.order-form .passenger-block .item-title,
.order-form .passenger-block .item-content {
  padding: 8px 5px;
}
.order-form .passenger-block .item-content {
  font-size: 0.9em;
}
.order-form .passenger-block .item-row:first-child .item-col.item-title {
  border-top-left-radius: 0px;
}
.order-form
  .passenger-block
  .item-row:first-child
  .item-col.item-title:first-child {
  border-top-left-radius: 8px;
}
.order-form
  .passenger-block
  .item-row:first-child
  .item-col.item-title:last-child {
  border-top-right-radius: 8px;
}
.order-form .passenger-block .form-block input {
  width: 100%;
}
.order-form .passenger-block .item-title span {
  display: block;
  color: #13448f;
  font-size: 0.8em;
}
.order-form .passenger-block .cruise-select {
  width: 130px;
}
.order-form .passenger-block .item-col.item-content div + div {
  margin-top: 0;
}
.order-form.complete
  .order-block.passenger
  .item-row:first-child
  .item-col.item-title {
  border-radius: 0;
}
.order-form.complete
  .order-block.passenger
  .item-row:first-child
  .item-col.item-title:first-child {
  border-top-left-radius: 8px;
}
.order-form.complete
  .order-block.passenger
  .item-row:first-child
  .item-col.item-title:last-child {
  border-top-right-radius: 8px;
}
.order-form.complete .order-block.passenger .item-col.item-title {
  width: auto;
}
.passenger-block .compare-check {
  position: absolute;
  top: 3px;
  font-size: 0.7em;
  font-weight: 400;
  color: #0092b7;
  left: 240px;
}
.order-block.passenger + .number {
  margin-top: 20px;
}
.order-hide-btn .offer {
  display: table;
  margin-bottom: 10px;
  padding: 8px 10px;
  background: #13448f;
  color: #ffffff;
  font-size: 1rem;
  letter-spacing: 0.1em;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.order-hide-btn .offer:hover {
  background: #093475;
}
.order-hide-btn .offer-detail {
  margin: 0px;
  padding: 5px;
  background: #ffffff;
  display: none;
}
.order-form .form-block.add,
.order-form .form-block.add input {
  width: 100%;
}
.order-form .order-block.invoice .item-row .item-col.item-title {
  width: 10%;
}
.order-form .order-block.invoice .item-row .item-col.item-title:nth-child(3) {
  width: 16%;
}
.order-form .order-block.invoice .item-row .item-col.item-content:nth-child(2) {
  width: 27%;
}
.order-form .order-block.invoice .item-row .item-col.item-content:nth-child(4) {
  width: 47%;
}
.order-form .invoice .item-row .item-col.item-title:nth-child(3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.order-form
  .order-block.chargedetail
  .item-row
  .item-col.item-content.route-name,
.order-form .order-block.chargedetail .item-row .item-col.item-content.plan {
  width: 22%;
}
.order-form .order-block.chargedetail .item-row .item-col.item-content.detail {
  width: 40%;
}
.order-form .order-block.chargedetail .item-row .item-col.item-content.total {
  width: 16%;
}
.order-form
  .order-block.chargedetail
  .item-row:first-child
  .item-col.item-title {
  border-radius: 0;
}
.order-form
  .order-block.chargedetail
  .item-row:first-child
  .item-col.item-title:first-child {
  border-top-left-radius: 8px;
}
.order-form
  .order-block.chargedetail
  .item-row:first-child
  .item-col.item-title:last-child {
  border-top-right-radius: 8px;
}
.order-form .order-block.chargedetail .item-content + .item-content {
  border-left: 1px dotted #899dbd;
}
.order-form .ps.rule {
  padding: 10px 0;
  font-size: 1em;
  text-align: left;
  line-height: 2em;
}
.order-form .ps.rule ol {
  padding-inline-start: 20px;
}
.order-form .ps.rule li {
  list-style: unset;
}
.order-form .order-block.rule .item-title + .item-title,
.order-form .order-block.rule .item-content + .item-content {
  border-left: 1px solid #bdbdbd;
}
.order-form
  .order-block.rule
  .item-row:first-child
  .item-col.item-title:nth-child(2) {
  border-top-left-radius: 0px;
}
.order-form
  .order-block.rule
  .item-row:first-child
  .item-col.item-title:nth-child(2) {
  border-top-right-radius: 8px;
}
.order-form .order-block.rule .item-row:nth-child(odd) {
  background: #f7f7f7;
}
.order-form .order-block.rule .item-row:last-child {
  background: initial;
}
.order-form .order-block.rule .item-content:nth-child(1) {
  font-weight: 600;
}
/*order form complete訂購完成*/
.order-form.complete .remind {
  display: table;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 10px;
  background: #ffffff;
  text-align: center;
  line-height: 2em;
}
.order-form.complete .remind > div:nth-child(1) {
  color: #e06700;
}
.order-form.complete .remind span {
  color: #0092b7;
  padding-left: 5px;
  padding-right: 5px;
}
.order-form.complete .order-block.order-content .item-col.item-title {
  width: 10%;
}
.order-form.complete .order-block.order-content .item-col.item-content {
  width: 40%;
}
.order-form.complete .form-block.phone span {
  padding-left: 5px;
  padding-right: 5px;
}
/*.order-form.complete .order-block.passenger span + span{ margin-left:8px}
.order-form.complete .order-block.passenger .item-row .item-col.item-content:nth-child(2),
.order-form.complete .order-block.passenger .item-row .item-col.item-content:nth-child(4){ width:37% }*/
.order-form.complete .order-block.chargedetail ul {
  padding-inline-start: 0px;
  margin: 0px;
}
.order-form.complete .order-block.chargedetail ul li {
  padding-bottom: 5px;
  list-style: none;
  color: #545454;
}
.order-form.complete .order-block.chargedetail ul li {
  padding-bottom: 5px;
  list-style: none;
  color: #545454;
}
.order-form.complete .order-block.chargedetail span {
  color: #e06700;
}
.order-form.complete .ps {
  padding: 0;
}

@media (max-width: 1560px) {
  .order-form {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .order-form .item-col.item-title {
    width: 18%;
  }
  /*.order-form .order-block.passenger .item-row .item-col.item-title,
	.order-form .order-block.passenger .item-row .item-col.item-content,
	.order-form .order-block.passenger .form-block input,
	.order-form .order-block.passenger .cruise-select{ width:120px}*/
}

@media (max-width: 992px) {
  .order-form .item-col.item-title {
    width: 22%;
  }
  .order-form
    .order-block.passenger
    .item-col.item-content
    div.form-block
    + div {
    margin-top: 10px;
  }
  .order-form .order-block.order-content .item-col.item-title {
    width: 20%;
  }
  .order-form .order-block.invoice .item-row .item-col.item-title {
    width: 20%;
  }
  .order-form .order-block.invoice .item-row .item-col.item-title:nth-child(3) {
    width: 20%;
  }
  .order-form
    .order-block.invoice
    .item-row
    .item-col.item-content:nth-child(2) {
    width: 30%;
  }
  .order-form
    .order-block.invoice
    .item-row
    .item-col.item-content:nth-child(4) {
    width: 30%;
  }
  .order-form.complete .order-block.order-content .item-col.item-title {
    width: 15%;
  }
  .order-form.complete .order-block.order-content .item-col.item-content {
    width: 35%;
  }
  .order-form .order-block.passenger .item-row:first-child {
    display: none;
  }
  .order-form .passenger-block .item-content,
  .order-form.complete .order-block.passenger .item-content {
    display: table;
    width: 100%;
    font-size: 1em;
  }
  .order-form .passenger-block .item-content:first-child,
  .order-form.complete .order-block.passenger .item-content:first-child {
    border-top: none;
  }
  .order-form .passenger-block .form-block input {
    width: 300px;
  }
  .order-form .passenger-block .form-block.name {
    width: auto;
  }
  .order-form .passenger-block .form-block {
    display: block;
    max-width: 300px;
  }
  .order-form .passenger-block .cruise-select {
    width: 100%;
    max-width: 300px;
  }
  .order-form .passenger-block .form-block,
  .order-form .passenger-block .radio-block.gender,
  .order-form .passenger-block .country,
  .order-form.complete .order-block.passenger .item-content {
    position: relative;
    padding-left: 140px;
  }
  .order-form .passenger-block .number,
  .order-form.complete .order-block.passenger .item-content.number {
    color: #13448f;
  }
  .order-form.complete .order-block.passenger .item-content.number {
    padding-left: 40px;
  }
  .order-form .passenger-block .form-block:before,
  .order-form .passenger-block .country:before,
  .order-form .passenger-block .radio-block:before {
    position: absolute;
    top: 6px;
    left: 0;
    font-weight: 600;
    color: #13448f;
  }
  .order-form.complete .order-block.passenger .item-content:before {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 600;
    color: #13448f;
  }
  .order-form .passenger-block .radio-block:before {
    top: 3px;
  }
  .order-form .passenger-block .number:before,
  .order-form.complete .order-block.passenger .item-content.number:before {
    content: "NO.";
    font-weight: 400;
  }
  .order-form .passenger-block .form-block.name:before,
  .order-form.complete .order-block.passenger .item-content.name:before {
    content: "中文姓名";
  }
  .order-form .passenger-block .form-block.fname:before,
  .order-form.complete .order-block.passenger .item-content.fname:before {
    content: "英文姓(同護照)";
  }
  .order-form .passenger-block .form-block.gname:before,
  .order-form.complete .order-block.passenger .item-content.gname:before {
    content: "英文名(同護照)";
  }
  .order-form .passenger-block .radio-block.gender:before,
  .order-form.complete .order-block.passenger .item-content.gender:before {
    content: "性別";
  }
  .order-form .passenger-block .form-block.birth:before,
  .order-form.complete .order-block.passenger .item-content.birth:before {
    content: "生日(西元)";
  }
  .order-form .passenger-block .country:before,
  .order-form.complete .order-block.passenger .item-content.country:before {
    content: "國籍";
  }
  .order-form .passenger-block .form-block.id:before,
  .order-form.complete .order-block.passenger .item-content.id:before {
    content: "身份證/居留證ID";
  }
  .order-form .passenger-block .form-block.passport:before,
  .order-form.complete .order-block.passenger .item-content.passport:before {
    content: "護照號碼";
  }
  .order-form .passenger-block .form-block.period:before {
    content: "護照效期(西元)";
  }
  .order-form.complete .order-block.passenger .item-content.period:before {
    content: "護照效期";
  }
  .order-form .passenger-block .item-row .item-col:first-child,
  .order-form.complete .order-block.passenger .item-row .item-col:first-child {
    background: #eaeef3;
  }
  .order-form .passenger-block .item-row:nth-child(2) .item-col:first-child,
  .order-form.complete
    .order-block.passenger
    .item-row:nth-child(2)
    .item-col:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .order-form
    .passenger-block
    .item-row:not(:nth-child(2))
    .item-col:first-child,
  .order-form.complete
    .order-block.passenger
    .item-row:not(:nth-child(2))
    .item-col:first-child {
    border-top: 1px solid #13448f;
  }
  .order-form .passenger-block .item-col.item-content div + div {
    margin-left: 8px;
  }
}
@media (max-width: 768px) {
  .order-form .order-block.order-content .item-col.item-title {
    width: 25%;
  }
  .order-form .item-col.item-title {
    width: 30%;
  }
  .order-form .form-block.email input {
    width: 100%;
  }
  .order-form .form-block.phone input {
    width: 150px;
  }
  .order-form .order-block.invoice .item-title,
  .order-form .order-block.invoice .item-content {
    display: table;
  }
  .order-form .order-block.invoice .item-row .item-col.item-title,
  .order-form .order-block.invoice .item-row .item-col.item-title:nth-child(3),
  .order-form
    .order-block.invoice
    .item-row
    .item-col.item-content:nth-child(2),
  .order-form
    .order-block.invoice
    .item-row
    .item-col.item-content:nth-child(4) {
    width: 100%;
  }
  .order-form .order-block.invoice .item-title {
    padding: 10px;
  }
  .order-form .order-block.invoice .item-row:last-child .item-col.item-title {
    border-bottom-left-radius: 0px;
  }
  .order-form
    .order-block.invoice
    .item-row:first-child
    .item-col.item-title:first-child {
    border-top-right-radius: 8px;
  }
  .order-form .order-block.invoice .item-title,
  .order-form .order-block.invoice .item-content {
    border-top: none;
  }
  .order-form.complete .item-row {
    display: table;
    width: 100%;
  }
  .order-form.complete .order-block.order-content .item-col.item-title,
  .order-form.complete .order-block.order-content .item-col.item-content {
    display: table;
    width: 100%;
    text-align: left;
    float: left;
    padding: 10px;
  }
  .order-form.complete .order-block.order-content .item-row:nth-child(even) {
    background: inherit;
  }
  .order-form.complete .order-block.order-content .item-col:nth-child(3),
  .order-form.complete .order-block.order-content .item-col:nth-child(4) {
    background: #ffffff;
  }
  .order-form.complete .order-block.order-content .item-col.item-title {
    width: 20%;
    text-align: center;
  }
  .order-form.complete .order-block.order-content .item-col.item-content {
    width: 80%;
  }
  .order-form.complete
    .order-block.order-content
    .item-row:last-child
    .item-col:nth-child(3) {
    height: 50px;
  }
  .order-form .order-block.chargedetail .item-row:first-child {
    display: none;
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content.route-name,
  .order-form .order-block.chargedetail .item-row .item-col.item-content.plan,
  .order-form .order-block.chargedetail .item-row .item-col.item-content.detail,
  .order-form .order-block.chargedetail .item-row .item-col.item-content.total {
    position: relative;
    width: 100%;
    display: table;
    padding-left: 100px;
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content::before {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 600;
    color: #13448f;
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content.route-name::before {
    content: "航程名稱";
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content.plan::before {
    content: "優惠方案";
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content.detail::before {
    content: "明細";
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content.total::before {
    content: "總計";
  }
  /*.order-form .order-block.passenger .item-title, .order-form .order-block.passenger .item-content{ display:inline-block; border-top:none; padding: 0px 10px;}
	.order-form .order-block.passenger .item-row .item-col.item-title,.order-form .order-block.passenger .item-row .item-col.item-title:nth-child(3), .order-form .order-block.passenger .item-row .item-col.item-title:nth-child(5) { width: 30%; height: 50px; padding: 10px; }
	.order-form .order-block.passenger .item-row .item-col.item-content, .order-form .order-block.passenger .form-block input, .order-form .order-block.passenger .cruise-select { width: 70%;}*/
}
@media (max-width: 600px) {
  .order-form .item-col.item-title,
  .order-form .item-content {
    display: table;
    width: 100%;
  }
  .order-form .order-block.order-content .item-col.item-title,
  .order-form .order-block.order-content .item-content {
    display: table-cell;
  }
  /*.order-form .order-block.passenger .item-col.item-title, .order-form .order-block.passenger .item-content{ display: table;width: 100%;}
	.order-form .order-block.passenger .item-row .item-col.item-title,
	.order-form .order-block.passenger .item-row .item-col.item-content:nth-child(2),
	.order-form .order-block.passenger .item-row .item-col.item-title:nth-child(3),
	.order-form .order-block.passenger .item-row .item-col.item-content:nth-child(4){ width: 100%;}
	.order-form .order-block.passenger .form-block+.form-block { margin-left:10px;}
	.order-form .order-block.passenger .item-col.item-content div.form-block+div{  margin-top: 0px;}
	.order-form .order-block.passenger .form-block.name input { width: 100%;}*/
  .order-form .order-block .item-row:last-child .item-col.item-title {
    border-bottom-left-radius: 0px;
  }
  .order-form
    .order-block
    .item-row:first-child
    .item-col.item-title:first-child {
    border-top-right-radius: 8px;
  }
  .order-form .item-row {
    display: table;
    width: 100%;
  }
  .order-form .order-block.rule .item-row {
    border-bottom: 1px solid #ccc;
  }
  .order-form .item-row:last-child {
    border-bottom: none;
  }
  .order-form .order-block.rule .item-content:nth-child(1) {
    color: #978151;
    font-weight: 600;
    background: #f7f7f7;
  }
  .order-form .order-block.rule .item-col.item-title:nth-child(2) {
    display: none;
  }
  .order-form .order-block.rule .item-row:nth-child(odd) {
    background: initial;
  }
  .order-form .order-block.rule .item-content + .item-content {
    border-left: 0;
  }
  .order-form .order-block.rule .item-col.item-title,
  .order-form .order-block.rule .item-content {
    display: table;
    width: 100%;
  }
  .order-form .order-block.rule .item-content {
    border-top: 0;
  }
  .order-form .order-block.rule .item-col.item-content:nth-child(even):before {
    content: "每位收費:";
    color: #13448f;
  }
  .order-form .item-title,
  .order-form .item-content {
    border-top: none;
  }
  .order-form .passenger-block .item-title,
  .order-form .passenger-block .item-content {
    border-top: 1px dotted #899dbd;
  }
  .order-form.complete .order-block.order-content .item-col.item-title {
    width: 30%;
  }
  .order-form.complete .order-block.order-content .item-col.item-content {
    width: 70%;
  }
}
@media (max-width: 520px) {
  .order-form .order-block.order-content .item-col.item-title,
  .order-form .order-block.order-content .item-col.item-content {
    display: table;
    width: 100%;
  }
  .order-form .order-block.order-content .item-col.item-title {
    padding: 10px;
    text-align: left;
  }
  .order-form .order-block.order-content .item-col.item-content {
    border-bottom: 1px solid #aadbe6;
  }
  .order-form.complete .order-block.order-content .item-col.item-title {
    width: 100%;
    text-align: left;
  }
  .order-form.complete .order-block.order-content .item-col.item-content {
    width: 100%;
  }
  .order-form .item-title {
    padding: 10px;
  }
  .order-form .form-block.name input {
    width: 100%;
  }
  .order-form .form-block.phone {
    display: block;
  }
  .order-form .form-block.phone input {
    width: 100%;
  }
  .order-form .item-col.item-content div.form-block + div,
  .order-form
    .order-block.passenger
    .item-col.item-content
    div.form-block
    + div {
    margin-top: 10px;
  }
  .order-form .form-block + .form-block,
  .order-form .order-block.passenger .form-block + .form-block {
    margin-left: 0;
  }
  .order-form .order-block.passenger .form-block {
    display: block;
    width: 100%;
  }
  /*.order-form .order-block.passenger .form-block input {width: 100%;}*/
  .order-form .passenger-block .item-content {
    font-size: 0.9em;
  }
  .order-form .passenger-block .form-block,
  .order-form .passenger-block .radio-block.gender,
  .order-form .passenger-block .country {
    max-width: inherit;
    padding-left: 125px;
  }
  .order-form .passenger-block .form-block input {
    width: 100%;
  }
  .passenger-block .compare-check {
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 0.9em;
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content.route-name,
  .order-form .order-block.chargedetail .item-row .item-col.item-content.plan,
  .order-form .order-block.chargedetail .item-row .item-col.item-content.detail,
  .order-form .order-block.chargedetail .item-row .item-col.item-content.total {
    padding-left: 10px;
  }
  .order-form
    .order-block.chargedetail
    .item-row
    .item-col.item-content::before {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
  }
}

/*cruise navbar*/
.main-navbar {
  width: 100%;
  background: #eaeef3;
}
.main-navbar #cruise-navbar {
  width: 1200px;
  position: relative;
  margin: 0 auto;
}
.main-navbar #cruise-navbar > a {
  display: none;
}
.main-navbar #cruise-navbar li {
  position: relative;
}
.main-navbar #cruise-navbar li a {
  color: #0950a0;
  display: block;
}
.main-navbar #cruise-navbar li a:active {
  background-color: #12448f !important;
  color: #ffffff;
}
.main-navbar #cruise-navbar .nav-title {
  position: relative;
}
.main-navbar #cruise-navbar .nav-title .nav-arr {
  right: -20px;
}
.main-navbar #cruise-navbar .nav-title .nav-arr img {
  width: 12px;
  height: auto;
}
/* first level */
.main-navbar #cruise-navbar > ul {
  height: 3.2em;
  background-color: #eaeef3;
  margin-bottom: 0;
}
.main-navbar #cruise-navbar > ul > li {
  width: 20%;
  height: 100%;
  float: left;
}
.main-navbar #cruise-navbar > ul > li > a {
  font-size: 1.2em;
  line-height: 2.7em;
  text-align: center;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}
.main-navbar #cruise-navbar > ul > li:hover > a,
.main-navbar #cruise-navbar > ul:not(:hover) > li.active > a {
  background-color: #dde9f5;
}
.main-navbar #cruise-navbar li:last-child a {
  color: #0092b7;
}
.main-navbar #cruise-navbar > ul > li + li {
  border-left: 1px solid #c8dbf7;
}
.main-navbar #cruise-navbar > ul > li:last-child:hover > a,
.main-navbar #cruise-navbar > ul:not(:hover) > li:last-child.active > a {
  background-color: #83c8da;
  color: #ffffff;
}
.main-navbar #cruise-navbar li:last-child:hover a:active {
  background-color: #83c8da !important;
  color: #ffffff;
}
/* second level */
.main-navbar #cruise-navbar li ul {
  background-color: #eaeef3;
  border: 1px solid #83c8da;
  display: none;
  position: absolute;
  top: 100%;
  width: 280px;
  z-index: 1;
}
.main-navbar #cruise-navbar li:hover ul {
  display: block;
  left: 0;
  right: 0;
}
.main-navbar #cruise-navbar li:not(:first-child):hover ul {
  left: -1px;
}
.main-navbar #cruise-navbar li ul a {
  font-size: 1em;
  padding: 0.75em;
}
.main-navbar #cruise-navbar li ul li a:hover,
.main-navbar #cruise-navbar li ul:not(:hover) li.active a {
  background-color: #83c8da;
  color: #ffffff;
}

@media only screen and (max-width: 1200px) {
  .main-navbar #cruise-navbar {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  .main-navbar #cruise-navbar {
    width: 100%;
    position: static;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
  .main-navbar #cruise-navbar {
    position: relative;
    top: auto;
    left: auto;
    max-width: 768px !important;
  }
  .main-navbar #cruise-navbar > a {
    width: 2.5em;
    height: 2.5em;
    text-align: left;
    text-indent: -9999px;
    background-color: #eaeef3;
    position: absolute;
    top: 10px;
    right: 20px;
    border-radius: 8px;
    z-index: 1;
  }
  .main-navbar #cruise-navbar > a:before,
  .main-navbar #cruise-navbar > a:after {
    position: absolute;
    border: 1px solid #12448f;
    top: 35%;
    left: 25%;
    right: 25%;
    content: "";
  }
  .main-navbar #cruise-navbar > a:after {
    top: 60%;
  }
  .main-navbar #cruise-navbar:not(:target) > a:first-of-type,
  .main-navbar #cruise-navbar:target > a:last-of-type {
    display: block;
    top: 90px;
  }
  /* first level */
  .main-navbar #cruise-navbar > ul {
    height: auto;
    position: absolute;
    left: auto;
    right: -100%;
    display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .main-navbar #cruise-navbar:target > ul {
    display: block;
    left: auto;
    top: 150px;
    right: 0;
    width: 50%;
    border: 1px solid #adc9e6;
    z-index: 1;
    position: absolute;
  }
  .main-navbar #cruise-navbar > ul > li {
    width: 100%;
    float: none;
  }
  .main-navbar #cruise-navbar > ul > li > a {
    height: auto;
    text-align: left;
    padding: 0 0.833em; /* 20 (24) */
  }
  .main-navbar #cruise-navbar > ul > li:not(:last-child) > a {
    border-right: none;
    border-bottom: 1px solid #adc9e6;
  }
  /* second level */
  .main-navbar #cruise-navbar li ul {
    position: static;
    padding-top: 0;
    background: #fff;
    border: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 520px) {
  .main-navbar #cruise-navbar:target > ul {
    right: 0;
    width: 100%;
  }
  .main-navbar #cruise-navbar > a {
    right: 10px;
  }
  .trial .cruisesnotice-title {
    text-align: left;
    padding-right: 70px;
  }
}

/*trial 試算結果頁*/
.trial {
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 10px;
}
.trial .calculator {
  position: relative;
  padding: 74px 10px 40px;
  border: 3px solid #dadada;
  border-radius: 8px;
}
.trial .cruisesnotice-title {
  margin-top: 40px;
}
.trial .cruisesnotice-title:before,
.trial .cruisesnotice-title:after {
  width: 28%;
}
.trial .trial-block {
  display: table;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: #ffffff;
}
.trial .calculator.date > div:nth-of-type(2) {
  -webkit-order: 3;
}
.trial .calculator.date > div:nth-of-type(2) {
  order: 3;
}
.trial .calculator.date > div:nth-of-type(3) {
  -webkit-order: 2;
}
.trial .calculator.date > div:nth-of-type(3) {
  order: 2;
}
.trial .calculator.date > div:nth-of-type(4) {
  -webkit-order: 4;
}
.trial .calculator.date > div:nth-of-type(4) {
  order: 4;
}
.trial .calculator .cal-btn.btn-m {
  margin: 10px auto;
}
.trial .calculator .copylink {
  position: absolute;
  right: 0;
  bottom: 0;
}
.trial .calculator .tab-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #f7f7f7;
  margin-bottom: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.trial .calculator button.tab {
  padding: 6px;
  width: 120px;
  font-size: 1.1em;
  cursor: pointer;
}
.copylink {
  background: #efefef;
  font-size: 0.9em;
  padding: 10px 10px 10px 30px;
  border-top-left-radius: 8px;
  cursor: pointer;
}
.copylink::before {
  content: "";
  position: absolute;
  background: url(../img/copy.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
  left: 8px;
}
.copylink span {
  color: #e06700;
}
.trial .ps {
  margin-top: 20px;
}
.trial .ps .title,
.schedule-popup .ps .title {
  font-weight: 600;
  margin-bottom: 5px;
}
.trial .ps > ol,
.schedule-popup .ps > ol {
  padding-inline-start: 20px;
  margin: 0px;
}
.trial .ps > ol li,
.schedule-popup .ps > ol li {
  display: list-item;
  list-style: decimal;
  width: 100%;
}
.trial .ps > ol span,
.schedule-popup .ps > ol span {
  color: #e06700;
}
#SSQ div.ps > ol > li:nth-child(4)::after {
  content: "露台房以下：每人每晚NT420；套房：每人每晚NT530。";
  color: #f00;
}
#SXG div.ps > ol > li:nth-child(4)::after {
  content: "露台房以下：每人每晚180MYR；套房：每人每晚225MYR。";
  color: #f00;
}
/*#GDR  div.ps > ol > li:nth-child(4)::after{content:'露台房以下：每人每晚SGD21；套房：每人每晚SGD26。';color:#F00;}*/
/*#EDR   div.ps > ol > li:nth-child(4)::after{content:'套房：2歲以上每人每晚約NT$600，露臺房(含)以下：2歲以上每人每晚約NT$500。澳洲電子觀光簽證－NT$500';color:#F00;}*/
/*.price-block > div.price > span::after{content:'(兩人一室艙房價)';color:#F00;font-size: 12px;}*/
/*#schedulelist > div.ps > ol > li{display: none;}*/
/*#schedulelist > div.schedule > div > div:nth-child(1){display: none;}*/

#WDR div.ps > ol > li:nth-child(4)::after {
  content: "露台房以下：每人每晚HKD120；套房：每人每晚HKD150。";
  color: #f00;
}
#WDT div.ps > ol > li:nth-child(4)::after {
  content: "露台房以下：每人每晚HKD120；套房：每人每晚HKD150。";
  color: #f00;
}
.trial .schedule,
.schedule-popup .schedule {
  display: table;
  width: 100%;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  background: #eaeef3;
}
.trial .schedule .item-row,
.schedule-popup .schedule .item-row {
  display: table-row;
}
.trial .schedule .item-title,
.schedule-popup .schedule .item-title {
  font-weight: 600;
  color: #545454;
}
.trial .schedule .item-title,
.trial .schedule .item-content,
.schedule-popup .schedule .item-title,
.schedule-popup .schedule .item-content {
  display: table-cell;
  padding: 10px 8px;
}
.trial .schedul-title,
.schedule-popup .schedul-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.trial .schedule .item-col,
.schedule-popup .schedule .item-col {
  width: 15%;
}
.trial .schedule .item-row:last-child .item-col:nth-child(1) {
  border-bottom-left-radius: 4px;
}
.trial .schedule .item-row:last-child .item-col:nth-child(6) {
  border-bottom-right-radius: 4px;
}
.trial .schedule .item-content,
.schedule-popup .schedule .item-content {
  border-top: 1px dotted #899dbd;
}
.trial .schedule .item-row:nth-child(1) .item-col:nth-child(4) {
  border-top-right-radius: 4px;
}
.trial .schedule .item-content:nth-child(odd),
.schedule-popup .schedule .item-content:nth-child(odd) {
  background: #f7f7f7;
}
.trial .ps li,
.schedule-popup .ps li {
  padding-bottom: 3px;
  font-size: 0.9rem;
}
.trial .item-content:nth-child(even),
.schedule-popup .item-content:nth-child(even) {
  background: #ffffff;
}
.trial .room-info {
  display: table;
  background: #f3f3f3;
}
.trial .room-info .item-row {
  display: table-row;
}
.trial .room-info .item-col {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.trial .room-info .item-col img {
  max-width: 100%;
}
.trial .room-info .item-col:nth-child(1) {
  text-align: center;
  background: #e8e5dc;
}
.trial .room-info .item-col {
  padding: 15px;
}
.trial .room-info .room-title {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.5rem;
  vertical-align: bottom;
  color: #978151;
}
.trial .room-info .room-code {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 3px 5px;
  background: #978151;
  color: #ffffff;
  border-radius: 4px;
  font-size: 1em;
}
.trial .room-info li {
  padding-top: 5px;
}
.trial .compare-roominfo .compare-btn {
  width: 80px;
}
.price-detail {
  padding-top: 8px;
  display: flex;
  flex-wrap: wrap;
}
.price-detail .detail-block {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (min-width: 768px) {
  .trial .cal-result .ps li:first-child {
    display: list-item;
  }
  .trial .cal-result .offer-detail li {
    display: list-item;
    width: 100%;
  }
  .trial .calculator {
    padding: 74px 20px 20px;
  }
}

@media (min-width: 520px) {
  .trial .calculator.date > div:nth-of-type(3) {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .trial .calculator.date > div:nth-of-type(2) {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .trial .calculator > div:nth-of-type(2) {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .trial .calculator > div:nth-of-type(3) {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .trial .cal-form-block .person-block {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 10px 5px;
  }
  .trial .calculator.date > div:nth-of-type(5) {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .trial .calculator > div:nth-of-type(5) {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .trial .compare-check {
    top: 40px;
    right: -100px;
  }
  .trial .calculator button.tab {
    width: 160px;
    font-size: 1.2em;
  }
  .trial .cal-form-block {
    padding: 8px 5px;
  }
  .trial .cal-result {
    padding: 20px;
  }
  .trial .cal-result li.title {
    font-size: 1.2rem;
  }
  .trial .cal-result .result-arrow {
    position: absolute;
    top: -2px;
  }
  .trial .cal-result li {
    padding-bottom: 5px;
    font-size: 1rem;
  }
  .trial .promote {
    font-size: 1.2em;
  }
  .trial .theme-price {
    font-size: 1.4rem;
  }
  .trial .promote-theme .theme-other {
    font-size: 0.8em;
  }
  .trial .promote .item .best {
    border-bottom: 42px solid #e06700;
  }
  .trial .item span {
    top: 4px;
    font-size: 1.5rem;
  }
  .trial .compare-roominfo {
    top: 32px;
    right: -200px;
  }
  .trial .compare-roominfo .compare-btn {
    width: 90px;
  }
}

@media (min-width: 521px) and (max-width: 768px) {
  .trial .calculator {
    padding: 74px 20px 40px;
  }
  .trial .cal-form-block .person-block {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .trial .compare-check {
    top: 0;
    right: 100px;
  }
  .trial .compare-roominfo {
    top: -10px;
    right: 0;
  }
  .trial .calculator.date > div:nth-of-type(5) {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .trial .calculator > div:nth-of-type(5) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1099px) {
  .trial .cruisesnotice-title:before,
  .trial .cruisesnotice-title:after {
    width: 18%;
  }
}

@media (max-width: 768px) {
  .trial .cruisesnotice-title {
    font-size: 1.3rem;
    letter-spacing: 0em;
  }
  .trial .cruisesnotice-title:before {
    display: none;
  }
  .trial .cruisesnotice-title:after {
    width: 100%;
    top: initial;
    bottom: -8px;
  }
  .trial .schedule .item-title,
  .schedule-popup .schedule .item-title {
    display: none;
  }
  .trial .schedule .item-col,
  .schedule-popup .schedule .item-col {
    position: relative;
    width: 50%;
    float: left;
  }
  .trial .schedule .item-col {
    border-radius: none;
  }
  .trial .schedule .item-col:nth-child(1),
  .schedule-popup .schedule .item-col:nth-child(1) {
    background: #13448f;
    color: #ffffff;
    border-top: none;
    text-align: center;
  }
  .trial .schedule .item-row:nth-child(1) .item-col:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .trial .schedule .item-row:last-child .item-col:nth-child(1) {
    border-bottom-left-radius: 0px;
  }
  .trial .schedule .item-col:nth-child(2),
  .schedule-popup .schedule .item-col:nth-child(2) {
    background: #eaeef3;
    color: #13448f;
    font-weight: 600;
  }
  .trial .schedule .item-col:nth-child(2),
  .trial .schedule .item-col:nth-child(3),
  .trial .schedule .item-col:nth-child(4),
  .schedule-popup .schedule .item-col:nth-child(2),
  .schedule-popup .schedule .item-col:nth-child(3),
  .schedule-popup .schedule .item-col:nth-child(4) {
    border-top: none;
  }
  .trial .schedule .item-col:nth-child(1):before,
  .schedule-popup .schedule .item-col:nth-child(1):before {
    content: "星期";
  }
  .trial .schedule .item-col:nth-child(2):before,
  .schedule-popup .schedule .item-col:nth-child(2):before {
    content: "目的地-";
    color: #545454;
  }
  .trial .schedule .item-col:nth-child(3):before,
  .schedule-popup .schedule .item-col:nth-child(3):before {
    content: "扺達";
    padding-right: 5px;
  }
  .trial .schedule .item-col:nth-child(4):before,
  .schedule-popup .schedule .item-col:nth-child(4):before {
    content: "登船";
    padding-right: 5px;
  }
  .trial .schedule .item-col:nth-child(5):before,
  .schedule-popup .schedule .item-col:nth-child(5):before {
    content: "關閘";
    padding-right: 5px;
  }
  .trial .schedule .item-col:nth-child(6):before,
  .schedule-popup .schedule .item-col:nth-child(6):before {
    content: "出發";
    padding-right: 5px;
  }
  .trial .room-info .item-col {
    display: table;
    width: 100%;
  }
  .price-detail .detail-block {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*order form訂購單 & trial 試算結果頁共用*/
.order-form .order-block-title,
.trial .order-block-title {
  position: relative;
  max-width: 1200px;
  margin: 20px auto;
  margin-bottom: 20px;
  padding-left: 10px;
  color: #13448f;
  font-size: 1.4em;
  font-weight: 600;
  text-align: left;
  font-family: Helvetica, "微軟正黑體", Roboto, Arial, "Microsoft JhengHei",
    "新細明體", Verdana, sans-serif;
}
.order-form .order-block-title::before,
.trial .order-block-title::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
  background: #13448f;
}
.order-form .order-block-title.gray,
.trial .order-block-title.gray {
  color: #545454;
}
.order-form .order-block-title.gray::before,
.trial .order-block-title.gray::before {
  background: #545454;
}

/*trial 試算結果頁& notice共用*/
.trial .other,
.cruisesnotice .other {
  display: table;
  width: 100%;
  margin-bottom: 40px;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  background: #ffffff;
  letter-spacing: 0.05em;
}
.cruisesnotice .other {
  margin-bottom: 20px;
  font-size: 1.1em;
  line-height: 1.6em;
}
.trial .other .item-row,
.cruisesnotice .other .item-row {
  display: table-row;
}
.trial .other .item-row:nth-child(odd) .item-col,
.cruisesnotice .other .item-row:nth-child(odd) .item-col {
  background: #f7f7f7;
}
.trial .other .item-title,
.trial .other .item-content,
.cruisesnotice .other .item-title,
.cruisesnotice .other .item-content {
  display: table-cell;
  padding: 10px;
  border-top: 1px dotted #bdbdbd;
  vertical-align: middle;
}
.trial .other .item-row .item-col.item-title,
.cruisesnotice .other .item-row .item-col.item-title {
  background: #eaeef3;
  color: #13448f;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.1em;
}
.trial .other .item-row:first-child .item-col,
.cruisesnotice .other .item-row:first-child .item-col {
  border-top: none;
}
.trial .other .item-row:first-child .item-col.item-title,
.cruisesnotice .other .item-row:first-child .item-col.item-title {
  border-top-left-radius: 8px;
}
.trial .other .item-title + .item-title,
.trial .other .item-content + .item-content,
.cruisesnotice .other .item-title + .item-title,
.cruisesnotice .other .item-content + .item-content {
  border-left: 1px solid #bdbdbd;
}
.trial .other .item-row:first-child .item-col.item-title:nth-child(2),
.cruisesnotice .other .item-row:first-child .item-col.item-title:nth-child(2) {
  border-top-left-radius: 0px;
}
.trial .other .item-row:first-child .item-col.item-title:nth-child(2),
.cruisesnotice .other .item-row:first-child .item-col.item-title:nth-child(2) {
  border-top-right-radius: 8px;
}
.trial .other .item-content:nth-child(1),
.cruisesnotice .other .item-content:nth-child(1) {
  font-weight: 600;
}
.trial .other .item-row .item-col:first-child,
.cruisesnotice .other .item-row .item-col:first-child {
  width: 20%;
  text-align: center;
}
.trial .other .item-row:last-child .item-col:nth-child(2),
.cruisesnotice .other .item-row:last-child .item-col:nth-child(2) {
  border-bottom-right-radius: 8px;
}

@media (max-width: 520px) {
  .trial .other .item-row:first-child,
  .cruisesnotice .other .item-row:first-child {
    display: none;
  }
  .trial .other .item-row .item-col,
  .trial .other .item-row .item-col:first-child,
  .cruisesnotice .other .item-row .item-col,
  .cruisesnotice .other .item-row .item-col:first-child {
    display: table;
    width: 100%;
  }
  .trial .other .item-content:nth-child(1),
  .trial .other .item-row:nth-child(odd) .item-col:first-child,
  .cruisesnotice .other .item-content:nth-child(1),
  .cruisesnotice .other .item-row:nth-child(odd) .item-col:first-child {
    background: #eaeef3;
  }
  .trial .other .item-row:nth-child(odd) .item-col:nth-child(2),
  .cruisesnotice .other .item-row:nth-child(odd) .item-col:nth-child(2) {
    background: #ffffff;
  }
  .trial .other .item-row:nth-child(2) .item-col:nth-child(1),
  .cruisesnotice .other .item-row:nth-child(2) .item-col:nth-child(1) {
    border-top: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .trial .other .item-row:last-child .item-col:nth-child(2),
  .cruisesnotice .other .item-row:last-child .item-col:nth-child(2) {
    border-bottom-left-radius: 8px;
  }
  .trial .other .item-title + .item-title,
  .trial .other .item-content + .item-content,
  .cruisesnotice .other .item-title + .item-title,
  .cruisesnotice .other .item-content + .item-content {
    border-left: 0;
  }
  .order-form .order-block-title,
  .trial .order-block-title {
    font-size: 1.2em;
  }
}

/*schedule-popup*/
.schedule-popup .schedul-title {
  margin-bottom: 0px;
  padding: 10px;
  color: #13448f;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
}
.schedule-popup .schedule {
  border: none;
  border-radius: 0;
  border-top: 1px solid #899dbd;
  border-bottom: 1px solid #899dbd;
}
.schedule-popup .ps {
  margin-top: 0;
  padding: 10px;
}

/*寶瓶-主頁顏色*/
#SSQ .hotnews-title {
  background-color: #de3737 !important;
}
#SSQ .starlogo {
  border-color: #de3737 !important;
}
#SSQ .cruise-title {
  color: #de3737 !important;
}
#SSQ .cruise-title-block:before {
  background-color: #de3737 !important;
}
#SSQ .intro-left-text a {
  background-color: #e5637b;
  color: white !important;
}
#SSQ .intro-left-text a:hover {
  background-color: #de3737 !important;
}
#SSQ .more {
  background-color: #e5637b;
  color: white !important;
}
#SSQ .more:hover {
  background-color: #de3737 !important;
}

#SSQ .gold-bold-btn button {
  background-color: #de3737;
  border: 1px solid #de3737 !important;
}
#SSQ .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
#SSQ .title {
  color: #de3737 !important;
}
#SSQ .title:before,
#SSQ .title:after {
  background-color: #de3737 !important;
}

#SSQ .features-content .item-title {
  color: #de3737 !important;
}

#SSQ .cruisesnotice-title {
  color: #de3737 !important;
}
#SSQ .cruisesnotice-title:before,
#SSQ .cruisesnotice-title:after {
  background-color: #de3737 !important;
}

#SSQ .item-col.item-title {
  background-color: #e5637b;
  color: white !important;
}

#SSQ .notice-item-title {
  color: #de3737 !important;
}
#SSQ .notice-item-title::before {
  background-color: #de3737 !important;
}

#SSQ .righttab button {
  background-color: #e5637b !important;
}
#SSQ .righttab button:hover {
  background-color: #de3737 !important;
}

#SSQ .cruisesroom-title {
  color: #de3737 !important;
}
#SSQ .cruisesroom-title:before,
#SSQ .cruisesroom-title:after {
  background-color: #de3737 !important;
}
/*寶瓶-艙房彈跳視窗顏色*/
#SSQ .popup .popup-header {
  background: #e5637b !important;
}
/*寶瓶-設施顏色*/
#SSQ .facility-item-head {
  background: #e5637b !important;
}
/*寶瓶-QA顏色*/
#SSQ .qa-title .title {
  color: #545454 !important;
}

/*雙子-主頁顏色*/
#SXG .hotnews-title {
  background-color: #f18600 !important;
}
#SXG .starlogo {
  border-color: #f18600 !important;
}
#SXG .cruise-title {
  color: #f18600 !important;
}
#SXG .cruise-title-block:before {
  background-color: #f18600 !important;
}
#SXG .intro-left-text a {
  background-color: #e6b100;
  color: white !important;
}
#SXG .intro-left-text a:hover {
  background-color: #f18600 !important;
}
#SXG .more {
  background-color: #e6b100;
  color: white !important;
}
#SXG .more:hover {
  background-color: #f18600 !important;
}

#SXG .gold-bold-btn button {
  background-color: #f18600;
  border: 1px solid #f18600 !important;
}
#SXG .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
#SXG .title {
  color: #f18600 !important;
}
#SXG .title:before,
#SXG .title:after {
  background-color: #f18600 !important;
}

#SXG .features-content .item-title {
  color: #f18600 !important;
}

#SXG .cruisesnotice-title {
  color: #f18600 !important;
}
#SXG .cruisesnotice-title:before,
#SXG .cruisesnotice-title:after {
  background-color: #f18600 !important;
}

#SXG .item-col.item-title {
  background-color: #e6b100;
  color: white !important;
}

#SXG .notice-item-title {
  color: #f18600 !important;
}
#SXG .notice-item-title::before {
  background-color: #f18600 !important;
}

#SXG .righttab button {
  background-color: #e6b100 !important;
}
#SXG .righttab button:hover {
  background-color: #f18600 !important;
}

#SXG .cruisesroom-title {
  color: #f18600 !important;
}
#SXG .cruisesroom-title:before,
#SXG .cruisesroom-title:after {
  background-color: #f18600 !important;
}
/*雙子-設施顏色*/
#SXG .facility-item-head {
  background: #e6b100 !important;
}

/*世界夢(香港)-主頁顏色*/
#WDR .hotnews-title {
  background-color: #485da8 !important;
}
#WDR .starlogo {
  border-color: #485da8 !important;
}
#WDR .cruise-title {
  color: #485da8 !important;
}
#WDR .cruise-title-block:before {
  background-color: #485da8 !important;
}
#WDR .intro-left-text a {
  background-color: #0084c5ed;
  color: white !important;
}
#WDR .intro-left-text a:hover {
  background-color: #485da8 !important;
}
#WDR .more {
  background-color: #0084c5ed;
  color: white !important;
}
#WDR .more:hover {
  background-color: #485da8 !important;
}

#WDR .gold-bold-btn button {
  background-color: #485da8;
  border: 1px solid #485da8 !important;
}
#WDR .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
#WDR .title {
  color: #485da8 !important;
}
#WDR .title:before,
#WDR .title:after {
  background-color: #485da8 !important;
}

#WDR .features-content .item-title {
  color: #485da8 !important;
}

#WDR .cruisesnotice-title {
  color: #485da8 !important;
}
#WDR .cruisesnotice-title:before,
#WDR .cruisesnotice-title:after {
  background-color: #485da8 !important;
}

#WDR .item-col.item-title {
  background-color: #0084c5ed;
  color: white !important;
}

#WDR .notice-item-title {
  color: #485da8 !important;
}
#WDR .notice-item-title::before {
  background-color: #485da8 !important;
}

#WDR .righttab button {
  background-color: #0084c5ed !important;
}
#WDR .righttab button:hover {
  background-color: #485da8 !important;
}

#WDR .cruisesroom-title {
  color: #485da8 !important;
}
#WDR .cruisesroom-title:before,
#WDR .cruisesroom-title:after {
  background-color: #485da8 !important;
}
/*世界夢(香港)-餐廳顏色*/
#WDR .facility-item-head {
  background: #0084c5ed !important;
}

/*雲頂-主頁顏色*/
#GDR .hotnews-title {
  background-color: #de3737 !important;
}
#GDR .starlogo {
  border-color: #de3737 !important;
}
#GDR .cruise-title {
  color: #de3737 !important;
}
#GDR .cruise-title-block:before {
  background-color: #de3737 !important;
}
#GDR .intro-left-text a {
  background-color: #e5637b;
  color: white !important;
}
#GDR .intro-left-text a:hover {
  background-color: #de3737 !important;
}
#GDR .more {
  background-color: #e5637b;
  color: white !important;
}
#GDR .more:hover {
  background-color: #de3737 !important;
}

#GDR .gold-bold-btn button {
  background-color: #de3737;
  border: 1px solid #de3737 !important;
}
#GDR .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
#GDR .title {
  color: #de3737 !important;
}
#GDR .title:before,
#GDR .title:after {
  background-color: #de3737 !important;
}

#GDR .features-content .item-title {
  color: #de3737 !important;
}

#GDR .cruisesnotice-title {
  color: #de3737 !important;
}
#GDR .cruisesnotice-title:before,
#GDR .cruisesnotice-title:after {
  background-color: #de3737 !important;
}

#GDR .item-col.item-title,
#RW1 .item-col.item-title {
  background-color: #e5637b !important;
  color: white !important;
}

#GDR .notice-item-title {
  color: #de3737 !important;
}
#GDR .notice-item-title::before {
  background-color: #de3737 !important;
}

#GDR .righttab button {
  background-color: #e5637b !important;
}
#GDR .righttab button:hover {
  background-color: #de3737 !important;
}

#GDR .cruisesroom-title {
  color: #de3737 !important;
}
#GDR .cruisesroom-title:before,
#GDR .cruisesroom-title:after {
  background-color: #de3737 !important;
}
/*雲頂-餐廳顏色*/
#GDR .facility-item-head {
  background: #e5637b !important;
}

/*托斯卡尼-主頁顏色*/
#COSTA .hotnews-title {
  background-color: #4798d7 !important;
}
#COSTA .starlogo {
  border-color: #4798d7 !important;
}
#COSTA .cruise-title {
  color: #4798d7 !important;
}
#COSTA .cruise-title-block:before {
  background-color: #4798d7 !important;
}
#COSTA .intro-left-text a {
  background-color: #e5637b;
  color: white !important;
}
#COSTA .intro-left-text a:hover {
  background-color: #4798d7 !important;
}
#COSTA .more {
  background-color: #4798d7;
  color: white !important;
}
#COSTA .more:hover {
  background-color: #4798d7 !important;
}

#COSTA .gold-bold-btn button {
  background-color: #4798d7;
  border: 1px solid #4798d7 !important;
}
#COSTA .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
#COSTA .title {
  color: #4798d7 !important;
}
#COSTA .title:before,
#COSTA .title:after {
  background-color: #4798d7 !important;
}

#COSTA .features-content .item-title {
  color: #4798d7 !important;
}

#COSTA .cruisesnotice-title {
  color: #4798d7 !important;
}
#COSTA .cruisesnotice-title:before,
#COSTA .cruisesnotice-title:after {
  background-color: #4798d7 !important;
}

#COSTA .item-col.item-title {
  background-color: #2a7fc2;
  color: white !important;
}

#COSTA .notice-item-title {
  color: #4798d7 !important;
}
#COSTA .notice-item-title::before {
  background-color: #4798d7 !important;
}

#COSTA .righttab button {
  background-color: #e5637b !important;
}
#COSTA .righttab button:hover {
  background-color: #4798d7 !important;
}

#COSTA .cruisesroom-title {
  color: #4798d7 !important;
}
#COSTA .cruisesroom-title:before,
#COSTA .cruisesroom-title:after {
  background-color: #4798d7 !important;
}
/*托斯卡尼-餐廳顏色*/
#COSTA .facility-item-head {
  background: #e5637b !important;
}

/*探索夢-主頁顏色*/
#EDR .hotnews-title {
  background-color: #485da8 !important;
}
#EDR .starlogo {
  border-color: #485da8 !important;
}
#EDR .cruise-title {
  color: #485da8 !important;
}
#EDR .cruise-title-block:before {
  background-color: #485da8 !important;
}
#EDR .intro-left-text a {
  background-color: #2f4175;
  color: white !important;
}
#EDR .intro-left-text a:hover {
  background-color: #485da8 !important;
}
#EDR .more {
  background-color: #485da8;
  color: white !important;
}
#EDR .more:hover {
  background-color: #2f4175 !important;
}

#EDR .gold-bold-btn button {
  background-color: #485da8;
  border: 1px solid #485da8 !important;
}
#EDR .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
#EDR .title {
  color: #485da8 !important;
}
#EDR .title:before,
#EDR .title:after {
  background-color: #485da8 !important;
}

#EDR .features-content .item-title {
  color: #485da8 !important;
}

#EDR .cruisesnotice-title {
  color: #485da8 !important;
}
#EDR .cruisesnotice-title:before,
#EDR .cruisesnotice-title:after {
  background-color: #485da8 !important;
}

#EDR .item-col.item-title {
  background-color: #2f4175;
  color: white !important;
}

#EDR .notice-item-title {
  color: #485da8 !important;
}
#EDR .notice-item-title::before {
  background-color: #485da8 !important;
}

#EDR .righttab button {
  background-color: #2f4175 !important;
}
#EDR .righttab button:hover {
  background-color: #485da8 !important;
}

#EDR .cruisesroom-title {
  color: #485da8 !important;
}
#EDR .cruisesroom-title:before,
#EDR .cruisesroom-title:after {
  background-color: #485da8 !important;
}
/*探索夢-餐廳顏色*/
#EDR .facility-item-head {
  background: #2f4175 !important;
}

/*世界夢(基隆)-主頁顏色*/
#WDT .hotnews-title {
  background-color: #a06c15 !important;
}
#WDT .starlogo {
  border-color: #a06c15 !important;
}
#WDT .cruise-title {
  color: #a06c15 !important;
}
#WDT .cruise-title-block:before {
  background-color: #a06c15 !important;
}
#WDT .intro-left-text a {
  background-color: #795748;
  color: white !important;
}
#WDT .intro-left-text a:hover {
  background-color: #a06c15 !important;
}
#WDT .more {
  background-color: #795748;
  color: white !important;
}
#WDT .more:hover {
  background-color: #a06c15 !important;
}

#WDT .gold-bold-btn button {
  background-color: #a06c15;
  border: 1px solid #a06c15 !important;
}
#WDT .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
#WDT .title {
  color: #a06c15 !important;
}
#WDT .title:before,
#WDT .title:after {
  background-color: #a06c15 !important;
}

#WDT .features-content .item-title {
  color: #a06c15 !important;
}

#WDT .cruisesnotice-title {
  color: #a06c15 !important;
}
#WDT .cruisesnotice-title:before,
#WDT .cruisesnotice-title:after {
  background-color: #a06c15 !important;
}

#WDT .item-col.item-title {
  background-color: #795748;
  color: white !important;
}

#WDT .notice-item-title {
  color: #a06c15 !important;
}
#WDT .notice-item-title::before {
  background-color: #a06c15 !important;
}

#WDT .righttab button {
  background-color: #795748 !important;
}
#WDT .righttab button:hover {
  background-color: #a06c15 !important;
}

#WDT .cruisesroom-title {
  color: #a06c15 !important;
}
#WDT .cruisesroom-title:before,
#WDT .cruisesroom-title:after {
  background-color: #a06c15 !important;
}
/*世界夢(基隆)-餐廳顏色*/
#WDT .facility-item-head {
  background: #795748 !important;
}

/*名勝世界壹號-主頁顏色*/
#RW1 .hotnews-title {
  background-color: #de3737 !important;
}
#RW1 .starlogo {
  border-color: #de3737 !important;
}
#RW1 .cruise-title {
  color: #de3737 !important;
}
#RW1 .cruise-title-block:before {
  background-color: #de3737 !important;
}
#RW1 .intro-left-text a {
  background-color: #2f4175;
  color: white !important;
}
#RW1 .intro-left-text a:hover {
  background-color: #de3737 !important;
}
#RW1 .more {
  background-color: #e5637b;
  color: white !important;
}
#RW1 .more:hover {
  background-color: #de3737 !important;
}

#RW1 .gold-bold-btn button {
  background-color: #de3737;
  border: 1px solid #de3737 !important;
}
#RW1 .gold-bold-btn button:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  color: #de3737 !important;
}
#RW1 .title {
  color: #de3737 !important;
}
#RW1 .title:before,
#RW1 .title:after {
  background-color: #de3737 !important;
}

#RW1 .features-content .item-title {
  color: #de3737 !important;
}

#RW1 .cruisesnotice-title {
  color: #de3737 !important;
}
#RW1 .cruisesnotice-title:before,
#RW1 .cruisesnotice-title:after {
  background-color: #de3737 !important;
}

#RW1 .item-col.item-title {
  background-color: #2f4175;
  color: white !important;
}

#RW1 .notice-item-title {
  color: #de3737 !important;
}
#RW1 .notice-item-title::before {
  background-color: #de3737 !important;
}

#RW1 .righttab button {
  background-color: #f39500 !important;
}
#RW1 .righttab button:hover {
  background-color: #de3737 !important;
}

#RW1 .cruisesroom-title {
  color: #de3737 !important;
}
#RW1 .cruisesroom-title:before,
#RW1 .cruisesroom-title:after {
  background-color: #de3737 !important;
}
/*名勝世紀壹號-餐廳顏色*/
#RW1 .facility-item-head {
  background: #2f4175 !important;
}

/*航點介紹-岸上觀光bg顏色*/
.route-intro a .tour {
  background: antiquewhite;
}
.route-intro a .tour:hover {
  background: bisque;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

/*名勝世界郵輪雲頂夢號-出發日期及行程*/
#departure-date {
  padding: 30px 0;
  /*    margin: 15px 0;*/
  margin: 0;
  background-color: rgba(255, 0, 0, 0.03);
}
.departure-date-container {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}

@media (min-width: 1920px) {
  .departure-date-container {
    max-width: 1560px;
  }
}

.departure-date-container h2 {
  font-size: 30px;
  color: #e5637b;
  margin: 30px auto 8px;
}
.departure-date-container .date {
  font-size: 17px;
  display: inline-block;
  background-color: #e5637b;
  height: 34px;
  color: #ffffff;
  border-radius: 30px;
  padding: 5px;
  margin: 0 auto;
  vertical-align: middle;
  padding: 6px 35px;
}
.departure-date-container .airport-content {
  margin: 30px 0;
}
.departure-date-container .airport-content .panel {
  border-color: #ffffff;
  padding-bottom: 40px;
}
.departure-date-container .airport-content h3 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color: #e5637b;
  padding-left: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.departure-date-container .airport-content h3 img {
  width: 45px;
  height: auto;
  margin-right: 5px;
}
.departure-date-container .airport-content table {
  width: 95%;
  margin: 0 auto;
}
.departure-date-container .airport-content table th {
  text-align: center;
  vertical-align: middle;
}
.departure-date-container .airport-content table td {
  padding: 15px 8px;
}
.departure-date-container .airport-content p {
  width: 95%;
  text-align: left;
  color: #ff0000;
  margin: 0 auto;
  padding: 0 0 15px 0;
}
.departure-date-container .airport-content .location {
  display: block;
  color: #545454;
  font-weight: normal;
  font-size: 16px;
  padding: 20px 0 10px 0;
  line-height: 24px;
}
/*名勝世界郵輪雲頂夢號-出發日期All + 費用*/
.departure-date-container .departure-date-all {
  width: 95%;
  margin: 0 auto;
  padding: 20px 0 0 0;
  text-align: left;
}
.departure-date-container .departure-date-all h4 {
  color: #ff0000;
  font-weight: bold;
  text-align: left;
  letter-spacing: 3px;
}

.departure-date-container .departure-date-all h4 span {
  color: #ff0000;
  font-weight: normal;
  margin-top: 15px;
  display: block;
  line-height: 28px;
}

.departure-date-container .departure-date-all ul li {
  line-height: 35px;
}
.departure-date-container .departure-date-all .date-list li {
  letter-spacing: 3px;
  font-size: 18px;
  line-height: 40px;
}
.departure-date-container .departure-date-all ul li .red {
  color: #ff0000;
  font-weight: bold;
}
/*名勝世界郵輪雲頂夢號-費用*/
.departure-date-container .departure-date-all .price-list {
  display: inline-block;
  margin: 20px;
}
.departure-date-container .departure-date-all .price-list li {
  float: left;
  display: inline-block;
  width: 200px;
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  margin-right: 10px;
  color: #ffffff;
  border-radius: 10px;
  background-color: #de3737;
}
.departure-date-container .departure-date-all .price-list .price {
  width: 100%;
  display: block;
  font-size: 18px;
  text-align: center;
  padding: 5px 0 0 0;
  margin-top: 5px;
  border-top: white 1px dashed;
}
/*名勝世界郵輪雲頂夢號-團費包含、團費不包含*/
.departure-date-container .group-fee {
  width: 95%;
  margin: 0 auto;
}
.departure-date-container .group-fee .card-container__card {
  display: inline-flex;
}
.departure-date-container .group-fee .box {
  background: #ffffff;
  border: 2px dashed #dadada;
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 0 20px 20px 20px;
}
.departure-date-container .group-fee .box .red {
  color: #ff0000;
}
.departure-date-container .group-fee .box .tag-title {
  font-size: 23px;
  font-weight: bold;
}
.departure-date-container .group-fee .box .box-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}
.departure-date-container .group-fee .box .box-content ul {
  padding-left: 20px;
}
.departure-date-container .group-fee .box .box-content ul li {
  color: #515c66;
  text-align: left;
  line-height: 30px;
  list-style-type: "◆ ";
}
.departure-date-container .group-fee .box .box-content table .service-charge {
  background-color: #e5637b;
  color: #ffffff;
}
.departure-date-container .group-fee .box .box-content table td {
  padding: 8px;
}
.order-form .rule .red {
  color: #ff0000;
}
/*試算表close */
/*.righttab {
    display: none;
}*/
.video-wrapper {
  height: 60vh;
  position: relative;
}
.video-wrapper .background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 520px) {
  .video-wrapper {
    height: 30vh;
  }
  .departure-date-container {
    max-width: 95%;
  }
  .departure-date-container h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .departure-date-container .date {
    font-size: 16px;
    padding: 6px 20px;
  }
  .departure-date-container .airport-content h3 {
    padding-left: 15px;
  }
  .departure-date-container .airport-content h3 img {
    width: 35px;
  }
  .departure-date-container .airport-content table {
    font-size: 15px;
  }
  .departure-date-container .airport-content p {
    font-size: 15px;
  }
  .departure-date-container .departure-date-all h4 {
    line-height: 26px;
  }
  .departure-date-container .departure-date-all .date-list li {
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 30px;
  }
  .departure-date-container .departure-date-all .price-list li {
    width: 100%;
    margin-bottom: 10px;
  }
  .departure-date-container .group-fee .box {
    margin-bottom: 10px;
  }
  .departure-date-container .group-fee .box .box-content {
    padding: 0;
  }
  .departure-date-container .group-fee .box .box-content table {
    font-size: 15px;
  }
  .departure-date-container .group-fee .box .box-content table td {
    vertical-align: middle;
  }
}
/**************************************************************************************************************************************
    歌詩達-托斯卡尼號
***************************************************************************************************************************************/

#COSTA .cruiseroute .intro-left {
  background: #4798d7;
}

#COSTA .cruiseroute .intro-left-text {
  background: #4798d7;
  color: #ffffff;
  padding: 30px;
}

#COSTA .cruiseroute .img-block {
  background-image: url(../img/costa-leaves.png);
  background: #dbefff;
}
#COSTA #departure-date {
  background-color: rgba(219, 239, 255, 0.3);
}

#COSTA .departure-date-container h2 {
  color: #4798d7;
}

#COSTA .departure-date-container .date {
  background-color: #4798d7;
}

#COSTA .departure-date-container .airport-content h3 {
  color: #4798d7;
}

#COSTA .departure-date-container .airport-content p {
  color: #2a7fc2;
}

#COSTA .departure-date-container .departure-date-all h4 {
  color: #ff0000;
  font-weight: 600;
}

#COSTA .departure-date-container .departure-date-all .price-list li {
  background-color: #de3737;
}

#COSTA
  .departure-date-container
  .group-fee
  .box
  .box-content
  table
  .service-charge {
  background-color: #2a7fc2;
}

/**************************************************************************************************************************************
    歌詩達-莎倫娜號
***************************************************************************************************************************************/

#SERENA .video-wrapper {
  height: 500px;
  position: relative;
}

#SERENA .video-wrapper .background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#SERENA .departure-date-container h3 {
  border-bottom: none;
}

#SERENA .departure-date-container .content {
  width: 96%;
  margin: 0 auto;
}

#SERENA .departure-date-container .content .nav-tabs {
  font-weight: bold;
  /*	font-size:16px;*/
  margin-bottom: 30px;
}

#SERENA .departure-date-container .content .nav-tabs > li.active > a,
#SERENA .departure-date-container .content .nav-tabs > li.active > a:hover,
#SERENA .departure-date-container .content .nav-tabs > li.active > a:focus {
  color: #ffffff;
  background-color: #4798d7;
  border: 1px solid transparent;
  border-bottom-color: transparent;
}

#SERENA .departure-date-container .content .nav > li > a {
  padding: 8px 15px;
  margin-right: 0;
}

#SERENA .departure-date-container .content .nav > li {
  white-space: nowrap;
  font-size: 18px;
  border: 1px solid #4798d7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 5px;
  padding: 0;
}

#SERENA .departure-date-container .content .nav > li > a:hover,
#SERENA .departure-date-container .content .nav > li > a:focus {
  text-decoration: none;
  background-color: #4798d7;
  color: #ffffff;
}

#SERENA .departure-date-container .content .tab-content .month {
  border: 2px dashed #dadada;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 30px 35px;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: left;
}

#SERENA .departure-date-container .content .tab-content .original {
  border: 2px dashed transparent;
  padding: 0 35px;
}

#SERENA .departure-date-container .content .tab-content .month .detail {
  display: inline-block;
  color: #ff0000;
}

#SERENA .departure-date-container .content .tab-content h4 {
  color: #ff0000;
  font-weight: bold;
  text-align: left;
  letter-spacing: 3px;
}

#SERENA .departure-date-container .content .tab-content h4 span {
  color: #ff0000;
  font-weight: normal;
  margin-top: 15px;
  display: block;
}

#SERENA .departure-date-container .airport-content .table-original {
  width: 100%;
  text-align: center;
}

#SERENA .departure-date-container .airport-content .td-original {
  padding: 15px 0;
}

#SERENA .departure-date-container .airport-content table {
  width: 96%;
}

#SERENA .departure-date-container .content .tab-content .price-list {
  display: inline-block;
  margin: 20px 0 20px 0;
  overflow: hidden;
}
#SERENA .departure-date-container .content .tab-content .price-list li {
  float: left;
  display: inline-block;
  width: 180px;
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #ffffff;
  border-radius: 10px;
  background-color: #de3737;
}

#SERENA .departure-date-container .content .tab-content .price-list .cabin {
  display: block;
  padding: 5px 0 10px 0;
}
#SERENA .departure-date-container .content .tab-content .price-list .price {
  width: 100%;
  display: block;
  font-size: 18px;
  padding: 10px 0 5px 0;
  border-top: white 1px dashed;
}

#SERENA .more {
  background-color: #4798d7;
  color: white !important;
}

#SERENA .event {
  background-color: #dbefff;
}

#SERENA .event-title {
  color: #f28f4e;
}

#SERENA .event-text p span {
  color: #ffffff;
  background-color: #4798d7;
}

#SERENA .event-title::before {
  background-image: url(../img/label_important-orange.svg);
}

#SERENA .event .swiper-button-prev {
  background-image: url("../img/previous.svg");
}
#SERENA .event .swiper-button-next {
  background-image: url("../img/next.svg");
}

#SERENA .route-intro .route-block {
  border: 1px solid #4798d7;
}

#SERENA .route-intro .item-content {
  background-color: #dbefff;
}

.cruises-article.serena {
  background-image: url(../img/serena-bg.jpg);
  background-position: right 0;
}

.cruises-article.serena.rest {
  background-image: url(../img/serena-bg02.jpg);
  background-position: right 0;
}

.cruises-article.serena.recreations {
  background-image: url(../img/serena-bg03.jpg);
  background-position: center 0;
}

.cruises-article.serena.notice {
  background-image: url(../img/serena-bg04.jpg);
  background-position: center 0;
}

@media (max-width: 520px) {
  #SERENA .video-wrapper {
    height: 30vh;
  }

  #SERENA .nav-tabs > li {
    width: 100%;
  }

  #SERENA .departure-date-container .content .tab-content {
    padding: 0;
  }

  #SERENA .departure-date-container .content .tab-content .month {
    padding: 20px 20px;
  }

  #SERENA .departure-date-container .content .tab-content .price-list li {
    width: 100%;
  }

  .cruises-article.serena {
    background-position: center 0;
  }

  .cruises-article.serena .article-block {
    background: rgba(23, 70, 148, 0.7);
  }
}

/**************************************************************************************************************************************
    名勝世界郵輪-壹號 香港高雄雙母港
***************************************************************************************************************************************/

#GDR .departure-date-container .content,
#RW1 .departure-date-container .content {
  width: 96%;
  margin: 0 auto;
}

#GDR .departure-date-container .content .nav-tabs,
#RW1 .departure-date-container .content .nav-tabs {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
}

#GDR .departure-date-container .content .nav-tabs > li.active > a,
#RW1 .departure-date-container .content .nav-tabs > li.active > a,
#GDR .departure-date-container .content .nav-tabs > li.active > a:hover,
#RW1 .departure-date-container .content .nav-tabs > li.active > a:hover,
#GDR .departure-date-container .content .nav-tabs > li.active > a:focus,
#RW1 .departure-date-container .content .nav-tabs > li.active > a:focus {
  color: #ffffff;
  background-color: #e5637b;
  border: 1px solid transparent;
  border-bottom-color: transparent;
}

#GDR .departure-date-container .content .nav > li > a,
#RW1 .departure-date-container .content .nav > li > a {
  color: #e5637b;
  /*    padding: 8px 15px;*/
  padding: 8px 10px;
  margin-right: 0;
}

#GDR .departure-date-container .content .nav > li,
#RW1 .departure-date-container .content .nav > li {
  color: #e5637b;
  white-space: nowrap;
  font-size: 18px;
  border: 1px solid #e5637b;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 5px;
  padding: 0;
}

#GDR .departure-date-container .content .nav > li > a:hover,
#RW1 .departure-date-container .content .nav > li > a:hover,
#GDR .departure-date-container .content .nav > li > a:focus,
#RW1 .departure-date-container .content .nav > li > a:focus {
  text-decoration: none;
  background-color: #e5637b;
  color: #ffffff;
}

#GDR .departure-date-container .airport-content .dashed,
#RW1 .departure-date-container .airport-content .dashed {
  border: 2px dashed #dadada;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 30px 35px;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: left;
}

#GDR .departure-date-container .airport-content .dashed h4 span,
#RW1 .departure-date-container .airport-content .dashed h4 span {
  color: #ff0000;
  font-weight: normal;
  margin-top: 15px;
  display: block;
  line-height: 28px;
}

#GDR .departure-date-container .airport-content .table-original,
#RW1 .departure-date-container .airport-content .table-original {
  width: 100%;
  text-align: center;
}

#GDR .departure-date-container .airport-content .td-original,
#RW1 .departure-date-container .airport-content .td-original {
  padding: 15px 0;
}

#GDR .departure-date-container .content .tab-content h4,
#RW1 .departure-date-container .content .tab-content h4 {
  color: #ff0000;
  font-weight: bold;
  text-align: left;
  letter-spacing: 3px;
}

#GDR .departure-date-container .airport-content table {
  width: 96%;
}

#GDR .departure-date-container .content .tab-content .price-list {
  display: inline-block;
  margin: 20px 0 20px 0;
  overflow: hidden;
}
#GDR .departure-date-container .content .tab-content .price-list li {
  float: left;
  display: inline-block;
  width: 180px;
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #ffffff;
  border-radius: 10px;
  background-color: #de3737;
}

#GDR .departure-date-container .content .tab-content .price-list .cabin {
  display: block;
  padding: 5px 0 10px 0;
}
#GDR .departure-date-container .content .tab-content .price-list .price {
  width: 100%;
  display: block;
  font-size: 18px;
  padding: 10px 0 5px 0;
  border-top: 1px dashed #ffffff;
}

#GDR .purple {
  color: #a675d6 !important;
}

#GDR .purple-bg {
  background-color: #a675d6 !important;
}

#GDR .orange {
  color: #ff8400 !important;
}

#GDR .orange-bg {
  background-color: #ff8400 !important;
}

@media (max-width: 520px) {
  #GDR .video-wrapper {
    height: 30vh;
  }

  #GDR .nav-tabs > li,
  #RW1 .nav-tabs > li {
    /*    	width: 50%;*/
    width: 100%;
  }

  #GDR .departure-date-container .content .tab-content,
  #RW1 .departure-date-container .content .tab-content {
    padding: 0;
  }

  #GDR .departure-date-container .content .tab-content .price-list li,
  #RW1 .departure-date-container .content .tab-content .price-list li {
    width: 100%;
  }
}

.cruises-article.one {
  background-image: url(../img/one-bg.jpg);
  background-position: center 0;
}

.cruises-article.one.rest {
  background-image: url(../img/one-bg02.jpg);
  background-position: center 0;
}

.cruises-article.one.recreations {
  background-image: url(../img/one-bg03.jpg);
  background-position: center 0;
}

.cruises-article.one.notice {
  background-image: url(../img/one-bg04.jpg);
  background-position: center 0;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
  font-family: "Glyphicons Halflings";
}

@media screen and (min-width: 45.0625em) {
  #nav li a {
    /* padding: 0.82857em 0.45714em; */
    padding: 0.82857em 0.35em;
    font-size: 1.25em;
  }
}

.navbar-inverse .navbar-header {
  /* width: 100%; */
  display: table;
  margin: 0;
  position: relative;
  padding: 0 0 0.5em 0;
}