
.top2{
  position: absolute;
  top: 0;
  left: 0;
  animation: blink 2s ease-in-out infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.fade-image {
  position: absolute;
  top: 31%;
  left: 19%;
  width: 8% !important;
  object-fit: cover;
  opacity: 0;
}

.fade-image1 {
  animation: show1 6s steps(1) infinite;
}

.fade-image2 {
  animation: show2 6s steps(1) infinite;
}

.fade-image3 {
  animation: show3 6s steps(1) infinite;
}

@keyframes show1 {
  0%, 33.333%   { opacity: 1; z-index: 1; }
  33.334%, 100% { opacity: 0; z-index: 0; }
}

@keyframes show2 {
  0%, 33.333%   { opacity: 0; z-index: 0; }
  33.334%, 66.666% { opacity: 1; z-index: 1; }
  66.667%, 100% { opacity: 0; z-index: 0; }
}

@keyframes show3 {
  0%, 66.666%   { opacity: 0; z-index: 0; }
  66.667%, 100% { opacity: 1; z-index: 1; }
}
.eveCont .eventLink.btn_000 {
  width: 90%;
  height: 16%;
  bottom: 17%;
}
.eveCont .eventLink.btn01 {
  width: 90%;
  height: 10%;
  bottom: 36%;
}

.eveCont .eventLink.btn02 {
  width: 90%;
  height: 10%;
  bottom: 24.7%;
}

.eveCont .eventLink.btn03 {
  width: 90%;
  height: 11%;
  bottom: 12.8%;
}
.eveCont .eventLink.btnFull {
  width: 100%;
  height: 100%;
  bottom: 0%;
}
.nav_1{
  position: absolute;
  top: 10%;
  left: 3%;
  width: 30%;
  height: 66%;
  font-size: 0;
  color: transparent;
  text-decoration: none;
  z-index: 2;
}
.nav_2{
  position: absolute;
  top: 10%;
  left: 35%;
  width: 30%;
  height: 66%;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}
.nav_3{
  position: absolute;
  top: 10%;
  left: 67%;
  width: 30%;
  height: 66%;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}