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

/* ???*/
body { margin:0 0 20px 0;}
h2 { visibility:hidden; height:0; margin:0; display:none;}
ul, li{  margin:0;padding:0; list-style-type: none;}
/*span { display: block;}*/
#content { width:980px; height:auto; margin:0px auto;}

/* ?????*/
#header { width:100%; height:25px; background-color:#888; text-align:right;}
	#header li { margin-right:15px; display: inline;}
	#header a {color:#FFF; font-size:11px; line-height:23px; font-family:Arial; text-decoration:none;}
	#header a:hover { color:#CCC; text-decoration:underline;}

/* ????*/
#search { width:100%; height:37px; background-image:url(../images/search_background.gif); background-repeat:no-repeat;}
	#search input.box { width:210px; height:20px; border:#dedede 1px solid; padding-left:5px; color:#666; font-size:13px; line-height:23px; position:absolute; margin-top:7px; margin-left:650px;} 
	#search input.btn { width:64px; height:20px; background-image: url(../images/search_btn.gif); border:0; position:absolute; margin-top:10px; margin-left:870px; font-size:12px; color:#FFF; cursor:pointer;}
	#search input.btn:hover { color:#333;}

/* 左側?? */
#left { width:232px; height:auto; background-image: url(../images/left_background.gif); background-repeat:no-repeat; float:left;}

/* ???? */
#menu { width:222px; height:auto; }
	#menu h1.logo { width:100%; height:160px; float:left; cursor:pointer; margin:0;}
	#menu h1.logo a { visibility:hidden;}
	#flash_media { width:222px; height:105px; float:left;}/*for google???/
	#flash_menu { width:222px; height:405px; float:left;}/*for google???/

/* ??? */
#links { clear:both; width:222px; height:auto;  }
	#links div.title_img { width:222px; height:36px;/* background-image:url(../images/links_title.gif); background-repeat:no-repeat;*/ display:block;}
	#links ul.content { float:left; width:100%; height:auto; margin-top:15px;}
	#links ul.content:hover { background-color:#EFEFEF;}
		#links li.img { width:52px; height:52px; float:left;}
		#links li.txt { width:160px; height:auto; margin-left:8px; float:left; font-size:13px; }
		#links li.txt a { color:#444; text-decoration:none;}
		
/* ??小幫??*/		
#guide { float:left; width:222px; height:auto; margin-top:20px;}
	#guide div.help { width:222px; height:85px;background-image:url(../images/guide_title.gif); background-repeat:no-repeat; padding-top:69px;}
		#guide div.help li { float:left; width:108px; height:31px; text-align:center; font-size:13px;}
		#guide div.help li a { color:#527200; text-decoration:none;}
		#guide div.help li a:hover { color:#999;text-decoration: underline;}
	#guide div.wether { width:222px; height:101px;background-image:url(../images/wether_title.gif); background-repeat:no-repeat; padding:0; margin:0;}
	#guide div.wether img { border:0;}
		#guide div.wether div.content { width:180px; height:auto; display:inline-block; margin-top:30px; margin-left:25px; *margin-top:40px;/*for IE7*/}	
		#guide div.wether div.left { width:32px; height:32px; float:left; margin-right:15px;}
		#guide div.wether div.center { width:110px; height:55px;font-size:13px; float:left;}
		#guide div.wether div.right { width:12px; height:23px; float:left; margin-top:15px;}
			#guide div.wether ul li { width:120px; font-weight:normal; float:left;}
			#guide div.wether ul li.gray { color:#333;}
			#guide div.wether ul li.orange { color:#fe7800;}
			#guide div.wether ul li.blue { color:#2672c8;}
	#guide div.rate { width:222px; height:186px; background-image:url(../images/rate_title.gif); background-repeat:no-repeat; padding-top:28px; }
		#guide div.rate caption { display:none;}
		#guide div.rate table{  margin:0 auto; text-align:center; line-height:25px;}
		#guide div.rate table th{ font-size:12px; font-weight: normal; background-color:#ccc; color:#FFF; padding: 0 4px 0 4px; }
		#guide div.rate table td{ font-size:11px; font-family:Arial;background-color:#efefef;}
