@charset "utf-8";

a {color: #0074cb;}

/* 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); background-size:100% auto;width: 20em;}

/* 上方訂房鈕色 */
#header nav li a{background-color:#52BFE9;}
#header nav li a:hover{background-color:#E30;}
.fire .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:#52BFE9;
}
#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:#ffb200;}

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

/* 台灣好行路線 */
#good .title .icon {
    background-position: -1em 0;
}
#good .txt {
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0.5em 1em;
    overflow: hidden;
}

/* 花火節 */
#fire .txt .pic img {
	width:100%;
	margin: 0 auto 0;
}
#fire #abouts .title .icon{background-position:-1em -7em;}
#hotel_deals .title .icon {
    background-position: -1em -1em;
}
#hotel_deals{ padding:0em; font-size:1em; line-height:1.5em;}
#hotel_deals p{margin:0;color:#666;line-height:1.5em;}

/* 澎湖交通*/
.go{margin: 0.5em 0.5em; font-size:1.2em;width:44%; float:left}
.go a{
	color: #FFF;
	padding: 0.3em;
	background-color: #F90;
	display: block;
	text-align: center;
}
.go a:hover{
	color: #FFF;
	background-color: #F30;
}
.go a.inhere{background-color:#F30;}


#about .txt2{margin:0.5em 1em; overflow:hidden; font-size:1.1em; line-height:1.5em;}
#about .txt2 tt{
	font-size: 1.2em;
}
#about .txt2 h3{font-size:1.2em;}
#about .txt2 h4{font-size:1.2em;	color: #060;margin: 0px 0px 0.5em 0px;
	padding: 0px;}
#about .txt2 ol{
	margin: 0 0 0.5em 0.8em;
	padding:0 0 0 0.5em;
	list-style-type: decimal;
}
#about .txt2 li{padding:0 0 0 0.5em;	margin:0;

}
.firework ul{list-style-type: disc;margin: 0 0 0 1.2em}
.firework_t{border-collapse: collapse;border: 1px solid #999}
.firework_t th{border: 1px solid #999;vertical-align: top}
.firework_t td{border-bottom: 1px solid #999}
.firework_t th{background:#ddf2f2;}
.firework_t th{padding:5px;}
.firework_t td{padding:0;overflow: hidden; display: flex;flex-wrap: wrap;}
.firework_t td span{padding:0 10px;border-left:1px solid #ccc;margin:5px 0 5px -1px;position: relative}

#fire .menus{ font-size:1em; line-height:1.4em; overflow:hidden; position: relative;width:68%; margin:0.4em auto;}
#fire .menus a{ display:block; float:left; width:33%; text-align:center; border-left:1px solid #CCC; position:relative; left:-1px; color:#333;text-decoration:underline;}
#fire .menus a:hover{text-decoration: none;}
#fire div#abouts{ padding:0em 0 1em 0;}
#fire div#route,
#fire div#specialty,
#fire div#traffic{ padding:0em 0 1em 0;}/* abouts */
#specialty .name{ color:#360; font-size:1.2em;}