@charset "utf-8";

/* 上下弹跳 */
@keyframes anim_bounce{
	0%,100%,20%,50%,80% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
	40% { -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); }
	60% { -webkit-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px); }
}

@-webkit-keyframes anim_bounce{
	0%,100%,20%,50%,80% { -webkit-transform:translateY(0); transform:translateY(0); }
	40% { -webkit-transform:translateY(-30px); transform:translateY(-30px); }
	60% { -webkit-transform:translateY(-15px); transform:translateY(-15px); }
}

.anim_bounce{ animation-name:anim_bounce; -webkit-animation-name:anim_bounce; }

@keyframes anim_bounce_in{
	0% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); }
	50% { opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
	70% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); }
	100% { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}

@-webkit-keyframes anim_bounce_in{
	0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3); }
	50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05); }
	70% { -webkit-transform:scale(.9); transform:scale(.9); }
	100% { opacity:1; -webkit-transform:scale(1); transform:scale(1); }
}

.anim_bounce_in{ -webkit-animation-name:anim_bounce_in; animation-name:anim_bounce_in; }

@keyframes anim_bounce_in_up{
	0% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px); }
	60% { opacity:1; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); }
	80% { -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px); }
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
}

@-webkit-keyframes anim_bounce_in_up{
	0% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px); }
	60% { opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px); }
	80% { -webkit-transform:translateY(10px); transform:translateY(10px); }
	100% { -webkit-transform:translateY(0); transform:translateY(0); }
}

.anim_bounce_in_up{ -webkit-animation-name:anim_bounce_in_up; animation-name:anim_bounce_in_up; }

@keyframes anim_bounce_in_down{
	0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px); }
	60% { opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); }
	80% { -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); }
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
}

@-webkit-keyframes anim_bounce_in_down{
	0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px); }
	60% { opacity:1; -webkit-transform:translateY(30px); transform:translateY(30px); }
	80% { -webkit-transform:translateY(-10px); transform:translateY(-10px); }
	100% { -webkit-transform:translateY(0); transform:translateY(0); }
}

.anim_bounce_in_down{ -webkit-animation-name:anim_bounce_in_down; animation-name:anim_bounce_in_down; }

@keyframes anim_bounce_in_left{
	0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px); }
	60% { opacity:1; -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px); }
	80% { -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px); }
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
}

@-webkit-keyframes anim_bounce_in_left{
	0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px); }
	60% { opacity:1; -webkit-transform:translateX(30px); transform:translateX(30px); }
	80% { -webkit-transform:translateX(-10px); transform:translateX(-10px); }
	100% { -webkit-transform:translateX(0); transform:translateX(0); }
}

.anim_bounce_in_left{ -webkit-animation-name:anim_bounce_in_left; animation-name:anim_bounce_in_left; }

@-webkit-keyframes anim_bounce_in_right{
	0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px); }
	60% { opacity:1; -webkit-transform:translateX(-30px); transform:translateX(-30px); }
	80% { -webkit-transform:translateX(10px); transform:translateX(10px); }
	100% { -webkit-transform:translateX(0); transform:translateX(0); }
}

@keyframes anim_bounce_in_right{
	0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px); }
	60% { opacity:1; -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); }
	80% { -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px); }
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
}

.anim_bounce_in_right{ -webkit-animation-name:anim_bounce_in_right; animation-name:anim_bounce_in_right; }

@keyframes anim_bounce_out{
	0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
	25% { -webkit-transform:scale(.95); -ms-transform:scale(.95); transform:scale(.95); }
	50% { opacity:1; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); }
}

@-webkit-keyframes anim_bounce_out{
	0% { -webkit-transform:scale(1); transform:scale(1); }
	25% { -webkit-transform:scale(.95); transform:scale(.95); }
	50% { opacity:1; -webkit-transform:scale(1.1); transform:scale(1.1); }
	100% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3); }
}

.anim_bounce_out{ -webkit-animation-name:anim_bounce_out; animation-name:anim_bounce_out; }

@keyframes anim_bounce_out_up{
	0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
	20% { opacity:1; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); }
	100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px); }
}

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

.anim_bounce_out_up{ -webkit-animation-name:anim_bounce_out_up; animation-name:anim_bounce_out_up; }

@keyframes anim_bounce_out_down{
	0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
	20% { opacity:1; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px); }
	100% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px); }
}

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

.anim_bounce_out_down{ -webkit-animation-name:anim_bounce_out_down; animation-name:anim_bounce_out_down; }

