html,
body {
  height: 100%;
}
a,img{
  outline: none;
}
.fp-watermark, .hide {
  display: none;
  opacity: 0;
}
img{
  max-width: 100%;
}
.opacity0 {
  opacity: 0;
}
.fp-overflow {
  outline: 0;
}
.main img {
  width: 100%;
}
.uk-position-top-left{
top: 3%;
}
.share-link a{
  width: 24%;
  display: inline-block;
  padding: 0 0 0 25%;
}
#modal-pre-ok .share-link a{
  padding: 0;
}
.dlBox{ 
  z-index: 999; 
  position: absolute;
  left: 50%; 
  top: auto; 
  bottom: 10%;
  transform: translate(-50%,0);
  width: 100%; 
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dlBox a,.main img.os { 
  width: 18.6%;
  text-align: center;
}
.dlBox a img{
  transition: all 0.3s;
  /* animation: scal-ani 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite 0.55s; */
}
.dlBox a:hover img {
  transition: all 0.3s;
 transform: translateY(-6px);
  filter: contrast(155%);
}

@keyframes scal-ani {

  0%,
  to {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}
.uk-position-top-left {
  top: auto;
  bottom: 13%;
  width: auto;
  left: 0;
}
.footer {
  background: url(https://res.17996cdn.net/bpsr/pre/foot_bg.jpg) no-repeat top center;
  background-size: cover;
  text-align: center;
  padding: 1% 0;
  color: #93abb8;
  font-size: 12px;
  width: 100%;
  height: auto;
  z-index: 500;
}
.footer p,.footer .limited {
  margin-bottom: 10px;
}
.footer a {
  color: #93abb8;
}
.footer a:hover {
  color: #333;
}
.footer .f-logo {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
.footer .f-logo img {
  width: 60%;
}
.footer p label{
  margin: 0 5px;
}


@media (max-width: 1024px) {
  .uk-position-top-left{
    top: 10%;
    bottom: auto;
    z-index: 99;
    }
    .share-link a{
      width: 16%;
      display: inline-block;
      padding: 1px 4%;
    }
    .top-dl {
      width: 100%;
      position: absolute;
      top: 6px;
      right: 10px;
      text-align: right;
    }
    .top-dl img {
      width: 30%;
      border-radius: 6px;
      border: 1px solid #bcbcbc;
    }
    .dlBox {
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      padding-top: 116%;
      text-align: center;
  }
  .dlBox a img {
      transition: all 0.3s;
      width: 55%;
      border-radius: 6px;
      border: 1px solid #bcbcbc;
  }
  .footer .f-logo img {
    width: 75%;
  }
  .footer p label{
    display: block;
  }
  .share-link img {
    opacity: 1;
  }


#modal-pre-ok .uk-modal-dialog {
  text-align: center;
  max-width: 720px !important;
  width: 94vw !important;
  box-sizing: border-box;
  padding: 3%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.pre-text{
  font-size: 26px;
}
.pre-text strong {
  font-size: 48px;
  margin-bottom: 20px;
}
#modal-pre-ok .share-link{
  max-width:75%;
}
}