/* CSS Document */

/*內容區塊設定*/

#DivContent{
	background-image: url(../images/A/bg_allcontent.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 820px;

}
	#DivContent .tableset{
	width: 610px;
	}

	/*網頁位址*/
	#DivContent div.SiteSet{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-indent: 5px;
	line-height: 23px;
	}
		#DivContent div.SiteSet a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		text-decoration: none;
		text-indent: 5px;
		line-height: 23px;
		}
		#DivContent div.SiteSet a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		text-decoration: underline;
		text-indent: 5px;
		line-height: 23px;
		}
	
	/* 標題設定 */
	#DivContent div.TOPIC{
	text-align: left;
	float: right;
	}


		
/* Search.htm----------民宿查詢頁面設定-----------------------------------------------*/
	
	
/*搜尋bar的設定*/
#Searchbar{
	background-image: url(../images/A/Searchbar_BG2.jpg);
	background-repeat: repeat;
	width: 100%;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
	margin-top: -1px;
	white-space: nowrap;
}
	#Searchbar div.detail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699CC;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
		#Searchbar div.detail a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #6699CC;
		text-decoration: underline;
		margin-right: 5px;
		margin-left: 5px;
		line-height: 20px;
		}
		#Searchbar div.detail a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FF6666;
		text-decoration: underline;
		margin-right: 5px;
		margin-left: 5px;
	}


	#Searchbar img{
	vertical-align: middle;
		}
	#Searchbar input.txt01{
		border: 1pt solid #ffffff;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: normal;
		color: #cccccc;
		text-decoration: none;
	}
	#Searchbar select.set01{
	color: #777777;
	border: 2px solid #ffffff;
	width: 80px;
	letter-spacing: 1pt;
	}
		#Searchbar select.set01 option.colorA{
		background-color: #FF7C6E;
		color: #FFFFFF;
		}
		#Searchbar select.set01 option.colorB{
		background-color: #FFC56E;
		color: #FFFFFF;
		}
		#Searchbar select.set01 option.colorC{
		background-color: #FFAAC1;
		color: #FFFFFF;
		}
		#Searchbar select.set01 option.colorD{
		background-color: #59C8C5;
		color: #FFFFFF;
		}
		#Searchbar select.set01 option.colorE{
		background-color: #89AA35;
		color: #FFFFFF;
		}


/*　臺灣地圖導覽　各地區熱門BB  */
#HotBB_island ol,#HotBB_middle ol,#HotBB_south ol,#HotBB_North ol,#HotBB_East ol{
	margin: 0px 0px 0px 25px;
	font-size: 14px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* 離島地區 */
#HotBB_island{
	background-image: url(../images/A/HotBB_island_BG.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 156px;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
	#HotBB_island div.head{
	background-image: url(../images/A/HotBB_island_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	#HotBB_island div.content{
	margin-right: 5px;
	margin-left: 5px;
}
		#HotBB_island div.content a{
		color: #444444;
		font-family: "Courier New", Courier, mono;
		font-weight: normal;
		font-size: 12px;
		text-decoration: underline;
	}
		#HotBB_island div.content a:hover{
		font-family: "Courier New", Courier, mono;
		font-size: 12px;
		font-weight: normal;
		color: #87A83C;
		text-decoration: underline;
	}
	#HotBB_island div.foot{
	background-image: url(../images/A/HotBB_island_foot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
}

/* 中部地區 */
#HotBB_middle{
	background-image: url(../images/A/HotBB_middle_BG.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 156px;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
	#HotBB_middle div.head{
	background-image: url(../images/A/HotBB_middle_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	#HotBB_middle div.content{
	margin-right: 5px;
	margin-left: 5px;
}
		#HotBB_middle div.content a{
		color: #444444;
		font-family: "Courier New", Courier, mono;
		font-weight: normal;
		font-size: 12px;
		text-decoration: underline;
	}
		#HotBB_middle div.content a:hover{
		font-family: "Courier New", Courier, mono;
		font-size: 12px;
		font-weight: normal;
		color: #FFC56E;
		text-decoration: underline;
	}
	#HotBB_middle div.foot{
	background-image: url(../images/A/HotBB_middle_foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	text-align: right;
}

/* 南部地區 */
#HotBB_south{
	background-image: url(../images/A/HotBB_south_BG.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 156px;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
	#HotBB_south div.head{
	background-image: url(../images/A/HotBB_south_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	#HotBB_south div.content{
	margin-right: 5px;
	margin-left: 5px;
}
		#HotBB_south div.content a{
		color: #444444;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 12px;
		text-decoration: underline;
	}
		#HotBB_south div.content a:hover{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: normal;
		color: #59C8C5;
		text-decoration: underline;
	}
	#HotBB_south div.foot{
	background-image: url(../images/A/HotBB_south_foot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	text-align: right;
}
/* 北部地區 */
#HotBB_North{
	background-image: url(../images/A/HotBB_North_BG.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 156px;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
	#HotBB_North div.head{
	background-image: url(../images/A/HotBB_North_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	#HotBB_North div.content{
	margin-right: 5px;
	margin-left: 5px;
}
		#HotBB_North div.content a{
		color: #444444;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 12px;
		text-decoration: underline;
	}
		#HotBB_North div.content a:hover{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: normal;
		color: #FF7C6E;
		text-decoration: underline;
	}
	#HotBB_North div.foot{
	background-image: url(../images/A/HotBB_North_foot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	text-align: right;
}

