@charset "utf-8";

#animation_body
{
	width:320px;
	height:320px;
	position:absolute;
	overflow:hidden;
	background:#000;
}


@-webkit-keyframes circle
{
	0%
	{
		-webkit-transform:scale(1);
		opacity:0;
	}
	100%
	{
		-webkit-transform:scale(3);
		opacity:1;
	}
}

.circle
{
	border:3px solid #fff;
	width:194px;
	height:194px;
	position:absolute;
	top:60px;
	left:60px;
	opacity:0;
	-webkit-border-radius:97px 97px 97px 97px / 97px 97px 97px 97px;
	-webkit-animation-name:circle;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration:0.7s;
}


@-webkit-keyframes level_logo
{
	0%
	{
		left:-183px;
	}
	50%
	{
		left:-183px;
	}
	70%
	{
		left:35px;
	}
	90%
	{
		left:35px;
	}
	100%
	{
		left:20px;
	}
}

.level_logo
{
	width:183px;
	height:50px;
	position:absolute;
	top:115px;
	left:20px;
	background:url(../img2/level_logo.png) no-repeat;
	opacity:1;
	-webkit-animation-name:level_logo;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration:1.5s;
}


@-webkit-keyframes up_logo
{
	0%
	{
		left:330px;
	}
	80%
	{
		left:330px;
	}
	90%
	{
		left:210px;
	}
	100%
	{
		left:210px;
	}
}

.up_logo
{
	width:87px;
	height:50px;
	position:absolute;
	background:url(../img2/up_logo.png) no-repeat;
	top:115px;
	left:210px;
	opacity:1;
	-webkit-animation-name:up_logo;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration:1.5s;
}


@-webkit-keyframes lv_miu_bg
{
	0%
	{
		opacity:0;
	}
	33%
	{
		opacity:0;
	}
	66%
	{
		opacity:0;
		-webkit-transform:scale(1);
		
	}
	82%
	{
		-webkit-transform:scale(2);
		opacity:1;
	}
	100%
	{
		-webkit-transform:scale(1);
		opacity:1;
	}
}

.lv_miu_bg
{
	width:320px;
	height:320px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../img2/lv_miu_bg.png) no-repeat;
	opacity:1;
	-webkit-animation-name:lv_miu_bg;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration:2s;
}


@-webkit-keyframes lv_bg1
{
	0%
	{
		opacity:0;
	}
	80%
	{
		opacity:0;
	}
	100%
	{
		opacity:1;
	}
}
.lv_bg1
{
	width:270px;
	height:320px;
	background:rgba(255,214,21,0.5);
	position:absolute;
	top:0px;
	left:25px;
	opacity:1;
	-webkit-animation-name:lv_bg1;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration:2s;
}

@-webkit-keyframes pushenter
{
	0%
	{
		opacity:0;
	}
	80%
	{
		opacity:0;
	}
	100%
	{
		opacity:1;
	}
}

.pushenter
{
	width:175px;
	height:30px;
	background:url(../img2/pushenter.png) no-repeat;
	position:absolute;
	opacity:1;
	top:170px;
	left:72px;
	-webkit-animation-name:pushenter;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration:2s;
}

@-webkit-keyframes lv_line_top
{
	0%
	{
		left:-18px;
	}
	50%
	{
		left:-9px;
	}
	100%
	{
		left:0px;
	}
}

.lv_line_top
{
	width:486px;
	height:30px;
	background:url(../img2/lv_line_top.png) no-repeat;
	position:absolute;
	opacity:1;
	top:0px;
	left:-18px;
	-webkit-animation-name:lv_line_top;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:0.2s;
}

@-webkit-keyframes lv_line_bottom
{
	0%
	{
		left:-9px;
	}
	50%
	{
		left:-18px;
	}
	100%
	{
		left:-27px;
	}
}

.lv_line_bottom
{
	width:486px;
	height:30px;
	background:url(../img2/lv_line_bottom.png) no-repeat;
	position:absolute;
	opacity:1;
	top:290px;
	left:0px;
	-webkit-animation-name:lv_line_bottom;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:0.2s;
}