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

@keyframes ani_slideLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px,0,0);
		-ms-transform: translate3d(-40px,0,0);
		transform: translate3d(-40px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}
@keyframes ani_slideLeft_stop{
	0% {
		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(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}
/*========================由左至右淡入=======================================*/

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

@keyframes ani_slideRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px,0,0);
		-ms-transform: translate3d(40px,0,0);
		transform: translate3d(40px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}
@keyframes ani_slideRight_stop{
	0% {
		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(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}

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

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

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

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

@keyframes ani_page_title_slideTop{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-40px,0);
		-ms-transform: translate3d(0,-40px,0);
		transform: translate3d(0,-40px,0);
	}
	100% {
		opacity: 0.7;
		-webkit-transform: translate3d(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	}
}

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

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

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

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

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

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

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

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

@keyframes ani_upDown_sm{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	25% {
		opacity: 1;
		-webkit-transform: translate3d(0,-5px,0);
		-ms-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}
	50% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	75% {
		opacity: 1;
		-webkit-transform: translate3d(0,5px,0);
		-ms-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}
@keyframes ani_upDown_sm_stop{
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	25% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	50% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	75% {
		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);
	}
}
@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);
	}
}

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

/*========================淡入=======================================*/

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

@keyframes ani_fadeIn2{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.7;
	}
}

/*========================淡入=======================================*/
@keyframes stamp{
  0%{
      transform: scale(1.5);
      opacity: 0;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes bounce-top {
  0% {
    transform: translateY(0px);
  }
  3% {
    transform: translateY(-24px);
  }
  6% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(0px);
  }
  53% {
    transform: translateY(-24px);
  }
  56% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes heartbeat {
  from {
	opacity: 0;
	transform: scale(1);
	transform-origin: center center;
	animation-timing-function: ease-out;
  }
  10% {
	opacity: 1;
	transform: scale(0.91);
	animation-timing-function: ease-in;
  }
  17% {
	opacity: 1;
	transform: scale(0.98);
	animation-timing-function: ease-out;
  }
  33% {
	opacity: 1;
	transform: scale(0.87);
	animation-timing-function: ease-in;
  }
  45% {
	opacity: 1;
	transform: scale(1);
	animation-timing-function: ease-out;
  }
  100% {
	opacity: 1;
	transform: scale(1);
	animation-timing-function: ease-out;
  }
}