@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;
}
form {
	margin: 0;	/* 消除 FORM表單 預設的上下空白空間*/
}
.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;
}

/* 大橫幅廣告區塊- 寬1000px 高275px */
#ad_area { width:1000px; height:275px; border:#990099 0px solid;}

/* 新聞區塊 - 中央區寬330px 高150px，兩側區各寬330px 高150px */
#news_area { width:1000px; height:155px; border:#990099 0px solid;}
	div#news_area .news_side { width:320px; height:155px; margin:0px 8px; float:left;}
		.news_side a:link, .news_side a:visited { color:#000000;}
		.news_side a:hover { color:#1a61ac;}
	div#news_area .news_center { width:320px; height:155px; float:left;}
		
		/* 旅遊快訊 */
		div#news_left { margin:0px; padding:0px; background:#d0e9ff; font-family: "細明體", "標楷體";}
			#news_left h3 { margin:3px 5px; font-size:20px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#004ea0; line-height:10px;}
			#news_left h5 { margin:15px 0px 5px 5px; font-size:14px; font-weight:500; color:#1a61ac;}
			#news_left img { margin-right:5px; float:right;}
			#news_left ul { margin:0px 0px 0px 5px; padding:0px; line-height:15px; list-style-type:none;}
				#news_left ul li { font-size:12px;}
		
		/* 超值優惠 */
		div#news_middle { margin:0px; padding:0px; background:#d0e9ff; font-family:"細明體", "標楷體";}
			#news_middle h3 { margin:3px 5px; font-size:20px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#004ea0; line-height:10px;}
			#news_middle h5 { margin:13px 0px 0px 5px; font-size:14px; font-weight:700; color:#1a61ac;}
			#news_middle img { margin-right:5px; float:right;}
			#news_middle ul { margin:3px 0px 0px 5px; padding:0px; line-height:19px; list-style-type:none;}
				#news_middle ul li { font-size:14px;}
					#news_middle ul li h4 { margin:0px; font-size:14px; color:#1a61ac;}
					#news_middle ul li h5 { margin:0px; font-size:14px; color:#990000; font-weight:100;}
					#news_middle ul li span { font-size:16px; font-weight:bold; color:#FF0000;}
			
		/* 優惠折價 */
		div#news_right { margin:0px; padding:0px; background:#d0e9ff; font-family:"細明體", "標楷體";}
			#news_right h3 { margin:3px 5px; font-size:20px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#004ea0; line-height:10px;}
			#news_right h5 { margin:15px 0px 5px 5px; font-size:14px; font-weight:500; color:#1a61ac;}
			#news_right img { margin-left:5px; margin-right:40px; float:left;}
			#news_right ul { margin:0px 0px 0px 5px; padding:0px; line-height:15px; list-style-type:none;}
				#news_right ul li { font-size:12px;}
		
		/* CSS畫圓角 */				
		div.rtop { display:block; background:#fff;}
		div.rtop div { display:block; height:1px; overflow:hidden; background:#d0e9ff;}
		div.r1 { margin:0px 3px;}
		div.r2 { margin:0px 2px;}
		div.r3 { margin:0px 1px;}
		div.rtop div.r4 { margin:0px 1px; height:1px;}

/* 會員功能區塊 - 中央區寬480px 高155px，兩側區各寬260px 高155px */
#menu_area { width:1000px; height:155px; border:#990099 0px solid;}

	/* 電子報及會員登入 */
	div#menu_area .menu_side { width:252px; height:155px; margin:0px 3px; float:left; text-align:left;}
		.menu_side img { margin:0px; padding:0px; float:left;}
		.menu_side_content { width:211px; height:125px; padding:0px 10px; font-family:"細明體", "標楷體"; background:url(../images/member/member_05.gif); float:left;}
		.menu_side_content h4 { margin:0px; font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:22px;}
			.menu_side_content h4 a { color:#FFFFFF;}
		.menu_side_content #newspaper { margin:16px 0px; padding:0px; float:left;}	/* 電子報輸入欄 */
		.menu_side_content #login { margin:6px 0px; padding:0px; float:left;}	/* 登入輸入欄 */
		.menu_side_content input { margin:0px 10px 5px 0px; padding:0px; border: 1px solid #CCCCCC; font-size:12px; float:left;}
		.menu_side_content h5 { margin:0px; padding:0px; font-size:12px; color:#FFFFFF;}
		.menu_side_content h6 { margin:0px; padding:4px 0px; font-size:12px; color:#FFFFFF; text-align:right;}
		.menu_side_content h1 { margin:0px; padding:0px; font-size:1px; background:#FFFFFF;}
		.menu_side_content ul { width:100px; margin:0px; padding:5px 0px; list-style-type:none; float:left;}
			.menu_side_content ul li { margin:0px; padding:2px 0px; font-size:13px; color:#FFFFFF;}
				.menu_side_content ul li a { color:#FFFFFF}
				.menu_side_content ul li a:hover { color:#EEEEEE}
	
	/* 服務專區 */
	div#menu_area .menu_center { width:480px; height:145px; margin:0px; padding:10px 0px 0px 0px; font-family:"細明體", "標楷體"; float:left;}
		.menu_center img { margin:0px; padding:0px; float:left;}
		.menu_center #menu_center_title { width:473px; height:16px; background:url(../images/service/service_04.gif); float:left;}
			#menu_center_title span { padding:1px 0px; font-size:12px; color:#2a4759; letter-spacing:4px; display:block;}
		.menu_center .menu_center_bottom { width:475px; height:114px; margin:0px 1px; padding:0px; border:#b5cbd0 1px solid; clear:both;}
			.menu_center_bottom #menu { width:471px; height:75px; margin:0px; padding:10px 2px 0px 0px;}
				#menu img { margin:0px 3px;}
				#menu ul { margin:0px; padding:0px; line-height:20px; list-style-type:none; float:left;}
					#menu ul li { padding:0px 3px 5px 15px; font-size:12px; font-weight:bold; color:#0066cc; background-image:url(../images/service/service_06.gif); background-repeat:no-repeat;}
				#menu a { color:#0066cc;}
				
			.menu_center_bottom #hotnews { width:435px; height:24px; margin:0px; padding:5px 20px 0px 20px; background:#dbe4e6;}
			
				/* downScroller跑馬燈 */
				#pscroller { width:420px; height:15px; margin:0px; padding:2px; border: 0px solid #000000;}
				#pscroller img { margin:0px; padding:0px; float:left;}
				#pscroller a { text-decoration:none; font-size:12px; color:#0066cc;}
				.someclass { }
		
/* 主消息區塊 - 中央區寬480px 高570px，兩側區各寬260px 高570px */
#main_area { width:1000px; height:570px; border:#990099 0px solid;}
	div#main_area .main_side { width:260px; height:570px; float:left;}
	
		div.main_side .main_side_left { width:260px; height:285px; font-family:"細明體", "標楷體";}
		
			/* 人氣商店 */
			div.main_side_left #hotshop_title { width:238px; height:24px; margin:4px 0px 4px 10px; padding:0px; border:#1f54bc 1px solid; background:url(../images/hotshop/hotshop_02.gif); display:block;}
				#hotshop_title h4 { margin:1px 20px; padding:0px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; letter-spacing:2px;}
			div.main_side_left #hotshop_bottom { width:240px; height:245px; margin:0px 0px 0px 10px; padding:0px; text-align:right; background:#bcdfef; display:block;}
				#hotshop_bottom ul { list-style-type:none; text-align:left; float:left;}
					#hotshop_bottom_pic { margin:5px 10px 0px 5px; padding:0px;}
						#hotshop_bottom_pic li { margin:5px 0px; padding:0px;}
							#hotshop_bottom_pic li img { margin:0px; padding:0px; border:#FFFFFF 1px solid;}							
					#hotshop_bottom_store { width:140px; margin:8px 0px 0px 0px; padding:0px; font-size:12px; line-height:20px;}
						#hotshop_bottom_store li a { color:#000000;}
					#hotshop_bottom h5 { margin:0px 10px; padding:0px; color:#2c8ac3;}
			
			/* 住宿折價卷 */
			.main_side_left h6 { width:220px; height:20px; margin:2px 0px 0px 10px; padding:6px 0px 0px 20px; font-size:13px; color:#61797f; background:#d7e6eb;}
				.main_side_left h6 a { color:#61797f;}
			.main_side_left p { margin:0px 0px 0px 10px; padding:0px;}
		
		div.main_side .main_side_right { width:240px; height:285px; margin:0px 8px; font-family:"細明體", "標楷體";}
			.main_side_right a:link { color:#0a4d63;}
			.main_side_right a:visited { color:#0a4d63;}
			.main_side_right a:hover { color:#006666;}
			
			/* 國內旅遊及國外旅遊 */
			.main_side_right img { margin:0px; padding:0px; float:left;}
			.main_side_right .main_side_right_title { width:234px; height:16px; background:url(../images/domestic/domestic_04.gif); float:left;}
				.main_side_right_title span { padding:1px 0px; font-size:12px; color:#466066; letter-spacing:4px; display:block;}
			.main_side_right .main_side_right_bottom { width:236px; height:255px; margin:0px 1px; padding:0px; border:#b5cbd0 1px solid; clear:both;}
				.main_side_right_bottom ul { margin:15px 0px 10px 0px; padding:0px; list-style-type:none; line-height:17px;}
					.main_side_right_bottom ul li { font-size:12px; color:#0a4d63;}
				.main_side_right_bottom img { margin:0px 10px; padding:0px; float:right;}					
		
	div#main_area .main_center { width:480px; height:570px; float:left;}
	
			/* 線上旅展及線上美食 */
			div.main_center .main_center_area { width:480px; height:285px;}

/* 副消息區塊 - 中央區寬480px 高430px，兩側區各寬260px 高430px */
#mutuality_area { width:1000px; height:430px; border:#990099 0px solid;}
	
	div#mutuality_area .mutuality_side { width:260px; height:430px; float:left;}
		
			/* 三欄廣告區 */
			#advertise2 img { margin:4px 0px 2px 10px; padding:0px; float:left;}
		
		/* 全省抽獎活動 */
		.mutuality_side #raffle { width:241px; height:140px; margin-top:1px; margin-left:9px; padding:0px;}
			#raffle img { float:left;}
			#raffle .raffle_title { width:235px; height:16px; background:url(../images/raffle/raffle_04.gif); float:left;}
				.raffle_title span { padding:1px 10px; font-size:12px; color:#466066; letter-spacing:4px; display:block;}
			#raffle .raffle_bottom { width:237px; height:118px; margin:0px 1px; padding:0px; border:#b5cbd0 1px solid; clear:both;}
				.raffle_bottom ul { margin:5px 0px 5px 0px; padding:0px; list-style-type:none; line-height:17px;}
					.raffle_bottom ul li { font-size:12px; color:#0a4d63;}
				.raffle_bottom img { margin:0px 0px 0px 180px; padding:0px; float:right;}		
		
		/* 相關網站 */
		.mutuality_side #weblink { width:260px; height:280px; font-family:"細明體", "標楷體";}
			#weblink .weblink_model { width:240px; height:140px; margin:5px 0px 0px 10px; padding:0px}
				.weblink_model .weblink_title { width:220px; height:18px; margin:0px; padding:1px 10px; background:#d7e6eb;}
					.weblink_title span { font-size:12px;}
				.weblink_model .weblink_bottom { width:240px; height:116px; background:#f5f5f0;}
					.weblink_bottom span { width:20px; height:105px; margin:5px 2px; padding:0px; background:#d7e6eb; float:left; display:block;}
					.weblink_bottom ul { margin:10px 0px 0px 10px; padding:0px; list-style-type:none; float:left;}
						.weblink_bottom ul li { margin:0px; padding:0px 0px 3px 16px; font-size:12px; color:#0077aa; line-height:14px; background-image:url(../images/weblink/weblink_02.gif); background-repeat:no-repeat;}
					.weblink_bottom a { color:#0077aa;}
	
	div#mutuality_area .mutuality_center { width:480px; height:430px; float:left;}
		
		/* 紅利網區 */
		div.mutuality_center #bouns { width:480px; height:145px; font-family:"細明體", "標楷體";}
			#bouns img { margin:0px; padding:0px; float:left;}
			#bouns .bouns_title { width:473px; height:16px; background:url(../images/bouns/bouns_04.gif); float:left;}
				.bouns_title span { padding:0px; font-size:12px; color:#466066; letter-spacing:4px; display:block;}
			#bouns .bouns_bottom { width:475px; height:118px; margin:0px 1px; padding:0px; border:#b5cbd0 1px solid; clear:both;}
				.bouns_bottom ul { margin:0px; padding:0px; list-style-type:none;}
					.bouns_bottom ul li { width:230px; height:50px; margin:6px 0px 0px 5px; padding:0px; line-height:15px; float:left;}
						.bouns_bottom ul li img { margin:0px; padding:0px; border:#3366CC 1px solid;}
						.bouns_bottom ul li span { font-size:11px; color:#005599;}
						.bouns_bottom ul li span img { border:#3366CC 0px solid;}
						.bouns_bottom ul li span h5 { margin:2px 0px 0px 165px; padding:0px; font-size:12px; line-height:10px;}

		/* 兩欄廣告區 */
		div.mutuality_center #advertise { width:480px; height:285px;}
			#advertise img { margin:2px 0px; padding:0px;}