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

/*----------------------控制圖片播放的數字，由程式自動產生，
產生的html如下 
<ul class="playerControl">
<li class="playerControl_1">1</li>
<li class="playerControl_2 current">2</li>
<li class="playerControl_3">3</li>
<li class="playerControl_4">4</li>
<li class="playerControl_5">5</li>
</ul>
current 是目前顯示的圖

<ul class="playerControl">與<div class="player">是sibling，
其parent是<div class="adLoop">

*/

.playerControl { display:none;}

/*-------------------------------------highlight */
.highlight {
	background:#555;
	position:relative;
	width:642px;
	height:156px;
	margin:0 0 15px;
	overflow:hidden;
	border:4px solid #333;
}
/*contentBox*/
.highlight ul.contentBox {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	z-index:100;
}
.highlight .contentBox li {
	margin:0;
	padding:0;
	display:inline;
}
.highlight .contentBox li img {
	display:block;
	width:480px;
	height:156px;
}

/*tab-like switch*/
.highlight ul.switch {
	position:absolute;
	right:4px;
	top:2px;
	list-style:none;
	margin:0;
	padding:0;
	width:158px;
	color:#fff;
	font-size:12px;
	line-height:18px;
	z-index:1100;
}
.highlight .switch li {
	margin:0;
	padding:0;
	height:40px;
	padding:6px 0 6px;
	border-bottom:1px dotted #888;
}
.highlight .switch li a {
	display:block;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding-left:12px;
	/*height:40px;*/
	height:36px;
	overflow:hidden;
}
.highlight .switch li.selected a {
	background:url(../images/hightlight_now.gif) no-repeat left center;
}
.highlight .switch li a:hover {
	color:#ff0;
}
.highlight .switch li:last-child a {
	border:none;
}


/*------------------news*/
.news {
	overflow:hidden;
	margin:0 5px 15px 0;
	padding:0 0 10px;
	border:1px solid #bbb;
	box-shadow:rgba(0,0,0,0.3)  0 1px 5px;
}
.news > h1 {
	margin:0;
	padding:0;
	color:#279cf6;
	/*font-size:0;*/
	height:34px;
	font-weight:normal;
	background:#9fc200;
	color:#000;
}
.news > h1 span {
	display:inline-block;
	background:url(../images/news_h1_span.gif) repeat-x 0 bottom;
	color:#fff;
	font-size:32px;
	line-height:34px;
	padding:0 6px;
	text-transform:capitalize;
}
/*
.news.cityNews > h1 {
	background:#9fc200 url(../images/news_h1_cityNews.png) no-repeat 0 0;
}
.news.events > h1 {
	background:#9fc200 url(../images/news_h1_topics.png) no-repeat 0 0;
}
*/
.news figure {
	float:left;
	margin:0 10px 12px 4px;
}
.news figure img {
	max-width:120px;
	max-height:120px;
	_width:120px;
	border:1px solid #fff;
	box-shadow:  rgba(0,0,0,0.5)  1px 2px 5px;
}

.news article {
	overflow:hidden;
	margin:10px 12px 12px;
	clear:both;
}
.news article header {
	overflow:hidden;
	margin:0 0 10px;
}
.news article header h1 {
	background:none;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:140%;
	font-weight:bold;
	background:none;
	color:#000;
	display:inline;
}
.news article header .date {
	margin:1px 0 0 1em;
	font-size:.85em;
}
.news article p {
	height:6.2em;
	line-height:1.5em;
	overflow:hidden;
	margin:0 0 8px;
}
.news article .more {
	margin:0;
	font-weight:normal;
	float:right;
}
.news article p + .more {
	margin-top:-7px;
}
.news ul {
	clear:both;
	list-style:none;
	margin:12px 12px 10px;
	padding:6px 0 0;
	border-top:1px solid #bbb;
}
.news h1+ul , .news .rss+ul {
	border:none
}
.news ul li {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #bbb;
	position:relative;
}
.news ul li a {
	display:block;
	margin-right:6em;
	text-decoration:none;
}
.news ul li .date {
	position:absolute;
	right:0;
	top:0;
	font-size:.85em;
}
.news .more {
	margin-right:12px;
}
.news .rss {
	margin:-29px 5px 0 0;
	float:right;
	color:#a3c200;
}
.rss {
	font-size:0;
	text-indent:-40px;
}
.rss a {
	display:inline-block;
	width:52px;
	height:23px;
	background:url(../images/rss.png) no-repeat 0 0;
}

