@charset "UTF-8";


/**
 * animate
 *
 * @author yzsy
 *
 * @date 2014.08.14
 *
 * Handcent (c) 2014, all rights reserved. 
 */
 
 
@-webkit-keyframes flyLeft {
	 0% {
	-webkit-transform:translateX(-50px);
	}
	 100% {
	-webkit-transform:translateX(0);
	}
}
@-moz-keyframes flyLeft {
	 0% {
	-moz-transform:translateX(-50px);
	}
	 100% {
	-moz-transform:translateX(0);
	}
}
@keyframes flyLeft {
	 0% {
	transform:translateX(-50px);
	}
	 100% {
	transform:translateX(0);
	}
}
@-o-keyframes flyLeft {
	 0% {
	transform:translateX(-50px);
	}
	 100% {
	-o-transform:translateX(0);
	}
}
@-ms-keyframes flyLeft {
	 0% {
	transform:translateX(-50px);
	}
	 100% {
	-ms-transform:translateX(0);
	}
}


@-webkit-keyframes flyRight {
	 0% {
	-webkit-transform:translateX(50px);
	}
	 100% {
	-webkit-transform:translateX(0);
	}
}
@-moz-keyframes flyRight {
	 0% {
	-moz-transform:translateX(50px);
	}
	 100% {
	-moz-transform:translateX(0);
	}
}
@keyframes flyRight {
	 0% {
	transform:translateX(50px);
	}
	 100% {
	transform:translateX(0);
	}
}

@-o-keyframes flyRight {
	 0% {
	transform:translateX(50px);
	}
	 100% {
	-o-transform:translateX(0);
	}
}
@-ms-keyframes flyRight {
	 0% {
	transform:translateX(50px);
	}
	 100% {
	-ms-transform:translateX(0);
	}
}



@-webkit-keyframes flyTop {
	 0% {
	-webkit-transform:translateY(-50px);
	}
	 100% {
	-webkit-transform:translateY(0);
	}
}
@-moz-keyframes flyTop {
	 0% {
	-moz-transform:translateY(-50px);
	}
	 100% {
	-moz-transform:translateY(0);
	}
}
@keyframes flyTop {
	 0% {
	transform:translateY(-50px);
	}
	 100% {
	transform:translateY(0);
	}
}

@-o-keyframes flyTop {
	 0% {
	transform:translateY(-50px);
	}
	 100% {
	-o-transform:translateY(0);
	}
}

@-ms-keyframes flyTop {
	 0% {
	transform:translateY(-50px);
	}
	 100% {
	-ms-transform:translateY(0);
	}
}



@-webkit-keyframes flyBottom {
	 0% {
	-webkit-transform:translateY(50px);
	}
	 100% {
	-webkit-transform:translateY(0);
	}
}
@-moz-keyframes flyBottom {
	 0% {
	-moz-transform:translateY(50px);
	}
	 100% {
	-moz-transform:translateY(0);
	}
}
@keyframes flyBottom {
	 0% {
	transform:translateY(50px);
	}
	 100% {
	transform:translateY(0);
	}
}

@-o-keyframes flyBottom {
	 0% {
	transform:translateY(50px);
	}
	 100% {
	-o-transform:translateY(0);
	}
}

@-ms-keyframes flyBottom {
	 0% {
	transform:translateY(50px);
	}
	 100% {
	-ms-transform:translateY(0);
	}
}



.flyLeft { 
-webkit-animation: flyLeft 1s ease; 
-moz-animation: flyLeft 1s ease;
-ms-animation: flyLeft 1s ease;
-o-animation: flyLeft 1s ease;
animation: flyLeft 1s ease; 
}
.flyRight { 
-webkit-animation: flyRight 1s ease; 
-moz-animation: flyRight 1s ease;
-ms-animation: flyRight 1s ease;
-o-animation: flyRight 1s ease; 
animation: flyRight 1s ease;
}
.flyTop { 
-webkit-animation: flyTop 1s ease; 
-moz-animation: flyTop 1s ease;
-ms-animation: flyTop 1s ease;
-o-animation: flyTop 1s ease; 
animation: flyTop 1s ease; 
}
.flyBottom { 
-webkit-animation: flyBottom 1s ease; 
-moz-animation: flyBottom 1s ease;
-ms-animation: flyBottom 1s ease;
-o-animation: flyBottom 1s ease; 
animation: flyBottom 1s ease; 
}




@-webkit-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-webkit-transform:translateY(2000px)
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-moz-transform:translateY(2000px)
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0)
	}
}

@-webkit-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-webkit-transform:translateX(2000px)
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0)
	}
}
@-moz-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-moz-transform:translateX(2000px)
	}
	100%{
	opacity:1;
	-moz-transform:translateX(0)
	}
}




@-webkit-keyframes fadeInUp{
	0%{opacity:0;
	-webkit-transform:translateY(20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
	0%{
		opacity:0;
		-moz-transform:translateY(20px)
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0)
	}
}



@-webkit-keyframes pulse{
	0%{
		-webkit-transform:scale(1)
	}
	50%{
		-webkit-transform:scale(1.1)
	}
	100%{
		-webkit-transform:scale(1)
	}
}
@-moz-keyframes pulse{
	0%{
		-moz-transform:scale(1)
	}
	50%{
		-moz-transform:scale(1.1)
	}
	100%{
		-moz-transform:scale(1)
	}
}



@-webkit-keyframes fadeOutUp{
0%{opacity:1;
-webkit-transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(-20px)}
}
@-moz-keyframes fadeOutUp{
0%{opacity:1;
-moz-transform:translateY(0)}
100%{opacity:0;
-moz-transform:translateY(-20px)}
}



@-webkit-keyframes wobble{
0%{-webkit-transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%)}
}
@-moz-keyframes wobble{
0%{-moz-transform:translateX(0%)}
15%{-moz-transform:translateX(-25%) rotate(-5deg)}
30%{-moz-transform:translateX(20%) rotate(3deg)}
45%{-moz-transform:translateX(-15%) rotate(-3deg)}
60%{-moz-transform:translateX(10%) rotate(2deg)}
75%{-moz-transform:translateX(-5%) rotate(-1deg)}
100%{-moz-transform:translateX(0%)}
}



@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0}
100%{-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateIn{
0%{-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0}
100%{-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1}
}

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

@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}