@charset "utf-8"; 
#loading {
	background-image: url(data:image/gif;base64,R0lGODlhHwAfAKIAAP////f39+bm5t7e3tbW1v4BAgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAFACwAAAAAHwAfAAADiQi63P4syEkpIDhrraqf1yZi3eeF41aaViqurIS6JBC3dAbHM72zPdfPFEwNP8XR8ZTT2W6yZg0alS4ryRdky20IvuBwGDAom89nhXgNJqPfZTV77Yaj5fOx/Y3Pf+t7cQB+eoFmfX6AgYh5inuMc452kGyScJR0hoeDhH+agp2en5hilnxdqBAJACH5BAUKAAUALAAAAQAeAB0AAAOBWLLcXSHKOZW7C9IdLXYaR3kfE4oSWQonGqhli8KfLNKYzeGXvvEgV2X1EKaIJmMHmVG+mCxnYUqtWq9Y6mDL7XYLhLB4PC54z1wweR02o89qNtn9/srX9Po2fm/r7X1ieXp8fYN1hXeHb4lyi2iNbI9wgYJ/aZV+lwOReJucmQQJACH5BAUKAAUALAAAAQAeAB0AAAOBWLPcXSLKOZW7C9IdLXYaR3kfE4oSWQ4nKqhli8KfLNKYzeGXvvEgV2X1EKaIJmMHmVG+mCxnYUqtWq9YKmHL7XYLgbB4PC54z1wweR02o89qNtn9/srX9Po2fm/r7X1ieXp8fYN1hXeHb4lyi2iNbI9wgYJ/aZV+lwSReJucmQEJACH5BAUKAAUALAAAAQAeAB0AAAOBWLTcXSPKOZW7C9IdLXYaR3kfE4oSWRInOqhli8KfLNKYzeGXvvEgV2X1EKaIJmMHmVG+mCxnYUqtWq9YamDL7XYLgrB4PC54z1wweR02o89qNtn9/srX9Po2fm/r7X1ieXp8fYN1hXeHb4lyi2iNbI9wgYJ/aZV+lwGReJucmQIJADs=);
	border: 1px solid #BBBBBB;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 31px;
	height: 31px;
	margin-left: -15px;
	margin-top: -15px;
	z-index: 9;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.40);
}
.wrapper {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.lt-ie9 .wrapper {
	width: 960px;
}
header {
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.40);
	background-color: #FFF;
	height: 60px;
	width: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 3;	
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;		
}
.lt-ie9 header {
	border-bottom: 1px solid #BBB;
}
header>div {
	height: 60px;
	text-align: right;
}
header>div>a {
	display: inline-block;
	width: 70px;
	height: 60px;
	background-color: #F4F4F4;
	vertical-align: top;
	line-height: 60px;
	text-align: center;
	margin-right: 1px;	
	font-size: 13px;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;		
}
header>div>a:hover {
	text-decoration: none;
	background-color: #E9E9E9;	
}
#WUFU_Logo {
	width: 147px;
	height: 36px;
	margin: 0;
	background-position: 0 -73px;
	position: absolute;
	left: 10px;
	top: 12px;
} 
#WUFU_Logo a {
	display: block;
	height: 100%;
}
#WUFU_Logo, #followUs a, #nav li a:before, #nav li a.active:after, #timeline article:before, #scrollUp, #kanban h1, #princess_cruises, #slogan, #starting_day, #setsail, #CruisesPlan:before, #selectorArrow {
	background-image: url(../img/sprite.png);
}
#MenuBtn, #forMobileTitle {
	display: none;
}
#kanban {
	background-image: url(../img/kanban.jpg?20170106); 
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #105AA8;
	margin-top: 60px;
	overflow: hidden;
	position: relative;
}
#kanban>div {
	height: 440px;
}
#kanban>div>* {
	margin: 0;
}
#kanban h1 {
	width: 442px;
	height: 68px;
	background-position: -294px -160px;
	position:  absolute;
	top: 78px;
	left: 480px;
}
#princess_cruises {
	position: absolute;
	width: 119px;
	height: 31px;
	background-position: -295px -121px;
	top: 36px;
	left: 484px;
}
#slogan {
	position: absolute;
	width: 201px;
	height: 24px;
	background-position: -531px -129px;
	top: 44px;
	left: 718px;
}
#starting_day {
	position: absolute;
	width: 186px;
	height: 26px;
	background-position: -432px -250px;
	top: 162px;
	left: 618px;
}
#setsail {
	position: absolute;
	width: 191px;
	height: 35px;
	background-position: -544px -284px;
	top: 201px;
	left: 732px;	
}
main {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAHElEQVQIHWP48+fP9+/f////zwCkgBwQC4ghAACODRqkCkEF0QAAAABJRU5ErkJggg==);
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.40);	
	position: relative;
}
footer {
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.40);
	font-size: 12px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: PMingLiU, "SongTi TC", serif;
	position: relative;
}
.lt-ie9 footer {
	border-top: 1px solid #BBB;
}
footer > div > span {
	margin-right: 5px;
	line-height: 150%;
}
footer span strong {
	font-weight: normal;
}
footer span strong:after {
	content: '：'
}
#followUs {
	position: absolute;
	right: 0;
	top: 0;
}
#followUs span {
	vertical-align: top;
}
#followUs a {
	display: inline-block;
	vertical-align: text-bottom;
	width: 25px;
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}
#FB_Icon {
	background-position: -295px -81px;
}
#Line_Icon {
	background-position: -321px -81px;
}
#Instagram_Icon {
	background-position: -347px -81px;
}
footer hr  {
	border: none;
	height: 2px;
	background-color: #E5015A;
	margin-top: 15px;
}
#nav {
	margin: 0;
	padding: 0;
	text-align: center;
}
#nav li {
	width: 160px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	font-size: 20px;
	line-height: 24px;
}
#nav li a { 
	color: #0087C7;
	display: block;
	position: relative;
	height: 48px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#nav li a:hover, #nav li a.active {
	color: #005281;
	text-decoration: none;
}
#nav li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0px -110px;
	opacity: 0;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;	
}
.lt-ie9 #nav li a:before {
	background-image: none;
}
#nav li a:hover:before, #nav li a.active:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#nav li a.active:after {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 5px;
	left: 50%;
	bottom: -5px;
	background-position: -659px 0;
	margin-left: -5px;
}
#nav li a>span {
	display: block;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
}
#nav #dayLife_btn span {
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	font-size: 20px;	
}
#nav li:after, #nav li:first-child:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #0087C7;
}
#nav li:first-child:before  {
	right: auto;
	left: 0;
}
#btn {
	text-align: center;
	padding-top: 40px;
	
}
#btn a:hover{
	box-shadow: 0px 1px 1px 1px #999;
}
#btn a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 400ms ease;
	background-image: url(data:image/png;base64,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);
	padding: 3px 5px;
	margin: 0px 5px;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px 1px 1px #33C;
	display: inline-block;
}

