@charset "utf-8";


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */


.animated {
  animation-duration: 0.8s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}


/*輸送帶*/
/* .bgtop_r-play { -webkit-animation:bgtop_r-play 70s linear infinite; animation:bgtop_r-play 70s linear infinite ;}
        @-webkit-keyframes bgtop_r-play {
          0%   { background-position:0 0;}
          100% { background-position:2000px 0;}
        }
        @keyframes bgtop_r-play {
          0%   { background-position:0 0;}
          100% { background-position:2000px 0;}
        } */

/*按鈕*/
/* .pulse { -webkit-animation:pulse 1s infinite alternate; animation:pulse 1s infinite alternate;}
  @-webkit-keyframes pulse {
    0%  { -webkit-transform: scale3d(.95,.95,.95); transform: scale3d(.95,.95,.95);}
    50% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
    to  { -webkit-transform: scale3d(.95,.95,.95); transform: scale3d(.95,.95,.95);}
  }
  @keyframes pulse {
    0%  { -webkit-transform: scale3d(.95,.95,.95); transform: scale3d(.95,.95,.95);}
    50% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
    to  { -webkit-transform: scale3d(.95,.95,.95); transform: scale3d(.95,.95,.95);}
  } */
  

/*轉轉轉*/
.rotate-play { 
  -webkit-animation: rotate-play 1s linear infinite;          
  animation: rotate-play 1s linear infinite;
}
  @keyframes rotate-play {
    0%   { transform: rotate(0deg);}
    5%   { transform: rotate(-5deg);}
    35%  { transform: rotate(5deg);}
    60%  { transform: rotate(-3deg);}
    100% { transform: rotate(0deg);}
  }  

/*彈跳*/
.bounce { 
  -webkit-animation: bounce 2s ease-in-out infinite;
  animation: bounce 2s ease-in-out infinite ;
}
  @keyframes bounce {
    0%  { transform: translate(0,-40px);}
    20% { transform: translate(0,0);}
    30% { transform: translate(0,-20px);}
    40% { transform: translate(0,0);}
    50% { transform: translate(0,-5px);}
    60% { transform: translate(0,0);}
    100%  { transform: translate(0,0);}
  }
.bounce2 { 
  -webkit-animation: bounce2 1.8s ease-in-out infinite alternate;
  animation: bounce2 1.8s ease-in-out infinite alternate;
}
  @keyframes bounce2 {
    from { transform: translate(0,0);}
    to { transform: translate(0,2vw);} /*下浮高度*/
  }