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

*{
	padding:0;
	margin:0;
	line-height:1.8em;
	font-size:15px;
	font-family:"微軟正黑體", "新細明體", serif;
	color:#333333;
	list-style:none;
	 border:0;
	 text-decoration:none}
a:hover{
	color:#F60;
	}	
#header{
	width:100%;
	background:url(../images/top.gif) no-repeat top center;
	height:300px;
	overflow:hidden;
	margin:0 auto;}
	
#wrapper{
	margin:0 auto;
	width:1000px;}		
#footer{
	width:1000px;
	border-top:#666 1px solid;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	font-size:13px;
	clear:both}	
#menu {
	height:105px;}	
#menu ul li{
	float:left;
	height:105px;
	}	
#content{
	float:left;
	padding:20px 0;
	width:1000px;
	position:relative}	

#left_content{
	width:734px;
	float:left;
	padding-left:10px;
	padding-right:5px;
	}		

#right_content{
	border-left:1px dashed #666666;
	width:212px;
	float:right;
	padding-left:15px;
	padding-right:13px;}
	
/*首頁left*/
#left1{
	width:166px;
	float:left;
	margin:0 10px;}
#left2{
	width:342px;
	float:left;
	margin:0 8px;}	
#left3{
	width:166px;
	float:left;
	margin:0 10px;}	

#left4 {
    height: 201px;
    left: 20px;
    position: absolute;
    top: 541px;
    width: 547px;
    z-index: 1;
}	
#left5{
	width:173px;
	float:left;
	margin-right:10px;}
#left6{
	width:350px;
	float:left;
	margin-right:10px;}
#left7{
	width:400px;
	height:700px;
	float:left;
	margin-right:10px;}
.box{
	-moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
-webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
margin-bottom:15px;
border:1px solid #ccc;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all  0.3s;}	

.box:hover{-moz-box-shadow:4px 2px 4px rgba(20%,20%,40%,0.4);
border:1px solid #9C0;
-webkit-box-shadow:4px 2px 4px rgba(20%,20%,40%,0.4);
box-shadow:4px 2px 4px rgba(20%,20%,40%,0.4);}


#box166{
	padding:10px;
	width:146px;
	height:224px;
	}
#box332{
	padding:10px;
	width:322px;
	height:485px;
	background:url(../images/big_img.jpg) no-repeat top center;
	}
#box332:hover{	background:url(../images/big_img3.gif) no-repeat top center;
	}	
#box166_2{
	padding:10px;
	width:146px;
	height:164px;
	}
#box166_3{
	padding:10px;
	width:146px;
	height:82px;
	background:url(../images/green_up.jpg) no-repeat top center
	}	
#box355{
	padding:10px;
	width:328px;
	height:164px;
	float:left
	}
#box165{
	padding:10px;
	width:140px;
	height:164px;float:left;
	margin-left:16px;
	background:url(../images/rev.jpg) no-repeat top center
	}	
#left5 #box166{
	padding:8px;
	width:154px;
	height:214px;
	-moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
-webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
margin-bottom:15px;
border:1px solid #ccc;
	}	
#left6 #box166{
	padding:8px;
	width:330px;
	height:330px;
	
	}	
#left6 .box{	-moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
-webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
box-shadow:1px 1px 2px rgba(20%,20%,40%,0.4);
margin-bottom:15px;
border:1px solid #ccc;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all  0.3s;}	

#left6 .box:hover{-moz-box-shadow:4px 2px 4px rgba(20%,20%,40%,0.4);
border:1px solid #9C0;
-webkit-box-shadow:4px 2px 4px rgba(20%,20%,40%,0.4);
box-shadow:4px 2px 4px rgba(20%,20%,40%,0.4);}
		
#left6 #box166 #box_img{
	width:330px;
	height:220px;}
#left6 #box166 #box_text{
	width:330px;
	padding-top:10px;
	height:100px;
	font-size:12px;
	line-height:1.6em;
	}
#left6	#box166 #box_img{
	width:330px;
	height:220px;}

#left6 #box166 #box_text h2 a{
	color:#278a00;
	font-size:16px;} 	
#left6 #box166 #box_text h3{
	color:#000;
	font-size:14px;} 		
#box_img{
	width:145px;
	height:145px;}
#box_text{
	width:145px;
	padding-top:5px;
	height:58px;
	font-size:12px;
	
	}
#box_text a{
	font-size:12px;line-height:1.3em
	}	
#box_text h2 a{
	color:#278a00;
	font-size:14px;
	line-height:1.3em;
	}	
#box_text:hover a{
	color:#F60}	
#box166_2 #box_text{
	width:145px;
	padding-top:5px;
	height:20px;
	font-size:12px;
	line-height:1.3em
	}
/*綠點子頁面*/
#btn{
	margin:0 auto;
	width:408px;
	padding-top:15px;}
.btn{
	opacity:0.9;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;}	
.btn:hover{
	opacity:1;}	
#upload{
	padding-left:10px;padding-top:20px;}	
#upload p{
	margin-bottom:30px;
	}	
#page{
		float:right;
		 margin-right:15px;}
#page ul li{
	float:left;
	color:#333;
	background:#ccc;
	padding:1px 8px;
	margin-left:5px;
	}	
#page ul #now{
	background:#5aa433;
	color:#FFF
	}	
/*green edu*/
#edubox{
	float:left;
	height:170px;
	padding-top:20px;
	border-bottom:1px solid #FC9}
#edu_img{
	float:left;
	width:212px;
	margin-right:10px;}
#edu_text{
	float:left;
	width:495px;
	font-size:14px;}
#edu_text h3{
	color:#333333;
	font-size:15px;
	}
	
#edu_text h2{
	color:#2C811F;
	font-size:16px;
	}	
#more a{
	color:#F60;
	opacity:0.8;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}				
#more a:hover{
	color:#F60}		
/*搶救全台濕地*/

.map{
	background:url(../images/map_all.jpg) no-repeat top center}
#map_img:hover .map{
	background:url(../images/map_1.jpg) no-repeat top center}