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

/*.cp br{display:none;}/*20170105新增*/
/*-------------------------------------header*/
.cp header h1, .sp header h1, .lp header h1, .np header h1 { font-size: 16px; color: #000000; padding-left: 20px; background-image: url(../images/cph1.png); background-repeat: no-repeat; background-position: left 5px; }
.cp header ul, .sp header ul {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	color: #777;
	font-size: .92em;
}
.cp header ul li, .sp header ul li {
	margin: 0 1em 0 0;
	padding: 0;
	display: inline;
}
.cp header ul li em, .sp header ul li em {
	font-style: normal;
	color: #333;
}
/*-------------------------------------*/
.preface {
	border-radius: 8px;
	padding: 0;
	margin: 0 0 10px;
	border: 1px solid #ccc;
	background: #f3f3f3;
}
.preface p {
	margin: 0;
	padding: 0
}
.preface p+p {
	margin-top: 1.2em;
}
/*-------------------------------------*/
.cp article {
	clear: both;
	margin: 0 0 30px;
	padding-bottom: 30px;
	width: 760px \9;
}
.cp article h2, .cp article h3, .cp article h4, .cp article h5, .cp article h6 {
	color: #000;
	margin: 1.6em 0 .5em;
	font-weight: normal;
}
.cp article h2 {
	font-size: 1.38em;
}
.cp article h3 {
	font-size: 1.23em;
}
.cp article h4 {
	font-size: 1.15em;
}
.cp article h5 {
	font-size: 1.08em;
}
.cp article h6 {
	font-size: 1em;
}
.cp article h2+h3, .cp article h3+h4, .cp article h4+h5, .cp article h5+h6 {
	margin-top: 0;
}
.cp article, .cp article p {
	line-height: 180%;
}
/*------------------------------------文章內主圖*/
.cp article figure {
	float: left;
	border: 1px solid #ccc;
	margin: 5px 15px 8px 2px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 7px;
	max-width: 288px;
	letter-spacing: 0;
}
.cp article figure img {
	display: block;
	max-width: 280px;
	border: 4px solid #fff;
}
.cp article figure figcaption {
	margin: 0 4px 4px;
	line-height: 140%;
	width: auto;
	max-width: 240px;
}
.cp article figure.noFloat {
	float: none;
	margin: 0 auto 12px;
	border: none;
	text-align: center;
	box-shadow: none;
	max-width: none;
	background: none;
}
.cp article figure.noFloat figcaption, .cp article figure.noFloat img {
	max-width: 640px;
	margin: 0 auto;
}
.cp article p img {
	vertical-align: -25%;
	margin: 0 3px;
}
/*---table--*/
.cp article table {
	margin: 0 auto 1em;
	width: 99%;
	line-height: 150%;
	border-collapse: collapse;
}
.cp article table.noBorder {
	width: auto;
	margin: 0 0 1em;
}
.cp article table caption {
	font-weight: bold;
	text-align: left;
	font-size: 1em;
	padding: 5px 10px 4px;
}
.cp article th, .cp article td {
	vertical-align: top;
	padding: 5px 8px 4px;
	border: 1px solid #999;
}
.cp article .noBorder th, .cp article .noBorder td {
	border: none;
	padding: 0;
}
.cp article th {
	background-color: #ccc;
}
.cp article th[scope="row"] {
	text-align: right;
	vertical-align: top;
	width: 15%;
}
.cp article th[scope="col"] {
	text-align: center;
	vertical-align: middle;
}
/*---ul , ol*/
.cp article ul, .cp article ol {
	margin: .5em 0 1em 2em;
	padding: 0;
}
.cp article ul li, .cp article ol li {
	margin: 0 0 .5em 0;
}
/*-------------------------------pubInfo*/
.cp .pubInfo {
	clear: both;
	margin: 10px 0 20px;
	background: #f4fafd url(../images/pubInfo_bg.png) repeat-x left bottom;
	padding: 10px;
	border: 1px solid #cedae0;
}
.cp .pubInfo ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #777;
}
.cp .pubInfo ul li {
	margin: 0;
	padding: 0;
	line-height: 150%;
}
.cp .pubInfo ul li em {
	font-style: normal;
	font-weight: normal;
	margin-left: 4px;
	color: #444;
}
.cp article .gmap {
	clear: both;
	margin: 15px auto;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	width: 640px;
	height: 400px;
	overflow: hidden;
}
.cp article .gmap iframe {
	width: 640px;
	height: 400px;
}
/*-------------------------------------announcement 標售公告*/
.announcement ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #777;
}
.announcement li em {
	color: #333;
}
.announcement .notice {
	padding: 8px 15px;
	border-width: 1px;
	border-style: solid;
}
.announcement .notice li em {
	font-size: 1.15em;
}
.announcement .notice p {
	margin: 0;
}
.announcement .notice ul+p {
	margin-top: .8em;
}
.announcement .docLink {
	margin: 8px 0 3px;
	text-align: center;
}
.announcement .docLink ul {
	overflow: hidden;
	display: inline-block;
	margin: 0 5px;
	font-size: 1.15em;
	color: #fffceb;
}
.announcement .docLink li {
	float: left;
	line-height: 110%;
	padding: 0;
	margin: 5px 2px;
}
.announcement .docLink li a {
	text-decoration: none;
	border-radius: 15px;
	display: block;
	padding: 6px 14px 4px 15px;
	box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	background: #f97500;
	color: #fff;
}
.announcement .docLink li a:hover {
	text-decoration: none;
	margin-top: -1px;
	box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
	background: #ff9c00;
	color: #fff;
}
.announcement iframe {
	border-width: 1px;
	border-style: solid;
	width: 100%;
}
/*-------------------------------------attachment 附件*/
.attachment, .seeAlso {
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
	padding: 0 0 25px;
	border-bottom: 1px solid #bbb;
}
.attachment ul, .seeAlso ul {
	margin: 0 3px;
	padding: 0;
	list-style: none;
	line-height: 150%;
}
.attachment li a, .seeAlso li a {
	text-decoration: none;
}
.attachment li a:hover, .seeAlso li a:hover {
	text-decoration: underline;
}
/*-------------------------------------*/
.attachment h1, .seeAlso h1 {
	font-size: 16px;
	margin: 0 0 .9em;
	padding: 0;
	letter-spacing: 5px;
}
/*-------------------------------------附件：檔案下載*/
.attachment .filename li {
	margin: 0 0 .5em;
	padding: 1px 0 2px 20px;
	background: url(../images/li2.png) no-repeat 0 11px;
	border-bottom: 1px dotted #ccc4a8;
}
.attachment .filename li:only-child {
	border: none;
}
/*file type icon*/
.attachment .filename li span {
	margin-left: .2em;
}
.attachment .filename li .fileType {
	vertical-align: -20%;
	vertical-align: -30% \9;
}
.fileType {
	display: inline-block;
	width: 24px;
	height: 26px;
	background: url(../images/fileTypes.png) no-repeat 0 0;
}
.fileType.zip {
	background-position: 0 0;
}
.fileType.pdf {
	background-position: -30px 0;
}
.fileType.doc {
	background-position: -60px 0;
}
.fileType.xls {
	background-position: -90px 0;
}
.fileType.ppt {
	background-position: -120px 0;
}
.fileType.jpg {
	background-position: -150px 0;
}
.fileType.mp3 {
	background-position: -180px 0;
}
.fileType.mov {
	background-position: -210px 0;
}
.fileType.txt {
	background-position: -240px 0;
}
.fileType.other {
	background-position: -270px 0;
}
.attachment .filename li .fileSize {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .92em;
}
/*-------------------------------------附件：相關圖檔*/
.attachment .images {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.attachment .images li {
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	margin: 2px 5px 3px 0;
	padding: 0;
	float: left;
	width: 144px;
	height: 178px;
	height: 176px \9;
 *height:178px;
	text-align: center;
	border: 1px solid #E4E4E4;
	background-color: #F7F7F7;
}
.attachment .images li a {
	display: block;
	margin: 4px;
}
.attachment .images li a:hover {
	text-decoration: none;
}
.attachment .images li img {
	max-width: 136px;
	max-height: 136px;
	display: block;
	margin: 0 auto 4px;
}
.attachment .images li:hover {
	background: #fff;
	margin: 1px 5px 4px 0;
}
/*-------------------------------------相關連結*/
.seeAlso h1 {
	padding: 0 0 .3em;
}
.seeAlso ul {
	list-style: none;
	margin: 0 3px;
	padding: 0;
}
.seeAlso ul li {
	margin: 0 0 8px;
	padding: 0 0 2px 20px;
	background: url(../images/li3.png) no-repeat 1px 1px;
	border-bottom: 1px dotted #bbb;
}
/*-------------------------------------meta*/
.meta {
	clear: both;
	padding: 15px 0;
	border: 1px solid #bbb;
	width: 760px \9;
	margin: 0 0 20px;
}
.meta h2 {
	font-size: 1.15em;
	width: 92%;
	margin: 0 auto;
}
.meta table {
	width: 96%;
	border-collapse: collapse;
	line-height: 160%;
	margin: 10px auto;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.meta th {
	width: 6em;
	white-space: nowrap;
	text-align: right;
	padding: 6px 3px 5px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	font-weight: normal;
	color: #000;
}
.meta td {
	padding: 6px 3px 5px 0;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
.meta td p {
	line-height: 130%;
	margin: 0 0 .8em;
}
.meta td ul {
	margin: 0 0 1em 2em;
	padding: 0;
}
.meta td li {
	margin: 0 0 .5em;
	padding: 0;
}
.meta td .gmap {
	border: 1px solid #bbb;
	width: 600px;
	height: 360px;
	overflow: hidden;
}
.meta td .gmap iframe {
	width: 600px;
	height: 360px;
}
.meta td img {
	max-width: 500px;
	max-height: 500px;
}
.meta td .pollGo a, .meta td .pollLook a {
	margin: 0;
}
/*directorList 首長列表*/
.resumeList table {
	font-size: 1.15em;
}
.resumeList th, .resumeList td {
	padding: 7px 0 5px;
}
.resumeList a {
	text-decoration: none
}
.resumeList a:hover {
	text-decoration: underline
}
/*resume 首長介紹*/
.resume {
	overflow: hidden;
}
.resume figure+table {
	/*float: left;*/
	width: 480px;
	margin: 10px 15px;
}
.resume figure {
	float: right;
	padding: 0;
	margin: 5px 15px 0 0;
}
.resume figure img {
	display: block;
	width: 210px;
	border: 1px solid #CCC;
}
.resume td ul {
	list-style: square;
}
/*------------------------------------- videoPlay */
.videoPlay {
	margin: 0 0 30px;
	padding: 0 0 10px;
	border-bottom: 1px solid #bbb;
}
.videoPlay object a {
	display: block;
	margin: 10px 0;
	font-size: 1.15em;
}
.videoPlay p {
	clear: both;
	width: 480px;
	border-top: 1px solid #ddd;
	padding: .6em 0 0;
}
.videoPlay ul {
	width: 480px;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #777;
	font-size: .92em;
}
.videoPlay li {
	margin: 0 1.5em .5em 0;
	padding: 0;
	float: left;
}
.videoPlay li.count {
	float: right;
	margin: 0;
}
.videoPlay li.count em, .videoPlay li.date em {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
/*------------------------------------- album 照片詳細內容頁  style setting in [i_adLoop.css ]*/


/*-tb-2014-10-23新增*/
.layout .center .cp article .tb {
	margin: 0 auto 1em;
	width: 99%;
	line-height: 150%;
	border-collapse: collapse;
}
.layout .center .cp article .tb td {	
	margin: 0 auto 1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.layout .caption .tb th, .cp .caption .tb td {
	vertical-align: top;
	padding: 5px;
	border: 1px solid #999;
}
.layout .center .tb tbody td table {
	border: 1px solid #999;
}
.layout tr .center .cp article .tb tbody tr td table thead tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	}
.layout .center .cp article .tb tbody tr td table tbody tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding:5px;
}

.center .tb tbody td div table thead  td p {
	text-align: center;
	padding: 5px;
}