#DTMNT {
  color: white;
}
#DTMNT .kv {
  background: url(https://storage-asset.msi.com/event/2023/TW/202306_DTMNT/images/bg-top.jpg) no-repeat top center;
  background-size: 150%;
  background-position: 60% 0%;
}
@media (min-width: 1930px) {
  #DTMNT .kv {
    background-size: cover;
  }
}
#DTMNT .kv picture {
  position: relative;
}
#DTMNT .bgcover {
  background: url(https://storage-asset.msi.com/event/2023/TW/202306_DTMNT/images/bg-bottom.jpg) no-repeat top center;
  background-size: cover;
}
#DTMNT img {
  width: 100%;
  overflow: hidden;
}
#DTMNT .bglight {
  position: absolute;
  top: 35%;
  left: -15%;
  width: 50%;
  display: none;
}
@media (min-width: 996px) {
  #DTMNT .bglight {
    display: block;
  }
}
#DTMNT .sec2 {
  margin: auto;
  max-width: 1300px;
  position: relative;
}
@media (min-width: 996px) {
  #DTMNT .sec2 {
    padding-bottom: 10%;
  }
}
#DTMNT .sec2 figure {
  padding: 2em 0;
  text-align: center;
}
#DTMNT .sec2__btn img {
  max-width: 400px;
}
#DTMNT .sec3 {
  text-align: center;
  background: #090031;
  padding-bottom: 5em;
}
#DTMNT .sec3 img {
  max-width: 1300px;
  -webkit-filter: drop-shadow(0px 12px 2em rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 12px 2em rgba(0, 0, 0, 0.6));
}
@media (min-width: 996px) {
  #DTMNT .sec3 img {
    margin-top: -150px;
  }
}
#DTMNT .sec3 .notice {
  text-align: left;
  max-width: 1300px;
  margin: 3% auto 0;
  padding: 0 10px;
}
#DTMNT .sec3 .notice h2 {
  font-size: var(--title-lg);
  color: #fff;
  margin: 5px 0;
}
#DTMNT .sec3 .notice ul {
  margin-left: 25px;
}
#DTMNT .sec3 .notice ul li {
  list-style-type: decimal;
  margin: 10px 0;
}/*# sourceMappingURL=main.css.map */