#CRUISES h2 {
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	color: #B28A00;
	text-align: center;
	padding: 5px;
	font-size: 22px;
	margin: 0px;
	background-image: url(data:image/png;base64,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);
}
#CRUISES article, #STATEROOMS article, #ENTERTAINMENT article, #DELIGHTS article, #timeline {
	margin-top: 50px;
}
#CRUISES article>a {
	display: block;
	border: 1px solid #0087C7;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image:-webkit-linear-gradient(rgb(255,255,255) 0%, rgb(238,245,251) 100%);
	background-image:-o-linear-gradient(rgb(255,255,255) 0%, rgb(238,245,251) 100%);
	background-image:linear-gradient(rgb(255,255,255) 0%, rgb(238,245,251) 100%);
	background-color: #EEF5FB;
	position: relative;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;	
}
#CRUISES article>a:hover {
	-webkit-box-shadow:0px 0px 8px rgba(0,135,199,0.5);
	box-shadow:0px 0px 8px rgba(0,135,199,0.5);
	text-decoration: none;
}
.lt-ie9 #CRUISES article>a:hover {
	background-color: #FFF;
	border-color: #CB466E;
}
#CRUISES h2 span {
	height: 40px;
	line-height: 38px;
	display: block;
	background-color: #FFF;
}
.productInfo {
	display: block;
	margin-left: 20px;
	margin-right: 250px;
	position: relative;
}
.productInfo h3 {
	color: #0087C7;
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	font-size: 18px;
	margin: 0;
	line-height: 160%;
	font-weight: 400;
}
a:hover .productInfo h3 {
	color: #005281;
}
.productInfo:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	right: -20px;
	background-color: #0087C7;
}

.sale {
	color:#C39;
	font-size: 15px;
}


.departure {
	color: #333;
	font-size: 15px;
}
.departure:before {
	content: '出發日：';
}
.productPrice {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 230px;
	height: 40px;
	color: #B6335A;
	text-align: center;
	margin-top: -20px;
}
.productPrice>* {
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
}
.productPrice strong {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 30px;
	margin-left: 5px;
	margin-right: 5px;
}
#STATEROOMS article, #ENTERTAINMENT article {
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}
.polaroid {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	border: 10px solid #FFF;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	vertical-align: middle;
}
.lt-ie9 .polaroid {
	border-color: #F4F4F4;
}
#ENTERTAINMENT .polaroid {
	width: 42%;
}
.illustrate {
	display: inline-block;
	width: 42%;
	vertical-align: middle;
	
}
#ENTERTAINMENT .illustrate {
	width: 50%;
	margin-left: 8%;
}
#STATEROOMS .illustrate {
	margin-right: 8%;
	text-align: right;
}
.illustrate h2 {
	margin: 0;
}
.illustrate h2 small {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif!important;
}
.illustrate p {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 15px;
}
.illustrate p>small {
	color: #666;
}
.roomPlane {
	max-height: 180px;
	display: inlin-block;
	margin-top: 10px;
	position: relative;
}
.roomPlane.align {
	left: 0px;
}
#pizza, #meat {
	position: absolute;
	display: block;
	width: 300px;
	left: 0;
	top: -10px;
}
#meat { 
	width: 320px;
	left:auto;
	right: 0;
}
#delights_left {
	padding-left: 320px;
	position: relative;
}
#delights_right {
	padding-right: 320px;
	position: relative;
}





#download {
	display: block;
    margin: 0 1em 0 1em;
}
#download a {
	display: block;
    font-weight: bold;
    border: 1px solid #0087C7;
    margin-top: 1em;
    padding: 1em;
    background-image: -webkit-linear-gradient(rgb(255,255,255) 0%, rgb(238,245,251) 100%);
    background-image: -o-linear-gradient(rgb(255,255,255) 0%, rgb(238,245,251) 100%);
    background-image: linear-gradient(rgb(255,255,255) 0%, rgb(238,245,251) 100%);
    background-color: #EEF5FB;
    position: relative;
    font-size: 18px;
    line-height: 1.4;
    -webkit-box-shadow: 0px 0px 4px rgba(0,135,199,0.3);
    box-shadow: 0px 0px 4px rgba(0,135,199,0.3);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease; 
}

#download a span {
	display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    padding: 0 0.5em 0 0.5em;
    background-color: blue;
    color: #FFF;
    margin-bottom: 2px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
#download a:hover{
	-webkit-box-shadow: 1px 2px 8px rgba(0,135,199,0.6);
    box-shadow: 1px 2px 8px rgba(0,135,199,0.6);
    transform: translate(-1px, -1px);
    text-decoration: none; 
}
#download a:active{
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
    transform: translate(1px, 1px);  
}



#timeline {
	position: relative;
}


#timeline:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	left: 50%;
	top: 0;
	background-color: #CBA346;
	z-index: 0;
}
#timeline:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: #856825;
	bottom: -5px;
	left: 50%;
	margin-left: -2px;
}
#timeline article:first-child:before {
	width: 5px;
	height: 5px;
	background-color: #856825;
	margin-left: -2px;
	background-image: none;
}
#timeline article {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
#timeline article:before {
	content: '';
	position: absolute;
	width: 11px;
	height: 6px;
	top: 0;	
	left: 50%;
	margin-left: -5px;
	background-position: -659px -6px;
}
#timeline .time {
	width: 98px;
	text-align: center;
	line-height: 38px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	border: 1px solid #CBA346;
	background-color: #FFF;
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: #CB466E;
	font-size: 24px;
}
#timeline h2 {
	max-width: 320px;
	line-height: 25px;
	text-align: center;
	color: #FFF;
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	font-size: 20px;
	background-color: #CBA346;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 0px;
	height: 60px;
}

#timeline h2 a{
	color:#FFF;
	text-decoration:none;}
	
#timeline h2 a:hover{
	padding:2px;}
