.gs_animated{
    animation-duration: 1s;
    animation-fill-mode: both;
	animation-timing-function: linear;
}

/*========================由左至右淡入=======================================*/

.ani_slideLeft{
    animation-name:ani_slideLeft;
    animation-duration:1s;
}

@keyframes ani_slideLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}

/*由左至右淡入*/

/*由左至右淡入 順序5個*/

.ani_slideLeft_1{
    animation-name:ani_slideLeft_1;
    animation-duration:5s;
}

@keyframes ani_slideLeft_1{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	40% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideLeft_2{
    animation-name:ani_slideLeft_2;
    animation-duration:5s;
}

@keyframes ani_slideLeft_2{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	
	40% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideLeft_3{
    animation-name:ani_slideLeft_3;
    animation-duration:5s;
}

@keyframes ani_slideLeft_3{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideLeft_4{
    animation-name:ani_slideLeft_4;
    animation-duration:5s;
}

@keyframes ani_slideLeft_4{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	
	60% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideLeft_5{
    animation-name:ani_slideLeft_5;
    animation-duration:5s;
}

@keyframes ani_slideLeft_5{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	
	60% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	80% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,0,0);
		-ms-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/*由左至右淡入 順序5個*/

/*========================由左至右淡入=======================================*/

/*========================由右至左淡入=======================================*/

.ani_slideRight{
    animation-name:ani_slideRight;
    animation-duration:1s;
}

@keyframes ani_slideRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}

/*由右至左淡入*/

/*由右至左淡入 順序5個*/

.ani_slideRight_1{
    animation-name:ani_slideRight_1;
    animation-duration:5s;
}

@keyframes ani_slideRight_1{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	40% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideRight_2{
    animation-name:ani_slideRight_2;
    animation-duration:5s;
}

@keyframes ani_slideRight_2{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	
	40% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideRight_3{
    animation-name:ani_slideRight_3;
    animation-duration:5s;
}

@keyframes ani_slideRight_3{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideRight_4{
    animation-name:ani_slideRight_4;
    animation-duration:5s;
}

@keyframes ani_slideRight_4{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	
	60% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideRight_5{
    animation-name:ani_slideRight_5;
    animation-duration:5s;
}

@keyframes ani_slideRight_5{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	
	60% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	80% {
		opacity: 0;
		-webkit-transform: translate3d(20px,0,0);
		-ms-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/*由右至左淡入 順序5個*/

/*========================由右至左淡入=======================================*/

/*========================由上至下淡入=======================================*/

.ani_slideTop{
    animation-name:ani_slideTop;
    animation-duration:1s;
}

@keyframes ani_slideTop{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}

/*由上至下淡入*/

/*由上至下淡入 順序5個*/

.ani_slideTop_1{
    animation-name:ani_slideTop_1;
    animation-duration:5s;
}

@keyframes ani_slideTop_1{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	40% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideTop_2{
    animation-name:ani_slideTop_2;
    animation-duration:5s;
}

@keyframes ani_slideTop_2{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	
	40% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideTop_3{
    animation-name:ani_slideTop_3;
    animation-duration:5s;
}

@keyframes ani_slideTop_3{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideTop_4{
    animation-name:ani_slideTop_4;
    animation-duration:5s;
}

@keyframes ani_slideTop_4{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	
	60% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_slideTop_5{
    animation-name:ani_slideTop_5;
    animation-duration:5s;
}

@keyframes ani_slideTop_5{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	20% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	
	40% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	
	60% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	80% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/*由上至下淡入 順序5個*/

/*========================由上至下淡入=======================================*/

/*========================轉圈=======================================*/

.ani_trun{
    animation-name:ani_trun;
    animation-duration:5s;
	animation-iteration-count:infinite;
}

@keyframes ani_trun{
	0% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

/*========================轉圈=======================================*/

/*========================上下抖動=======================================*/

.ani_upDown_sm{
    animation-name:ani_upDown_sm;
    animation-duration:5s;
	animation-iteration-count:infinite;
}

@keyframes ani_upDown_sm{
	0% {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	25% {
		-webkit-transform: translate3d(0,-5px,0);
		-ms-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}
	50% {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	75% {
		-webkit-transform: translate3d(0,5px,0);
		-ms-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0);
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.ani_upDown_md{
    animation-name:ani_upDown_md;
    animation-duration:5s;
	animation-iteration-count:infinite;
}

@keyframes ani_upDown_md{
	0% {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	25% {
		-webkit-transform: translate3d(0,-10px,0);
		-ms-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}
	50% {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	75% {
		-webkit-transform: translate3d(0,10px,0);
		-ms-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/*========================上下抖動=======================================*/