/*fix ie*/
.news .rss a {color:#a3c200;}
.tabContainer .rss a {color:#fff;}


/*-------------------------------------*/ 
.LearningChinese {
}
.LearningChinese h1 {
	background:url(../images/LearningChinese_h1.png) no-repeat 0 0;
	padding-top:34px;
	margin:0;
	font-size:0;
	color:#fff;
}
.LearningChinese ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:0;
}
.LearningChinese ul li {
	margin:0 1px 0;
	padding:0;
	float:left;
}
.LearningChinese ul li a {
	display:inline-block;
	width:212px;
	height:57px;
	background:url(../images/LearningChinese.png) no-repeat 0 0;
	/*fix ie*/color:#fff;text-decoration:none;
}
.LearningChinese ul li.topic1 a {	background-position:0 0;}
.LearningChinese ul li.topic2 a {	background-position:0 -60px;}
.LearningChinese ul li.topic3 a {	background-position:0 -120px;}
.LearningChinese ul li.topic4 a {	background-position:0 -180px;}
.LearningChinese ul li.topic5 a {	background-position:0 -240px;}
.LearningChinese ul li.topic6 a {	background-position:0 -300px;}



/*======================================rightbg*/
.rightbg aside {
	background:#fff url(../images/aside_right_bg.png) repeat-x left bottom;
	width:300px;
	margin:0 0 10px 18px;
	border-right:7px solid #9fc200;
	border-left:1px solid #ccc;
	border-bottom:1px solid #d8d8d8;
	padding:0 0 10px;
}
.rightbg aside h1 {
	color:#1a517c;
	border-top:4px solid #009def;
	font-size:1.38em;
	padding:7px 0 7px 15px;
	margin:0 5px 0 0;
}
.rightbg aside .more {
	margin-right:10px;
}
.rightbg aside.Vedio {
	text-align:center;
}
.rightbg aside.Vedio video {
	width:260px;
	margin:0 auto;
}
.rightbg aside li a {
	text-decoration:none;
}



/*-------------------------------------Mayor*/
.Mayor , .Director {
	overflow:hidden;
}
.Mayor figure ,
.Director figure {
	float:left;
	margin:0 9px 5px 15px;
	max-width:100px;
}
.Mayor figure img ,
.Director figure img {
	display:block;
	max-width:100px;
	max-height:100px;
	_width:100px;
	_height:100px;
	border:4px solid #fff;
}
.Director figure img {
	max-height:none;
}

.Mayor ul ,
.Director ul {
	list-style:none;
	margin:0 13px 0 130px;
	padding:0;
	font-size:1.15em;
	line-height:110%;
}
.Mayor ul li ,
.Director ul li {
	margin:0 0 4px 0;
	padding:0 0 6px 0;
	border-bottom:1px dotted #9ca2a2;
}
.Mayor ul li a ,
.Director ul li a {
	padding-left:20px;
	background:url(../images/li1.gif) no-repeat 5px 5px;
}

.Mayor p ,
.Director p {
	margin:0 10px 10px 15px;
}
.Mayor .more ,
.Director .more {}

/*-------------------------------------EmergencyNumbers*/
.rightbg aside.EmergencyNumbers {
	background:#ffab09;
	/*width:295px;*/
	padding:0 0 8px;
	border:none;
	border-right:7px solid #9fc200;
}
.rightbg aside.EmergencyNumbers h1 {
/*	margin:0 12px;
	padding:0 0 6px;
	border:none;*/
	margin:0 5px 0 0;
	color:#8a2371;
	font-size:1.54em;
	font-style:italic;
	border-color:#ffde00;
}
.rightbg aside.EmergencyNumbers h1 span {
	font-size:.85em;
}
.EmergencyNumbers p {
	color:#fff;
	font-size:1em;
	clear:both;
	padding:0 0 3px;
	margin:0 12px;
	font-weight:bold;
}
.EmergencyNumbers p em {
	font-weight:bold;
	font-style:normal;
	font-size:1.3em;
	font-family:Verdana, Geneva, sans-serif;
	display: inline-block;
	float:right;
}

/*-------------------------------------Vedio*/
.rightbg aside.Videos {
	border:none;
	background:#000;
	width:306px;
	padding:10px 0 6px;
}
.Videos h1 {
	display:none;
}
.Videos video {
	display:block;
	width:290px;
	height:200px;
	border:1px solid #444;
	margin:0 auto 5px;
}
.Videos h2 {
	font-size:1em;
	margin:0 15px 5px;
	text-align:left;
	color:#fff;
}
.Videos .more {
}
.Videos .more a {
	color:#fff;
}
/*-------------------------------------ePaper*/
.ePaper {
}
.ePaper form {
	margin:0 12px;
	text-align:left;
}
.ePaper input.text {
	display:block;
	width:260px;
	border-radius:5px;
	border:1px solid #bbb;
	font-size:.92em;
	padding:3px 5px;
	margin:0 0 5px;
}
.ePaper .more {
	margin-top:-18px;
	margin-bottom:5px;
}

/*-------------------------------------eCard*/
.rightbg aside.eCard {
	background:#fff;
	border:1px solid #bbb;
	width:306px;
	padding:10px 0 6px;
}
.rightbg aside.eCard h1  {
	border:none;
	padding:0 0 6px 10px;
}
.eCard ul {
	list-style:none;
	margin:0 0 0 4px;
	padding:0;
	overflow:hidden;
	font-size:.85em;
}
.eCard ul li {
	margin:0 0 4px 4px;
	padding:0;
	float:left;
}
.eCard ul li a {
	display:inline-block;
	width:55px;
	padding:58px 0 0;
	background:url(../images/eCard.jpg) no-repeat 0 0;
}

.eCard ul li.topic1 a {	background-position:0 0;}
.eCard ul li.topic2 a {	background-position:-60px -60px;}
.eCard ul li.topic3 a {	background-position:-120px -120px;}
.eCard ul li.topic4 a {	background-position:-180px -180px;}
.eCard ul li.topic5 a {	background-position:-240px -240px;}



/*-------------------------------------CityGoverment*/
.CityGoverment {
}
.CityGoverment ul {
	list-style:none;
	margin:0 14px 0 15px;
	padding:0;
	font-size:1.15em;
	line-height:16px;
}
.CityGoverment ul li {
	margin:0 0 4px 0;
	padding:0 0 6px 0;
	border-bottom:1px dotted #9ca2a2;
}
.CityGoverment ul li a {
	padding-left:20px;
	background:url(../images/li1.gif) no-repeat 5px 5px;
}

/*-------------------------------------Quicklinks */
.rightbg aside.Quicklinks ,
.rightbg aside.ad {
	background:#fff;
	border:1px solid #bbb;
	width:306px;
	padding:8px 0 7px;
}
.rightbg .Quicklinks h1 {
	display:inline;
	font-size:1em;
	border:none;
	margin:0;
	padding:0;
}
.rightbg .Quicklinks form {
	margin:0;
}
.Quicklinks select {
	display:inline;
	max-width:170px;
	*width:170px;
}
.Quicklinks input.btn {
	width:2.2em \9;
	text-align:center \9;
	padding:0 \9;
}

/*-------------------------------------ad */
.rightbg aside.ad { padding-top:15px;}
.leftbg aside.ad { 
	padding-top:15px;
	margin:15px 20px 15px 0;
	text-align:center;
	border:1px solid #ccc;
}
.ad ul {
	list-style:none;
	margin:0 auto 8px;
	padding:0;
	width:200px;
}
.ad ul li {
	margin:0;
	padding:0;
	display:inline;
}
.ad ul li a {
	display:block;
	margin:0 0 3px;
}
.ad ul li img {
	width:200px;
	height:60px;
	display:block;
	border:1px solid #fff;
}
.ad ul li a:hover img {
	border:1px solid #888;
}

/*-------------------------------------*/
.rightbg aside.list {
}
.rightbg aside.list ul {
	margin:0 8px;
	border:none;
}
.rightbg aside.list ul li:nth-child(even) {	background-color:transparent;}
.rightbg aside.list .more {
}
.rightbg aside.list {
}
/*-------------------------------------*/
.rightbg aside.poll {
}
.rightbg aside.poll h2 {
	margin:0 15px;
	font-weight:normal;
	font-size:1em;
	line-height:135%;
}
.rightbg aside.poll .pollGo ,
.rightbg aside.poll .pollLook {
	display:inline-block;
	margin:0 5px 0 15px;
	padding:3px;
	background:#fff;
	border-radius:10px;
	border:1px solid #aaa;
	box-shadow:rgba(0,0,0,0.3) 0 1px 4px;
}
.rightbg aside.poll .pollGo a ,
.rightbg aside.poll .pollLook a {
	text-align:left;
	font-size:15px;
	line-height:15px;
	text-decoration:none;
	margin:0;
	padding:5px 5px 6px 34px;
	width:auto;
	height:auto;
}
.rightbg aside.poll .duration {
	text-align:left;
	margin:8px 15px 15px;
}