/*------------------------------------------------------------------------------------------- */
/*---- #animattion:UpDeep：往上而回較大移動 */
@-webkit-keyframes UpDeep {
  0% {
	transform:translateY(0);
  }
  50% {
	transform:translateY(-12px);
  }
  100% {
    transform:translateY(0);
  }
}

@keyframes UpDeep {
  0% {
	transform:translateY(0);
  }
  50% {
	transform:translateY(-12px);
  }
  100% {
    transform:translateY(0);
  }
}





/*------------------------------------------------------------------------------------------- */
/*---- #animattion:UpDownDeep：往下而回較大移動 */
@-webkit-keyframes DownDeep {
  0% {
	transform:translateY(0);
  }
  50% {
	transform:translateY(12px);
  }
  100% {
    transform:translateY(0);
  }
}

@keyframes DownDeep {
  0% {
	transform:translateY(0);
  }
  50% {
	transform:translateY(12px);
  }
  100% {
    transform:translateY(0);
  }
}





/*------------------------------------------------------------------------------------------- */
/*---- #animattion:BigShow */
@keyframes BigShow {
	0% {
		transform:scale(1);		
	}
	50% {
		transform:scale(1.6);		
	}
	100% {
		transform:scale(1);		
	}
}





/*------------------------------------------------------------------------------------------- */
/*---- #animattion:BigShow */
@keyframes SmallShow {
	0% {
		transform:scale(1);		
	}
	50% {
		transform:scale(0.5);		
	}
	100% {
		transform:scale(1);		
	}
}





/*------------------------------------------------------------------------------------------- */
/*---- #animattion:swing：左右搖擺 */
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}