ul, li {list-style: none;}
ul.navigation{width: 830px; margin:0 auto;}

/* 選單 li 之樣式 */
ul.navigation li { position: relative; float: left; margin-right:20px; height:35px;}

/* 選單 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;
	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: 100px;
	color: #eee;
	height:inherit;
	line-height:inherit;
	display: block; background:url(../images/all/menu_bg1.png);
	border-bottom:1px solid #423523;
	padding:0 10px;
	
}
ul.navigation ul a:hover { background:rgba(198, 160, 112, 0.7);}

/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
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:74px; /*height:29px;*/}
ul.navigation li.menu-news{ background:url(../images/all/menu_news.png) no-repeat; width:74px; /*height:29px;*/}
ul.navigation li.menu-rooms{ background:url(../images/all/menu_room.png) no-repeat; width:74px; /*height:29px;*/}
ul.navigation li.menu-facilities{ background:url(../images/all/menu_facilities.png) no-repeat; width:74px; /*height:29px;*/}
ul.navigation li.menu-location{ background:url(../images/all/menu_location.png) no-repeat; width:74px; /*height:29px;*/}
ul.navigation li.menu-travel{ background:url(../images/all/menu_travel.png) no-repeat; width:74px; /*height:29px;*/}
ul.navigation li.menu-booking{ background:url(../images/all/menu_booking.png) no-repeat; width:74px; /*height:29px;*/}
ul.navigation li.menu-hourbooking{ background:url(../images/all/menu_hrbooking.png) no-repeat; width:74px; /*height:29px;*/}
ul.navigation li.menu-contact{ background:url(../images/all/menu_contact.png) no-repeat; width:74px; /*height:29px;*/ margin-right:0;}


/**********************************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: 0px;
  width: 0;
  height: 1px;
  background-color: #d4a07e;
  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:6px !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:34px !important;
	line-height:34px;
	text-decoration:none;
}