@charset "BIG5";
#body {
	width: 100%;
}
#header {
	margin:0 auto; 
	width:70%;
	height:350px;
	background:url(../images/topbg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
#logo{
	width:15%;
	height:80px;
	display:inline-block;
}

#logo img{
	width:100%;
	height:100%;
}

#datetop{
	display:inline-block;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	width:15%;
	transform: translate(45px,8px) rotate(10deg);
	text-shadow:1px 1px #333;

}
#period{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}


#banner{
	width:70%;
	height:300px;
	margin:0 auto;
	transform: translateY(70px);
}
#banner img{
	width:100%;
	height:100%;
	box-shadow: -5px 0 5px rgba(0,0,0,0.4), /*左边阴影*/ 
	5px 0 5px rgba(0,0,0,0.4), /*右边阴影*/ 
	0 0px 5px rgba(0,0,0,0.4), /*顶部阴影*/ 
	0 0px 0px red;
	
}
#content {
	margin:0 auto; 
	width:70%;
	height:auto;
	
}

#title{
	width:130px;
	height:30px;
	transform:translate(0,80px);

}
#title img{
	width:100%;
	height:100%;
}

#listdate{
	width:15%;
	height:120px;
	background:url(../images/listdate.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	transform:translate(55vw,0px);

}
#listdate ul{
	list-style:none;
	padding: 45px 0 0 0;
}
#listdate ul >li{
	text-align:center;
	line-height:15px;
}

#listdate ul >li >a{
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

#post{
	transform:translate(0,-30px);

}
#postB{
	background-color:#f7f7f7;
}

#footer {
	margin:50px auto 0px auto; 
	width:70%;
	background:url(../images/footerbg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	height:400px;
	
}


#news_title{
	width:130px;
	height:35px;
	
}


#news_title img{
	width:100%;
	height:100%;
}

#othernews ul >li >a{
	color:#5c5c5c;
	text-decoration:none;
}
#information{
	padding-top: 80px;
    text-align: center;
    color:#5c5c5c;
    font-size:12px;
}