@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}



/*閃光*/
.lightSweep { position: absolute; bottom: 0; right: 0; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); overflow: hidden; z-index: 30; pointer-events: none;
  -webkit-filter: brightness(1.5);
  -webkit-mask-size: 300% 200%;
  -webkit-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -webkit-transition: -webkit-mask-position;
  -webkit-animation-timing-function: linear;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-filter: brightness(1.5);
  -moz-mask-size: 300% 200%;
  -moz-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -moz-transition: -webkit-mask-position;
  -moz-animation-timing-function: linear;
  -moz-transform: translate3d(0, 0, 0);
  -o-filter: brightness(1.5);
  -o-mask-size: 300% 200%;
  -o-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -o-transition: -webkit-mask-position;
  -o-animation-timing-function: linear;
  -o-transform: translate3d(0, 0, 0);
  filter: brightness(1.5);
  mask-size: 300% 200%;
  mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  transition: -webkit-mask-position;
  animation-timing-function: linear;
  transform: translate3d(0, 0, 0);
  transition-duration: 3s;
  animation: move 2s ease-out infinite;
}

@keyframes move {
  from {
    -webkit-mask-position: 150% 0px;
    -moz-mask-position: 150% 0px;
    -o-mask-position: 150% 0px;
    mask-position: 150% 0px;
  }
  to {
    -webkit-mask-position: 0% 0px;
    -moz-mask-position: 0% 0px;
    -o-mask-position: 0% 0px;
    mask-position: 0% 0px;
  }
}


/*心跳A*/
.heartbeat-play {-webkit-animation-duration:1.2s;  animation-duration:1.2s;  -webkit-animation-name: heartbeat-play;  animation-name: heartbeat-play;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite;/* -webkit-animation-direction: alternate;animation-direction: alternate;*/}
	@-webkit-keyframes heartbeat-play {   
		0%   { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);} 
		40%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);} 
		60%  { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);} 
		80%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
		100% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);} 
		}
	@keyframes heartbeat-play { 
		0%   { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);} 
		40%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);} 
		60%  { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);} 
		80%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
		100% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);} 
	}



/*摩天輪*/
@keyframes wheel_rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wheel_rotate {
  animation: wheel_rotate 40s infinite linear;
}


@keyframes bucket_rotate {
  0% { 
    transform: rotate(0) translateX(260px) rotate(0); 
  }
  100% { 
    transform: rotate(360deg) translateX(260px) rotate(-360deg); 
  }
}


.buckets01 div:nth-child(2) {
  animation-delay: -6.8s;
}

.buckets01 div:nth-child(3) {
  animation-delay: -13.9s;
}

.buckets01 div:nth-child(4) {
  animation-delay: -21s;
}

.buckets01 div:nth-child(5) {
  animation-delay: -27.5s;
}

.buckets01 div:nth-child(6) {
  animation-delay: -34s;
}


@keyframes bucket_rotate02 {
  0% { 
    transform: rotate(0) translateX(110px) rotate(0); 
  }
  100% { 
    transform: rotate(360deg) translateX(110px) rotate(-360deg); 
  }
}


.buckets02 div:nth-child(2) {
  animation-delay: -6.8s;
}

.buckets02 div:nth-child(3) {
  animation-delay: -13.9s;
}

.buckets02 div:nth-child(4) {
  animation-delay: -21s;
}

.buckets02 div:nth-child(5) {
  animation-delay: -27.5s;
}

.buckets02 div:nth-child(6) {
  animation-delay: -34s;
}




/*輸送帶*/
.bgtop_r-play { -webkit-animation:bgtop_r-play 10s linear infinite; animation:bgtop_r-play 10s linear infinite ;}
		@-webkit-keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0px 702px;}
		}
		@keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0px -702px;}
		}
.bgtop_l-play { -webkit-animation:bgtop_r-play 15s linear infinite alternate-reverse; animation:bgtop_r-play 15s linear infinite alternate-reverse;}
	
	/*輸送帶*/
.bgtop_r-play2 { -webkit-animation:bgtop_r-play2 10s linear infinite; animation:bgtop_r-play2 10s linear infinite ;}
		@-webkit-keyframes bgtop_r-play2 {
		  0%   { background-position:0 0;}
		  100% { background-position:0 -702px;}
		}
		@keyframes bgtop_r-play2 {
		  0%   { background-position:0 0;}
		  100% { background-position:0 702px;}
		}
.bgtop_l-play { -webkit-animation:bgtop_r-play2 160s linear infinite alternate-reverse; animation:bgtop_r-play2 160s linear infinite alternate-reverse;}