@charset "utf-8";
/* CSS Document */
.animation_left {
	-webkit-animation: Animation-left .3s linear;
	-moz-animation: Animation-left .3s linear;	
	animation: Animation-left .3s linear;
}
/* Chrome, Safari */
@-webkit-keyframes Animation-left {
	0% {
		opacity: 0;
		right: -100px;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		right: 0;
	}
}

/* Firefox */
@-moz-keyframes Animation-left {
	0% {
		opacity: 0;
		right: -100px;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		right: 0;
	}
}

/* Standard Syntax */
@keyframes Animation-left {
	0% {
		opacity: 0;
		right: -100px;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		right: 0;
	}
}

.animation_up {
	-webkit-animation: Animation-up .3s linear forwards;
	-moz-animation: Animation-up .3s linear forwards;	
	animation: Animation-up .3s linear forwards;
}
/* Chrome, Safari */
@-webkit-keyframes Animation-up {
	0% {
		opacity: 0;
		bottom: -100px;
	}
	80%{
		opacity: 1;
	}
	100% {
		opacity: 1;
		bottom: 0;
	}
}

/* Firefox */
@-moz-keyframes Animation-up {
	0% {
		opacity: 0;
		bottom: -100px;
	}
	80%{
		opacity: 1;
	}
	100% {
		opacity: 1;
		bottom: 0;
	}
}

/* Standard Syntax */
@keyframes Animation-up {
	0% {
		opacity: 0;
		height: 0;
	}
	80%{
		opacity: 1;
	}
	100% {
		opacity: 1;
		height: 100%;
	}
}

.animation_delay_0_2s{
	animation-delay: .2s; /* W3C 和 Opera */
	-moz-animation-delay: .2s; /* Firefox */
	-webkit-animation-delay: .2s; /* Safari 和 Chrome */
}
.animation_delay_0_4s{
	animation-delay: .4s; /* W3C 和 Opera */
	-moz-animation-delay: .4s; /* Firefox */
	-webkit-animation-delay: .4s; /* Safari 和 Chrome */
}
.animation_delay_0_6s{
	animation-delay: 2.6s; /* W3C 和 Opera */
	-moz-animation-delay: 2.6s; /* Firefox */
	-webkit-animation-delay: 2.6s; /* Safari 和 Chrome */
}