@charset "utf-8";


/*閃*/
.spark { animation: spark 1s infinite alternate;}
@keyframes spark {
  0%   { opacity: .2; filter: brightness(100%);} 
  100% { opacity:  1; filter: brightness(120%);}
}

.spark_2 { animation: spark_2 .8s infinite alternate;}
@keyframes spark_2 {
  0%   { filter: brightness(100%);} 
  100% { filter: brightness(160%);}
}

.spark_3 { animation: spark_3 1.5s infinite alternate;}
@keyframes spark_3 {
  0%   { filter: brightness(100%);}
  88%  { filter: brightness(100%);}
  97%  { filter: brightness(130%);}
  100% { filter: brightness(100%);}
}


/*飄*/
.float { animation: float 1.8s ease-in-out infinite alternate;}
@keyframes float {
  from { transform: translate(0,-5px);}
  to { transform: translate(0,5px);} /*下浮高度*/
}


/*轉*/
.rotate { animation: rotate 2s linear infinite;}
@keyframes rotate {
  from { transform: rotate(0deg);}
  to { transform: rotate(360deg);}
}

.rotate_2 { animation: rotate_2 4s linear infinite; transform-origin: bottom;}
@keyframes rotate_2 {
  0%   { transform: rotate(-3deg);}
  50%  { transform: rotate(3deg);}
  75%  { transform: rotate(-1deg);}
  100% { transform: rotate(-3deg);}
}

.rotate_3 { animation: rotate_3 4s linear infinite; transform-origin: bottom;}
@keyframes rotate_3 {
  0%   { transform: rotate(-7deg);}
  50%  { transform: rotate(8deg);}
  75%  { transform: rotate(-3deg);}
  100% { transform: rotate(-7deg);}
}

.rotate_4 { animation: rotate_4 4.5s ease-in-out infinite; transform-origin: bottom;}
@keyframes rotate_4 {
  0%   { transform: rotate(145deg);}
  25%  { transform: rotate(148deg);}
  50%  { transform: rotate(140deg);}
  75%  { transform: rotate(146deg);}
  100% { transform: rotate(145deg);}
}

.rotate_5 { animation: rotate_5 4.5s ease-in-out infinite; transform-origin: bottom;}
@keyframes rotate_5 {
  0%   { transform: rotate(210deg);}
  25%  { transform: rotate(213deg);}
  50%  { transform: rotate(205deg);}
  75%  { transform: rotate(212deg);}
  100% { transform: rotate(210deg);}
}

.rotate_6 { animation: rotate_6 4.5s ease-in-out infinite; transform-origin: bottom;}
@keyframes rotate_6 {
  0%   { transform: rotate(75deg);}
  25%  { transform: rotate(78deg);}
  50%  { transform: rotate(72deg);}
  75%  { transform: rotate(77deg);}
  100% { transform: rotate(75deg);}
}