/*		#guide div.rate ul { width:auto; height:auto; font-size:11px; line-height:14px; margin:0; padding:0;}
		#guide div.rate li { width:39px; height:auto; display: inline-block; vertical-align:middle;  border-bottom:#999 1px  solid; border-left:#999 1px  solid; margin:0; padding:0;}
		#guide div.rate li.left { width:20px;}
		#guide div.rate li.red { color:#ff5151;}*/
	
/* ???*/	
#main { width:748px; height:auto; float:left;background-image:url(../images/main_background.gif); background-repeat:no-repeat;}
#main div {float:left; margin-bottom:10px; margin-left:11px;}

/* ??輪撥 */	
#banner { width:738px; height:239px; margin:0 0 15px 0 !important;} #banner div { margin:0; padding:0;}
/*	#banner div.border { width:738px; height:239px; background-image:url(../images/banner_border.gif); *background-image: none; background-repeat:no-repeat; z-index:2;  position:absolute; }
	#banner div.content { width:738px; height:239px; z-index:1; position:absolute;}
		#banner div.content div.image { width:587px; height:239px; float:left; z-index:1;}
		#banner div.content div.tab { width:147px; height:239px;float:left;padding-top:4px;}
		#banner div.content div.tab li { width:147px; height:46px;  background-image:url(../images/banner_tab_back.gif); font-size:12px; color:#777; border-left:#ccc 1px solid; border-bottom:#ccc 1px solid; line-height:40px; text-indent:10px; }
		#banner div.hit { width:738px; height:239px; z-index:3; position:absolute;}
			#banner div.hit div.left { width:582px; height:239px;background-image:url(../images/blank.gif); cursor:pointer; float:left; }
			#banner div.hit div.left ul { width:475px; height:70px; margin-left:4px; margin-top:150px;}
			#banner div.hit div.left ul li{ font-size:13px; line-height:18px; color:#fff; padding-left:15px;}
			#banner div.hit div.left ul li.title{ height:22px; background-color:#333; font-size:16px; font-weight:bold; color:#b2ee3e; line-height:22px; margin-bottom:5px;filter:Alpha(Opacity=80, FinishOpacity=80, Style=2); /* IE opacity:0.8; /* CSS3 }
			#banner div.hit div.right { width:152px; height:239px; background-image:url(../images/blank.gif); cursor:pointer;float:right; margin-top:4px; margin-right:3px;}
			#banner div.hit div.right a{ width:152px; height:46px; display:block; margin-bottom:1px; font-size:12px; color:#777; text-decoration:none;line-height:40px; text-indent:15px;}
			#banner div.hit div.right a:hover{ background-image:url(../images/banner_tab_hit.gif); background-repeat:no-repeat; font-weight:bold; color:#FFF; }*/
			#banner div.border_l { width:10px; height:10px; background-image:url(../images/banner_border_1.gif);z-index:6; position:absolute;*background-image: none;}
			#banner div.border_r { width:10px; height:10px; background-image:url(../images/banner_border_2.gif);z-index:6; position:absolute; margin-left:728px;*background-image: none;}