@keyframes anim_bounce_out_left{
	0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
	20% { opacity:1; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px); }
	100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px); }
}

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

.anim_bounce_out_left{ -webkit-animation-name:anim_bounce_out_left; animation-name:anim_bounce_out_left; }

@keyframes anim_bounce_out_right{
	0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
	20% { opacity:1; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); }
	100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px); }
}

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

.anim_bounce_out_right{ -webkit-animation-name:anim_bounce_out_right; animation-name:anim_bounce_out_right; }

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

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

.anim_fade_in{ -webkit-animation-name:anim_fade_in; animation-name:anim_fade_in; }

@keyframes anim_fade_in_up{
	0%	 { opacity:0.0; transform:translateY(20px); -webkit-transform:translateY(20px); }
	100% { opacity:1.0; transform:translateY(0); -webkit-transform:translateY(0); }
}

@-webkit-keyframes anim_fade_in_up{
	0%	 { opacity:0.0; transform:translateY(20px); -webkit-transform:translateY(20px); }
	100% { opacity:1.0; transform:translateY(0); -webkit-transform:translateY(0); }
}

.anim_fade_in_up{ animation:anim_fade_in_up; -webkit-animation:anim_fade_in_up; }

@keyframes anim_fade_in_down{
	0%	 { opacity:0.0; transform:translateY(-20px); -webkit-transform:translateY(-20px); }
	100% { opacity:1.0; transform:translateY(0); -webkit-transform:translateY(0); }
}

@-webkit-keyframes anim_fade_in_down{
	0%	 { opacity:0.0; transform:translateY(-20px); -webkit-transform:translateY(-20px); }
	100% { opacity:1.0; transform:translateY(0); -webkit-transform:translateY(0); }
}

.anim_fade_in_down{ animation:anim_fade_in_down; -webkit-animation:anim_fade_in_down; }

@keyframes anim_fade_in_left{
	0%	 { opacity:0.0; transform:translateX(-20px); -webkit-transform:translateX(-20px); }
	100% { opacity:1.0; transform:translateX(0); -webkit-transform:translateX(0); }	
}

@-webkit-keyframes anim_fade_in_left{
	0%	 { opacity:0.0; transform:translateX(-20px); -webkit-transform:translateX(-20px); }
	100% { opacity:1.0; transform:translateX(0); -webkit-transform:translateX(0); }
}

.anim_fade_in_left{ animation:anim_fade_in_left; -webkit-animation:anim_fade_in_left; }

@keyframes anim_fade_in_right{
	0%	 { opacity:0.0; transform:translateX(20px); -webkit-transform:translateX(20px); }
	100% { opacity:1.0; transform:translateX(0); -webkit-transform:translateX(0); }	
}

@-webkit-keyframes anim_fade_in_right{
	0%	 { opacity:0.0; transform:translateX(20px); -webkit-transform:translateX(20px); }
	100% { opacity:1.0; transform:translateX(0); -webkit-transform:translateX(0); }
}

.anim_fade_in_right{ animation:anim_fade_in_right; -webkit-animation:anim_fade_in_right; }

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

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

.anim_fade_out{ -webkit-animation-name:anim_fade_out; animation-name:anim_fade_out; }

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

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

.anim_fade_out_up{ -webkit-animation-name:anim_fade_out_up; animation-name:anim_fade_out_up; }

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

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

.anim_fade_out_down{ -webkit-animation-name:anim_fade_out_down; animation-name:anim_fade_out_down; }

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

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

.anim_fade_out_left{ -webkit-animation-name:anim_fade_out_left; animation-name:anim_fade_out_left; }

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

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

.anim_fade_out_right{ -webkit-animation-name:anim_fade_out_right; animation-name:anim_fade_out_right; }

/* 快闪效果 */
@keyframes anim_flash{
	0%,100%,50% { opacity:1; }
	25%,75% { opacity:0; }
}

@-webkit-keyframes anim_flash{
	0%,100%,50% { opacity:1; }
	25%,75% { opacity:0; }
}

.anim_flash{ animation-name:anim_flash; -webkit-animation-name:anim_flash; }

@-webkit-keyframes anim_flip{
	0% { -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); transform:perspective(400px) translateZ(0) rotateY(0) scale(1); 
		 -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
	40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		  -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
	50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		  -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; }
	80% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		  -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; }
	100% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		   -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; }
}

