@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: 0px 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:950px; height:25px; margin:0px 25px; padding:0px; background-image:url(../images/hotstore/hotstore_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_area { width:960px; margin:10px 0px 0px 0px; padding:0px 25px; font-family:"細明體", "標楷體";}

	#allowance_area #content { width:960px; margin:0px; padding:0px;}
		#content #area { width:240px; margin:0px 10px 0px 0px; padding:0px; float:left}
			#area #menu { width:240px; height:148px; margin:5px 0px 0px 0px; padding:0px; background-image:url(../images/hotstore/hotstore_11.gif);}			
				#menu p { margin:0px; padding:10px 20px;}
				#menu #menu_hr { margin:0px 0px 0px 20px; padding:0px; font-size:1px; background:#FFFFFF; border:0px solid #FFFFFF;}
					#menu ul { margin:0px; padding:21px 13px 0px 13px; list-style-type:none;}
						#menu ul li { margin:0px; padding:5px 0px; font-size:13px; font-weight:bold; color:#FFFFFF;}
						#menu ul li a {color:#FFFFFF;}
				
			#area h1 { margin:0px; padding:0px; font-size:4px; background:#FFFFFF;}
			
			#arear #activity { width:240px; height:220px; font-family:"細明體", "標楷體";}
				#activity img { margin:0px; padding:0px; float:left;}
				#activity .activity_title { width:234px; height:16px; background:url(../images/hotstore/hotstore_20.gif); float:left;}
					.activity_title span { padding:0px; font-size:12px; color:#466066; letter-spacing:4px; display:block;}
				#activity .activity_bottom { width:236px; height:193px; margin:0px 1px; padding:0px; border:#b5cbd0 1px solid; clear:both;}
					.activity_bottom h2 { margin:0px; padding:80px 0px 0px 0px; font-size:14px; font-weight:normal; color:#DDDDDD; text-align:center;}
					.activity_bottom ul { margin:0px; padding:5px 0px; list-style-type:none; text-align:left;}
						.activity_bottom ul li { margin:0px; padding:5px 0px 0px 0px; font-size:12px;  line-height:16px;}
							.activity_bottom ul li a { color:#000000;}
						.activity_bottom ul li p { margin:0px; padding:4px 4px 0px 4px; float:left;}
						
			#area #other { margin:0px; padding:0px; background:#c9e0f7;}
				#other #other_title { margin:0px; padding:5px 30px; font-size:14px; color:#FFFFFF; background:#77adda;}
					#other_ul { margin:0px; padding:10px 30px 10px 40px; font-family:"細明體", "標楷體"; line-height:18px; list-style-type:none;}
						#other_ul li { margin:0px; padding:5px 0px; font-size:12px; color:#1d6cbc; font-weight:bold;}
							#other_ul li a { color:#1d6cbc;}
			
		#content #overview { width:700px; margin:0px; padding:0px; float:left}
			#overview .title_1 { margin:0px 0px 5px 0px; padding:6px 10px; font-size:14px; color:#FFFFFF; letter-spacing:4px; background-image:url(../images/hotstore/hotstore_16.gif);}
			#overview .title_2 { margin:0px 0px 5px 0px; padding:8px 10px; font-size:14px; color:#0d498c; background:#a4ddff;}
			#overview #infor { width:700px; min-height:200px; margin:5px 0px 0px 0px; padding:0px; border:solid 1px #00b4ff;}
				#infor h6 { margin:0px; padding:10px 0px 0px 10px; font-size:16px; color:#FFCC00; line-height:24px; float:left }
					#infor h6 a { color:#FFCC00;}
				#infor h6 h5 { margin:0px; padding:0px 0px 0px 55px; font-size:14px; font-weight:normal; color:#2384de; font-family:"Courier New", Courier, monospace;}
					#infor h6 h5 a { color:#2384de;}
				#infor #infor_title_1 { margin:0px; padding:5px 20px 0px 0px; font-size:14px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#FFCC00; line-height:26px; float:right;}
				#infor #infor_title_2 { margin:0px; padding:0px 20px 0px 0px; float:right;}
				#infor #infor_bottom { width:700px; min-height:131px; background:#e2f3ff; border-top:solid 1px #00b4ff; text-align:left; clear:both;}
					#infor_bottom ul { width:250px; margin:0px; padding:5px 0px 0px 10px; line-height:18px; list-style-type:none; float:left;}
						#infor_bottom ul li { margin:0px; padding:0px; font-size:12px; color:#0b54c1;}
						#infor_bottom ul li h4 { margin:0px; padding:0px; font-size:12px; font-weight:normal; color:#e2f3ff;}
					#infor_bottom #infor_bottom_right { margin:0px; padding:0px 20px 0px 270px; font-size:12px; line-height:16px; color:#177ebc;}
						#infor_bottom_right h3 { margin:0px; padding:5px 0px; font-size:14px; color:#0372d9;}
						#infor_bottom_right p { margin:0px; padding:0px 0px 5px 0px;}
			
			#overview #title_hr1 { margin:5px 0px; padding:0px; font-size:20px; background-image:url(../images/hotstore/hotstore_16.gif);}
			#overview #title_hr2 { margin:5px 0px; padding:0px; font-size:16px; background:#0d498c;}
			#overview #title_hr3 { margin:0px; padding:0px; font-size:6px; background:#0a77b8;}
			
			#overview #summary { width:690px; min-height:265px; margin:0px; padding:5px; border:solid 1px #00b4ff;}
				#summary #intro { margin:0px; padding:0px;}
					#intro #intro_left { margin:0px; padding:0px; float:left;}
						#intro_left .intro_left_pic1 { margin:3px 10px; padding:0px; float:left;}
						#intro_left #intro_left_pic2 { margin:0px 0px; padding:0px; border:solid 2px #CCCCCC; float:left;}									
					#intro h6 { margin:0px; padding:15px 2px 0px 280px; font-size:12px; font-weight:normal; line-height:16px;}
				#summary hr { width:690px; height:5px; margin:0px; padding:0px; border:0; color:#336699; background-color:#336699; clear:both;}
										
			#overview #title_2 { margin:5px 0px 0px 0px; padding:8px 10px; font-size:14px; color:#FFFFFF; background:#03468a;}
			#overview #title_3 { margin:0px 0px 5px 0px; padding:2px 10px; font-size:12px; font-family:"Times New Roman", Times, serif; color:#6390be; background:#c2daf1;}
			#overview #photo { width:690px; min-height:300px; margin:0px; padding:5px; border:solid 1px #00b4ff;}
				#photo .wrap { width:630px; margin: 0 auto;}
					.wrap .side { width:255px; margin:10px 30px 0px 20px; padding:0px; font-size:13px; text-align:left; float:left;}
						.side h6 { margin:2px 0px; padding:1px 10px; font-size:12px; font-weight:normal; color:#FFFFFF; background:#0372d9;}
						.side img { margin:0px; padding:0px; border:solid 1px #CCCCCC;}
						.side h5 { margin:2px 0px 0px 0px; padding:5px; font-size:12px; font-weight:normal; line-height:16px; border:solid 1px #3467d9; background:#ededed;}						
			
			#overview #otherinfo { width:690px; margin:5px 0px 0px 0px; padding:5px; background:#e8f3f9; border:solid 1px #00b4ff;}
				#otherinfo h5 { margin:0px; padding:2px 2px 0px 2px; font-size:12px; color:#0b54c1;}
				#otherinfo h6 { margin:0px; padding:0px 15px; font-size:12px; font-weight:normal; line-height:16px;}
					#otherinfo h6 p { margin:0px; padding:0px;}