/* 福建?? */
#news { width:716px; height:auto;} #news div { margin:0; padding:0; border:0;}  #news ul{ float:left; }
	#news div.title { width:716px; height:46px; background-image:url(../images/news_title.gif); background-repeat:no-repeat; margin:0;}
	#news span.hot { width:auto; height:26px; position:absolute;background-image: url(../images/news_hot.gif); background-repeat:no-repeat; margin-top:2px; margin-left:210px; padding-top:7px; padding-left:70px;}
		#news span.hot a{ font-size:12px; color:#333; float:left; margin-right:10px; line-height:17px;}
	#news ul.tab {float:right;}
		#news ul.tab li { float:left;}
		#news ul.tab li a { display:block; width:126px; height:46px; border:0px; }
		#news ul.tab li.tab01 a{background:url(../images/news_btn_01_n.gif) no-repeat;}
		#news ul.tab li.tab02 a{background:url(../images/news_btn_02_n.gif) no-repeat;}
		#news ul.tab li.tab01 a:hover{background:url(../images/news_btn_01_o.gif) no-repeat;}
		#news ul.tab li.tab02 a:hover{background:url(../images/news_btn_02_o.gif) no-repeat;}
		#news ul.tab li.tab01 a.current{background:url(../images/news_btn_01_p.gif) no-repeat;}
		#news ul.tab li.tab02 a.current{background:url(../images/news_btn_02_p.gif) no-repeat;}
	#news div.content { width:676px; height:auto; padding:20px; *padding:0 20px 0 20px;/*for IE7*/}
	#news div.content ul.left { width:383px;height:auto;text-align:justify;}
		#news div.content ul.left li {color:#444; font-size:12px; line-height:20px;}
		#news div.content ul.left img{ width:160px; height:120px; float:left; margin-right:10px; border:0; *margin-top:20px;/*for IE7*/}
		#news div.content ul.left img:hover{ position:relative;top:1px;left:1px;}
		#news div.content ul.left b{font-size:16px; font-weight:bold;}
		#news div.content ul.left a{ color:#006cb8;text-decoration:none;}
		#news div.content ul.left a:hover{ color:#006cb8;text-decoration: underline;}
	#news div.content ul.right { width:260px;height:auto; margin-left:25px;padding:0; color:#333; font-size:12px;*padding-top:20px;/*for IE7*/}
		#news div.content ul.right li { float:left; margin-bottom:7px; display:block; }
		#news div.content ul.right li.list{ width:170px;list-style-position:inside; text-align:justify; background-image:url(../images/ico_4.gif); background-repeat:no-repeat; padding-left:18px; }
		#news div.content ul.right li.list a{ color:#444; text-decoration:none;}
		#news div.content ul.right li.list a:hover{ text-decoration: underline;}
		#news div.content ul.right li.date{ width:45px; margin-left:20px; color:#666; }
	#news div.content img.more{ float:right;border:0;} 
	#news div.content img.more:hover{ position:relative;top:1px;left:1px;}
	
/* 節???*/		
#event { width:404px; height:255px;}
	#event ul, #event li { display:inline;}
	#event span.title { width:100%; height:42px; background-image:url(../images/event_title.gif); background-repeat:no-repeat;}
	#event ul.num { width:90px; height:16px; margin-left:310px;margin-top:8px; position:absolute; }
	#event ul.num img{ border:0; margin-right:8px; }
	#event ul.num a:hover{ position:relative;top:1px;left:1px;}
	#event li.image { width:396px; height:198px; margin-left:-306px; position:relative;top:18px;}
	#event li.image img{ border:0;}
	
/* ????*/
#topic { width:304px; height:255px;}
	#topic a { border:0; text-decoration:none;}
	#topic a:hover {text-decoration: underline;}
	#topic span.title { width:100%; height:42px; background-image:url(../images/topic_title.gif); background-repeat:no-repeat;}
	#topic b a{ font-size:16px; font-weight:blod; color:#557d00; margin-top:5px; line-height:30px;}
	#topic span.content { width:284px; height:202px; padding-left:10px; padding-right:10px; }
	#topic span.content li img { border:0; width:133px; height:102px; float:left; margin-right:10px; margin-top:5px;}
	#topic span.content li img:hover{ position:relative;top:1px;left:1px;}
	#topic span.content li { font-size:12px; color:#444; line-height:19px; text-align:justify; margin:0; float:left;}
	#topic span.content li a{ color:#557d00; font-weight:bold;}

