.adfront {
  width: 100%;
  height: 100%;
  background: #000000;
  display: none;
}
.adfront .content {
  width: 50%;
  height: 50%;
  color: #fff;
  position: absolute;
  background: #0000cc;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 30px;
  line-height: 38px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  padding: 50px;
}
.ad-image {
  width: 100%;
  height: auto;
  min-width: 390px;
  max-height: 340px;
}

@media screen and (min-width: 640px) {
  .ad-image {
    min-width: 1190px;
    max-height: 600px;
  }
  .adpause {
    max-width: 400px;
    max-height: 300px;
  }
}
.ad-pause-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.adpause {
  width: 90%;
  height: 90%;
  max-width: 800px;
  max-height: 600px;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 30px;
  line-height: 38px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  /* padding: 50px; */
  display: none;
}