@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; 	}
*, *:after, *:before{ 	font-family:Helvetica,"微軟正黑體",Roboto,Arial,"Microsoft JhengHei","新細明體",Verdana,sans-serif; 	-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; box-sizing: border-box; 	}
: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:85px;}
.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;}
	.block-title a img {
    max-width: 130px;
    vertical-align: baseline;
}
}
@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:46px;}
}
@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:.7; }
.cwb .iav .b {fill-opacity: 1;}
.cwb .i.idn {opacity:.3;}
.cwa {display:block; 	position:absolute; 	cursor:pointer; 	}
.cwa .a { fill:none;stroke:#fff; 	stroke-width:360; stroke-miterlimit:10;}
.cwa:hover {opacity:.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%;  -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.250, 0.250, 0.115, 1); /* older webkit */ 	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445); 	timing-function: cubic-bezier(0.250, 0.250, 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:#e5637b !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: .5em;  cursor: pointer;  text-align: left;     white-space: nowrap;     color: #545454;     outline: none;     border: .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: .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: .3em solid #0092b7;  border-color: #0092b7 transparent transparent transparent;     transition: .4s all ease-in-out;   }
.cal-select.expanded {  border: 0.06em solid #0092b7;   background: #fff;     border-radius: .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: .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:.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: .5em;     padding: 5px;     cursor: pointer;     text-align: left;     color: #545454;     outline: none;     border: .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: .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: .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: .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: #ec5f5f;}
.cruiseroute .voyage-theme a .date.low{background: #cc99ce;}
.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+.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: #ec5f5f;}
.cruiseroute .color-group .color.low{ background: #cc99ce;}
.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 .4s ease-in-out; 	-moz-transition:all .4s ease-in-out; 	-ms-transition:all .4s ease-in-out; 	-o-transition:all .4s ease-in-out; 	transition:all .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(.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:.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: .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(.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: .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: .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: .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: .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: .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: .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: .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 { position: fixed; 	right: 50px; 	bottom: 70px; 	height: 46px; 	width: 46px; 	cursor: pointer; 	display: block;     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: #e5637b !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;
}