@keyframes anim_flip{
	0% { -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
		 transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
	40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		  transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
	50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		  transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; }
	80% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		  transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; }
	100% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		   transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; }
}

.anim_flip{ -webkit-backface-visibility:visible; -ms-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:anim_flip; animation-name:anim_flip; }

@keyframes anim_flip_in_x{
	0% { -webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0; }
	40% { -webkit-transform:perspective(400px) rotateX(-10deg); -ms-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg); }
	70% { -webkit-transform:perspective(400px) rotateX(10deg); -ms-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); }
	100% { -webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1; }
}

@-webkit-keyframes anim_flip_in_x{
	0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0; }
	40% { -webkit-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg); }
	70% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); }
	100% { -webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1; }
}

.anim_flip_in_x{ -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:anim_flip_in_x; animation-name:anim_flip_in_x; }

@keyframes anim_flip_in_y{
	0% { -webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0; }
	40% { -webkit-transform:perspective(400px) rotateY(-10deg); -ms-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg); }
	70% { -webkit-transform:perspective(400px) rotateY(10deg); -ms-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); }
	100% { -webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1; }
}

@-webkit-keyframes anim_flip_in_y{
	0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0; }
	40% { -webkit-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg); }
	70% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); }
	100% { -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1; }
}

.anim_flip_in_y{ -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:anim_flip_in_y; animation-name:anim_flip_in_y; }

@keyframes anim_flip_out_x{
	0% { -webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1; }
	100% { -webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0; }
}

@-webkit-keyframes anim_flip_out_x{
	0% { -webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1; }
	100% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0; }
}

.anim_flip_out_x{ -webkit-animation-name:anim_flip_out_x; animation-name:anim_flip_out_x; -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; }

@keyframes anim_flip_out_y{
	0% { -webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1; }
	100% { -webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0; }
}

@-webkit-keyframes anim_flip_out_y{
	0% { -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1; }
	100% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0; }
}

.anim_flip_out_y{ -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:anim_flip_out_y; animation-name:anim_flip_out_y; }

@keyframes anim_light_speed_in{
	0% { -webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0; }
	60% { -webkit-transform:translateX(-20%) skewX(30deg); -ms-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1; }
	80% { -webkit-transform:translateX(0%) skewX(-15deg); -ms-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1; }
	100% { -webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1; }
}

@-webkit-keyframes anim_light_speed_in{
	0% { -webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0; }
	60% { -webkit-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1; }
	80% { -webkit-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1; }
	100% { -webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1; }
}

.anim_light_speed_in{ -webkit-animation-name:anim_light_speed_in; animation-name:anim_light_speed_in; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }

@keyframes anim_light_speed_out{
	0% { -webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1; }
	100% { -webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0; }
}

@-webkit-keyframes anim_light_speed_out{
	0% { -webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1; }
	100% { -webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0; }
}

.anim_light_speed_out{ -webkit-animation-name:anim_light_speed_out; animation-name:anim_light_speed_out; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; }

/* 有节奏的跳动，先放大，后还原 */
@keyframes anim_pulse{
	0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
	50% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}

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

.anim_pulse{ animation-name:anim_pulse; -webkit-animation-name:anim_pulse; }

@keyframes anim_roll_in{
	0% { opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); -ms-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg); }
	100% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); }
}

@-webkit-keyframes anim_roll_in{
	0% { opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg); }
	100% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); }
}

.anim_roll_in{ -webkit-animation-name:anim_roll_in; animation-name:anim_roll_in; }

@keyframes anim_roll_out{
	0% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); }
	100% { opacity:0; -webkit-transform:translateX(100%) rotate(120deg); -ms-transform:translateX(100%) rotate(120deg); transform:translateX(100%) rotate(120deg); }
}

@-webkit-keyframes anim_roll_out{
	0% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); }
	100% { opacity:0; -webkit-transform:translateX(100%) rotate(120deg); transform:translateX(100%) rotate(120deg); }
}

.anim_roll_out{ -webkit-animation-name:anim_roll_out; animation-name:anim_roll_out; }

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

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

.anim_rotate_in{ -webkit-animation-name:anim_rotate_in; animation-name:anim_rotate_in; }

@keyframes anim_rotate_in_up_left{
	0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
	100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
}

@-webkit-keyframes anim_rotate_in_up_left{
	0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
	100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
}

.anim_rotate_in_up_left{ -webkit-animation-name:anim_rotate_in_up_left; animation-name:anim_rotate_in_up_left; }

