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;
}
.section {
  max-width: 750px;
  margin: auto;
}
.topBox {
  position: fixed;
  width: 100%;
  max-width: 750px;
  z-index: 199;
  left: 50%;
  transform: translate(-50%, 0);
}
.topBox .topBtn {
  position: absolute;
  top: 10px;
  right: 24px;
  width: 210px;
}
.topBox .ios-bt{
  z-index: 9;
}
.topBox .topBtn img{
  border-radius: 6px;
  border: 1px solid #a6a6a6;
  background: #000;
  width: 100%;
}
.main img {
  width: 100%;
}
.main .sl {
  transform: scale(1);
}

.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;
}
.sl {
  width: 100%;
  max-width: 750px;
}
.dlBox {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  text-align: center;
  z-index: 999;
  display: grid;
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.dlBox a img {
  transition: all 0.3s;
  width: 50%;
  max-width: 380px;
  margin: auto;
  margin-top: 26px;
  transform: scale(1);
  
}
.dlBox a:hover img {
  transition: all 0.3s;
}
.uk-position-top-left {
  top: auto;
  bottom: 13%;
  width: auto;
  left: 0;
}

#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%;
}
.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: 768px) {
  .logo {
      width: 44%;
      padding: 4px 0 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;
    }
    
    
  .footer .f-logo img {
    width: 75%;
  }
  .footer p label{
    display: block;
  }
  .share-link img {
    opacity: 1;
  }
}