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

/***角色圖***/
@keyframes run1{
    from {top:-5%; opacity: 1;}
    50% {top:-6%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:-5%; opacity: 1;}
}
@keyframes run2{
    from {top:9%; opacity: 1;}
    50% {top:10%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:9%; opacity: 1;}
}
@keyframes run3{
    from {top:5%; opacity: 1;}
    50% {top:6%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:5%; 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:15%; opacity: 1;}
    50% {bottom:16%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:15%; opacity: 1;}
}
@keyframes run2_m{
    from {bottom:16%; opacity: 1;}
    50% {bottom:15%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:16%; opacity: 1;}
}
@keyframes run3_m{
    from {bottom:20%; opacity: 1;}
    50% {bottom:19%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:20%; 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);}
}
/******/
@keyframes run_mov_1{
    from { top:8%; left: 42%; opacity: 0;transform:scale(1) rotate(-0deg);}
    40% { opacity: 1; }
    80% { opacity: 1; }
    to { top:20%; left: 30%; opacity: 0; transform:scale(1.1) rotate(-0deg);}
}
@keyframes run_mov_1_m{
    from { top:12%; left: 40%; opacity: 0;transform:scale(1) rotate(-0deg);}
    40% { opacity: 1; }
    80% { opacity: 1; }
    to { top:26%; left: 17%; opacity: 0; transform:scale(1.1) rotate(-0deg);}
}