/* ?| ?| ??| ? */	
#special { width:716px; height:240px;;}
	#special ul.tab { width:716px; height:55px; background-image:url(../images/special_title.gif); background-repeat:no-repeat;}
		#special ul.tab li { float:left;}
		#special ul.tab li a { display:block; width:179px; height:55px; border:0px; }
		#special ul.tab li.tab01 a{background:url(../images/special_btn_01_n.gif) no-repeat;}
		#special ul.tab li.tab02 a{background:url(../images/special_btn_02_n.gif) no-repeat;}
		#special ul.tab li.tab03 a{background:url(../images/special_btn_03_n.gif) no-repeat;}
		#special ul.tab li.tab04 a{background:url(../images/special_btn_04_n.gif) no-repeat;}
		#special ul.tab li.tab01 a:hover{background:url(../images/special_btn_01_o.gif) no-repeat;}
		#special ul.tab li.tab02 a:hover{background:url(../images/special_btn_02_o.gif) no-repeat;}
		#special ul.tab li.tab03 a:hover{background:url(../images/special_btn_03_o.gif) no-repeat;}
		#special ul.tab li.tab04 a:hover{background:url(../images/special_btn_04_o.gif) no-repeat;}
		#special ul.tab li.tab01 a.current{background:url(../images/special_btn_01_p.gif) no-repeat;}
		#special ul.tab li.tab02 a.current{background:url(../images/special_btn_02_p.gif) no-repeat;}
		#special ul.tab li.tab03 a.current{background:url(../images/special_btn_03_p.gif) no-repeat;}
		#special ul.tab li.tab04 a.current{background:url(../images/special_btn_04_p.gif) no-repeat;}
	#special ul.content { width:636px; height:170px; margin:0 auto;}
	#special ul.content a:hover{ position:relative; top:1px; left:1px;}
		#special ul.content li{ float:left; width:133px; height:140px; line-height:16px; font-size:12px; border-right:#CCC 1px dotted;border-left:#CCC 1px dotted; padding-right:12px; margin-top:20px; padding-left:12px;}
		#special ul.content li img{ width:133px; height:100px; border:0; margin-bottom:5px;}
		#special ul.content li b{ color:#0066CC; font-weight:normal;}
		#special ul.content li a{ color:#333; text-decoration:none;}
		#special ul.content li a:hover{ color:#006baf;}
		#special div.arrow_left, #special div.arrow_right{ width:10px; height:19px; cursor:pointer;padding:0;border:0;}
			#special div.arrow_left { background-image:url(../images/ico_6.gif); background-repeat:no-repeat; float:left; margin:63px 0 0 20px;}
			#special div.arrow_left:hover {background-image:url(../images/ico_8.gif); background-repeat:no-repeat;}
			#special div.arrow_right {background-image:url(../images/ico_7.gif); background-repeat:no-repeat; float:right; margin:63px 20px 0 0px;}
			#special div.arrow_right:hover {background-image:url(../images/ico_9.gif); background-repeat:no-repeat;}
			#special img.more { width:49px; height:16px; display:block; border:0; float:right; margin-right:20px; }
			#special img.more:hover{ position:relative; top:1px; left:1px;}
			#special div.special_ctn { width:716px; margin:0; padding:0;}


/* ??導覽 */
#map { width:404px; height:auto;} #map div{ border:0; margin:0;}
	#map div.title { width:404px; height:42px; background-image:url(../images/map_title.gif); background-repeat:no-repeat;}
	#map div.content { width:398px; height:271px; margin-left:2px ;}
	#map div.content ul.tab { width:119px; float:left;}
	#map div.content ul.tab li{ width:119px; height:30px; margin-bottom:5px;color:#fff;list-style-type: none; list-style-position: inside; text-indent:15px; }
	#map div.content ul.tab li a{ color:#fff; font-size:15px; font-weight:bold;line-height:30px; text-decoration:none; display:block;background-image:url(../images/map_btn_n.gif); background-repeat:no-repeat;}
	#map div.content ul.tab li a:hover{ display:block; background-image:url(../images/map_btn_p.gif); background-repeat:no-repeat;}
	#map div.content ul.tab a.current{ display:block; background-image:url(../images/map_btn_p.gif); background-repeat:no-repeat;}
	
	#map div.content div.map { width:259px; height:250px;border:#f2f8fc 10px solid; float:right;}
	#map div.content div.map img { margin:0 auto;}
	
