* {outline: none;}

body{
  background-color: #fff;
  background: url(../img/bg_float.png) repeat;
}
.main{
  margin:100px auto 0 auto;
}

.girl{
  background: url(../img/bg_sports.png) top center;
  background-size: cover;
  width: 316px;
  height: 330px;
  margin: 0 auto;
  text-indent: -9999px;
}
ul{margin: -15px auto 0 auto; padding: 0;width: 281px;display: block;}
li{
  display: block;
  cursor: pointer;
  -webkit-filter: drop-shadow(0 6px 7px rgba(175,98,98,.3));
    filter: drop-shadow(0 6px 7px rgba(175,98,98,.3))
}
li a{
  display: block;
  width: 280px;
  height: 68px;
  margin-bottom: 15px;
}
.register{
  background: url(../img/btn_entry_01.png);
  background-size: cover;
  animation-name: btn;
  animation-iteration-count:infinite;
  animation-duration:0.5s;
  animation-direction:alternate;
  animation-timing-function:step-end;
  background-size: cover;
  background-position: top;
}

@keyframes btn {
  0% {
    background: url(../img/btn_entry_01.png) ;
    background-size: cover;
  }
  50% {
    background: url(../img/btn_entry_01.png) 0 -68px;
    background-size: cover;
  }
  100% {
    background: url(../img/btn_entry_01.png) ;
    background-size: cover;
  }
}

.login{
  background: url(../img/btn_entry_02.png);
  background-size: cover;
  animation-name: btn2;
  animation-iteration-count:infinite;
  animation-duration:0.5s;
  animation-direction:alternate;
  animation-timing-function:step-end;
  background-size: cover;
  background-position: top;
}

.login a{
  height: 67px;
}

@keyframes btn2 {
  0% {
    background: url(../img/btn_entry_02.png) ;
    background-size: cover;
  }
  50% {
    background: url(../img/btn_entry_02.png) 0 -67px;
    background-size: cover;
  }
  100% {
    background: url(../img/btn_entry_02.png) ;
    background-size: cover;
  }
}