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

.newsDM{margin:10px 0; text-align:center; }
.newsDM ul{text-align:left;margin:10px 0;}
.newsDM li{ display:inline;border-right:1px solid #CCCCCC;padding:0px 0px 0px 4px;}
.newsDM a{ color:#999999;}
.newsDM a.here{
	display:inline;
	font-weight: bold;
	color: #333333;
	text-align:center;
	padding:0px 5px 2px 5px;
	background-image: url(../images/here_bg1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
.bannerImg { text-align:center; width:500px; height:125px; margin:5px;}



/*-----多媒體************************************************************************************************/


#photos{
background: url(../images/bg_media.jpg) no-repeat 0px top;

/*
 font-size:.85em;
 margin:0 0 0 -212px;
 padding:0px 0px 0px 0px; 
 color: #000;
  position:absolute;
 top:127px;
 z-index:9999;
 */
 }
 
ul.filmstrip{background: url(../images/bg_media.jpg) no-repeat -509px top;height:320px;display:block;}
ul.filmstrip li img{width:50px;height:37px;}



/*-----Main center headline-- 公板樣式 *************************************************************************************************/
.center .headline{ margin:15px 0 0px 0;clear:both;}

.center .headline h2{background: url(../images/bg_mp_title.jpg) no-repeat 10px top;font-weight: normal;color: #016fb6;clear: none;font-size: 1.1em;
padding:5px 0 2px 20px;margin:0px 0;height:21px;display:block;
font-family: Arial, Sans-Serif;letter-spacing: -1px;border-bottom:1px solid #cccccc;}
.center .headline h2 a{color: #016fb6;font-weight: bold;}
.center .headline h2 span{color: #016fb6;font-weight: bold;}
.center .headline h2 .rss{ 
	position:absolute;
	margin:-19px 0 0 90px;
	*margin:0px 0 0 30px;
	_margin:0px 0 0 30px;
}
.center .headline .rss{ 
	margin:0px 0 0 15px;
	*margin:0px 0 0 15px;
	_margin:0px 0 0 15px; }


.center .headline .body {font-size: .95em;line-height: 1.7em;padding:0px 0px 0px 0px;	border:0px solid #cccccc;}

.center .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
							font-weight: normal;border:0px none;font-size: .9em;line-height: 1.3em;clear:both;}
.center .headline .body h3 a{color: #555;text-decoration: none;}
.center .headline .body h3 a:hover{color: #1c86c1;text-decoration: underline;}

.center .headline .body h4{color: #FF0000;font-size: .9em;line-height: 1.3em;background: url(../images/icon_arrow11.gif) no-repeat 0px 2px;
font-weight: normal;padding:0px 0 0px 15px;}

.center .headline .body p{color: #666666;letter-spacing: 0px;margin:5px 0;padding:0px;line-height: 18px;}

.center .headline .body ul{
	margin:10px 0 0 20px;	
	padding:0px 10px 0px 0px;	display:block;
}
.center .headline .body ul li{
	border-bottom:1px solid #d2d2d2;
	padding:0px 0 2px 20px;
	margin:0px 0 4px 0px;	
	display:block;
	text-align:left;
	width:500px;
	height:auto;
	_height:20px;	
	list-style-image: url(noe);
	list-style-position: outside;
	background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;

	
}

.center .headline .body ul li a{color:#1c86c1;
text-decoration: none;

width: auto;height:auto;
padding:0px 0 0px 0px;font-size: .95em;
font-weight: normal;line-height:14px;
border-bottom:0px solid #dbdbdb;}

.center .headline .body ul li a:hover{color: #FF0000;text-decoration: none;background: none;}



.center .headline .body li .date{color: #1c86c1;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
.center .headline .body li .image{float:left;padding:5px 0 5px 0;}
.center .headline .body li .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 5px 0px;width:170px;display:none;}



.center .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
.center .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
								line-height: 22px;	border-bottom: 1px solid #dddddd;}
.center .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

.center .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;}
.center .headline .image{float:left;padding:5px 0 0 0;}
.center .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:170px;}
.center .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
.center .headline .source em{color: #CC0000;}
.center .headline .source img{ vertical-align:middle;}

/*------ headline Footer--*/
.center .headline .foot{
	display: block;height:0px;
	background: url(none) no-repeat right top;
}
html>body .center .headline .foot{height: 8px;}
*+ html>body .center .headline .foot{height: 8px;}



.center .LBS .body{background:#FFF;}

#map_canvas{}
.googleMap{}


.list input[type='radio']{

 width: auto;line-height:1.5em;
 padding: 0px;font-size: 1em;margin:0 0 0 0px;color: #777777;border: 0px solid #efefef;
 vertical-align: middle; 
 background: url(none) no-repeat left top;
}













/*------標籤 headline*/
#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
#container div.tabpanel .headline h2 span{display:none;}
#container div.tabpanel .headline ul{float:right;
margin:0;height:23px;width:124px;
padding:0 0 0 0px;text-align:right;
background: url(../images/bg_control.jpg) no-repeat right 0px;
}
#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
#container div.tabpanel .headline body{background:none;height:auto;width:auto;}

ul#ListMode{display:block;margin:10px 0 0 20px;	
	padding:0px 10px 0px 0px;	}

ul#PicMode{display:none;}
ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

ul#ListMode li {
	border-bottom:1px solid #d2d2d2;
	padding:0px 0 2px 20px;
	margin:0px 0 4px 0px;	
	height:auto;
	_height:20px;	
	
	list-style-image: url(noe);
	list-style-position: outside;
	background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;

}
ul#PicMode li {
	border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
	}
ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}


ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}




/*------Tab標籤 headline*/
.center .headline .body .HeTb th{	padding:4px;
	color: #006699;	white-space: nowrap;	font-weight: normal;text-align:right;border-bottom: 1px dashed #FFF;}
.center .headline .body .HeTb {border-bottom: 1px dashed #FFF;padding:4px;}

.center .headline .headlinTb{
	line-height: 20px;	color: #7C7C7C;	font-size: 90%;	width:100%;}
.center .headline .headlinTb .PD_pic{ margin:2px 0;}
.center .headline .headlinTb .PD_pic li{
 display:block;background-image: none; border:0px none; padding:0px;}
.center .headline .headlinTb .PD_pic img{ width:60px; height:60px; border:1px solid #ccc; padding:1px;} 



/*--主題服務--*/

.center .LinkBox{margin:0; padding:0;clear:both;}
.center .LinkBox h2{
	background: url(../images/bg_mp_title.jpg) no-repeat 10px top;font-weight: normal;color: #016fb6;clear: none;
	font-size: 1.1em;padding:5px 0 2px 20px;margin:0px 0;height:21px;display:block;
font-family: Arial, Sans-Serif;letter-spacing: -1px;border-bottom:1px solid #cccccc;}
.center .LinkBox h2 a{color: #016fb6;font-weight: bold;}
.center .LinkBox h2 span{color: #016fb6;font-weight: bold;}
.center .LinkBox .body {
	font-size: .95em;
	line-height: 1.7em;padding:10px 0px 0px 10px;
	border:1px solid #cccccc;border-top:0px solid #cccccc;
	background: url(../images/bg_mp_list.jpg) no-repeat 0px top;
	height:404px;display:block;
	overflow-y:hidden;}

/*--主題服務 單組連結--*/
.LinkSet{
	margin:0px 13px 24px 0px;background-image: none; 
	float:left;width:160px;height:190px;
	overflow:hidden;}
.LinkSet h3{
	padding:14px 0 2px 45px;font-size: 1em;font-weight: normal;color: #000;
	margin:0px 0 0 0;
	}
.LinkSet ul{ padding:0px 0 0px 0px;	margin:10px 0 0 0;	}
.LinkSet li{	
	padding:4px 0 0px 18px;margin:0px 0 0 0;	
	background: url(../images/bg_linkset_line.gif) no-repeat left top;
	height:22px;
	}
.LinkSet li a{ color: #016fb6;}
.LinkSet li a:hover{ color: #FF0000;text-decoration: none;background: none;}






/*-----MP Center Table leftblock rightblock--*********************************************************************************************/
.center table.clear{margin:0 0 10px 0;padding: 0px;}
.leftblock, .rightblock {
	width:50%;vertical-align: top;padding:0 5px;
	}
.leftblock{border-right:1px solid #eee;}
	
.leftblock .headline h2{background: url(../images/bg_mp_td_title.gif) no-repeat left top;font-family: Arial, Sans-Serif;display:block;
padding:15px 0 0px 55px;margin: 0px;line-height: 1.5em;font-size: 1.2em;
font-weight: bold;color: #3e7904;
height:47px;letter-spacing: -1px;}
.leftblock .headline h2 a{color: #3e7904;font-weight: bold;}
.leftblock .headline h2 span{color: #3e7904;font-weight: bold;}
	


.rightblock .headline h2{background: url(../images/bg_mp_td_title.gif) no-repeat left top;font-family: Arial, Sans-Serif;display:block;
padding:15px 0 0px 55px;margin: 0px;line-height: 1.5em;font-size: 1.2em;
font-weight: bold;color: #3e7904;
height:47px;letter-spacing: -1px;}
.rightblock .headline h2 a{color: #3e7904;font-weight: bold;}
.rightblock .headline h2 span{color: #3e7904;font-weight: bold;}

	
	
	
	
.leftblock .headline .body {background: url(../images/bg_center_table.jpg) repeat-x left top;padding: 6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-bottom:0px solid #fff;
border-left:none;}
.rightblock .headline .body {background: url(../images/bg_center_table.jpg) repeat-x left top;padding: 6px;
border-top:1px solid #fff;
border-right:none;
border-bottom:0px solid #fff;
border-left:1px solid #fff;}





/*-----MP 單位圖文介紹--*****************************************************************************************************/
.center .IntroHeadline{ clear:both; margin:0px 0 10px 0; }
.center .IntroHeadline h2{
	background: url(../images/bg_mp_title.gif) no-repeat 10px top;font-weight: bold;color: #13487b;clear: none;font-size: 1.1em;
	padding:7px 0 2px 15px;margin:0px 0;height:24px;display:none;}

.center .IntroHeadline h2 a{color: #63ba1c;font-weight: bold;}
.center .IntroHeadline h2 .rss{  margin:0px 0 0 0px; }

.center .IntroHeadline .body {
		background: url(../images/bg_intro_box.jpg) no-repeat 0px top;color: #022131;font-size: .95em;line-height: 1.7em;
		padding:20px 10px 10px 10px;height:120px;border:1px solid #d0e7e9;}

.center .IntroHeadline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0;
	font-weight: bold;background-image: none;border:0px none;font-size: 1.1em;line-height: 1.3em;clear:both;display:none;}
.center .IntroHeadline .body h3 a{color: #07509b;text-decoration: underline;}
.center .IntroHeadline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
	background: url(../images/h2_bg.gif) no-repeat 0px bottom;display:none;}
.center .IntroHeadline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
.center .IntroHeadline .body ul{margin:0px 0 0 5px;background-image: none;}
.center .IntroHeadline .body li{
	background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;	
	padding-left: 15px;display:block;text-align:left;line-height: 22px;border-bottom: 1px dashed #dddddd;clear:left;}
.center .IntroHeadline .body li.date{
color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
.center .IntroHeadline .body .list{
	margin:0px 0 0 140px;background-image: none;}
.center .IntroHeadline .body .list li{
	background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;	
	padding-left: 15px;	display:block;	text-align:left;	line-height: 22px;	border-bottom: 1px dashed #dddddd;}
.center .IntroHeadline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}
.center .IntroHeadline .pic{	border:1px solid #CCCCCC;padding:1px;width:120px;height:100px;margin: 0px 5px 0 0px;}
.center .IntroHeadline .image{float:left;padding:5px 0 0 0;}
.center .IntroHeadline .image img{border:1px solid #CCCCCC;padding:1px;	width:120px;height:100px;margin: 0px 5px 0px 0px;}
.center .IntroHeadline .source{
	background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
.center .IntroHeadline .source em{color: #CC0000;}
.center .IntroHeadline .source img{ vertical-align:middle;}

/*------ headline Footer--*/
.center .IntroHeadline .foot{
	display: block;height:11px;
	background: url(../images/bg_box_footer.jpg) no-repeat right top;
}









/*------ Box2--***********************************************************************************************/
.center .box2 h2 a{
	font-weight: bold;
	color: #008040;
}
/*----------------------------------------------------------------center box2*/
.center .box2 .body .Tb{}
.center .box2 .body .Tb th{
	padding:5px;
	color: #006699;
	font-weight: normal;
	text-align:left;
	line-height: 20px;	
	
}
.center .box2 .body {border-bottom: 1px dashed #FFF;}


.list{}

.list h2{}

.list ul{
	margin-left:2em;}

.list li{
	background: url(../images/listIcon.gif) no-repeat left 0.55em;
	line-height:1.5;
	padding-left:1.2em;
	color:#999;
	border-bottom: 1px solid #ddd;}

.list li a{
	margin-right:0.5em;}