#map div.content ul.linklist{
	float:left;
	margin-top: 10px;
	margin-left: 30px;
}
	#map div.content ul.linklist li{
	list-style-type: disc;
	list-style-position: outside;
}
	#map div.content ul.linklist li a{ color:#555555; font-size:12px; text-decoration:none;}
	#map div.content ul.linklist li:hover{
	color:#000000;
	text-decoration:underline;
}
#map div.content div.maplink {float:left;}
	#map div.content div.maplink img {
	float: left;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 5px;
}

/* ?? */
#video { width:304px; height:auto;}
	#video span.title { width:100%; height:42px; background-image:url(../images/video_title.gif); background-repeat:no-repeat;}
	#video span.content { width:278px; height:250px; border:#f2f8fc 10px solid; margin:0 auto;}
	#video li.item { width:112px; height:auto; float:left; text-align:left; margin-top:17px; margin-left:20px;}
	#video li.item a.txt { color:#4a9cdf; font-size:13px; font-weight:bold; text-decoration:none;}
	#video li.item a.txt:hover { text-decoration:underline;}	
	#video li.item img{ width:105px; height:77px; border:0; margin-bottom:5px;}
	#video li.item a.play{ width:105px; height:77px; position:absolute; background-image:url(../images/video_play.gif); background-position:center;background-repeat:no-repeat; display:block; }

/* ???? */		
#plurk { width:716px; height:207px; margin:0;padding:0;}  #plurk div{ margin:0; padding:0;}
	#plurk div.left { width:428px; height:207px;}
	#plurk div.p01{ width:428px; height:130px;  background-image:url(../images/plurk_01_n.jpg); background-repeat:no-repeat; cursor:pointer; }
	#plurk div.p01:hover{ background-image:url(../images/plurk_01_p.jpg); background-repeat:no-repeat;}
	#plurk div.p02{ width:428px; height:77px;background-image:url(../images/plurk_02_n.jpg); background-repeat:no-repeat; cursor:pointer;}
	#plurk div.p02:hover{ background-image:url(../images/plurk_02_p.jpg); background-repeat:no-repeat;}
	#plurk div.right {width:288px; height:207px; background-image:url(../images/plurk_03.jpg); background-repeat:no-repeat;}
	#plurk div.list { width:277px; height:170px; margin:15px 0 0 0;}

/* ????*/
#footer { width:100%; height:110px; margin:0x; float:left; border:#c6c6c6 1px solid;} #footer ul, #footer li{display: inline;}
	#footer span { float:left;}
	#footer span.copyright { width:100%; height:auto;text-align:center;line-height:25px;}
	#footer span.subnav { width:100%; height:auto; background-color:#c6c6c6; text-align:center; line-height:30px;}
	#footer li a{ letter-spacing:1px; text-autospace:ideograph-alpha;}
	#footer li b { margin:0 auto; width:200px; height:20px; display: block; background-image:url(../images/ico_11.gif); background-repeat:no-repeat; color:#0052b1; font-weight:normal; text-decoration:underline; }
	#footer, #footer a {color:#333; font-size:12px; line-height:23px; font-family:Arial; text-decoration:none;}
	#footer a:hover {color:#fff; text-decoration: underline;}
/* ???�?? */
.link_item:link,.link_item:visited,.link_item:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.link_item:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #333333;
}