﻿@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-1.jpg);
	background-color: #ffffff;
	}
a:hover {
	color: #e7671a;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	display: inline;
	margin: 0px;
}


/* ----- #wrapper ----- */
#wrapper {
	width: 989px;
	margin: 0px auto;
	}


/* ----- #head ----- */
#head {
	background-color: #ffffff;
	height: 83px;
	}
#head #logo {
	height: 55px;
	width: 278px;
	float: left;
	padding: 20px 0px 0px 30px;
	}
#head #headInner {
	width: 664px;
	float: right;
	padding: 0px 17px 0px 0px;
	}
#head #headInner #add {
	height: 30px;
	margin: 0px 0px 0px 268px;
	}
#head #headInner #add #addLink {
    position: absolute;
	margin: 8px 0px 0px 0px;
	}	
#head #headInner #add #addLink ul {
	margin: 0px;
	padding: 0px;
	}	
#head #headInner #add #addLink ul li {
	display: inline;
	float: left;
	list-style-type: none;
	}
#head #headInner #add #addLink ul li a {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	}
#head #headInner #add #addLink ul li a:hover {
	color: #4983c5;
	}
#head #headInner #add #addLink ul li.div-1 {
	padding: 2px 8px 0px 0px;
	}
#head #headInner #add #addLink ul li.div-2 {
	padding: 0px 8px 0px 9px;
	background-image: url(../images/add-line.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	}


#head #headInner #add #fontSize {
	position: absolute;
	margin: 6px 0px 0px 340px;
	}
#head #headInner #add #fontSize ul {
	margin: 0px;
	padding: 0px;
	}
#head #headInner #add #fontSize ul li {
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0px 2px 0px 2px;
	}	
	
#head #navigation {
	height: 54px;
	background-image: url(../images/menu-bg.gif);
	padding: 8px 0px 0px 30px;
	}

/* ----- #main ----- */
#main {
	height: 234px;
	
	}


/* ----- #contentInner ----- */
#contentInner{
	float: left;
	width: 989px;
	}
/* ----- #weblinks ----- */

#weblink_form{
width:440px;
height:auto;
padding:0px 0 0 0px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}

input.weblink_input{
width:385px;
height:18px;
float:left;
font: normal 11px Arial, Helvetica, sans-serif;
border:1px #ced6ec solid;
background-color:#FFFFFF;
color: #7F7F81;
padding:2px 0 0 5px;
}
textarea.weblink_textarea{
width:220px;
height:28px;
float:left;
font: normal 11px Arial, Helvetica, sans-serif;
border:1px #ced6ec solid;
background-color:#FFFFFF;
color: #7F7F81;
}
.go {
width:33px;
height:20px;
display:block;
background:url(../images/go.gif) no-repeat center;
background-position:0px 0px;
font: normal 11px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
padding:0 0 0 1px;
float:right;
margin-top:-22px\9;
margin-right:8px;
}
/* ----- #serrch ----- */
#search {
	width:180px;
    height:auto;
    padding:0px 0 0 5px;
}
.search_row{
float:left;
padding:4px 0 4px 0;
}

input.search_input{
width:123px;
height:18px;
float:left;
font: normal 11px Arial, Helvetica, sans-serif;
border:1px #ced6ec solid;
background-color:#FFFFFF;
color: #7F7F81;
padding:2px 0 0 5px;
margin-right:10px\9;
}
textarea.search_textarea{
width:100px;
height:28px;
float:left;
font: normal 11px Arial, Helvetica, sans-serif;
border:1px #ced6ec solid;
background-color:#FFFFFF;
color: #7F7F81;
}

/*--------------left menu----------------*/
#left_menu{
	position:relative;
	top:2px;
	left:35px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	overflow: hidden; /* 超過範圍隱藏 */
	white-space: nowrap;
}
#left_menu ul{
list-style-type:none; width: 210px;
margin:0; padding:0;}

#left_menu li {
display:block;}

#left_menu li a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none; background:url(../images/left_menu_bullet.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li a:hover {
display:block;  padding:0 0 0 25px; height:35px;text-align:left;
text-decoration:none; background:url(../images/left_menu_bullet.gif) no-repeat left #ededed; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected1 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon1.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected1 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon1-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected2 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon2.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected2 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon2-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected3 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon3.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected3 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon3-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected4 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon4.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected4 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon4-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected5 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon5.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected5 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon5-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected6 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon6.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected6 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon6-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected7 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon7.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected7 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon7-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

#left_menu li.selected8 a {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px;
text-decoration:none;background:url(../images/m-icon8.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}
#left_menu li.selected8 a:hover  {
display:block;  padding:0 0 0 25px; height:35px;text-align:left; line-height:35px ;
text-decoration:none;background:url(../images/m-icon8-over.gif) no-repeat left #ededed ; color:#01508b;border-bottom:dotted 1px #484848;}

/* ----- #contentInner #primary ----- */
#contentInner #primary {
	float: right;
	width: 499px;
	}
