@charset "utf-8";

/* header */


#header { 
	width:100%;
	height:94px;
	margin:0 auto;
	background: url(../images/header_bg.png) repeat-x;
	position:relative;
	z-index:10;
	}
	
.header_content {
	width:1100px;
	margin:0 auto;
	padding:15px 0px 21px;
	height:59px;
	
	}
.logo { 
	width:228px; 
	height:59px;
	float:left;
	}
	
.menu {
	position:relative;
	width:700px;
	float:right;
	}

.function {
	position:absolute;
	right:0px;
	height:25px;
	width:230px;
	margin-right:-73px;
}

.function a {
	color:#9fa3ae;}

.function a:hover ,.lg-on {
	color:#f18900;
	}
	
.function ul li {
	float:left;
	line-height:25px;
	padding:0px 5px
	}

.function ul li img { margin-top:5px;}

.search { 
	width:120px;
	height:25px;
	padding:0px 0px 0px 25px;
	background:url(../images/search.gif) no-repeat left;
	border:1px #ddd solid;
	background-color:#FFF;
	}
	
#search {
	border:0;
	color:#9fa3ae;}
	
.go {
	margin-right:5px;
	float:right;
	display:block;
	width:16px;
	height:25px;
	background:url(../images/go.gif) no-repeat top;}
	
.go:hover { background-position:bottom;
}

.menu_list {
	position:absolute;
	right:0px;
	top:45px;
	font-family:'Merriweather Sans', sans-serif;
	font-size:12px;
	color:#434c61;
	font-weight:700;
	text-shadow: 1px 1px #FFF; 
	margin-left: -200px;
	}
	
.ie8 .menu_list ,.ie7 .menu_list {
	position:absolute;
	right:0px;
	top:45px;
	font-family:'Merriweather Sans', sans-serif;
	font-size:12px;
	color:#434c61;
	font-weight:300;
	text-shadow: 1px 1px #FFF; 
	}

.menu_list a {color:#434c61;}

.menu_list a:hover {
	color:#f18900;
	}   

.menu_list ul li { float:left;}

.m1 a, .m2 a, .m3 a, .m4 a, .m5 a, .m6 a, .m7 a, .m8 a, .m9 a, .m10 a{
	padding-right:15px;
	padding-left:15px;
	border-right:1px solid #a0a5ae;}
	


.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10 {
	height:15px;
	display:block;
	padding:0px 0px 20px 0px;
	
	}
	
.m10 {
	/*display:block;*/
	/*padding:0px 5px 20px 15px;*/
	}
	
/*.m1:hover { background:url(../images/menu_hover.png) no-repeat 0 bottom;}
.m2:hover { background:url(../images/menu_hover.png) no-repeat -91px bottom;}
.m3:hover { background:url(../images/menu_hover.png) no-repeat -315px bottom;}
.m4:hover { background:url(../images/menu_hover.png) no-repeat -485px bottom;}
.m5:hover { background:url(../images/menu_hover.png) no-repeat -573px bottom;}*/
	
	
/*  footer  */

#footer { 
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:10;
	padding-top:12px;
	border-top:1px #ddd solid;
	line-height:50px;
	color:#a6a6a6;}
	
.copyright { float:left;}

.iso { float:right;}
	



/*  通用  */
body {	
	overflow-x: hidden;
	background-color:#fcfcfc;
	}
	
.content { 
	background-color:#fff;
	width:100%;
	margin:0 auto;
	}
	
	
.lightbox_txt { 
	margin:0 auto;
	text-align:center;
	line-height:1.2;
	margin-top:100px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	line-height:24px;
	}


/*單元標題*/

.nav {
	
	height:60px;
	width:960px;
	margin:0 auto;
	}
	
.unit_title {
	float:left;
	text-transform: uppercase;
	font-family:'Merriweather Sans', sans-serif;
	font-size:30px;
	color:#000;
	line-height:60px;
	font-weight:300;}
	
/*麵包屑*/

.bread {
	float:right;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#b2b2b2;
	line-height:60px;}
	
.bread a { color:#666;}

.bread a:hover { color:#f39800;}

.bread .on { color:#f39800; font-weight:bold;}


/*內頁共用*/

.incontent { 
	width:100%;
	background:url(../images/content_bg.jpg) no-repeat top center;
	background-color:#fcfcfc;
	}

.content_block {
	width:960px;
	margin:0 auto;
	}
	
.sub_menu { 
	float:left;
	margin-top:45px;
	}
	
.sub_menu a {
	display:block;
	width:163px;
	height:51px;
	color:#333;} 

.sub_menu li {
	display:block;
	width:163px;
	height:51px;
	background:url(../images/sub_btn_bg.png) no-repeat top center;
	font-family:'Merriweather Sans', sans-serif;
	font-size:12px;
	color:#333px;
	padding-left:20px;
	line-height:51px;
	margin-bottom:4px;
	font-weight:400;
	}
	
.sub_menu li:hover {
	background-position:bottom;
	}
	
.sub_menu li:hover a {
	color:#FFF;
	font-weight:700;
	text-shadow:#333 1px 1px;
	}
	
.sub_menu .p-on {
	background:url(../images/sub_btn_bg.png) no-repeat bottom center;
	}
	
.sub_menu .p-on a{
	color:#FFF;	
	font-weight:700;
	text-shadow:#333 1px 1px;
	} 

.article_block {

	margin-top:45px;
	padding:30px 0px 0px 0px;
	float:right;
	font-family:'Merriweather Sans', sans-serif;
	margin-bottom:30px;
	color:#000;
	background:url(../images/block_bgup.gif) repeat-x top center;
	border:1px #FFF solid;
	background-color:#FFF;
	-webkit-box-shadow: #888 0px 0px 1px;
	-moz-box-shadow: #888 0px 0px 1px;
	box-shadow: #888 0px 0px 1px;
	behavior: url(css3pie/PIE.htc);
	position: relative;
	}
	
.block_bgdown {
	position:inherit;
	bottom:0px;
	left:0px;
	width:100%;
	height:30px;
	background:url(../images/block_bgdown.gif) repeat-x  bottom center;
	}
	
.inside { padding:0px 30px; margin-bottom:10px;}
	
.article_title {
	font-family:'Merriweather Sans', sans-serif;
	font-weight:300;
	font-size:26px;
	margin-bottom:10px;
	}


.F-MS {
	font-family:'Merriweather Sans', sans-serif;
	font-weight:300;
	}
	
.F-VD { font-family:Verdana, Geneva, sans-serif;}
	
.C-333 { color:#333;}
.C-666 { color:#666;}


.S-12 { font-size:12px;}
.S-13 { font-size:13px;}
.S-14 { font-size:14px;}
.S-15 { font-size:15px;}

.clear { clear:both;}

/*以下是css3pie*/
.container{
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(css3pie/PIE.htc);
}