@charset "utf-8";

/* Reset Start ------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size:13px;
	line-height:140%;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset End ------*/


#container {
	width:707px;
	margin:0 auto;
}

#header{ 
	background:url(header.jpg) no-repeat;
	height:141px;
}

#header .cancel{ 
	display:block;
	margin:0 0 0 400px;
	padding:0;
	width:100px;
	height:60px;
}

#primary{ 
	background:url(primary.jpg) no-repeat;
	height:100px;
}

#content{ 
	clear:both;	
	background:url(bg_img.jpg) repeat-y;
}

#sidebar_1 {
	float:left;
	width:200px;
	text-align:center;
	padding:0;
	margin:10px 0 0 7px;
}
#sidebar_2 {
	float:right;
	width:490px;
	padding:0;
	margin:10px 7px 0 0;
}


/* 單元區塊設置 (最外層)
============================ */
.block_area {
	display:block;
	margin:0;
	word-wrap:break-word;
	word-break:break-all;
	text-overflow:ellipsis;
	overflow:hidden;	
}

/* 單元區塊標題設置
============================ */
.block_title {	
	padding:0;
	margin:0 0 3px 0;
}

.block_title dl {
	display:block;
}

.block_title dt { 
	display:block;
}

/* 單元區塊內容設置
============================ */
.block_content{
	clear:both;
	display:block;
	padding:5px 0 0 0;
	margin:0 10px 0 10px;
}

.block_content h1 { 
	background:url(images/icon_h1.gif) no-repeat top left; 
	margin:0;
	padding:0 0 8px 15px;
}

.block_content h1 a{ 
	font-size:13px;
	line-height:150%;
	font-weight:bold;
	color:#213c87;
} 

.block_content h1 a:hover{ 
	text-decoration:none;
	color:#FF6600;
}

.block_content ul li{
	padding:0;
	margin:0 15px 5px 17px;
}

.block_content ul li span{
	font-size:12px;
/*	font-weight:bold;*/
	color:#1a4c69;
	text-decoration:none;
	line-height:140%;
}

.block_content ul li a{
	font-size:12px;
	color:#000000;
	text-decoration:none;
	line-height:140%;
}

.block_content ul li a:hover{
	color:#ff3300;
	text-decoration:underline;
}

.block_con1{
	display:inline;
	float:left;
	padding:0;
	margin:0 0 0 30px;
	width:300px;
	background:url(title_icon.jpg) no-repeat top left;
}

.block_con2{
	display:inline;
	float:right;
	padding:0;
	margin:0 30px 0 0;
	background:url(title_icon.jpg) no-repeat top left;
	width:300px;
}

.block_con1 h1, .block_con2 h1{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#fa0f0f;
	padding:0 0 0 35px;
}

.block_con1 h2, .block_con2 h2{
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#2b9bc9;
	padding:0 0 5px 35px;
}

.block_con1 img, .block_con2 img{
	padding: 0 5px 0 0;	
}

.block_con1 span, .block_con2 span{
	clear:both;
	display:block;
	text-align:right;
}

.block_con3{
	display:inline;
	float:left;
	padding:0;
	margin:0 0 0 30px;
	width:300px;
}

.block_con4{
	display:inline;
	float:right;
	padding:0;
	margin:0 30px 0 0;
	width:300px;
}

/* 單元區塊底部設置
============================ */
.block_footer{
	clear:both;
	margin:0 auto;
	padding:0;
}

.block_footer dl {
	display:block;
}

.block_footer dt { 
	display:block;
}

.more {
/*	float:right;*/
	margin:10px 2px 10px 10px;
}

/* 單元標題圖
============================ */
.title_focus{ 
	background:url(title_focus.jpg) no-repeat; 
	height:67px;
	margin:0;
	padding:0;
}

.title_focus div{
	display:block;
	float:right;
	width:200px;
	margin:0;
	padding:10px 20px 0 0;
}

