/*CSS3 KEYFRAMES START*/
@-webkit-keyframes ktb{
	0% {
		-webkit-transform: translate(0,-100px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0,0);
		opacity: 1;
	}
}
@-moz-keyframes ktb{
	0% {
		-moz-transform: translate(0,-100px);
		opacity: 0;
	}

	100% {
		-moz-transform: translate(0,0);
		opacity: 1;
	}
}
@-ms-keyframes ktb{
	0% {
		-ms-transform: translate(0,-100px);
		opacity: 0;
	}

	100% {
		-ms-transform: translate(0,0);
		opacity: 1;
	}
}
@-o-keyframes ktb{
	0% {
		-o-transform: translate(0,-100px);
		opacity: 0;
	}

	100% {
		-o-transform: translate(0,0);
		opacity: 1;
	}
}
@keyframes ktb{
	0% {
		transform: translate(0,-100px);
		opacity: 0;
	}

	100% {
		transform: translate(0,0);
		opacity: 1;
	}
}

@-webkit-keyframes krl{
	0% {
		-webkit-transform: translate(100px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0,0);
		opacity: 1;
	}
}
@-moz-keyframes krl{
	0% {
		-moz-transform: translate(100px,0);
		opacity: 0;
	}

	100% {
		-moz-transform: translate(0,0);
		opacity: 1;
	}
}
@-ms-keyframes krl{
	0% {
		-ms-transform: translate(100px,0);
		opacity: 0;
	}

	100% {
		-ms-transform: translate(0,0);
		opacity: 1;
	}
}
@-o-keyframes krl{
	0% {
		-o-transform: translate(100px,0);
		opacity: 0;
	}

	100% {
		-o-transform: translate(0,0);
		opacity: 1;
	}
}
@keyframes krl{
	0% {
		transform: translate(100px,0);
		opacity: 0;
	}

	100% {
		transform: translate(0,0);
		opacity: 1;
	}
}

@-webkit-keyframes kbt{
	0% {
		-webkit-transform: translate(0,100px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0,0);
		opacity: 1;
	}
}
@-moz-keyframes kbt{
	0% {
		-moz-transform: translate(0,100px);
		opacity: 0;
	}

	100% {
		-moz-transform: translate(0,0);
		opacity: 1;
	}
}
@-ms-keyframes kbt{
	0% {
		-ms-transform: translate(0,100px);
		opacity: 0;
	}

	100% {
		-ms-transform: translate(0,0);
		opacity: 1;
	}
}
@-o-keyframes kbt{
	0% {
		-o-transform: translate(0,100px);
		opacity: 0;
	}

	100% {
		-o-transform: translate(0,0);
		opacity: 1;
	}
}
@keyframes kbt{
	0% {
		transform: translate(0,100px);
		opacity: 0;
	}

	100% {
		transform: translate(0,0);
		opacity: 1;
	}
}

@-webkit-keyframes klr{
	0% {
		-webkit-transform: translate(-100px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0,0);
		opacity: 1;
	}
}
@-moz-keyframes klr{
	0% {
		-moz-transform: translate(-100px,0);
		opacity: 0;
	}

	100% {
		-moz-transform: translate(0,0);
		opacity: 1;
	}
}
@-ms-keyframes klr{
	0% {
		-ms-transform: translate(-100px,0);
		opacity: 0;
	}

	100% {
		-ms-transform: translate(0,0);
		opacity: 1;
	}
}
@-o-keyframes klr{
	0% {
		-o-transform: translate(-100px,0);
		opacity: 0;
	}

	100% {
		-o-transform: translate(0,0);
		opacity: 1;
	}
}
@keyframes klr{
	0% {
		transform: translate(-100px,0);
		opacity: 0;
	}

	100% {
		transform: translate(0,0);
		opacity: 1;
	}
}

/*渐变*/
@-webkit-keyframes kfadein{
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@-moz-keyframes kfadein{
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@-ms-keyframes kfadein{
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@-o-keyframes kfadein{
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes kfadein{
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes kfadeout{
	0% {
		-webkit-transform: translate(0,0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(-100px,0);
		opacity: 0;
	}
}
@-moz-keyframes kfadeout{
	0% {
		-moz-transform: translate(0,0);
		opacity: 1;
	}

	100% {
		-moz-transform: translate(-100px,0);
		opacity: 0;
	}
}
@-ms-keyframes kfadeout{
	0% {
		-ms-transform: translate(0,0);
		opacity: 1;
	}

	100% {
		-ms-transform: translate(-100px,0);
		opacity: 0;
	}
}
@-o-keyframes kfadeout{
	0% {
		-o-transform: translate(0,0);
		opacity: 1;
	}

	100% {
		-o-transform: translate(-100px,0);
		opacity: 0;
	}
}
@keyframes kfadeout{
	0% {
		transform: translate(0,0);
		opacity: 1;
	}

	100% {
		transform: translate(-100px,0);
		opacity: 0;
	}
}