ul, li {
	list-style: none;
}
ul.navigation {
	width: 650px;
	margin: 0 auto;
}
/* 選單 li 之樣式 */
ul.navigation li {
	position: relative;
	float: left;
}
ul.navigation li.menu-facilities {
	display: none;
}
/* 選單 li 裡面連結之樣式 */
ul.navigation li a {
	text-indent: inherit;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
/* 特定在第一層，以左邊灰線分隔 */
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;
	margin-left: -20px;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation li:hover > ul {
	display: block;
}
/* 特定在第二層或以後下拉部分 li 之樣式 */
ul.navigation ul li {
	padding: 0 10px;
}
/* 特定在第二層或以後下拉部分 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:url(../images/all/menu_bg1.png);
	border-bottom:1px solid #333;*/
	padding: 0 10px;
}
ul.navigation ul a:hover {
	background: #157d79;
	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:84px; height:64px;}
ul.navigation li.menu-news{ background:url(../images/all/menu_news.png) no-repeat; width:78px; height:64px;}
ul.navigation li.menu-rooms{ background:url(../images/all/menu_room.png) no-repeat; width:80px; height:64px;}
ul.navigation li.menu-facilities{ background:url(../images/all/menu_facilities.png) no-repeat; width:83px; height:64px;}
ul.navigation li.menu-location{ background:url(../images/all/menu_location.png) no-repeat; width:81px; height:64px;}
ul.navigation li.menu-travel{ background:url(../images/all/menu_travel.png) no-repeat; width:82px; height:64px;}
ul.navigation li.menu-booking{ background:url(../images/all/menu_booking.png) no-repeat; width:78px; height:64px;}
ul.navigation li.menu-contact{ background:url(../images/all/menu_contact.png) no-repeat; width:78px; height:64px; 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-contact, ul.navigation li.menu-hourbooking {
	position: relative;
	color: #ff3296;
	height: 50px;
	margin-right: 25px;
	line-height: 50px;
}
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-contact:after, ul.navigation li.menu-hourbooking:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 0;
	height: 2px;
	background-color: #157d79;
	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-contact:hover li.menu-hourbooking: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-contact:hover:after, ul.navigation li.menu-hourbooking: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-contact ul, ul.navigation li.menu-hourbooking 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-contact ul li a, ul.navigation li.menu-hourbooking ul li a {
	text-indent: inherit !important;
	height: 33px !important;
	line-height: 33px;
	text-decoration: none;
}
ul.navigation li ul li a {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background-color: #157d79;
}
ul.navigation li ul li a:hover {
	color: #fff !important;
	background-color: #e5004f;
}