#contentInner #primary .infoBg-1 {
	width: 489px;
	margin: 0px 5px 0px 5px;
	padding: 10px;
	}
#contentInner #primary .infoBg-2 {
	width: 490px;
	margin: 0px 20px 0px 20px;
	padding: 9px;
	background-color: #f6d9e3;
	border: 1px solid #f3cfdb;
	}
#contentInner #primary .infoBg-3 {
	width: 490px;
	margin: 0px 20px 0px 20px;
	padding: 9px;
	background-color: #efe2c3;
	border: 1px solid #eadab5;
	}
#contentInner #primary .infoBg-4 {
	width: 490px;
	margin: 0px 20px 0px 20px;
	padding: 9px;
	background-color: #ddebc4;
	border: 1px solid #d2e4b5;
	}
#contentInner #primary .infoBg-5 {
	width: 490px;
	margin: 0px 20px 0px 20px;
	padding: 9px;
	background-color: #d6d4f0;
	border: 1px solid #ccc9ec;
	}
.first {
	padding: 0 0 0 20px;
	}
.first .picbg-1 {
	float: center;
	height: 93px;
	width: 151px;
    border: 1px solid #666;
	background-image: url(../images/pic-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.first .picbg-2 {
	width: 155px;
    border: 1px solid #666;
	background-image: url(../images/pic-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
		
.first .picbg-3 {
	float: left;
	height: 72px;
	width: 88px;
	background-image: url(../images/home-first-pic-bg-3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}	
.first .picbg-4 {
	float: left;
	height: 72px;
	width: 88px;
	background-image: url(../images/home-first-pic-bg-4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}	
.info .first .picbg-5 {
	float: left;
	height: 72px;
	width: 88px;
	margin: 0px 10px 0px 0px;
	background-image: url(../images/home-first-pic-bg-5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}	
.first .pic {	
	width: 80px;
	height: 55px;
	margin: 4px 0px 0px 4px;
	}
.first .text {
	float: left;
	width: 150px;
	font-size: 11px;
	color: #333333;
	margin: 10px 0px 5px 0px;
	}
.first .text a {
    font-size: 12px;
	font-weight: bold;
	color: #4983c5;
	line-height: 18px;
	text-decoration: none;
	}
.first .text a:hover {
	color: #e7671a;
	text-decoration: underline;
	}
#cen1 {
	clear: both;
	width: 470px;
	margin: 20px 15px 10px 15px;
	}
#cen1 .list {
    clear: both;
	}
.listline{
     clear: both;
	 width: 478px;
	 height: 1px;
     border-bottom:dotted 1px #484848;
	}
	
#cen1 .list .listDate {
	font-size: 11px;
	color: #CC3300;
	width: 50px;
	float: right;
	padding: 8px 0px 0px 0;
	height: 25px;
	}

#cen1 .list .listLink {
    width: 390px;
	float: left;
	height: 25px;
	padding: 5px 0 0 5px;
	}
#cen1 .list .listLink a {
	font-size: 12px;
	color: #4983c5;
	text-decoration: none;
	line-height: 18px;
	padding: 0px 0 5px 10px;
	}
#cen1 .list .listLink a:hover {
	color: #e7671a;
	text-decoration: underline;
	}
	
#cen1 .list .listtra {    
	width: 470px;
	float: left;
	height: 30px;
	padding: 5px 0 0px 5px;
	}
	
#cen1 .list .listtra a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	line-height: 18px;
	padding: 5px 0 0px 5px;
	}
#cen1 .list .listtra a:hover {
	color: #333;
	text-decoration: underline;
	}
	
/* ----- #contentInner #secondary ----- */
#contentInner #secondary {
	float: left;
	width: 254px;
	background-image: url(../images/layout-line.gif);
	background-repeat: repeat-y;
	background-position: right top;
	}
#contentInner #secondary .updata {
    background-image:url(../images/data-1bg.gif);
	height: 42px;
	width: 224px;
	margin: 10px 20px 0px 0px;
	}
#contentInner #secondary .updata .list {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	width: 224px;
	float: left;
    padding: 10px 0px 0px 31px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

/* ----- #tertiary ----- */
#tertiary {
	float: right;
	width: 220px;
	}
#tertiary #seo {
	width: 190px;
	margin: 0px 0px 0px 20px;
	background-image: url(../images/home-seo-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#tertiary #seo dl {
	width: 156px;
	margin: 0px auto;
	}
#tertiary #seo coreTail {
	}
#tertiary #banner {
	width: 190px;
	margin: 10px 0px 0px 20px;
	}
#tertiary #banner ul {
	margin: 0px;
	padding: 0px;
	}
#tertiary #banner ul li {
	padding: 10px 0px 0px 10px;
	list-style-type: none;
	}
#tertiary #shareBtn {
	width: 190px;
	height: 115px;
	margin: 30px 30px 0px 0px;
	}
#tertiary #shareBtn #shareBtnInner {
	z-index: 1;
	position: absolute;
	}
#tertiary #shareBtn #shareBtnDate {
	padding: 10px 0px 0px 20px;
	font-size: 11px;
	color: #999999;
	position: absolute;
	z-index: 2;
	}


