ul, li {
	list-style: none;
}
ul.navigation {
	width: 820px;
	margin: 0 auto;
	margin-top: 16px;
}
/* 選單 li 之樣式 */
ul.navigation li {
	position: relative;
	float: left;
}
/* 選單 li 裡面連結之樣式 */
ul.navigation li a {
	text-indent: inherit;
	color: #000;
}
/* 特定在第一層，以左邊灰線分隔 */
ul.navigation > li > a {
}
ul.navigation > li > a:hover {
}
/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
ul.navigation ul {
	display: none;
	float: left;
	position: absolute;
	left: 0;
	z-index: 9999;
	margin: 0;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation li:hover > ul {
	display: block;
}
/* 特定在第二層或以後下拉部分 li 之樣式 */
ul.navigation ul li {
}
/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
ul.navigation ul li:last-child {
	border-bottom: none;
}
/* 第二層或以後選單 li 之樣式 */
ul.navigation ul a {
	width: 130px;
	color: #CCC;
	height: inherit;
	line-height: inherit;
	display: block;
	background: #1d1d1d;
	border-bottom: 1px solid #333;
	padding: 0 10px;
}
ul.navigation ul a:hover {
	background: #665332;
	color: #fff;
}
/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
ul.navigation ul li:hover > ul {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
}
ul.navigation li.menu-about {
	background: url(../images/all/menu_about.png) no-repeat;
	width: 89px;
	height: 36px;
}
ul.navigation li.menu-news {
	background: url(../images/all/menu_news.png) no-repeat;
	width: 89px;
	height: 36px;
}
ul.navigation li.menu-rooms {
	background: url(../images/all/menu_room.png) no-repeat;
	width: 89px;
	height: 36px;
}
ul.navigation li.menu-facilities {
	background: url(../images/all/menu_facilities.png) no-repeat;
	width: 89px;
	height: 36px;
}
ul.navigation li.menu-location {
	background: url(../images/all/menu_location.png) no-repeat;
	width: 89px;
	height: 36px;
}
ul.navigation li.menu-travel {
	background: url(../images/all/menu_travel.png) no-repeat;
	width: 89px;
	height: 36px;
}
ul.navigation li.menu-booking {
	background: url(../images/all/menu_booking.png) no-repeat;
	width: 89px;
	height: 36px;
}
ul.navigation li.menu-contact {
	background: url(../images/all/menu_contact.png) no-repeat;
	width: 89px;
	height: 36px;
	margin-left: 5px;
}
ul.navigation li.menu-hourbooking {
	background: url(../images/all/menu_hourbooking.png) no-repeat;
	width: 89px;
	height: 36px;
	margin-left: 5px;
}
/**********************************border滑出特效************************************************/
ul.navigation li.menu-about, ul.navigation li.menu-news, ul.navigation li.menu-rooms, ul.navigation li.menu-facilities, ul.navigation li.menu-location, ul.navigation li.menu-travel, ul.navigation li.menu-booking, ul.navigation li.menu-hourbooking, ul.navigation li.menu-contact {
	position: relative;
	color: #ff3296;
}
ul.navigation li.menu-about:after, ul.navigation li.menu-news:after, ul.navigation li.menu-rooms:after, ul.navigation li.menu-facilities:after, ul.navigation li.menu-location:after, ul.navigation li.menu-travel:after, ul.navigation li.menu-booking:after, ul.navigation li.menu-hourbooking:after, ul.navigation li.menu-contact:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: -14px;
	width: 0;
	height: 2px;
	background-color: #b67d1a;
	content: "";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
ul.navigation li.menu-about:hover, ul.navigation li.menu-news:hover, ul.navigation li.menu-rooms:hover, ul.navigation li.menu-facilities:hover, ul.navigation li.menu-location:hover, ul.navigation li.menu-travel:hover, ul.navigation li.menu-booking:hover, ul.navigation li.menu-hourbooking:hover, ul.navigation li.menu-contact:hover {
	color: #98004a;
}
ul.navigation li.menu-about:hover:after, ul.navigation li.menu-news:hover:after, ul.navigation li.menu-rooms:hover:after, ul.navigation li.menu-facilities:hover:after, ul.navigation li.menu-location:hover:after, ul.navigation li.menu-travel:hover:after, ul.navigation li.menu-booking:hover:after, ul.navigation li.menu-hourbooking:hover:after, ul.navigation li.menu-contact:hover:after {
	width: 100%;
}
/**********************************border滑出特效_END************************************************/


ul.navigation li.menu-about ul, ul.navigation li.menu-news ul, ul.navigation li.menu-rooms ul, ul.navigation li.menu-facilities ul, ul.navigation li.menu-location ul, ul.navigation li.menu-travel ul, ul.navigation li.menu-booking ul, ul.navigation li.menu-hourbooking ul, ul.navigation li.menu-contact ul {
	margin-top: 0 !important;
}
ul.navigation li.menu-about ul li a, ul.navigation li.menu-news ul li a, ul.navigation li.menu-rooms ul li a, ul.navigation li.menu-facilities ul li a, ul.navigation li.menu-location ul li a, ul.navigation li.menu-travel ul li a, ul.navigation li.menu-booking ul li a, ul.navigation li.menu-hourbooking ul li a, ul.navigation li.menu-contact ul li a {
	text-indent: inherit !important;
	height: 33px !important;
	line-height: 33px;
	text-decoration: none;
}