/* 東部地區 */
#HotBB_East{
	background-image: url(../images/A/HotBB_East_BG.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 156px;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
	#HotBB_East div.head{
	background-image: url(../images/A/HotBB_East_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	#HotBB_East div.content{
	margin-right: 5px;
	margin-left: 5px;
}
		#HotBB_East div.content a{
		color: #444444;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 12px;
		text-decoration: underline;
	}
		#HotBB_East div.content a:hover{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: normal;
		color: #FFAAC1;
		text-decoration: underline;
	}
	#HotBB_East div.foot{
	background-image: url(../images/A/HotBB_East_foot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	text-align: right;
}


/* List.htm--------查詢結果頁面設定-----------------------------------------------------*/

	/* 地圖位置設定 */
	#DivContent div.MAP{
		float: left;
	}

/*跳頁選單*/
#JumpPage{
float: right;
	}
	#JumpPage img{
	vertical-align: middle;
	}

	#JumpPage .page{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #809CA0;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
	}
	#JumpPage .page:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #809CA0;
	}


/*表格設定*/
#TabsetH{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	letter-spacing: 3pt;
	margin: 0px;
	padding: 0px;
	width: 99%;
}

	#TabsetH table{
		margin: 0px;
		padding: 0px;
		border-bottom-width: 2pt;
		border-bottom-style: solid;
		border-bottom-color: #f9f9f9;
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #809CA0;
		border-collapse:collapse;
		width: 100%;
	}
	
	#TabsetH th{
	background-image:      url(../images/A/TabSetH_th_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	white-space: nowrap;
	background-position: left bottom;
	border-top-width: 1pt;
	border-top-style: solid;
	border-top-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #809CA0;
	text-decoration: none;
	border-left-width: 1pt;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-right-width: 1pt;
	border-right-style: solid;
	border-right-color: #cccccc;
	height: 30px;
	}
	
	#TabsetH td{
		margin: 0px;
		padding: 5px;
		border-bottom-width: 1pt;
		border-bottom-style: dotted;
		border-bottom-color: #999999;
		background-repeat: repeat-y;
		background-position: right bottom;
		text-align: left;
		vertical-align: middle;
		font-family: "Times New Roman", Times, serif;
		font-size: 12px;
		color: #777777;
		text-decoration: none;
		font-weight: normal;
		line-height: 22px;
		letter-spacing: 1pt;
		}
			#TabsetH td div.detail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	line-height: 14px;
			}
			#TabsetH td div.note{
	color: #999966;
	font-size: 9px;
	text-decoration: none;
	line-height: 14px;
			}
			#TabsetH td.pic{

}
			#TabsetH td.pic img{
			margin: 3px;
			border: 1pt solid #cccccc;
			}
			#TabsetH td.tdX{
			border-bottom-width: 2pt;
			border-bottom-style: double;
			border-bottom-color: #809CA0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			text-decoration: none;
					}
			#TabsetH td a{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: normal;
			color: #6699cc;
			text-decoration: none;
			margin-right: 3px;
			margin-left: 3px;
			}
			#TabsetH td a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #6699CC;
	text-decoration: underline;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: 1pt;
			}
			#TabsetH div.result{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #444444;
			font-weight: normal;
			letter-spacing: 1px;
			float: right;
			}

/* Detail------BB詳細內容頁面設定---------------------------------------------------------------*/
	/* BB照片位置設定 */
	#DivBBdetail{}
		#DivBBdetail div.PIC {
		float: left;
		margin: 5px;
		border: 2px solid #809CA0;
		}

	#DivBBdetail div.Name{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3399FF;
	text-decoration: none;
	margin-top: 10px;
	letter-spacing: 1px;
}
	#DivBBdetail div.note{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #66CCFF;
	letter-spacing: 1pt;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 10px;
}
	#DivBBdetail div.detail{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	text-decoration: none;
	margin-left: 10px;
	line-height: 16px;
}
		#DivBBdetail div.detail a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #FF9900;
		margin-left: 10px;
		line-height: 18px;
		font-style: normal;
		text-decoration: underline;
		}
		#DivBBdetail div.detail a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #FF9900;
		margin-left: 10px;
		line-height: 18px;
		font-style: italic;
		text-decoration: underline;
		}

	#DivBBdetail div.tool{
	float: right;
}


/*下方詳細內容圖層區*/

#Layer{
	background-image: url(../images/A/Layer/Layer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 583px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555555;
	text-decoration: none;
	line-height: 20px;
	letter-spacing: 1pt;

}
	#Layer div.pic{
		/*width: 130px;*/
	}
	#Layer div.pic img{
		border: 2px solid #eeeeee;
		margin: 5px;
		height: auto;
		/*width: 130px;*/
	}
	/*圖層按鈕設定*/
	#Layer_btn {}
	

	/*圖層內容設定*/
	#Layer div.content {
		margin-right: 15px;
		margin-left: 15px;
		margin-top: 15px;
	}