/* 动画 */
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}


@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}




@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}

.animated {
	animation-duration: 1s;
	-o-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

.fadeInUp {
	animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}
.fadeInRight {
	animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
}

.fadeInLeft {
	animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
}