@charset "UTF-8";

@import "main.css";

#mainWrapper {
	background: url(../img/index_mv.jpg) no-repeat top;
}
#top {
	padding-top: 820px;
}
#top #news {
	float: left;
	background: #fff;
	padding: 10px;
	margin-top: 50px;
	opacity: 0.9;
}
#top #news dl {
	height: 150px;
	overflow: scroll;
	border: 1px solid #ccc;
	padding: 10px;
}
#top ul {
	float: right;
}
#top ul li {
	margin: 5px 0;
}
.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
	-moz-animation:blink 0.8s ease-in-out infinite alternate;
	animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0.4;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0.4;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0.4;}
	100% {opacity:1;}
}

@media screen and (max-width: 980px) {
#top #news {
	font-size: 35px;
	line-height: 1.2;
	width:580px;
	padding: 20px;
	margin: 50px 0
}
	#top #news dl{
		height: 300px;
}
	#top ul {
	float: right;
	margin: 50px 0
}
	
}