#timeline p {
	display: block;
	border: 1px solid #CBA346;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
	padding: 20px;
}
.timeline_plate {
	position: absolute;
	display: block;
}
#coffee {
	width: 120px;
	top: 40px;
	left: -90px;
}
#wine {
	height: 110px;
	right: -150px;
	bottom: -40px;
}
#icecream {
	height: 140px;
	left: -80px;
	bottom: -20px;
}
#sport {
	height: 200px;
	right: -75px;
	bottom: -20px;
}
#steak {
	height: 115px;
	left: -110px;
	bottom: -20px;
}
#champagne {
	height: 180px;
	right: -95px;
	bottom: 5px;	
}
#scrollUp {
	display: none;
	position: fixed;
	z-index: 2;
	bottom: -10px;
	right: 20px;
	width: 100px;
	height: 90px;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	background-position: -121px -171px;
}
#scrollUp:hover {
    bottom: 0px;	
}
#blackOverlay {
	display: none;
	position: fixed;
	z-index: 8;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMi8zMS8xNdOFLqwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAGElEQVQYlWNkYGBoYCACMBGjaFQh9RQCANyeAJRQ3dKnAAAAAElFTkSuQmCC);
}
#social {
	display: block;
	position: absolute;	
	left: 560px;
	bottom: 45px; 
}
#social>div, #social iframe {
	display: inline-block;
	vertical-align: baseline;
}
#event {
	position: fixed;
	background-color: #FFF;
	width: 640px;
	height: 520px;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -320px;
	border-radius: 9px;
	z-index: 9;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.50);
	overflow: hidden;
	font-size: 14px;
}
#event h4 {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA8AQMAAACU1OLDAAAAA3NCSVQICAjb4U/gAAAABlBMVEX/ySb/2WcdS9YLAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzE4LzE24j5WWAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVSURBVAiZY5BgMGBIYDjA0MFAVxYAUUMXQcvWmAMAAAAASUVORK5CYII=);
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	color: #000;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
	height: 60px;
	margin: 0;
}
#event>p, #event section {
	margin-left: 30px;
	margin-right: 30px;
}
#event>p {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}
#event section {
	position: relative;
	padding-left: 90px;
	margin-top: 15px;
}
#event section h5 {
	position: absolute;
	left: 0;
	top: 0;
	width: 76px;
	height: 46px;
	border: 2px solid #FFC926;
	text-align: center;
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	line-height: 46px;
	font-size: 16px;
	margin: 0;
}
#event section p {
	margin: 0;
	color: #000;
}
#event p span, #event_tips span {
	display: block;
}
#close_event {
	display: block;
	width: 250px;
	height: 50px;
	background-image: -moz-linear-gradient(180deg, rgb(255,201,38) 0%, rgb(234,175,0) 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(255,201,38) 0%, rgb(234,175,0) 100%);
	background-image: -webkit-gradient(linear, 100% 0, 0 0, from(rgb(255,201,38)), to(rgb(234,175,0)));
	background-image: -o-linear-gradient(180deg, rgb(255,201,38) 0%, rgb(234,175,0) 100%);
	background-image: linear-gradient(180deg, rgb(255,201,38) 0%, rgb(234,175,0) 100%);
	text-align: center;
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	line-height: 50px;
	border-radius: 9px;
	color: #000;
	background-color: #FFC926;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#close_event:hover {
	text-decoration: none;
}
#close_event:active {
	background-image: none;	
}
#event_banner {
	display: block;
	width: 100%;
	margin-top: 50px;
	cursor: pointer;
}
#event_banner:hover {
	opacity: 0.9;
}
@keyframes glitter {
    0%   {transform: scale(1.0); opacity: 1;}
    25%  {transform: scale(.5); opacity: 0;}
    50%  {transform: scale(1.0); opacity: 1;}
    75%  {transform: scale(.5); opacity: 0;}
    100% {transform: scale(1.0); opacity: 1;}
}
.star {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 2px;
	border-radius: 1px;
	background: #ffffff;
	overflow: hidden;
	z-index: 0;
	animation: glitter 4s linear 0s infinite normal;
	-webkit-box-shadow: 0px 0px 6px #0DF3FF;
	box-shadow: 0px 0px 6px #0DF3FF;
}
.lt-ie9 .star {
	display: none;
}
mark.green {
	background-color: #c6ffc4;
	border-bottom: 1px solid #7dff77;
}
.fivedaynotuse {
	padding-left: 195px;
	margin-top: 2px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 10px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
img[src^="//bat.bing.com/"] {
	display: none;	
}
#DeckSelection {
	margin-top: 50px;
	height: 102px;
	padding: 4px;
	background-repeat: repeat-x;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABuCAIAAACRNRWmAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADAxLzI0LzE3yneMAQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABgSURBVEiJY2Tov8qAGzDhkaNYmoWB4T9eaXyyhHQTtJumhlPiMcoMJ+xvCnQP4gilqb9HIxSX3RToHsRhPmxT6mipiMvu4ZqJRiN0AOymqeHDM6WO3AgdrebI0T1oIxQAYrpJdeardC0AAAAASUVORK5CYII=);
	border-top-right-radius: 10px;
}
#DeckSelection section {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 40px;
}
#DeckSelection section h2 {
	margin: 0;
	font-size: 22px;
	height: 24px;
	color: #fff;
	font-weight: 400;
}
#CruisesPlan {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 0;
	right: 0;
	width: 352px;
	height: 102px;
	background-repeat: repeat-x;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAABmAQMAAAA5wclSAAAAA3NCSVQICAjb4U/gAAAABlBMVEXq+f////+JJ5PkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADAxLzI0LzE3yneMAQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVSURBVAiZYzjA0MEgwWDAkMAw5FkA7jUoCRVHKN8AAAAASUVORK5CYII=);
}
#CruisesPlan:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
}
#CruisesPlan.CP4:before {
	background-position: 0px -280px;
}
#CruisesPlan.CP5:before {
	background-position: 0px -383px;
}
#CruisesPlan.CP6:before {
	background-position: 0px -486px;
}
#CruisesPlan.CP7:before {
	background-position: 0px -589px;
}
#CruisesPlan.CP8:before {
	background-position: 0px -692px;
}
#CruisesPlan.CP9:before {
	background-position: 0px -795px;
}
#CruisesPlan.CP10:before {
	background-position: 0px -898px;
}
#CruisesPlan.CP11:before {
	background-position: -353px -320px;
}
#CruisesPlan.CP12:before {
	background-position: -353px -423px;
}
#CruisesPlan.CP14:before {
	background-position: -353px -526px;
}
#CruisesPlan.CP15:before {
	background-position: -353px -629px;
}
#CruisesPlan.CP16:before {
	background-position: -353px -732px;
}
#CruisesPlan.CP17:before {
	background-position: -353px -835px;
}
#DPselector {
	position: absolute;
	z-index: 1;
	top: -12px;
	right: -310px;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;	
	list-style-type: none;
	box-sizing: border-box;
	color: #005281;
	font-size: 20px;
	background-color: #FFF;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	overflow: hidden;
	background-image:-webkit-linear-gradient(rgb(253,253,253) 0%, rgb(251,251,251) 47%, rgb(242,242,242) 48%, rgb(255,255,255) 100%);
	background-image:-o-linear-gradient(rgb(253,253,253) 0%, rgb(251,251,251) 47%, rgb(242,242,242) 48%, rgb(255,255,255) 100%);
	background-image:linear-gradient(rgb(253,253,253) 0%, rgb(251,251,251) 47%, rgb(242,242,242) 48%, rgb(255,255,255) 100%);
}
.lt-ie9 #DPselector {
	border: 1px solid #FFF;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyBAMAAABv1ay5AAAAA3NCSVQICAjb4U/gAAAAFVBMVEXz8/P////5+fn39/f////7+/v19fVAp8GFAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADAxLzI0LzE3yneMAQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAcSURBVAiZYxBgQMAAIiACJAChARQqIEGYSri5AAoSCdGbOknXAAAAAElFTkSuQmCC);
}
#DPselector li {
	padding-left: 15px;
}
#DPselector.active {
	height: 300px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#DPselector.active li:hover {
	background-color: #EEE;
}
#DPselector:hover, #DPselector.active {
	background-image: none;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
	box-shadow:0px 0px 8px rgba(0,0,0,0.5);
}
.lt-ie9 #DPselector:hover, .lt-ie9 #DPselector.active {
	border: 1px solid #005281;
}
#DPselector.active li {
	display: block!important;
}
#selectorArrow {
	display: block;
	position: absolute;
	width: 50px;
	height: 100%;
	top: 0;
	right: 0;
	border-left: 1px solid #005281;
	background-position: -849px 0;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	pointer-events: none;
}
#DPselector.active #selectorArrow, .lt-ie9 #selectorArrow {
	display: none;
}
#DeckPlan {
	background-color: #FFF;
	box-sizing: border-box;
	border-left: 4px solid #0073AA;
	border-right: 4px solid #0073AA;
	border-bottom: 4px solid #0073AA;
	border-top: 4px none #0073AA;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#DeckPlan>div {
	display: none;
	position: relative;
	width: 600px;
	height: 1080px;
	margin-left: auto;
	margin-right: auto;
}
#DeckPlan>div.CP4 {
	background-image: url(../img/deckplan_CP4.png);
}
#DeckPlan>div.CP5 {
	background-image: url(../img/deckplan_CP5.png);
}
#DeckPlan>div.CP6 {
	background-image: url(../img/deckplan_CP6.png);
}
#DeckPlan>div.CP7 {
	background-image: url(../img/deckplan_CP7.png);
}
#DeckPlan>div.CP8 {
	background-image: url(../img/deckplan_CP8.png);
}
#DeckPlan>div.CP9 {
	background-image: url(../img/deckplan_CP9.png);
}
#DeckPlan>div.CP10 {
	background-image: url(../img/deckplan_CP10.png);
}
#DeckPlan>div.CP11 {
	background-image: url(../img/deckplan_CP11.png);
}
#DeckPlan>div.CP12 {
	background-image: url(../img/deckplan_CP12.png);
}
#DeckPlan>div.CP14 {
	background-image: url(../img/deckplan_CP14.png);
}
#DeckPlan>div.CP15 {
	background-image: url(../img/deckplan_CP15.png);
}
#DeckPlan>div.CP16 {
	background-image: url(../img/deckplan_CP16.png);
}
#DeckPlan>div.CP17 {
	background-image: url(../img/deckplan_CP17.png);
}
#DeckPlan a {
	position: absolute;
	display: block;
	width: 130px;
	height: 32px;
	border: 1px solid #0087C7;
	background-color: #FFF;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	background-size: cover;
}
#DeckPlan a:hover {
	background-color: #0087C7;
}
#cp5-1 {
	top: 600px;
	left: 414px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAnCAMAAAD0DGCSAAAAMFBMVEVMaXEAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8cAh8d2KFfRAAAAD3RSTlMAdzOI7qpmzBEi3buZVUTJUBTyAAAACXBIWXMAAAsSAAALEgHS3X78AAABu0lEQVRYw+1Vy7JjIQgUBVF88P9/O+A5ycnczNJbNQt7QQxJSdu0GMLBwcHBHozy1zfySOMjVaHsrcgpqyo+BVDivSwppaYJIGmzpRWOjqlpfe5i4Pt5ofxwELx3L0TESr2Tsi1LcLIP8iYKgq5qQV6qw4KKR8sXWyPUEPRqRNYRB44Yd6qQ7rPAKkKfh6xLBjv/SCsuCjGDNqjsfyib2tCsUF5q1FdS0yMRmk2wkRKmi4IKswJT5LaFQURvw1LC9q5fFDITaE8sWvlFwayIwKnq3EIB1RpaVZYPlL8oMIIJ3gprk2SecAoOo5BkjxOin6TpZaxpKuTlxubRk3F5AaZmYuK8KJhirkJrGyeRdutFf8nyhkvB7AnxsknRVQjuDVehCOxiUFA+LsaPRtTUyGeDh7jujf0Ikos5I+MuCncb+LkQD4USR39j2v9IgnG1HjgF3cSAzOE5ZyBt3xQyXpfyjjVIL0pNdbBNkL5rMr2Adrx6D8dlR8jrlVCa/ipo9xdCh1miz052KesmESolGDn6diI/ngATel72RBQWnCHyNcasfRB+AfFf8zbHd3r3C31wcHBwcHDwH+APR48TntvdsEAAAAAASUVORK5CYII=);
}
#cp5-1:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAnCAMAAAD0DGCSAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAdzOI7qpmzBEi3buZVUTJUBTyAAAACXBIWXMAAAsSAAALEgHS3X78AAABu0lEQVRYw+1Vy7JjIQgUBVF88P9/O+A5ycnczNJbNQt7QQxJSdu0GMLBwcHBHozy1zfySOMjVaHsrcgpqyo+BVDivSwppaYJIGmzpRWOjqlpfe5i4Pt5ofxwELx3L0TESr2Tsi1LcLIP8iYKgq5qQV6qw4KKR8sXWyPUEPRqRNYRB44Yd6qQ7rPAKkKfh6xLBjv/SCsuCjGDNqjsfyib2tCsUF5q1FdS0yMRmk2wkRKmi4IKswJT5LaFQURvw1LC9q5fFDITaE8sWvlFwayIwKnq3EIB1RpaVZYPlL8oMIIJ3gprk2SecAoOo5BkjxOin6TpZaxpKuTlxubRk3F5AaZmYuK8KJhirkJrGyeRdutFf8nyhkvB7AnxsknRVQjuDVehCOxiUFA+LsaPRtTUyGeDh7jujf0Ikos5I+MuCncb+LkQD4USR39j2v9IgnG1HjgF3cSAzOE5ZyBt3xQyXpfyjjVIL0pNdbBNkL5rMr2Adrx6D8dlR8jrlVCa/ipo9xdCh1miz052KesmESolGDn6diI/ngATel72RBQWnCHyNcasfRB+AfFf8zbHd3r3C31wcHBwcHDwH+APR48TntvdsEAAAAAASUVORK5CYII=);
}
#cp5-2 {
	top: 672px;
	left: 75px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAMAAAAFWtJHAAAAMFBMVEVMaXEAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcUAhcV6wyEkAAAAD3RSTlMAqsx37ohmM7sRmVUiRN1VIUC+AAAACXBIWXMAAAsSAAALEgHS3X78AAACBUlEQVRYw+2Vy3LDIAxFhSRAgI3+/28rGXCadue0O+4mxDP2PXoCsLW1tfWhjvzrUY7/ZVbxmypAMFUImIsdzJXVhQCk9zsJj/ePFBpKjxCQ3TQoqgQ2J+3IepgrKzIbAkaO+I6QO5/r7Igh6xA/QwjXjzbhHBwhQQ8oh0ovTGbBwuFHFqCIroA5EBtCAowQnyJEzwJjYBoIzcIn1sId3UKYtV4IHu8FYGWoOvNgmPgxQoomlRjbQBAkFP+gek9yrFrDhWDFbv5K9HxYgnL5K4RsfRiZToWBUJksCWfOLPC7HQ9ucZ40/lkWLPCAVXAiAIr0y7hb5x/ZspGPGyHpORFA+IVQiYXkOQJJqGzeEyFpLSNOG9LZ6rPlnaQshKbtRvhsIrJ1IyXtsBCaFX+ojbiheJhEwbylw0IAr9Q9Ed4kjxGo+tyRoThCREaKUdSa9IRzxe8eXgsbiokQiyPNvZA+2I4Yeg8kNoi1jyykVCwfZofW9cVGVqqWhXDaYSDYo2Qz47sDFsIs4JPVdFpVg86hvHLfzK75uTJHa5WFkKVMhFPPYlNL+YVw6PlsQfvl0K8rgieCVf5Kum+GbktIM97teO0Fvw9EXyEXDXT1SvngjghjRc4stDmDDRIfodjfux3dcADRt6/EQfjsMm3t/bzuwDJzOm/tY23mra2tra2tra3/0hfohxYjVqYKmQAAAABJRU5ErkJggg==);
}
#cp5-2:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAMAAAAFWtJHAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAqsx37ohmM7sRmVUiRN1VIUC+AAAACXBIWXMAAAsSAAALEgHS3X78AAACBUlEQVRYw+2Vy3LDIAxFhSRAgI3+/28rGXCadue0O+4mxDP2PXoCsLW1tfWhjvzrUY7/ZVbxmypAMFUImIsdzJXVhQCk9zsJj/ePFBpKjxCQ3TQoqgQ2J+3IepgrKzIbAkaO+I6QO5/r7Igh6xA/QwjXjzbhHBwhQQ8oh0ovTGbBwuFHFqCIroA5EBtCAowQnyJEzwJjYBoIzcIn1sId3UKYtV4IHu8FYGWoOvNgmPgxQoomlRjbQBAkFP+gek9yrFrDhWDFbv5K9HxYgnL5K4RsfRiZToWBUJksCWfOLPC7HQ9ucZ40/lkWLPCAVXAiAIr0y7hb5x/ZspGPGyHpORFA+IVQiYXkOQJJqGzeEyFpLSNOG9LZ6rPlnaQshKbtRvhsIrJ1IyXtsBCaFX+ojbiheJhEwbylw0IAr9Q9Ed4kjxGo+tyRoThCREaKUdSa9IRzxe8eXgsbiokQiyPNvZA+2I4Yeg8kNoi1jyykVCwfZofW9cVGVqqWhXDaYSDYo2Qz47sDFsIs4JPVdFpVg86hvHLfzK75uTJHa5WFkKVMhFPPYlNL+YVw6PlsQfvl0K8rgieCVf5Kum+GbktIM97teO0Fvw9EXyEXDXT1SvngjghjRc4stDmDDRIfodjfux3dcADRt6/EQfjsMm3t/bzuwDJzOm/tY23mra2tra2tra3/0hfohxYjVqYKmQAAAABJRU5ErkJggg==);
}
#cp5-3 {
	top: 865px;
	left: 404px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAnCAMAAAD0DGCSAAAAMFBMVEVMaXEAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsYAhsad5W+LAAAAD3RSTlMAu8zuZoh3qhHdmSIzRFWUIgCEAAAACXBIWXMAAAsSAAALEgHS3X78AAACF0lEQVRYw+1V0Y7cMAiMwYCxHfP/f1vAu9fbXq9V2uqkSpmX2GTXMwyYHMeNGzdu/BPM87M3tX0IrfmXbO1nwWLPlejrbwxEKgSceNQAYj7quMSrmA+2E3D8UkKsBsJjN8g619mZwVwXGb4DX5JAluYVPIq230poWh6OgTnqMqlW4xiggJ9l51X3TwvJzfon718lvHWIOrHoHKdZKicAFEW0RL2mIa1dtpICM0nwqru/SE/iRog9V7ZdaFwN4VQzYNUZEqq5iLN3k96v9cLRo5SCm0xiM4y8N4RLGJTEJXcvEsCoYlE8jxaMIaGDuFQ0verCGX9A2WS5YRtHi0RUd3RZ+AHvJByF2C1wPlTehXBbTIiEoeJFCUF/eh12vlGJkl3fFqHtaLfxLMlDwhCvOKgj2tJvpbcjNhG/GH/QC1EECv+Twlcj/G/doOtDwm7El14o7JcyYbwoDglq4R1bFyUsHwnlSTFt1chZcH6nzw55kZCTJMcS5I3yl24GSAGMMF0diibp3M5VpQSLyaP6EeWkgU8kZM5Kh02S5uHVro9pz+Ct1gdj6gHkCpYOVB9I1kntRwm1eump50gxchtUuv9cK7arEuo+d0sYlq4PMGX2yIy5MYpz8QcJJKW7/y1u0vQSiiCFaqWv+YS6qtJ9KlT1kdyV3QUEGH5PsPLXSBhvbsdHYcb+9K5YzPO4cePGjRs3bvyf+AaNyBYM2aq7ywAAAABJRU5ErkJggg==);
}
#cp5-3:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAnCAMAAAD0DGCSAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAu8zuZoh3qhHdmSIzRFWUIgCEAAAACXBIWXMAAAsSAAALEgHS3X78AAACF0lEQVRYw+1V0Y7cMAiMwYCxHfP/f1vAu9fbXq9V2uqkSpmX2GTXMwyYHMeNGzdu/BPM87M3tX0IrfmXbO1nwWLPlejrbwxEKgSceNQAYj7quMSrmA+2E3D8UkKsBsJjN8g619mZwVwXGb4DX5JAluYVPIq230poWh6OgTnqMqlW4xiggJ9l51X3TwvJzfon718lvHWIOrHoHKdZKicAFEW0RL2mIa1dtpICM0nwqru/SE/iRog9V7ZdaFwN4VQzYNUZEqq5iLN3k96v9cLRo5SCm0xiM4y8N4RLGJTEJXcvEsCoYlE8jxaMIaGDuFQ0verCGX9A2WS5YRtHi0RUd3RZ+AHvJByF2C1wPlTehXBbTIiEoeJFCUF/eh12vlGJkl3fFqHtaLfxLMlDwhCvOKgj2tJvpbcjNhG/GH/QC1EECv+Twlcj/G/doOtDwm7El14o7JcyYbwoDglq4R1bFyUsHwnlSTFt1chZcH6nzw55kZCTJMcS5I3yl24GSAGMMF0diibp3M5VpQSLyaP6EeWkgU8kZM5Kh02S5uHVro9pz+Ct1gdj6gHkCpYOVB9I1kntRwm1eump50gxchtUuv9cK7arEuo+d0sYlq4PMGX2yIy5MYpz8QcJJKW7/y1u0vQSiiCFaqWv+YS6qtJ9KlT1kdyV3QUEGH5PsPLXSBhvbsdHYcb+9K5YzPO4cePGjRs3bvyf+AaNyBYM2aq7ywAAAABJRU5ErkJggg==);
}
#photo {
	display: none;
	position: fixed;
	width: 800px;
	height: 580px;
	background-color: #FFF;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -290px;
	box-shadow:0px 0px 16px #000000;
	z-index: 9;
}
#photo img {
	display: block;
	width: 100%;
}
#photo p {
	line-height: 47px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1em;
	padding-right: 1em;
}
#closePhoto {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 0;
	right: -42px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAA3NCSVQICAjb4U/gAAAAKlBMVEX///////////////////////////////////////////////////////9q+00tAAAADnRSTlMAESIzZneImaq7zN3u/7/rw2YAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDIvMDIvMTekNJogAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAR9JREFUKJFtUrtKA1EUHPUqUSxSCAoS8AMstrRQiB+wkA8wXyCCfoAQsRMWUgsBWwsLG60C4qO8RTBxJbvzL56dezckxFvsnpmdc849Zxaozs6dL19PMTtH1Lmt8S5ZPt578irgtSFfEnudszgQcczPpoIzfkjgpwFjdVCaEvu8qYvt8dme17UAWBnklsF3NNoV3LjEIRM02EY2rohuDsceWkUTXSOxTqP9COlPjMVejJF9Q0AkTn7x9AZJJMD2FP5BBSkBtkqwD0kkwCYj4chOJEJKSk5iioo6TlJJrKjaGnKSWNvqYgKS2MVaRYwd7dNwZMN1kKlgmlv3XhhfLV0Y3xY0s0MLshX2F1e4tGSz4QvzNswblfxv5bLZC7/DHz7zleK9Lk4eAAAAAElFTkSuQmCC);
}
@media (max-width:960px){
	body {
		position: relative;
		-webkit-transition: all 400ms ease;
		transition: all 400ms ease;
		overflow: auto;
		right: 0;
	}
	body.showMenu {
		overflow: hidden;
		right: 260px;
	}	
	.showMenu header {
		right: 260px;
	}
	footer .wrapper, main .wrapper {
		max-width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}	
	#kanban {
		-webkit-background-size: 1320px 303px;
		background-size: 1320px 303px;
	}		
	#kanban > div {
		height: 303px;
	}
	header .wrapper>a {
		width: 60px;
	}	
	#WUFU_Logo, #scrollUp, #timeline article:before, #DPselector:before {
		-webkit-background-size: 500px 500px;
		background-size: 500px 500px;
	}
	#WUFU_Logo {
		background-position: 0 0;
	}
	#MenuBtn {
		position: relative;
		display: inline-block;
	}	
	#MenuBtn span {
		position: absolute;
		display: block;
		width: 50%;
		height: 4px;
		background-color: #2F53A6;
		top: 50%;
		left: 50%;
		margin-top: -2px;
		border-radius: 4px;
		margin-left: -25%;
		-webkit-transition: all 400ms ease;
		transition: all 400ms ease;
	}
	#MenuBtn span:before, #MenuBtn span:after {
		position:  absolute;
		content: '';
		display: block;
		width: 100%;
		height: 4px;
		background-color: #2F53A6;
		border-radius: 4px;
		-webkit-transition: all 600ms ease;
		transition: all 600ms ease;
	}	
	#MenuBtn span:before {
		top: -10px;
	}
	#MenuBtn span:after {
		bottom: -10px;
	}	
	.showMenu #MenuBtn span {
		background-color: rgba(255,255,255,0.00);
	}
	.showMenu #MenuBtn span:before {
		top: 0;
		transform: rotate(45deg);
	}
	.showMenu #MenuBtn span:after {
		bottom: 0;
		transform: rotate(-45deg);
	}	
	#nav {
		position: fixed;
		top: 0;
		bottom: 0;
		right: -270px;
		width: 260px;
		overflow-y: auto;
		background-image: none;
		background-color: #FFF;
		padding: 0;
		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.50);
		box-shadow: 0px 0px 8px rgba(0,0,0,0.50);		
		z-index: 9;
		-webkit-transition: all 400ms ease;
		transition: all 400ms ease;		
		-webkit-overflow-scrolling: touch;
	}
	.showMenu #nav {
		right: 0;
	}
	#nav li {
		width: 100%;
		margin: 0px;
		border-radius: 0;
		background-color: #F4F4F4;
		display: block;
		color: #333;
		font-size: 16px;
		text-align: left;
		font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
		text-shadow: none;
		font-weight: normal;
		border-bottom: 1px solid #2F53A6;
	}
	#nav>li:hover {
		background-image: none;
		background-color: #EEE;
		color: #333;
	}
	#nav li a {
		height: 50px;
		line-height: 50px;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 0;
		padding-bottom: 0;
	}
	#nav li a.active {
		color: #FFF;
		background-color: #2F53A6;
	}	
	#nav li:after, #nav li:first-child:before, #nav li a:before, #nav li a.active:after, #nav li a > span, .timeline_plate {
		display: none;
	}
	#nav #dayLife_btn span {
		display: inline-block;
		font-size: 16px;
	}
	main {
		padding-top: 0;
	}
	.roomPlane {
		width: 100%;
		max-height: none;
	}
	#kanban	.wrapper {
		max-width: 660px;
	}
	#social {
		left: 385px;
		bottom: 31px; 
	}
	#timeline article:before {
		background-position: -330px -7px;
	}
	#forMobileTitle {
		display: block;
		text-align: center;
		color: #99782B;
		font-size: 24px;
		margin-top: 40px;
		font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
		padding-left: 10px;
		padding-right: 10px;
		border: 1px solid #99782B;
		width: 240px;
		line-height: 200%;
		margin-left: auto;
		margin-right: auto;
	}
	#scrollUp {
		width: 60px;
		height: 53px;
		background-position: 0 -86px;
	}
	#kanban h1, #princess_cruises, #slogan, #starting_day, #setsail {
		-webkit-background-size: 687px 687px;
		background-size: 687px 687px;	
	}	
	#kanban h1 {
		width: 304px;
		height: 47px;
		background-position: -202px -110px;
		top: 52px;
		left: 330px;
	}
	#princess_cruises {
		width: 82px;
		height: 21px;
		background-position: -203px -83px;
		top: 25px;
		left: 333px;
	}
	#slogan {
		width: 138px;
		height: 16px;
		background-position: -365px -89px;
		top: 30px;
		left: 493px;
	}
	#starting_day {
		width: 128px;
		height: 18px;
		background-position: -297px -172px;
		top: 111px;
		left: 425px;
	}
	#setsail {
		width: 131px;
		height: 24px;
		background-position: -374px -195px;
		top: 138px;
		left: 503px;	
	}
	#CruisesPlan {
		display: none;
	}
	#DeckSelection:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 100%;
	}
	#DPselector:before {
		background-position: -450px 0;
	}
	#photo {
		width: 100%;
		height: auto;
		top: 33.3%;
		left: 0;
		margin-left: auto;
		margin-top: -47px;
	}
	#closePhoto {
		top: -42px;
		right: 50%;
		margin-right: -16px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wMi8xN6Q0miAAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACgElEQVRIiYVWvW4TQRAe/4AhCVLKSIC4hhbSUYH8BBeLB3BClS6xhERBk5CSAkNHg8gbIDo6Qx6AIFHRYBFFiCLSSZFj/uIbZna8s7N3J26bvZ35/O3MtzuzBjDj5tOviCfv7kP1aL/C+fjSrfKvjFHH7EmFH+3I94r+ToYx4kHsbx0688nLR5uPP7rP89UIsOVsD2Vxx6G/W/9ltvxI/LL5jNfPg7/xhtY/l42BEX+C4Sot/yZgRnNEpre6ZIKNOOqLTGEj+FzM+66JYpsSSIqAJqUylc8WaXRQ9ANcJwr52RJpXyIgCjqb9+5rB/G07Ae4R6nz3MgkhYVu8HX2JZGcpbhEGrBxdBwAOy5D0mKXphuywyLmSkG/ZYpbiN9oGiIOBK4U2yIScf+iaYx5IkZPwSoeS3QzuokCU6vFEnmXdT5Vcy+G3ma1r3g52D6JCFjCT4waKDP2or06zE7mVbAU6yHaFp/XEHOTHfYuoMk3owRGeO6X7JswShU7JJHH+FsVXpeamKjhNQmRiQxKYQnc/vMzNRSBgG8C6MVSikDAYVcAekWA2aLPgLN4iyhIKfFAwUHaNPuSRdiT07RCEcFZ31YZC2WkXvNSKwXvHw6rLQEaCndY4bhTic9QuOPWC9PO5hmuKYW7MHrlUm9npGjjrpy/tGyehr0GIgPrPpYCS0NsnqKBfO1Zzl1wXUazS7VwGEeldwRcekEfotgHV3pHYIrXnGpqi9eX/+JGALRfgJR/AlDfQOpbEDexD2XANW1ifF6z5aLftMH6Rsr5lFpxZrv5Ul0zdxT/ew5KD8qw8KBUPklT669/1MrP4qCY90qEKD+s9U9z/eMO1X8P/gFAxLmWFdPaDQAAAABJRU5ErkJggg==);
		background-size: cover;
	}
	
