@charset "utf-8";
/* CSS Document */

html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0 auto; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
.oneColFixCtr #container {
	width: 1000px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 1px solid #FFFFFF;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
}
.oneColFixCtr #mainContent {
	padding: 0px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#browse { width:1000px; height:25px; background-image:url(../images/allowance_all/allowance_all_01.gif);}
	#browse h5 { margin:0px; padding:6px 0px 0px 30px; font-size:13px; font-family:"細明體", "標楷體"; color:#FFFFFF; font-weight:600;}
	#browse a:link { color:#FFFFFF;}
	#browse a:visited { color:#FFFFFF;}
	#browse a:hover { color:#FFCC33;}

/* 住宿折價券 - 中央區寬1000px 高600px */
#allowance_all { width:820px; margin:10px 0px 0px 0px; padding:0px 100px; font-family:"細明體", "標楷體";}
	#allowance_all #advertise { width:820px; height:440px; margin:0px; padding:0px;}
		#advertise img { float:left;}

	#allowance_all #overview { width:820px;}
		#overview .over_area { width:200px; margin:10px 5px 0px 0px; padding:0px; float:left;}
			.over_area p { margin:0px; padding:0px; float:left;}
			
			/* 北部店家 */
			.over_area #north_title_1 { margin:0px; padding:5px 0px 0px 20px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#51aed8}
				.over_area #north_title_1 a { color:#51aed8}
			.over_area #north_line { background:#51aed8; border:#51aed8 1px solid; color:#51aed8;}
			.over_area #north_title_2 { margin:0px; padding:0px 0px 10px 40px; font-size:22px; font-family:"細明體", "標楷體"; letter-spacing:10px; color:#51aed8}					
				.over_area #north_title_2 a { color:#51aed8}
			.over_area #north_detail { width:192px; height:526px; margin:5px 0px; padding:20px 0px 0px 0px; background:#b5ddee; float:left;}
				 #north_detail ul { margin:0px; padding:10px 10px; line-height:22px; list-style-type:none;}
					#north_detail ul li { margin:0px; padding:0px; font-size:12px;}
						#north_detail ul li a { color:#000000}
				#north_detail span { width:180px; font-size:18px; font-weight:bold; color:#51aed8; text-align:right; display:block;}
					#north_detail span a { color:#51aed8;}
			
			/* 中部店家 */
			.over_area #middle_title_1 { margin:0px; padding:5px 0px 0px 20px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#ffa516}
				.over_area #middle_title_1 a { color:#ffa516}
			.over_area #middle_line { background:#ffa516; border:#ffa516 1px solid; color:#ffa516;}
			.over_area #middle_title_2 { margin:0px; padding:0px 0px 10px 40px; font-size:22px; font-family:"細明體", "標楷體"; letter-spacing:10px; color:#ffa516}					
				.over_area #middle_title_2 a { color:#ffa516}
			.over_area #middle_detail { width:192px; height:526px; margin:5px 0px; padding:20px 0px 0px 0px; background:#ffce81; float:left;}
				 #middle_detail ul { margin:0px; padding:10px 10px; line-height:22px; list-style-type:none;}
					#middle_detail ul li { margin:0px; padding:0px; font-size:12px;}
						#middle_detail ul li a { color:#000000}
				#middle_detail span { width:180px; font-size:18px; font-weight:bold; color:#e77800; text-align:right; display:block;}
					#middle_detail span a { color:#e77800;}
			
			/* 南部店家 */
			.over_area #south_title_1 { margin:0px; padding:5px 0px 0px 20px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#c45eca}
				.over_area #south_title_1 a { color:#c45eca}
			.over_area #south_line { background:#c45eca; border:#c45eca 1px solid; color:#c45eca;}
			.over_area #south_title_2 { margin:0px; padding:0px 0px 10px 40px; font-size:22px; font-family:"細明體", "標楷體"; letter-spacing:10px; color:#c45eca}					
				.over_area #south_title_2 a { color:#c45eca}
			.over_area #south_detail { width:192px; height:526px; margin:5px 0px; padding:20px 0px 0px 0px; background:#e6b5e9; float:left;}
				 #south_detail ul { margin:0px; padding:10px 10px; line-height:22px; list-style-type:none;}
					#south_detail ul li { margin:0px; padding:0px; font-size:12px;}
						#south_detail ul li a { color:#000000}
				#south_detail span { width:180px; font-size:18px; font-weight:bold; color:#d318df; text-align:right; display:block;}
					#south_detail span a { color:#d318df;}
			
			/* 東部店家 */
			.over_area #east_title_1 { margin:0px; padding:5px 0px 0px 20px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#90c149}
				.over_area #east_title_1 a { color:#90c149}
			.over_area #east_line { background:#90c149; border:#90c149 1px solid; color:#90c149;}
			.over_area #east_title_2 { margin:0px; padding:0px 0px 10px 40px; font-size:22px; font-family:"細明體", "標楷體"; letter-spacing:10px; color:#90c149}					
				.over_area #east_title_2 a { color:#90c149}
			.over_area #east_detail { width:192px; height:526px; margin:5px 0px; padding:20px 0px 0px 0px; background:#d1eea8; float:left;}
				 #east_detail ul { margin:0px; padding:10px 10px; line-height:22px; list-style-type:none;}
					#east_detail ul li { margin:0px; padding:0px; font-size:12px;}
						#east_detail ul li a { color:#000000}
				#east_detail span { width:180px; font-size:18px; font-weight:bold; color:#81ba31; text-align:right; display:block;}
					#east_detail span a { color:#81ba31;}