@charset "utf-8";

a{ color:#360;}

/* icon圖:會換顏色所以要個別做 */
.icon{ background-image:url(../images/menuicon.png);}

/* 表頭*/
#header{ background-image:url(../images/header_bg.jpg);}
#header .logo a{background-image:url(../images/logo.png);}

/* 上方訂房鈕色 */
#header nav li a{background-color:#f04e22;}
#header nav li a:hover{background-color:#F60;}

/* menu按鈕顏色 */
#menu li a{ background-color:#999;}
#attraction #menu .attraction a,
#route #menu .route a,
#specialty #menu .specialty a,
#news #menu .news a,
#hotel #menu .hotel a,
#hotel_search #menu .hotel_search a,
#hotel_search #header nav .hotel a{background:#C00;}
#menu li a:hover{background:#f04e22;}
#menu li{ width:33.333%;}

/* 標題底線 */
h1.title{border-bottom:0.15em solid #f04e22;}

#attraction #search .top{top:0.5em;}

/* search */
#hotel #search select{width:16.5em;}
#hotel_search #search select{width:15.5em;}
#hotel #search .categories{display: inline;width:16.5em;padding: 0.1em 0.3em; margin: 0 0 0.2em 0.2em;}
#hotel #search input, #hotel_search #search input{ width:90%;}
@media screen and (orientation: landscape) and (min-width: 600px) {
#hotel #search select{width:10.5em;}
#hotel_search #search select{width:9.5em;}
#hotel #search .categories{width:10.5em;}
#hotel #search input{ width:10.5em;}
 #hotel_search #search input{ width:5.5em;}
	
	
	
	}