.event-02 {
	text-align: center;
	float: left;
	width: 45%;
	margin: 10px;
	position: absolute;
	z-index: 999;
}
.event-01 {
	text-align: center;
	float: left;
}

.news01{
	width: 100%;
	clear: both;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
}

.news02{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 22.6%;
}

.news03{
	float: left;
	width: 100%;
}

.event-image {
	-webkit-filter: grayscale(100%);
	filter: grayscale(0);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;	
	border: 3px solid #FFF;
	margin: 5px;
	padding: 5px;
}

.event-image:hover  {
	-webkit-filter: grayscale(0);
	filter: grayscale(100%);
}

.download_pic{
		width: 45%;
}

.download_L{
	float: left;
	margin: 5px;
	padding-bottom: 50px;
	text-align: center;
	clear: both;
}
.download_L2{
	float: left;
	margin: 5px;
}
.download_L3{
	float: left;
	margin: 10px;
	width: 22.5%;
	text-align: center;
	position: static;
	z-index: 9999;
	visibility: inherit;
}
.middle{
	width: 80%;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	clear: both;
}

.middle2{
	margin: 20px;	
}
.middle3{
	width: 80%;
	text-align: center;
	margin: auto;
	padding-bottom: 700px;
}
@media screen and (max-width:800px) {
.news02{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 22.6%;
}

}

@media screen and (max-width:500px) {
.download_pic{
		width: 100%;
}

.middle{
	width: 80%;
}
.download_L3{
;
	width: 100%;
}
.middle3{
	margin-bottom: 1000px;
}
.news02{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 100%;
}
}


@media screen and (max-width:480px) {
.download_pic{
		width: 100%;
}

.middle{
	width: 80%;
}
.download_L3{

	width: 100%;
}
.middle3{
	margin-bottom: 1000px;
}

.news02{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 100%;
}
}