@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:#9B3709;}
#header nav li a:hover{background-color:#D1A443;}
.cherry .icon{background-position:0 -7em;font-size:1.8em; width:1em;}
#header nav{ bottom:1em;}
#header nav li a{
    width:3.5em;}

/* menu按鈕顏色 */
#menu li a{ background-color:#9B3709; font-size:1.7em;padding: 0.6em 0em;}
#attraction #menu .attraction a,
#route #menu .route a,
#specialty #menu .specialty a,
#news #menu .news a,
#about #menu .about a,
#hotel #menu .hotel a,
#hotel_search #header nav .hotel a,
#menu li a:hover{background:#D1A443;}
/* menu 3個字在上方時 加上 class="menu-small" */

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


#attraction #menu .attraction a,
#route #menu .route li a,
#specialty #menu .specialty li a,
#news #menu .news li a,
#about #menu li.about a,
#hotel #menu .hotel li a,
#menu li a:hove{background:#D1A443;}

/**--------------簡介---------------------**/

.traffic_info ul,.traffic_info ol{margin: 0 0px 0px 0.6em;padding:0px 0px 0px 0.6em;

}
.traffic_info li{
	margin: 0 0 0 0px;
	padding: 0px 0 0px 0;
	list-style-type: decimal;
}
.traffic_info{width:100%;margin:0 auto 8px;background-color:#a1906d;}
.traffic_info th, .traffic_info td{ padding:6px;vertical-align: middle;}
.traffic_info th{ background-color:#cdb9a3;vertical-align: middle;border: 1px solid #ddd;}
.traffic_info td{background-color:#fcf8ee;border: 1px solid #ddd;}
.bus_info{margin:0.5em 1em;list-style:none}
.bus_info ol{padding-left:15px;}
.bus_info li{	list-style-type:decimal;margin:0px 0 0.6em;font-size:1.1em;line-height: 1.3;}

table.traffic_info_A{width:100%;margin:0 auto 8px;background-color:#a1906d; border:1px solid #ddd;} 
.traffic_info_A th, .traffic_info_A td{padding: 3px 3px 3px 3px;text-align: center;vertical-align: middle;border-right: 1px solid #ddd;}
.traffic_info_A tr{ border-bottom:1px solid #ddd;}
.traffic_info_A th{ background-color:#cdb9a3;font-size:0.8em;}
.traffic_info_A td{background-color:#fcf8ee;font-size:0.8em;}
.traffic_box{ float:left; width: 50%;}
.traffic_info_A .w15{font-size:1.2em;}
.Social_area{width:200px; height:20px;	position:absolute;	margin:110px 0px 0px 835px;	z-index:2;}
.Social_area img {border:none;}



/* 櫻花專用 */
#cherry .txt .pic img {
	width:100%;
	margin: 0 auto 0;
}
#cherry #abouts .title .icon{background-position:-1em -7em;}
#hotel_deals .title .icon {
    background-position: -1em -1em;
}
#cherry .menus{ font-size:1em; line-height:1.4em; overflow:hidden; position: relative;width:100%; margin:0.4em 0;}
#cherry .menus a{ display:block; float:left; width:25%; text-align:center; border-left:1px solid #CCC; position:relative; left:-1px; color:#333;text-decoration:underline;}
#cherry .menus a:hover{text-decoration: none;}
#cherry div#abouts{ padding:0em 0 1em 0;}
#cherry div#route,
#cherry div#specialty,
#cherry div#traffic{ padding:0em 0 1em 0;}/* abouts */
#specialty .name{ color:#360; font-size:1.2em;}