#download {
	position: relative;
	max-width:100%;
}



#download h2 {
	display:block;
	float:none;
	width: 580px;
	margin:0 auto;
	line-height: 25px;
	text-align: center;
	color: #FFF;
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	font-size: 20px;
	background-color: #CBA346;
	height: 60px;
}
}
@media (max-width:660px){
	#kanban {
		-webkit-background-size: 960px 220px;
		background-size: 960px 220px;
	}	
	#kanban > div {
		height: 220px;
	}	
	.productPrice {
		position: relative;
		display: block;
		width: auto;
		margin-top: 0;
	}
	.productInfo {
		margin-right: 20px;
		text-align: center;
	}
	.productInfo:after {
		display: none;
	}
	.polaroid, .illustrate, #STATEROOMS .illustrate {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
	}
	.polaroid {
		margin-bottom: 20px;
	}
	.roomPlane {
		width: 100%;
		margin-bottom: 20px;
		max-height: 180px;
		margin-left: auto;
		margin-right: auto;
	}
	.illustrate, #STATEROOMS .illustrate {
		text-align: center;
	}
	#STATEROOMS article {
		margin-top: 90px;
	}
	#forMobileTitle+article {
		margin-top: 40px;
	}
	#STATEROOMS article:before, #ENTERTAINMENT article:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #BBB;
		top: -40px;
	}
	#STATEROOMS article:first-of-type:before, #ENTERTAINMENT article:first-of-type:before {
		display: none;
	}
	footer .wrapper {
		text-align: center;
	}	
	#followUs {
		position: relative;
	}
	#followUs a {
		width: 40px;
		height: 40px;
		-webkit-background-size: 500px 500px;
		background-size: 500px 500px;
	}
	#FB_Icon {
		background-position: -148px -0px;
	}
	#Line_Icon {
		background-position: -188px -0px;
	}
	#Instagram_Icon {
		background-position: -229px -0px;
	}	
	#followUs span {
		display: block;
		text-align: center;
		margin-top: 5px;
	}	
	#pizza, #meat {
		width: 70%;
		position: relative;
		top: 0;
		margin-left: auto;
		margin-right: auto;
	}
	#delights_left, #delights_right  {
		padding: 0;
		text-align: center;
	}
	#ENTERTAINMENT .polaroid, #ENTERTAINMENT .illustrate {
		width: 70%;
	}
	#kanban	.wrapper {
		max-width: 480px;
	}
	#social {	
		left: 280px;
		bottom: 23px; 
	}
	#event p {
		font-size: 12px; 
	}
	#event {
		width: 320px;
		height: 460px;
		margin-top: -230px;
		margin-left: -160px;
		top: 50%;
		left: 50%;
	} 
	#event > p {
		margin-top: 8px;
		margin-left: 20px;
		margin-right: 20px;
		text-align: left;
	}
	#event > p > span {
		display: block;
	}
	#event section {
		padding-left: 0;
		line-height: 120%;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 8px;
	}
	#event section h5 {
		display: inline-block;
		position: relative;
		font-size: 12px;
		width: auto;
		height: auto;
		padding-right: 5px;
		padding-left: 5px;
		margin-left: auto;
		margin-right: auto;
		line-height: 180%;
		margin-bottom: 5px;
	}
	#event p span {
		display: inline;
	}
	#close_event {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		margin: 0;
		background-color: transparent;
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsSAAALEgHS3X78AAABk0lEQVRo3u2Z33HDIAzGv3SBdoSMwAbuCO4GZBO6iTtBMwLdgBEygjuB+kLu+pBYCIRzpdIdbxjx4+DTHx+ICCPYEwYxAzEQAzEQAxkCxAEIACIAujNinuNUPRORxvBElEhuKX/bvIfWBY5EFKndYl7rISAzEa2kZ2tec1cQT/2s6qodKrLfGcBnZxF6A3CWfCAFOQJIAJ47g3xnVbv0kt9lBwhkH0uvOOIBTMycD8GJvzNzpuxTPY6kwkfqC9TJFc5N2qrlGIehUNV+Q1zHwqztNEGC4JS3YOYKGQ+aILEyoPmN+OAFUV8NpCWg+QaIqz0EhIvONVmBCsiLYqpRm9qw+xymsPpXV6vHY5eWALvKLyex/kaQXfeW39AI0QKjGhC5FGW5cXVKgblDUk1RJEljySmXJpjqSaMkLyp9xEuj+jWVurGgJtGyLwCvVuoydhFVbfXmJRC1LdMzgFNHiJO0g9LaMh2iQTdUy1SriT1r7KGm08j9VpizbE4bshrzO0hajrVB7I+VgRiIgRiIgfxJ+wFP5kUhPPP9pgAAAABJRU5ErkJggg==);
	}
	#close_event:hover, #close_event:active {
		filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));
	}
	#event h4 {
		height: 50px;
		line-height: 50px;
	}
	#event > p {
		line-height: 130%;
	}
	.fivedaynotuse {
		padding-left: 0;
	}
	.fivedaynotuse:before {
		content: '；';
	}
	#event mark {
		background-color: transparent;
		border-bottom: none;
	}
	#kanban h1, #princess_cruises, #slogan, #starting_day, #setsail {
		-webkit-background-size: 500px 500px;
		background-size: 500px 500px;	
	}	
	#kanban h1 {
		width: 221px;
		height: 34px;
		background-position: -147px -80px;
		top: 38px;
		left: 240px;
	}
	#princess_cruises {
		width: 60px;
		height: 16px;
		background-position: -148px -60px;
		top: 18px;
		left: 242px;
	}
	#slogan {
		width: 101px;
		height: 12px;
		background-position: -266px -65px;
		top: 22px;
		left: 359px;
	}
	#starting_day {
		width: 93px;
		height: 13px;
		background-position: -216px -125px;
		top: 81px;
		left: 309px;
	}
	#setsail {
		width: 96px;
		height: 18px;
		background-position: -272px -142px;
		top: 101px;
		left: 366px;	
	}
	#ENTERTAINMENT .illustrate {
		margin-left: auto;
	}
	#DeckPlans {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#DeckSelection {
		width: 100%;
		height: 105px;
		padding: 0;
		margin-top: 0;
		background-image: none;
		background-color: #0073AA;
		border-top-right-radius: 0px;
		border: 1px solid #0073AA;
	}
	#DeckSelection:before {
		display: none;
	}
	#DeckSelection section {
		display: block;
		margin: 0;
	}
	#DeckSelection section h2 {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	#DPselector {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		top: auto;
		right: auto;
	}
	#DeckPlan {
		border: none;
		background-color: transparent;
	}
	#DeckPlan > div {
		width: 480px;
		height: 864px;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#DeckPlan a {
		width: 104px;
		height: 25.6px;
	}
	#cp5-1{top:480px;left:331.2px}#cp5-2{top:537.6px;left:60px}#cp5-3{top:692px;left:323.2px}
	