@keyframes anim_rotate_in_up_right{
	0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
	100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
}

@-webkit-keyframes anim_rotate_in_up_right{
	0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
	100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
}

.anim_rotate_in_up_right{ -webkit-animation-name:anim_rotate_in_up_right; animation-name:anim_rotate_in_up_right; }

@keyframes anim_rotate_in_down_left{
	0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
	100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
}

@-webkit-keyframes anim_rotate_in_down_left{
	0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
	100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
}

.anim_rotate_in_down_left{ -webkit-animation-name:anim_rotate_in_down_left; animation-name:anim_rotate_in_down_left; }

@keyframes anim_rotate_in_down_right{
	0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
	100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
}

@-webkit-keyframes anim_rotate_in_down_right{
	0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
	100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
}

.anim_rotate_in_down_right{ -webkit-animation-name:anim_rotate_in_down_right; animation-name:anim_rotate_in_down_right; }

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

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

.anim_rotate_out{ -webkit-animation-name:anim_rotate_out; animation-name:anim_rotate_out; }

@keyframes anim_rotate_out_up_left{
	0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
}

@-webkit-keyframes anim_rotate_out_up_left{
	0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
}

.anim_rotate_out_up_left{ -webkit-animation-name:anim_rotate_out_up_left; animation-name:anim_rotate_out_up_left; }

@keyframes anim_rotate_out_up_right{
	0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
}

@-webkit-keyframes anim_rotate_out_up_right{
	0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
}

.anim_rotate_out_up_right{ -webkit-animation-name:anim_rotate_out_up_right; animation-name:anim_rotate_out_up_right; }

@keyframes anim_rotate_out_down_left{
	0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
}

@-webkit-keyframes anim_rotate_out_down_left{
	0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0; }
}

.anim_rotate_out_down_left{ -webkit-animation-name:anim_rotate_out_down_left; animation-name:anim_rotate_out_down_left; }

@keyframes anim_rotate_out_down_right{
	0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
}

@-webkit-keyframes anim_rotate_out_down_right{
	0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1; }
	100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; }
}

.anim_rotate_out_down_right{ -webkit-animation-name:anim_rotate_out_down_right; animation-name:anim_rotate_out_down_right; }

@-webkit-keyframes anim_rubber_band{
	0% { -webkit-transform:scale(1); transform:scale(1); }
	30% { -webkit-transform:scaleX(1.25) scaleY(0.75); transform:scaleX(1.25) scaleY(0.75); }
	40% { -webkit-transform:scaleX(0.75) scaleY(1.25); transform:scaleX(0.75) scaleY(1.25); }
	60% { -webkit-transform:scaleX(1.15) scaleY(0.85); transform:scaleX(1.15) scaleY(0.85); }
	100% { -webkit-transform:scale(1); transform:scale(1); }
}

@keyframes anim_rubber_band{
	0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
	30% { -webkit-transform:scaleX(1.25) scaleY(0.75); -ms-transform:scaleX(1.25) scaleY(0.75); transform:scaleX(1.25) scaleY(0.75); }
	40% { -webkit-transform:scaleX(0.75) scaleY(1.25); -ms-transform:scaleX(0.75) scaleY(1.25); transform:scaleX(0.75) scaleY(1.25); }
	60% { -webkit-transform:scaleX(1.15) scaleY(0.85); -ms-transform:scaleX(1.15) scaleY(0.85); transform:scaleX(1.15) scaleY(0.85); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}

.anim_rubber_band{ animation-name:anim_rubber_band; -webkit-animation-name:anim_rubber_band; }

@keyframes anim_shake{
	0%,100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
	10%,30%,50%,70%,90% { -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px); }
	20%,40%,60%,80% { -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px); }
}

@-webkit-keyframes anim_shake{
	0%,100% { -webkit-transform:translateX(0); transform:translateX(0); }
	10%,30%,50%,70%,90% { -webkit-transform:translateX(-10px); transform:translateX(-10px); }
	20%,40%,60%,80% { -webkit-transform:translateX(10px); transform:translateX(10px); }
}

.anim_shake{ animation-name:anim_shake; -webkit-animation-name:anim_shake; }

/* 只是在 fade 的基础上扩大参数 */
@keyframes anim_slide_in_down{
	0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px); }
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
}

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

.anim_slide_in_down{ -webkit-animation-name:anim_slide_in_down; animation-name:anim_slide_in_down; }

