@charset "utf-8";
/*reset css*/
@-webkit-keyframes STAR-MOVE {
	from {
		background-position:0% 0%
	}
	to { 
		background-position: 600% 0%
	}
}
 @keyframes STAR-MOVE {
	from {
		background-position: 0% 0%
	}
	to { 
		background-position: 600% 0%
	}
}
.banner_cloud{
    margin: 0;
    width:100%;
    height:1000px;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.banner_cloud * { margin: 0; padding: 0; border: 0; } 
.banner_cloud .cloud_wall{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.banner_cloud .cloud_background{
	background: black url('../img/background.png') repeat-x 5% 0%;
	background-size: cover;
	-webkit-animation: STAR-MOVE  400s linear infinite;
	-moz-animation: STAR-MOVE  400s linear infinite;
	-ms-animation: STAR-MOVE 400s linear infinite;
	animation: STAR-MOVE 400s linear infinite;
}
.banner_cloud  .cloud_midground{
	top: 7%;
	background:url('../img/midground.png') repeat 20% 0%;
	z-index: 1;
	-webkit-animation: STAR-MOVE 200s linear infinite;
	-moz-animation: STAR-MOVE 200s linear infinite;
	-ms-animation: STAR-MOVE 200s linear infinite;
	animation: STAR-MOVE 200s linear infinite;
}
/*.banner_cloud  .cloud_foreground{
	background:url('../img/foreground.png') repeat 35% 0%;
	z-index: 2;
	-webkit-animation: STAR-MOVE  50s linear infinite;
	-moz-animation: STAR-MOVE  50s linear infinite;
	-ms-animation: STAR-MOVE  50s linear infinite;
	animation: STAR-MOVE  50s linear infinite;
}*/