@charset "utf-8";
/* CSS Document */

#mode {
	display: none;
	width: 100px;
}/*很重要_不可刪除_此DIV為JS判別讀取PC或是MOBILE CSS的依據_此DIV放置在header.html*/
div.nav {
	position: relative;
	height: 114px;
	background-color:#fff;
}
div.nav a {
	text-decoration: none;
	color: #282828;
	font-size: 13px;
	text-transform: uppercase;
}
div.nav a:hover {
	color: #c9a063;
}
div.topLink {
	border-bottom: 1px solid #d1d1d1;
	width: 100%;
	display: table;
	background-color:#fff;
	position: absolute;
	z-index: 999;
	top: 0;
}
div.nav a.ticket {
    text-indent: -9999px;
    width: 105px;
    height: 49px;
    display: block;
    background-image: url(../images/index/ticket.png);
    background-position: left top;
    background-repeat: no-repeat;
}
div.nav a.ticket_mobile{
	display: none;
}
a.logo {
	background: url(../images/all/logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	width: 184px;
	height: 48px;
	margin: 0 20px;
	display: block;
	float: left;
	position: relative;
	z-index: 9999;
}
div.topLink ul.links {
	float: right;
}
div.topLink ul.links p {
	float: right;
	line-height: 44px;
	color:#666;
}
ul.links a.booking {
	background: url(../images/all/booking.png) no-repeat center #594637;
	width: 164px;
	height: 47px;
	display: block;
	text-indent: -9999px;
	border-bottom: 2px solid #c9a063;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline:none;
}
ul.links a.booking:hover {
	background: url(../images/all/booking.png) no-repeat center #331200;
}
ul.links a.group, ul.links a.contact, ul.links a.location, ul.links a.hireing  {
	line-height: 48px;
	margin: 0 15px;
}
a.language {
	background: url(../images/all/language.png) center no-repeat;
	width: 120px;
	height: 48px;
	text-indent: -9999px;
	display: block;
}
.Followheader {
	z-index: 997 !important;
	border-bottom: 2px solid #202020;
	background-color:#fff;
	position: absolute;
	width: 100%;
	top: 50px;
}
/******************************MENU細項******************************/
ul.navigation {
	clear: both;
	margin: 0 auto;
	padding-top:30px;
	display: table;
}
ul.navigation li {
	position: relative;
	float: left;
	padding: 0 10px;
}
ul.links li {
	position: relative;
	float: left;
}
ul.navigation li a {
	display: block;
	color: #282828;
	font-size: 16px;
}
/* 第二層及之後下拉部分之樣式 */
ul.navigation ul,  ul.links li ul {
	display: none;
	float: left;
	position: absolute;
	left: 0;
	margin: 0;
	z-index: 2;
	padding-top: 2px;
}
ul.navigation li.hover:hover > ul, ul.links li:hover > ul {
	display: block;
}
ul.navigation ul li, div.topLink ul.links li.languageDiv ul li a {
	padding: 0;
}
ul.navigation ul li:last-child {
	border-bottom: none;
}/* 最後一項不要底線*/
/* 第二層或以後選單 li 之樣式 */
ul.navigation ul a,  div.topLink ul.links li.languageDiv ul li a {
	color:#fff;
	padding: 8px;
	background: #594637;
	border-bottom: 1px solid #6b5a4c;
	font-size: 13px;
	display: block;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline:none;
}
ul.navigation ul a:hover,  div.topLink ul.links li.languageDiv ul li a:hover {
	background: #c9a063;
	color: #FFF;
	/*border-bottom: 1px solid #c1bfbe;*/
}
ul.navigation ul a {
	width: 175px;
}
div.topLink ul.links li.languageDiv ul li a {
	margin: inherit;
	width: 104px;
}
/* 第三層*/
ul.navigation ul li:hover > ul {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	border-left: 1px solid #c1bfbe;
	padding-top: 0px;
}
a.menu-home, a.menu-about, a.menu-news, a.menu-news-41, a.menu-news-42, a.menu-news-43, a.menu-rooms, a.menu-facilities, a.menu-dining, a.menu-location, a.menu-travel, a.menu-booking {
	position: relative;
	width: auto;
	height: 32px;
	display: block;
}
a.menu-home {
}
a.menu-about {
}
a.menu-news {
}
a.menu-rooms {
}
a.menu-facilities {
}
a.menu-dining {
}
a.menu-location {
}
a.menu-travel {
}
a.menu-booking {
}
a.menu-home:hover, a.menu-about:hover, a.menu-news:hover, a.menu-news-41:hover, a.menu-news-42:hover, a.menu-news-43:hover, a.menu-rooms:hover, a.menu-facilities:hover, a.menu-dining:hover, a.menu-location:hover, a.menu-travel:hover, a.menu-booking:hover {
	background-position: bottom center;
}
/**********************************border滑出特效************************************************/
a.menu-home:after, a.menu-about:after, a.menu-news:after, a.menu-news-41:after, a.menu-news-42:after, a.menu-news-43:after, a.menu-rooms:after, a.menu-facilities:after, a.menu-dining:after, a.menu-location:after, a.menu-travel:after, a.menu-booking:after {
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -25%;
	bottom: -2px;
	width: 0;
	height: 2px;
	background-color: #c9a063;
	content: "";
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
a.menu-home:hover:after, a.menu-about:hover:after, a.menu-news:hover:after, a.menu-news-41:hover:after, a.menu-news-42:hover:after, a.menu-news-43:hover:after, a.menu-rooms:hover:after, a.menu-facilities:hover:after, a.menu-dining:hover:after, a.menu-location:hover:after, a.menu-travel:hover:after, a.menu-booking:hover:after {
	width: 50%;
}
/**********************************border滑出特效_END************************************************/

a.logo1 {
	background: url(../images/all/logo.png);
	width: 184px;
	height: 48px;
	display: block;
	float: left;
	margin: 7px 20px;
	display: none;
}
ul.navigationRight {
	float: right;
	clear: inherit;
}
/*fastBooking*/
div.fastBooking {
	position: absolute;
	z-index: 22;
	background: url(../images/all/fastbooking.png);
	width: 250px;
	height: 140px;
	display: none;
	margin-top: 2px;
}
div.fastBooking ul {
	display: block;
	list-style: none;
	padding: 20px;
}
div.fastBooking ul li {
	width: 100%;
	font-size: 13px;
	padding: 5px 0;
}
div.fastBooking ul li div {
	float: left;
	color: #FFF;
}
div.fastBooking ul li select {
	float: left;
	margin-left: 5px;
}
div.fastBooking ul li a.search {
	font-size: 13px;
	font-weight: 900;
	display: block;
	background: #db3f2f;
	width: 80px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #FFF;
	border: 0;
}
div.fastBookingRight {
	right: 0;
	margin-left: inherit !important;
	left: inherit !important;
}

@media screen and (max-width: 1100px) {
div.fastBooking {
	left: 50%;
	margin-left: -125px;
}
}

@media screen and (max-width: 1024px) {
#mode {
	width: 20px;
}/*很重要_不可刪除_此DIV為JS判別讀取PC或是MOBILE CSS的依據_此DIV放置在header.html*/
div.nav {
	height: inherit;
}
div.topLink, .Followheader {
	border: 0;
	position: inherit;
	top: 0;
}
a.logo {
	position: fixed;
	left: 0;
	top: 0;
	background: url(../images/all/logo-2x.png);
	background-size: 100%;
}
div.topLink ul.links {
	float: none;
}
div.topLink ul.links li p {
	display: none;
}
ul.navigation {
	width: 100%;
	padding-top: 50px;
}
div.topLink, div.topLink ul.links li.languageDiv ul li, .Followheader {
	/*background: none;*/
}
div.topLink ul.links a,  ul.navigation li a {
	font-size: 15px;
	text-indent: 0;
	color: #282828;
	margin: 0;
	padding: 12px 8px !important;
	box-sizing: border-box;
	border-bottom: 1px solid #c1bfbe;
	width: 100%;
	display: block;
	background: none;
	height: auto;
	line-height: 1.7;
}
div.topLink ul.links a.ticket{
	display: none;
}
div.topLink ul.links a:hover,  ul.navigation li a:hover {
	background: #c9a063;
	color: #FFF;
}
div.topLink ul.links a.ticket_mobile {
    text-indent: -9999px;
    width: 105px;
    height: 49px;
    display: block;
    background-image: url(../images/index/ticket.png);
    background-position: left top;
    background-repeat: no-repeat;
	margin: 0 auto 20px 2px;
}
ul.navigation li a.menu-item {
	background: url(../images/all/menu-item.png) no-repeat right center;
}
ul.navigation li a.menu-item:hover {
	background: url(../images/all/menu-item.png) no-repeat right center #c9a063;
	color: #FFF;
}
ul.navigation li a.menu-itemOpen {
	background: url(../images/all/menu-item_open.png) no-repeat right center #c9a063;
	color: #FFF;
}
ul.navigation li a.menu-itemOpen:hover {
	background: url(../images/all/menu-item_open.png) no-repeat right center #c9a063;
	color: #FFF;
}
ul.navigation li ul li ul li {
	background: #a3a3a3;
}
ul.navigation li, ul.links li {
	float: none;
	position: inherit;
}
ul.navigation ul, ul.links li ul {
	float: none;
	position: inherit;
	padding: 0;
}
ul.navigation li {
	padding: 0;
}
ul.links li ul {
	display: block;
}
ul.navigation ul li {
	background: #e8e5de;
	border-bottom: 1px solid #FFF;
}
ul.navigation ul li:hover > ul {
	position: relative;
	left: 0;
	border-left: 0;
}
a.menu-home:after,  a.menu-about:after,  a.menu-news:after, a.menu-news-41:after, a.menu-news-42:after, a.menu-news-43:after, a.menu-rooms:after,  a.menu-facilities:after,  a.menu-dining:after,  a.menu-location:after,  a.menu-travel:after,  a.menu-booking:after {
	position: relative;
	bottom: 0;
	height: 0;
}/*取消滑入border*/
ul.navigation li a.menu-booking {
	display: none;
}
div.fastBooking {
	display: none !important;
}
ul.navigation ul a,  div.topLink ul.links li.languageDiv ul li a {
	border: 0;
}
.languageDiv {
	margin-bottom: 15px;
	overflow: hidden;
}
div.topLink ul.links a.language {
	border: 0;
	padding: 5px 8px !important;
}
div.topLink ul.links a.language:hover {
	background: none;
	color: #282828;
}
div.topLink ul.links li.languageDiv ul li a.tw,  div.topLink ul.links li.languageDiv ul li a.en,  div.topLink ul.links li.languageDiv ul li a.jp,  div.topLink ul.links li.languageDiv ul li a.cn {
	width: 50px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 0 2px;
	transition: all 0.4s;
}
div.topLink ul.links li.languageDiv ul li a.tw {
	background: url(../images/all/flag_taiwan.png) no-repeat top center;
}
div.topLink ul.links li.languageDiv ul li a.en {
	background: url(../images/all/flag_america.png) no-repeat top center;
}
div.topLink ul.links li.languageDiv ul li a.jp {
	background: url(../images/all/flag_japan.png) no-repeat top center;
}
div.topLink ul.links li.languageDiv ul li a.cn {
	background: url(../images/all/flag_china.png) no-repeat top center;
}
div.topLink ul.links li.languageDiv ul li a.tw:hover,  div.topLink ul.links li.languageDiv ul li a.en:hover,  div.topLink ul.links li.languageDiv ul li a.jp:hover,  div.topLink ul.links li.languageDiv ul li a.cn:hover {
	background-position: bottom center;
	transition: all 0.4s;
}
}