@keyframes anim_swing{
	20% { -webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg); }
	40% { -webkit-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg); }
	60% { -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg); }
	80% { -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg); }
	100% { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }
}

@-webkit-keyframes anim_swing{
	20% { -webkit-transform:rotate(15deg); transform:rotate(15deg); }
	40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg); }
	60% { -webkit-transform:rotate(5deg); transform:rotate(5deg); }
	80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg); }
	100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
}

.anim_swing{ -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:anim_swing; animation-name:anim_swing; }

@-webkit-keyframes anim_tada{
	0% { -webkit-transform:scale(1); transform:scale(1); }
	10%,20% { -webkit-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg); }
	30%,50%,70%,90% { -webkit-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg); }
	40%,60%,80% { -webkit-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg); }
	100% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0); }
}

@keyframes anim_tada{
	0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
	10%,20% { -webkit-transform:scale(0.9) rotate(-3deg); -ms-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg); }
	30%,50%,70%,90% { -webkit-transform:scale(1.1) rotate(3deg); -ms-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg); }
	40%,60%,80% { -webkit-transform:scale(1.1) rotate(-3deg); -ms-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg); }
	100% { -webkit-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0); }
}

.anim_tada{ -webkit-animation-name:anim_tada; animation-name:anim_tada; }

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

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

.anim_wobble{ -webkit-animation-name:anim_wobble; animation-name:anim_wobble; }

@keyframes anim_zoom_in{
	0%  { opacity:0.0; transform:scale(0.3); -webkit-transform:scale(0.3); }
	50% { opacity:1.0; }
}

@-webkit-keyframes anim_zoom_in{
	0%  { opacity:0.0; transform:scale(0.3); -webkit-transform:scale(0.3); }
	50% { opacity:1.0; }	
}

.anim_zoom_in{ animation:anim_zoom_in; -webkit-animation:anim_zoom_in; }

