@charset "UTF-8";

/** skin87  **/

#area1 .ball_wrap {}
#area1 .ball_wrap .ball {position: absolute; width: 67px; height: 67px; z-index: 999;}
#area1 .ball_wrap .ball01 {left:5%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball01.png) no-repeat; background-size: 100%; animation: bounce1 5s 1 forwards;;}
#area1 .ball_wrap .ball02 {left:20%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball02.png) no-repeat; background-size: 100%; animation: bounce2 8s 1 forwards;}
#area1 .ball_wrap .ball03 {left:40%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball03.png) no-repeat; background-size: 100%; animation: bounce3 6s 1 forwards;}
#area1 .ball_wrap .ball04 {left:60%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball04.png) no-repeat; background-size: 100%; animation: bounce4 5s 1 forwards;}
#area1 .ball_wrap .ball05 {left:80%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball05.png) no-repeat; background-size: 100%; animation: bounce5 8s 1 forwards;}
#area1 .ball_wrap .ball06 {left:30%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball06.png) no-repeat; background-size: 100%; animation: bounce6 7s 1 forwards;}
#area1 .ball_wrap .ball07 {left:90%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball07.png) no-repeat; background-size: 100%; animation: bounce7 7.5s 1 forwards;}
#area1 .ball_wrap .ball08 {left:65%; background: url(https://file.barunsoncard.com/barunsonmcard/img87/ball08.png) no-repeat; background-size: 100%; animation: bounce8 8s 1 forwards;}


@keyframes bounce1 {
	0% { top: 0; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 30%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 50%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 75%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}
@keyframes bounce2 {
	0% { top: 10%; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 40%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 60%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 85%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}
@keyframes bounce3 {
	0% { top: 12%; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 35%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 65%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 90%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}
@keyframes bounce4 {
	0% { top: 18%; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 26%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 54%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 85%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}
@keyframes bounce5 {
	0% { top: 14%; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 30%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 50%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 75%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}
@keyframes bounce6 {
	0% { top: 20%; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 20%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 42%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 65%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}
@keyframes bounce7 {
	0% { top: 16%; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 32%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 62%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 70%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}
@keyframes bounce8 {
	0% { top: 8%; animation-timing-function: ease-in;}
	16% {top: 92%; animation-timing-function: ease-out;}
	32% {top: 12%; animation-timing-function: ease-in;}
	48% {top: 92%; animation-timing-function: ease-out;}
	62% {top: 42%; animation-timing-function: ease-in;}
	78% {top: 100%; animation-timing-function: ease-out;}
	90% {top: 80%; animation-timing-function: ease-in;}
	100% {top: 92%; animation-timing-function: ease-out;}
}