.title_focus div, .title_focus div a{
	text-align:right;
	font-size:13px;
	color:#666666;
	text-decoration:none;
}

.title_focus div a:hover{
	color:#ff3300;
	text-decoration:underline;
}

.title_focus .focus_print{
	clear:right;
	display:block;
	float:right;
	width:200px;
	margin:0;
	padding:10px 20px 0 0;
	font-size:13px;
	color:#4b80c2;
}

.title_focus .focus_print a{
	text-align:right;
	font-size:13px;
	color:#4b80c2;
	text-decoration:none;
}

.title_focus .focus_print a:hover{
	color:#ff3300;
	text-decoration:underline;
}

.title_news{ 
	background:url(title_news.jpg) no-repeat; 
	height:26px;
	margin:0;
	padding:0;
}

.title_faq{ 
	background:url(title_faq.jpg) no-repeat; 
	height:26px;
	margin:0 0 0 0;
	padding:0;
}

.title_statute{ 
	background:url(title_statute.jpg) no-repeat; 
	height:26px;
	margin:0 0 0 0;
	padding:0;
}

.title_event{ 
	background:url(title_event.jpg) no-repeat; 
	height:26px;
	margin:0 0 0 0;
	padding:0;
}



/* 首頁新聞報導 內容區塊
============================ */
.block_news{
	display:block;
	margin:0 auto;
	padding:5px 5px 20px 5px;
	background:url(news_bg.jpg) no-repeat; 
}

.block_news h1 { 
	background:url(icon_h1.gif) no-repeat top left; 
	margin:0;
	padding:0 0 5px 15px;
}

.block_news h1 a{ 
	font-size:13px;
	font-weight:bold;
	color:#213c87;
} 

.block_news h1 a:hover{ 
	text-decoration:none;
	color:#FF6600;
}

.block_news p{ 
	display:block;
	font-size:13px;
	margin:0;
	padding:0 0 15px 15px;
}


/* 內容頁版面設置
============================ */
.focus_hr{
	clear:both;
	border:2px solid #d7d6d6;
	width:660px;
	text-align:center;
}

.focus_content{
	display:block;
	padding:0;
	margin:0 auto;
	background-color:#f5eded;
	width:660px;
}

.content_sidebar1 {
	display:block;
	float:left;
	width:190px;
	text-align:center;
	padding:0;
	margin:10px 0 0 7px;
}

.content_sidebar2 {
	float:right;
	display:block;
	width:420px;
	padding:0 0 0 15px;
	margin:10px 10px 10px 10px;
	border-left:1px dotted #333333;
}

.content_sidebar2 h1{
	font-size:16px;
	font-weight:bold;
	color:#fa0f0f;
	padding:0 0 3px 0;
	margin:0;
}

.content_sidebar2 h2{
	font-size:13px;
	font-weight:bold;
	color:#2b9bc9;
	padding:0 0 15px 0;
	margin:0;
}

.content_sidebar2 p{
	font-size:13px;
	color:#555555;
	line-height:150%;
}

.content_sidebar2 ul{
	list-style:circle;
	color:#555555;
}

.content_sidebar2 ol{
	list-style:circle;
	padding:0 0 0 25px;
	color:#555555;
}

.content_sidebar2 li{
	list-style:disc;
	color:#555555;
}

.clear{
	clear:both;
}

.behavior{
	display:block;
	text-align:right;
	padding:0;
	margin:20px 0 10px 0;
}


/* 內容頁(左)圖片區塊
============================ */
.pic_border{ 
	margin:0;
	padding:5px;
	border:1px solid #cccccc;
	text-align:center;
	margin:5px;
}

/* footer */
#footer{ 
	clear:both;
	background:url(footer.jpg) no-repeat; 
	height:63px;
	margin: 0;
	font-size:12px;
	color:#ffffff;
	line-height:160%;
	padding: 20px 0 0 50px;
	margin:0;
}

#footer a{ 
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:underline;
}

#footer a:hover{ 
	color:#FF3300;
}

