/***********animation set str********/
/* set a animation about leftright move */
@keyframes moveDownUp {
  from {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(20px);
  }
}
@keyframes moveLeftRight {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(50px);
    }
  }

/* set a animation about Load from bottom to top */
@keyframes loadDownToTop {
    from {
      opacity: 0;
      transform: translateY(100px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  /* set a animation about Load from left to right */
  @keyframes loadLeftToRight{
    from{
        opacity:0;
        transform: translateX(-100%);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
  }
/***********animation set end********/