/* ----- #tail ----- */
#tail {
	background-image: url(../images/footer-bg.gif);
	height: 211px;
	width: 100%;
	clear: both;
	margin: 25px 0px 0px 0px;
	}
#tail #tailInner {
	width: 989px;
	margin: 0px auto;
	}
#tail #tailInner #tailMain {
    float: left;
	width: 980px;
	margin: 30px 0px 10px 0px;
	}
#tail #tailInner #tailMain #tailLogo {
    float: left;
	width: 50px;
	}
#tail #tailInner #tailMain #tailtext {
    float: left;
	width: 720px;
	}
#tail #tailInner #tailMain #tailtext #tailLink {
	}	
#tail #tailInner #tailMain #tailtext #tailLink ul {
	margin: 0px;
	padding: 0px;
	}	
#tail #tailInner #tailMain #tailtext #tailLink ul li {
	display: inline;
	float: left;
	list-style-type: none;
	}
#tail #tailInner #tailMain #tailtext #tailLink li a {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	}
#tail #tailInner #tailMain #tailtext #tailLink ul li a:hover {
	color: #130f6c;
	text-decoration: underline;
	}
#tail #tailInner #tailMain #tailtext #tailLink ul li.div-3 {
	padding: 0px 10px 5px 50px;
	}
#tail #tailInner #tailMain #tailtext #tailLink ul li.div-4 {
	padding: 0px 10px 0px 11px;
	background-image: url(../images/footer-line.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	}
#tail #tailInner #tailMain #tailtext #copyright {
/*	font-size: 11px;*/
	color: #000000;
	clear: both;
	margin: 10px 0px 0px 50px;
	line-height: 18px;
	}
#tail #tailInner #tailMain #tailtext #copyright a {
	color: #000000;
	text-decoration: none;
	}
#tail #tailInner #tailMain #tailtext #copyright a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#tail #tailInner #tailaaa {
}
#tail #tailInner #tailaaa a {
	float: left;
	display: block;
	height: 31px;
	width: 88px;
	margin: 0px 0px 0px 35px;
	background-image: url(../images/aaa.gif);
	overflow: hidden;
	line-height: 9000px;
	}
#tail #tailInner #tailaaa a:hover {
	background-image: url(../images/aaa.gif);
	}
#tail #tailInner #tailgov{
}	
#tail #tailInner #tailgov a {
	float: left;
	display: block;
	height: 44px;
	width: 42px;
	margin: 0px 0px 0px 35px;
	background-image: url(../images/gov.gif);
	overflow: hidden;
	line-height: 9000px;
	}
#tail #tailInner #tailgov a:hover {
	background-image: url(../images/gov.gif);
	}	
/* ----- layout ----- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/
.clear {
	clear: both;
	}
.title-news {
	margin: 0px 0px 10px 0px;
	}
.title-1 {
	margin: 30px 0px 12px 25px;
	}
.title-2 {
	margin: 10px 0px 5px 0px;
	}
.date {
	font-size: 11px;
	color: #333333;
	}
.more-1 a {
	display: block;
	width: 47px;
	height: 27px;
	float: right;
	background-image: url(../images/more.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 5px;
	clear: both;
	}
.more-1 a:hover {
	background-image: url(../images/more-over.gif);
	}
.more-2 a {
	display: block;
	width: 47px;
	height: 27px;
	float: right;
	background-image: url(../images/more-whitebg.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 5px 0px 0px;
	clear: both;
	}
.more-2 a:hover {
	background-image: url(../images/more-whitebg-over.gif);
	}

/* ----- font ----- */
.font-lblue-s {
	font-size: 11px;
	color: #92b5dc;
	text-decoration: none;
}
.font-lblue-s a:hover {
	color: #92b5dc;
	text-decoration: underline;
}

/* ----- index word ----- */
.update-word {
	font-size: 12px;
	color: #000000;
}
.content-12333{
	font-size: 12px;
	color: #030303;
	line-height: 20px;
}
.content-12333 a{
	font-size: 12px;
	color: #030303;
	line-height: 20px;
	text-decoration:none;
}
.content-12black {
	font-size: 12px;
	color: #474747;
	line-height: 20px;
}
.content-12black a{
	font-size: 12px;
	color: #474747;
	line-height: 20px;
	text-decoration:none;
}
.down-red12 {
	color: #660000;
	font-weight: bold;
}
#Layer1 {
	position:absolute;
	left:410px;
	left:464px\9;
	top:204px;
	width:547px;
	height:115px;
	z-index:1;
}

/* ----- page word ----- */

.pageword18 {
	font-size: 18px;
	color: #000000;
}

.pageword12{
	font-size: 12px;
	color: #333333;
	line-height:18px;
}
.pageword15-blue {
	font-size: 14px;
	color: #0066CC;
	line-height:20px;
}
.pageword11 {
	font-size: 11px;
	color: #666666;
}



.menu-leftpic { float:left;}

.mega-menu > li > ul{
	display:none;
}
