@import "GL310-GC311.css";
@media (min-width: 540px) {
  .event-info {
    max-width: 360px;
  }
  .event-info dd h2 {
    font-size: 24px;
  }
  .update-now a {
    padding: 3% 8%;
    font-size: 18px;
  }
  .event-concent p {
    max-width: 360px;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  nav {
    padding: 2% 2% 0;
    text-align: left
  }
  .logo {
    width: 18%;
  }
  .container {
    max-width: 70%;
  }
  .GL310 img {
    max-width: 40%;
  }
  .GC311 img {
    max-width: 40%;
  }
  .event-info dt {
    padding: 0 2% 0 0;
    margin: 0;
  }
  .event-info dd {
    padding: 0 0 0 5%
  }
  .main_bg picture {
    margin: 0;
  }
  .event-info dt, .event-info dd {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  header {
    padding: 9% 0 0;
  }
  .lisght-title {
    max-width: 70%;
  }
  .event-concent {
    padding-top: 50%;
  }
  .event-info {
    text-align: left;
    margin: 5% 0;
    max-width: 100%;
  }
  .event-info dd h2 {
    font-size: 2vw;
  }
  .update-now a {
    padding: 3% 5%;
    font-size: 1.4vw;
  }
  .event-concent p {
    font-size: 1.3vw;
    max-width: 100%;
    padding: 1.5% 1.5%;
    margin: 0 auto 6%;
  }
  .code-nos {
    font-size: 1.4vw
  }
  .code-nos span {
    font-size: 2vw;
    font-weight: 700
  }
}
@media (min-width: 1024px) {}