/*
==============================================
fadeIn
==============================================
*/

.fadeInTypeOne{
	animation-name: fadeInTypeOne;
	-webkit-animation-name: fadeInTypeOne;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeInTypeOne {
	0% {
		opacity: 0.0;	
		filter: alpha(opacity=0);	
	}
	100% {
		opacity: 1;	
		filter: alpha(opacity=100);
	}		
}

@-webkit-keyframes fadeInTypeOne {
	0% {
		opacity: 0.0;	
		filter: alpha(opacity=0);		
	}
	100% {
		opacity: 1;	
		filter: alpha(opacity=100);
	}		
}

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideDown Opacity
==============================================
*/


.slideDownOpacity{
	animation-name: slideDownOpacity;
	-webkit-animation-name: slideDownOpacity;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDownOpacity {
	0% {
		transform: translateY(-100%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
}

@-webkit-keyframes slideDownOpacity {
	0% {
		-webkit-transform: translateY(-100%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideLeftNormal
==============================================
*/


.slideLeftNormal{
	animation-name: slideLeftNormal;
	-webkit-animation-name: slideLeftNormal;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeftNormal {
	0% {
		transform: translateX(-150%);
	}
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideLeftNormal {
	0% {
		-webkit-transform: translateX(-150%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(150%);
	}
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(150%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}


/*
==============================================
slideRight Home
==============================================
*/


.slideRightHome{
	animation-name: slideRightHome;
	-webkit-animation-name: slideRightHome;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightHome {
	0% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHome {
	0% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRight Home
==============================================
*/


.slideRightHomeNew{
	animation-name: slideRightHomeNew;
	-webkit-animation-name: slideRightHomeNew;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightHomeNew {
	0% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHomeNew {
	0% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRightHomeFirsttyle Home
==============================================
*/


.slideRightHomeFirsttyle{
	animation-name: slideRightHomeFirsttyle;
	-webkit-animation-name: slideRightHomeFirsttyle;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightHomeFirsttyle {
	0% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateX(50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHomeFirsttyle {
	0% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateX(50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRightHomeSecondtyle Home
==============================================
*/


.slideRightHomeSecondtyle{
	animation-name: slideRightHomeSecondtyle;
	-webkit-animation-name: slideRightHomeSecondtyle;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightHomeSecondtyle {
	0% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateX(50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHomeSecondtyle {
	0% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateX(50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRightHomeThirdstyle Home
==============================================
*/


.slideRightHomeThirdstyle{
	animation-name: slideRightHomeThirdstyle;
	-webkit-animation-name: slideRightHomeThirdstyle;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightHomeThirdstyle {
	0% {
		transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateX(-50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHomeThirdstyle {
	0% {
		-webkit-transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateX(-50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRightHomeFourstyle Home
==============================================
*/


.slideRightHomeFourstyle{
	animation-name: slideRightHomeFourstyle;
	-webkit-animation-name: slideRightHomeFourstyle;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightHomeFourstyle {
	0% {
		transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateX(-50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHomeFourstyle {
	0% {
		-webkit-transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateX(-50%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRightHomeFade Home
==============================================
*/
.slideRightHomeFade{
	animation-name: slideRightHomeFade;
	-webkit-animation-name: slideRightHomeFade;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightHomeFade {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHomeFade {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	70% {
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRightToLeft
==============================================
*/


.slideRightToLeft{
	animation-name: slideRightToLeft;
	-webkit-animation-name: slideRightToLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRightToLeft {
	0% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightToLeft {
	0% {
		-webkit-transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(-150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
slideRightToLeft
==============================================
*/


.slideBottomToTop{
	animation-name: slideBottomToTop;
	-webkit-animation-name: slideBottomToTop;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideBottomToTop {
	0% {
		transform: translateY(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateY(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideBottomToTop {
	0% {
		-webkit-transform: translateY(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateY(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*
==============================================
rotation
==============================================
*/

@-webkit-keyframes rotation {
	0% 		{ -webkit-transform: rotate(0deg); }
	50% 	{ -webkit-transform: rotate(180deg); }
	100% 	{ -webkit-transform: rotate(360deg); }
}

@keyframes rotation {
	0% 		{ transform: rotate(0deg); }
	50% 	{ transform: rotate(180deg); }
	100% 	{ transform: rotate(360deg); }
}


/*Cny*/
.slideCnyLeft{
	animation-name: slideCnyLeft;
	-webkit-animation-name: slideCnyLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideCnyLeft {
	0% {
		transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideCnyLeft {
	0% {
		-webkit-transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.slideCnyRight{
	animation-name: slideCnyRight;
	-webkit-animation-name: slideCnyRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideCnyRight {
	0% {
		transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideCnyRight {
	0% {
		-webkit-transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.slideCnyTop{
	animation-name: slideCnyTop;
	-webkit-animation-name: slideCnyTop;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideCnyTop {
	0% {
		transform: translateY(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateY(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideCnyTop {
	0% {
		-webkit-transform: translateY(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateY(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.slideCnyBottom{
	animation-name: slideCnyBottom;
	-webkit-animation-name: slideCnyBottom;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideCnyBottom {
	0% {
		transform: translateY(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateY(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideCnyBottom {
	0% {
		-webkit-transform: translateY(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateY(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}


.slideCnyLeftLeft{
	animation-name: slideCnyLeftLeft;
	-webkit-animation-name: slideCnyLeftLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideCnyLeftLeft {
	0% {
		transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(0px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideCnyLeftLeft {
	0% {
		-webkit-transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(0px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.slideCnyRightRight{
	animation-name: slideCnyRightRight;
	-webkit-animation-name: slideCnyRightRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideCnyRightRight {
	0% {
		transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(0px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideCnyRightRight {
	0% {
		-webkit-transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		-webkit-transform: translateX(0px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.slideCnyFade{
	animation-name: slideCnyFade;
	-webkit-animation-name: slideCnyFade;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideCnyFade {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideCnyFade {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	15% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	80% {
		-webkit-transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}