@charset "utf-8";
body{
	background:url(../images/bg.gif) repeat-x 0 0 #fff;
	font:12px Arial, Helvetica, sans-serif, "新細明體";
	color:#4b4b4b;
	line-height:21px;
	}
#wrapper {
	    height: 100%;
    width: 100%;
    overflow: auto;
    position: absolute;
    border-top: 5px solid #9ed309;
    background: url(../images/header/bg.gif) repeat-x 0 0;
}
#header{
	width:980px;
	height:105px;
	margin:0 auto;
	background:url(../images/header/bg_con.gif) no-repeat right 0;
	}
#banner{
	width:100%;
	height:470px;
	position:absolute;
	    top: 106px;
	z-index:1;
	text-align:center;
	}
#content{
	width:980px;
	margin:326px auto 0 auto;
	z-index:2;
	position:relative;
	padding-bottom:23px;
	}
#content-main{
	width:980px;
	margin:20px auto 0 auto;
	position:relative;
	padding:5px 0px 23px 0px;
	background:url(../images/bg_topline.gif) no-repeat 0 0 #fff;
	}
#footer {
    width: 100%;
    height: auto;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    color: #e4f1c9;
    background: url(../images/footer/bg.gif) repeat-x 0 bottom #8dc900;
    margin-top: 50px;
}
 @media screen and (max-width: 1023px) {
#header{
	width:100%;

	}
	 #content-main{
	width:100%;
		     margin-top: 0;
	 }
#content {
    width: 100%;
    padding: 0 15px;
	 }
}
 @media screen and (max-width: 768px) {
#content {
   
    margin: 183px auto 0 auto;
  
}
}