@keyframes anim_zoom_in_up{
	0% { opacity:0; -webkit-transform:scale(.1) translateY(2000px); -ms-transform:scale(.1) translateY(2000px); transform:scale(.1) translateY(2000px);
		 -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { opacity:1; -webkit-transform:scale(.475) translateY(-60px); -ms-transform:scale(.475) translateY(-60px); transform:scale(.475) translateY(-60px); 
		  -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

@-webkit-keyframes anim_zoom_in_up{
	0% { opacity:0; -webkit-transform:scale(.1) translateY(2000px); transform:scale(.1) translateY(2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { opacity:1; -webkit-transform:scale(.475) translateY(-60px); transform:scale(.475) translateY(-60px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

.anim_zoom_in_up{ -webkit-animation-name:anim_zoom_in_up; animation-name:anim_zoom_in_up; }

@keyframes anim_zoom_in_down{
	0% { opacity:0; -webkit-transform:scale(.1) translateY(-2000px); -ms-transform:scale(.1) translateY(-2000px); transform:scale(.1) translateY(-2000px);
		 -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { opacity:1; -webkit-transform:scale(.475) translateY(60px); -ms-transform:scale(.475) translateY(60px); transform:scale(.475) translateY(60px);
		  -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

@-webkit-keyframes anim_zoom_in_down{
	0% { opacity:0; -webkit-transform:scale(.1) translateY(-2000px); transform:scale(.1) translateY(-2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { pacity:1; -webkit-transform:scale(.475) translateY(60px); transform:scale(.475) translateY(60px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

.anim_zoom_in_down{ -webkit-animation-name:anim_zoom_in_down; animation-name:anim_zoom_in_down; }

@keyframes anim_zoom_in_left{
	0% { opacity:0; -webkit-transform:scale(.1) translateX(-2000px); -ms-transform:scale(.1) translateX(-2000px); transform:scale(.1) translateX(-2000px);
		 -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { opacity:1; -webkit-transform:scale(.475) translateX(48px); -ms-transform:scale(.475) translateX(48px); transform:scale(.475) translateX(48px); 
		  -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

@-webkit-keyframes anim_zoom_in_left{
	0% { opacity:0; -webkit-transform:scale(.1) translateX(-2000px); transform:scale(.1) translateX(-2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { opacity:1; -webkit-transform:scale(.475) translateX(48px); transform:scale(.475) translateX(48px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

.anim_zoom_in_left{ -webkit-animation-name:anim_zoom_in_left; animation-name:anim_zoom_in_left; }

@keyframes anim_zoom_in_right{
	0% { opacity:0; -webkit-transform:scale(.1) translateX(2000px); -ms-transform:scale(.1) translateX(2000px); transform:scale(.1) translateX(2000px); 
		 -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { opacity:1; -webkit-transform:scale(.475) translateX(-48px); -ms-transform:scale(.475) translateX(-48px); transform:scale(.475) translateX(-48px);
		  -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

@-webkit-keyframes anim_zoom_in_right{
	0% { opacity:0; -webkit-transform:scale(.1) translateX(2000px); transform:scale(.1) translateX(2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
	60% { opacity:1; -webkit-transform:scale(.475) translateX(-48px); transform:scale(.475) translateX(-48px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }
}

.anim_zoom_in_right{ -webkit-animation-name:anim_zoom_in_right; animation-name:anim_zoom_in_right; }

@keyframes anim_zoom_out{
	0% { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
	50% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); }
	100% { opacity:0; }
}

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

.anim_zoom_out{ -webkit-animation-name:anim_zoom_out; animation-name:anim_zoom_out; }

@keyframes anim_zoom_out_down{
	40% { opacity:1; -webkit-transform:scale(.475) translateY(-60px); -ms-transform:scale(.475) translateY(-60px); transform:scale(.475) translateY(-60px); 
		  -webkit-animation-timing-function:linear; animation-timing-function:linear; }
	100% { opacity:0; -webkit-transform:scale(.1) translateY(2000px); -ms-transform:scale(.1) translateY(2000px); transform:scale(.1) translateY(2000px);
		   -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; transform-origin:center bottom; }
}

@-webkit-keyframes anim_zoom_out_down{
	40% { opacity:1; -webkit-transform:scale(.475) translateY(-60px); transform:scale(.475) translateY(-60px); -webkit-animation-timing-function:linear; animation-timing-function:linear; }
	100% { opacity:0; -webkit-transform:scale(.1) translateY(2000px); transform:scale(.1) translateY(2000px); -webkit-transform-origin:center bottom; transform-origin:center bottom; }
}

.anim_zoom_out_down{ -webkit-animation-name:anim_zoom_out_down; animation-name:anim_zoom_out_down; }

@keyframes anim_zoom_out_left{
	40% { opacity:1; -webkit-transform:scale(.475) translateX(42px); -ms-transform:scale(.475) translateX(42px); transform:scale(.475) translateX(42px);
		  -webkit-animation-timing-function:linear; animation-timing-function:linear; }
	100% { opacity:0; -webkit-transform:scale(.1) translateX(-2000px); -ms-transform:scale(.1) translateX(-2000px); transform:scale(.1) translateX(-2000px);
		   -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center; }
}

@-webkit-keyframes anim_zoom_out_left{
	40% { opacity:1; -webkit-transform:scale(.475) translateX(42px); transform:scale(.475) translateX(42px); -webkit-animation-timing-function:linear; animation-timing-function:linear; }
	100% { opacity:0; -webkit-transform:scale(.1) translateX(-2000px); transform:scale(.1) translateX(-2000px); -webkit-transform-origin:left center; transform-origin:left center; }
}

.anim_zoom_out_left{ -webkit-animation-name:anim_zoom_out_left; animation-name:anim_zoom_out_left; }

@keyframes anim_zoom_out_right{
	40% { opacity:1; -webkit-transform:scale(.475) translateX(-42px); -ms-transform:scale(.475) translateX(-42px); transform:scale(.475) translateX(-42px);
		  -webkit-animation-timing-function:linear; animation-timing-function:linear; }
	100% { opacity:0; -webkit-transform:scale(.1) translateX(2000px); -ms-transform:scale(.1) translateX(2000px); transform:scale(.1) translateX(2000px);
		   -webkit-transform-origin:right center; -ms-transform-origin:right center; transform-origin:right center; }
}

@-webkit-keyframes anim_zoom_out_right{
	40% { opacity:1; -webkit-transform:scale(.475) translateX(-42px); transform:scale(.475) translateX(-42px); -webkit-animation-timing-function:linear; animation-timing-function:linear; }
	100% { opacity:0; -webkit-transform:scale(.1) translateX(2000px); transform:scale(.1) translateX(2000px); -webkit-transform-origin:right center; transform-origin:right center; }
}

.anim_zoom_out_right{ -webkit-animation-name:anim_zoom_out_right; animation-name:anim_zoom_out_right; }

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

.animated.infinite{
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}

.animated.hinge{
	-webkit-animation-duration:2s;
	animation-duration:2s
}