@CHARSET "UTF-8";
/*---------- 缩小效果 ----------*/
@-webkit-keyframes zoom_out {
	0% {-webkit-transform: scale(1.1,1.1);opacity: 0;}
	100% {-webkit-transform: scale(1,1);opacity: 1;}
}

@-moz-keyframes zoom_out {
	0% {-moz-transform: scale(1.1,1.1);-moz-opacity: 0;}
	100% {-moz-transform: scale(1,1);-moz-opacity: 1;}
}

@-ms-keyframes zoom_out {
	0% {-ms-transform: scale(1.1,1.1);filter:alpha(opacity=0);}
	100% {-ms-transform: scale(1,1);filter:alpha(opacity=100);}
}

@-o-keyframes zoom_out {
	0% {-o-transform: scale(1.1,1.1);opacity: 0;}
	100% {-o-transform: scale(1,1);opacity: 1;}
}

@keyframes zoom_out {
	0% {transform: scale(1.1,1.1);opacity: 0;}
	100% {transform: scale(1,1);opacity: 1;}
}

/*---------- 放大效果 ----------*/
@-webkit-keyframes zoom_in {
	0% {-webkit-transform: scale(.5,.5);opacity: 0;}
	100% {-webkit-transform: scale(1,1);opacity: 1;}
}

@-moz-keyframes zoom_in {
	0% {-moz-transform: scale(.5,.5);-moz-opacity: 0;}
	100% {-moz-transform: scale(1,1);-moz-opacity: 1;}
}

@-ms-keyframes zoom_in {
	0% {-ms-transform: scale(.5,.5);filter:alpha(opacity=0);}
	100% {-ms-transform: scale(1,1);filter:alpha(opacity=100);}
}

@-o-keyframes zoom_in {
	0% {-o-transform: scale(.5,.5);opacity: 0;}
	100% {-o-transform: scale(1,1);opacity: 1;}
}

@keyframes zoom_in {
	0% {transform: scale(.5,.5);opacity: 0;}
	100% {transform: scale(1,1);opacity: 1;}
}

/*---------- 滑动 从左往右 ----------*/
@-webkit-keyframes fade_right {
	0% {-webkit-transform: translateX(-30px);opacity: 0;}
	100% {-webkit-transform: translateX(0);opacity: 1;}
}

@-moz-keyframes fade_right {
	0% {-moz-transform: translateX(-30px);-moz-opacity: 0;}
	100% {-moz-transform: translateX(0);-moz-opacity: 1;}
}

@-ms-keyframes fade_right {
	0% {-ms-transform: translateX(-30px);filter:alpha(opacity=0);}
	100% {-ms-transform: translateX(0);filter:alpha(opacity=100);}
}

@-o-keyframes fade_right {
	0% {-o-transform: translateX(-30px);opacity: 0;}
	100% {-o-transform: translateX(0);opacity: 1;}
}

@keyframes fade_right {
	0% {transform: translateX(-30px);opacity: 0;}
	100% {transform: translateX(0);opacity: 1;}
}

/*---------- 滑动 从右往左 ----------*/
@-webkit-keyframes fade_left {
	0% {-webkit-transform: translateX(30px);opacity: 0;}
	100% {-webkit-transform: translateX(0);opacity: 1;}
}

@-moz-keyframes fade_left {
	0% {-moz-transform: translateX(30px);-moz-opacity: 0;}
	100% {-moz-transform: translateX(0);-moz-opacity: 1;}
}

@-ms-keyframes fade_left {
	0% {-ms-transform: translateX(30px);filter:alpha(opacity=0);}
	100% {-ms-transform: translateX(0);filter:alpha(opacity=100);}
}

@-o-keyframes fade_left {
	0% {-o-transform: translateX(30px);opacity: 0;}
	100% {-o-transform: translateX(0);opacity: 1;}
}

@keyframes fade_left {
	0% {transform: translateX(30px);opacity: 0;}
	100% {transform: translateX(0);opacity: 1;}
}

/*---------- 滑动 从下往上 ----------*/
@-webkit-keyframes fade_up {
	0% {-webkit-transform: translateY(30px);opacity: 0;}
	100% {-webkit-transform: translateY(0);opacity: 1;}
}

@-moz-keyframes fade_up {
	0% {-moz-transform: translateY(30px);-moz-opacity: 0;}
	100% {-moz-transform: translateY(0);-moz-opacity: 1;}
}

@-ms-keyframes fade_up {
	0% {-ms-transform: translateY(30px);filter:alpha(opacity=0);}
	100% {-ms-transform: translateY(0);filter:alpha(opacity=100);}
}

@-o-keyframes fade_up {
	0% {-o-transform: translateY(30px);opacity: 0;}
	100% {-o-transform: translateY(0);opacity: 1;}
}

@keyframes fade_up {
	0% {transform: translateY(30px);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}

/*---------- 滑动 从上往下 ----------*/
@-webkit-keyframes fade_down {
	0% {-webkit-transform: translateY(-30px);opacity: 0;}
	100% {-webkit-transform: translateY(0);opacity: 1;}
}

@-moz-keyframes fade_down {
	0% {-moz-transform: translateY(-30px);-moz-opacity: 0;}
	100% {-moz-transform: translateY(0);-moz-opacity: 1;}
}

@-ms-keyframes fade_down {
	0% {-ms-transform: translateY(-30px);filter:alpha(opacity=0);}
	100% {-ms-transform: translateY(0);filter:alpha(opacity=100);}
}

@-o-keyframes fade_down {
	0% {-o-transform: translateY(-30px);opacity: 0;}
	100% {-o-transform: translateY(0);opacity: 1;}
}

@keyframes fade_down {
	0% {transform: translateY(-30px);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}