/*
==============================================
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);
	}
}

/*
==============================================
slideRightHomePink Home
==============================================
*/


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

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

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

	visibility: visible !important;	
}

@keyframes slideRightHomePink {
	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);
	}		
	85% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	95% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(150%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

@-webkit-keyframes slideRightHomePink {
	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);
	}		
	85% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	95% {
		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);
	}
}

/*
==============================================
slideRightCNY2017 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideRightCNY2017 {
	0% {
		transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateX(50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	100% {
		transform: translateX(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}			
}

@-webkit-keyframes slideRightCNY2017 {
	0% {
		-webkit-transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateX(50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	100% {
		-webkit-transform: translateX(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

/*
==============================================
slideLeftCNY2017 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideLeftCNY2017 {
	0% {
		transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateX(-50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	100% {
		transform: translateX(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}			
}

@-webkit-keyframes slideLeftCNY2017 {
	0% {
		-webkit-transform: translateX(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateX(-50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	100% {
		-webkit-transform: translateX(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

/*
==============================================
slideTopCNY2017 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideTopCNY2017 {
	0% {
		transform: translateY(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateY(-50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	100% {
		transform: translateY(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}		
}

@-webkit-keyframes slideTopCNY2017 {
	0% {
		-webkit-transform: translateY(-100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateY(-50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	100% {
		-webkit-transform: translateY(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

/*
==============================================
slideBottomCNY2017 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideBottomCNY2017 {
	0% {
		transform: translateY(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		transform: translateY(50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	100% {
		transform: translateY(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}			
}

@-webkit-keyframes slideBottomCNY2017 {
	0% {
		-webkit-transform: translateY(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		-webkit-transform: translateY(50px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}		
	90% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	100% {
		-webkit-transform: translateY(0%);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
}

/*
==============================================
fadeCNY2017 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes fadeCNY2017 {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	90% {
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}		
}

@-webkit-keyframes fadeCNY2017 {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	10% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	90% {
		opacity: 1;
		filter: alpha(opacity=100);
	}	
	100% {
		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); }
}

/*
==============================================
slideRightDumpling2019 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideRightDumpling2019 {
	0% {
		transform: translateX(200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}			
}

@-webkit-keyframes slideRightDumpling2019 {
	0% {
		-webkit-transform: translateX(200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
}


/*
==============================================
slideLeftDumpling2019 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideLeftDumpling2019 {
	0% {
		transform: translateX(-200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}			
}

@-webkit-keyframes slideLeftDumpling2019 {
	0% {
		-webkit-transform: translateX(-200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		-webkit-transform: translateX(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
}


/*
==============================================
slideTopDumpling2019 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideTopDumpling2019 {
	0% {
		transform: translateY(-200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}			
}

@-webkit-keyframes slideTopDumpling2019 {
	0% {
		-webkit-transform: translateY(-200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
}

/*
==============================================
slideBottomDumpling2019 Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideBottomDumpling2019 {
	0% {
		transform: translateY(200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}			
}

@-webkit-keyframes slideBottomDumpling2019 {
	0% {
		-webkit-transform: translateY(200px);
		opacity: 0;
		filter: alpha(opacity=0);
	}	
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
}


/*
==============================================
slideTopOnlyOne Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

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

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

/*
==============================================
slideBottomOnlyOne Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideBottomOnlyOne {
	0% {
		transform: translateY(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
}

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

/*
==============================================
slideLeftOnlyOne Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

@keyframes slideLeftOnlyOne {
	0% {
		transform: translateX(100px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}	
}

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

/*
==============================================
slideRightOnlyOne Home
==============================================
*/

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

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

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

	visibility: visible !important;	
}

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

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

/*
==============================================
bouncetoright
==============================================
*/
.bouncetoright {
    -moz-animation: bouncetoright 2s infinite;
    -webkit-animation: bouncetoright 2s infinite;
    animation: bouncetoright 2s infinite;
}
@-webkit-keyframes bouncetoright {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	60% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
}
@keyframes bouncetoright {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	60% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
}

/*
==============================================
bouncetoleft
==============================================
*/
.bouncetoleft {
    -moz-animation: bouncetoleft 2s infinite;
    -webkit-animation: bouncetoleft 2s infinite;
    animation: bouncetoleft 2s infinite;
}
@-webkit-keyframes bouncetoleft {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}
	60% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
}
@keyframes bouncetoleft {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}
	60% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
}

/*
==============================================
bouncetobottom
==============================================
*/
.bouncetobottom {
    -moz-animation: bouncetobottom 2s infinite;
    -webkit-animation: bouncetobottom 2s infinite;
    animation: bouncetobottom 2s infinite;
}
@-webkit-keyframes bouncetobottom {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
@keyframes bouncetobottom {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

/*
==============================================
Polygontotop
==============================================
*/
.polygontotop {
	animation-name: polygontotop;
	-webkit-animation-name: polygontotop;	

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

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

	visibility: visible !important;	
}
@-webkit-keyframes polygontotop {
	0% {
		opacity: 0;
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	}
	10% {
		opacity: 1;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
	}
	20% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	30% {
		opacity: 1;
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
	}
	95% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes polygontotop {
	0% {
		opacity: 0;
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	}
	10% {
		opacity: 1;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
	}
	20% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	30% {
		opacity: 1;
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
	}
	95% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

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

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

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

	visibility: visible !important;	
}

@keyframes slideUpHome {
	0% {
		transform: translateY(100%);
	}
	20% {
		transform: translateY(00%);
	}
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUpHome {
	0% {
		-webkit-transform: translateY(100%);
	}	
	20% {
		transform: translateY(00%);
	}		
	100% {
		-webkit-transform: translateY(0%);
	}
}