@charset "utf-8";
/* CSS Document */

/***角色圖***/
@keyframes run1{
    from {top:0%; opacity: 1;}
    50% {top:2%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:0%; opacity: 1;}
}
@keyframes run2{
    from {top:0%; opacity: 1;}
    50% {top:2%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:0%; opacity: 1;}
}
@keyframes run3{
    from {top:12%; opacity: 1;}
    50% {top:10%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:12%; opacity: 1;}
}
@keyframes run4{
    from {top:12%; opacity: 1;}
    50% {top:10%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:12%; opacity: 1;}
}

@keyframes run1_m{
    from {bottom:13%; opacity: 1;}
    50% {bottom:15%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:13%; opacity: 1;}
}
@keyframes run2_m{
    from {bottom:12%; opacity: 1;}
    50% {bottom:14%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:12%; opacity: 1;}
}
@keyframes run3_m{
    from {top:5%; opacity: 1;}
    50% {top:7%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:5%; opacity: 1;}
}
@keyframes run4_m{
    from {top:5%; opacity: 1;}
    50% {top:7%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:5%; opacity: 1;}
}


/******/
@keyframes run_water{
    from { opacity: 0;transform:scale(0.5) rotate(-0deg);}
    20% { opacity: 1; transform:scale(1) rotate(-0deg);}
    to { opacity: 0; transform:scale(1.1) rotate(-0deg);
}