#download h2 {
	display:block;
	float:none;
	width: 380px;
	margin:0 auto;
	line-height: 25px;
	text-align: center;
	color: #FFF;
	font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", sans-serif;
	font-size: 20px;
	background-color: #CBA346;
	height: 60px;
}	
}
@media (max-width:480px){
	#kanban {
		-webkit-background-size: 640px 147px;
		background-size: 640px 147px;
	}	
	#kanban > div {
		height: 147px;
	}
	.polaroid, #STATEROOMS .illustrate, #ENTERTAINMENT .polaroid, #ENTERTAINMENT .illustrate  {
		width: 90%;
	}
	#kanban	.wrapper {
		max-width: 320px;
	}
	#social {
		width: 95%;
		left: 5%;
		bottom: 10px;
		top: auto;
		text-align: center;
	}	
	.illustrate h2 small {
		display: block;
	}
	#event {
		border-radius: 0px;
	}
	#event_banner, #CRUISES article {
		margin-top: 30px;
	}
	#kanban h1, #princess_cruises, #slogan, #starting_day, #setsail {
		-webkit-background-size: 333px 333px;
		background-size: 333px 333px;	
	}	
	#kanban h1 {
		width: 147px;
		height: 23px;
		background-position: -98px -53px;
		top: 25px;
		left: 160px;
	}
	#princess_cruises {
		width: 40px;
		height: 10px;
		background-position: -98px -40px;
		top: 12px;
		left: 161px;
	}
	#slogan {
		width: 67px;
		height: 8px;
		background-position: -177px -43px;
		top: 15px;
		left: 239px;
	}
	#starting_day {
		width: 62px;
		height: 9px;
		background-position: -144px -83px;
		top: 54px;
		left: 206px;
	}
	#setsail {
		width: 64px;
		height: 12px;
		background-position: -181px -95px;
		top: 67px;
		left: 244px;	
	}
	#DeckPlan > div {
		width: 320px;
		height: 576px;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#DeckPlan a {
		width: 69.3px;
		height: 17px;
	}
	#cp5-1{top:319.8px;left:220.662px}#cp5-2{top:358.176px;left:39.975px}#cp5-3{top:461.045px;left:215.332px}
    #download a {
        font-size: 16px;
    }
    #download span {
              font-size: 12px;
                height: 18px;
                line-height: 18px;
    }  	
}
@media (max-width:320px) {
	#event {
		width: auto;
		height: auto;
		margin: 0;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow-y: scroll;
	}
	#close_event {
		margin-bottom: 20px;
	}
}
@media (orientation:landscape) and (max-width:736px) {
	#photo {
		top: 0;
		height: 100%;
		margin: 0;
	}
	#closePhoto {
		top: 10px;
		right: 10px;
		margin: 0;
	}
	#photo p {
	    position: fixed;
		bottom: 0;
		left: 0;
		background-color: #FFFFFF;
		width: 100%;
	}	
}