@charset "utf-8";


@keyframes join_br00 {
  0% {
    filter: brightness(1.1);
    transform: scale(1.05);
  }

  50% {
    filter: brightness(1);
    transform: scale(0.9);
  }

  100% {
    filter: brightness(1.1);
    transform: scale(1.05);
  }
}

@keyframes shining {
  0% {
    filter: brightness(1) contrast(1.5);
  }

  50% {
    filter: brightness(4) contrast(1.5);
  }

  100% {
    filter: brightness(1) contrast(1.5);
  }
}

/*飄飄*/
@keyframes fly1 {
    0% {
        transform: translateY(-5%);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-5%);
    }
}

/*動雲*/
@keyframes move-clouds-back {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 10000px 0;
  }
}




@keyframes sg {
	0% {
		left: -100%;
	}

	100% {
		left: 100%;
	}
}


@keyframes fly_man_1 {
    0% {
        transform: translateY(0%);
        filter: brightness(1);
    }
    25%{
        filter: brightness(1.5);
    }
    50% {
        transform: translateY(10%);
        filter: brightness(1);
    }
    75%{
    
    }
    100% {
        transform: translateY(0%);
        filter: brightness(1);
    }
}

@keyframes fly_man_2 {
    0% {
        transform: translateY(0%);
        filter: brightness(1);
    }
    25%{

    }
    50% {
        transform: translateY(10%);
        filter: brightness(1);
    }
    75%{

    }
    100% {
        transform: translateY(0%);
        filter: brightness(1);
    }
}

@keyframes fly_man_3 {
    0% {
        transform: translateY(0%);
        filter: brightness(1);
    }
    25%{

    }
    50% {
        transform: translateY(10%);
        filter: brightness(1);
    }
    75%{
      filter: brightness(2);
    }
    100% {
        transform: translateY(0%);
        filter: brightness(1);
    }
}

@keyframes fly_man_4 {
    0% {
        transform: translateY(0%);
        filter: brightness(0.5) blur(5px);
        opacity: 1;
    }
    25%{

    }
    50% {
        transform: translateY(15%);
        filter: brightness(1.5) blur(0px);
        opacity: 0.5;
    }
    75%{
    
    }
    100% {
        transform: translateY(0%);
        filter: brightness(0.5) blur(5px);
        opacity: 1;
    }
}




@keyframes fly_girl_1 {
    0% {
        transform: translateY(0%);
        filter: brightness(1.5);
    }
    25%{

    }
    50% {
        transform: translateY(12%);
        filter: brightness(1);
    }
    75%{
    
    }
    100% {
        transform: translateY(0%);
        filter: brightness(1.5);
    }
}
@keyframes fly_girl_2 {
    0% {
        transform: translateY(0%);
        filter: brightness(1);
    }
    25%{
      filter: brightness(1.5);
    }
    50% {
        transform: translateY(12%);
        filter: brightness(1);
    }
    75%{
      filter: brightness(1.5);
    }
    100% {
        transform: translateY(0%);
        filter: brightness(1);
    }
}
@keyframes fly_girl_3 {
    0% {
        transform: translateY(0%);
        filter: brightness(1);
    }
    25%{
      filter: brightness(1.2);
    }
    50% {
        transform: translateY(20%);
        filter: brightness(1);
    }
    75%{
      filter: brightness(1.2);
    }
    100% {
        transform: translateY(0%);
        filter: brightness(1);
    }
}
@keyframes fly_girl_4 {
    0% {
        transform: translateY(0%);
    }
    25%{
      
    }
    50% {
        transform: translateY(15%);
    }
    75%{
      
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes tilt-in-fwd-tr {
  0% {
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    filter: blur(0);
    opacity: 0;
  }
  3% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    filter: blur(0);
    opacity: 1;
  }
    97% {
    transform: translate(0, 0) skew(0deg, 0deg);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
    100% {
    transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    transform-origin: 100% 100%;
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes tilt-in-tr {
  0% {
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes fadeInUp{
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes color_shadow{
    0%{
        filter:drop-shadow(0px 0px 8px rgba(29, 89, 255, 0.5));
    }
    35%{
        filter:drop-shadow(0px 0px 5px rgba(103, 199, 255, 0.7))  ;
    }   
    50%{
        filter:drop-shadow(0px 0px 0px rgba(25, 0, 255, 0.26)) ;
    }
    65%{
        filter:drop-shadow(0px 0px 5px rgba(103, 199, 255, 0.7)) ;
    }
    100%{
        filter:drop-shadow(0px 0px 8px rgba(29, 89, 255, 0.5)) ;
    }
}