/* line 4, app.scss */
.wx-thumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}

/* line 11, app.scss */
html, body {
  background-color: #000000;
  width: 100%;
}
@media (min-width: 750px) {
  /* line 16, app.scss */
  html .desktop-bg, body .desktop-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/desktop-bg.png?1429886053') no-repeat;
    background-size: cover;
    z-index: 1;
  }
}

/* line 29, app.scss */
* {
  box-sizing: border-box;
}

/* line 33, app.scss */
.clearfix {
  clear: both;
}

/* line 38, app.scss */
.arrow {
  position: absolute;
  width: 200px;
  top: 80px;
  z-index: 9999;
}
@media (min-width: 750px) {
  /* line 38, app.scss */
  .arrow {
    width: 400px;
  }
}
/* line 48, app.scss */
.arrow.left {
  left: 0;
}
@media (min-width: 750px) {
  /* line 48, app.scss */
  .arrow.left {
    top: 150px;
  }
}
/* line 56, app.scss */
.arrow.right {
  right: 0;
  top: 200px;
}
@media (min-width: 750px) {
  /* line 56, app.scss */
  .arrow.right {
    top: 220px;
  }
}

/* line 66, app.scss */
.main-container {
  background-image: url('../images/header-bg.png?1429885155');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000000;
}
@media (min-width: 750px) {
  /* line 66, app.scss */
  .main-container {
    width: 1000px;
    margin: 0 auto;
    padding: 0 52px;
    background-image: none;
  }
}

/* line 84, app.scss */
.overlay {
  position: absolute;
  background-image: url('../images/image-overlay.png?1429866953');
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: repeat;
  z-index: 9999;
}

/* line 96, app.scss */
.header {
  padding: 20px 30px 60px;
  min-height: 100px;
  text-align: right;
}
@media (min-width: 750px) {
  /* line 96, app.scss */
  .header {
    padding-right: 73px;
    padding-left: 73px;
  }
}
/* line 106, app.scss */
.header .main {
  position: relative;
  text-align: left;
  z-index: 999;
  margin-top: 50px;
}
@media (min-width: 750px) {
  /* line 106, app.scss */
  .header .main {
    margin-top: 100px;
  }
}
/* line 117, app.scss */
.header .sponsor {
  width: 150px;
  z-index: 999;
}
@media (min-width: 750px) {
  /* line 117, app.scss */
  .header .sponsor {
    width: 215px;
  }
}
/* line 126, app.scss */
.header .subtitle {
  font-size: 14px;
  color: #FFFFFF;
  font-style: italic;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 750px) {
  /* line 126, app.scss */
  .header .subtitle {
    font-size: 24px;
    margin: 14px 0 0;
  }
}
/* line 139, app.scss */
.header .logo {
  margin: 20px 0 0 0;
  max-width: 300px;
}
@media (min-width: 750px) {
  /* line 139, app.scss */
  .header .logo {
    width: 325px;
    max-width: 325px;
  }
}
/* line 148, app.scss */
.header .logo img {
  width: 100%;
  height: auto;
}

/* line 155, app.scss */
.topest {
  position: relative;
  z-index: 9999;
}

/* line 160, app.scss */
.section {
  margin: 0 0 40px 0;
}
/* line 163, app.scss */
.section .title {
  position: relative;
  display: inline-block;
  margin: 0 0 20px 0;
}
@media (min-width: 750px) {
  /* line 163, app.scss */
  .section .title {
    margin-bottom: 40px;
  }
}
/* line 173, app.scss */
.section .title h3 {
  color: #FFFFFF;
  background: rgba(0, 162, 154, 0.8);
  display: inline-block;
  padding: 0 10px 0 30px;
  font-size: 14px;
  font-weight: 200;
  line-height: 30px;
  vertical-align: bottom;
  margin: 0;
  float: left;
}
/* line 186, app.scss */
.section .triangle {
  height: 31px;
  width: auto;
  float: left;
  position: relative;
  top: -1px;
}

@media (min-width: 750px) {
  /* line 195, app.scss */
  .video {
    padding-left: 73px;
    padding-right: 73px;
  }
}
/* line 201, app.scss */
.video .video-wrapper {
  width: 100%;
  padding-bottom: 63.05556%;
  position: relative;
}
/* line 206, app.scss */
.video .video-wrapper .iframe-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 212, app.scss */
.video .video-wrapper .iframe-container iframe {
  width: 100%;
  height: 100%;
}

/* line 220, app.scss */
.info {
  padding: 20px 30px 30px;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  /* line 225, app.scss */
  .info .main {
    padding-left: 45px;
    padding-right: 45px;
  }
}
/* line 231, app.scss */
.info .border-dotted {
  width: 100%;
  height: 14px;
  background: url('../images/dotted.png?1429879264') repeat-x;
}
@media (min-width: 750px) {
  /* line 231, app.scss */
  .info .border-dotted {
    background: url('../images/desktop-dotted.png?1429886387') repeat-x;
  }
}
/* line 241, app.scss */
.info p {
  color: #FFFFFF;
  line-height: 25px;
  font-weight: 700;
}
@media (min-width: 750px) {
  /* line 241, app.scss */
  .info p {
    font-size: 20px;
    line-height: 30px;
  }
}
/* line 252, app.scss */
.info .qrcode-img-wrapper {
  box-sizing: border-box;
  text-align: center;
}
@media (min-width: 750px) {
  /* line 252, app.scss */
  .info .qrcode-img-wrapper {
    float: left;
    width: 190px;
    margin-right: 55px;
  }
}
/* line 262, app.scss */
.info .qrcode-img-wrapper img {
  margin: 0 auto 10px auto;
}
/* line 266, app.scss */
.info .qrcode-img-wrapper img.qrcode {
  display: block;
  width: 80%;
  height: auto;
}
@media (min-width: 750px) {
  /* line 266, app.scss */
  .info .qrcode-img-wrapper img.qrcode {
    width: 100%;
  }
}
/* line 276, app.scss */
.info .qrcode-img-wrapper img.icon-arrow-down {
  width: 20px;
  height: auto;
}
@media (min-width: 750px) {
  /* line 276, app.scss */
  .info .qrcode-img-wrapper img.icon-arrow-down {
    width: 15px;
  }
}
/* line 287, app.scss */
.info .activity {
  margin: 0 0 30px 0;
}
/* line 290, app.scss */
.info .activity p {
  font-weight: normal;
}
@media (min-width: 750px) {
  /* line 287, app.scss */
  .info .activity {
    float: left;
  }
}
/* line 298, app.scss */
.info .activity .start-date p {
  text-align: center;
  color: #00a29a;
  font-size: 25px;
  line-height: 30px;
  vertical-align: middle;
}
@media (min-width: 750px) {
  /* line 298, app.scss */
  .info .activity .start-date p {
    width: 100%;
    text-align: left;
    margin-bottom: 36px;
  }
}
/* line 312, app.scss */
.info .activity .icon-date {
  width: 30px;
  height: auto;
  margin-right: 15px;
  vertical-align: bottom;
}
/* line 319, app.scss */
.info .activity .operation p:first-child {
  color: #00a29a;
  line-height: 20px;
}
/* line 324, app.scss */
.info .activity .operation p {
  font-size: 13px;
  line-height: 20px;
}
@media (min-width: 750px) {
  /* line 324, app.scss */
  .info .activity .operation p {
    font-size: 16px;
  }
}

/* line 335, app.scss */
.liveblog {
  color: #FFFFFF;
}
/* line 338, app.scss */
.liveblog .main {
  padding: 0 30px;
}
@media (min-width: 750px) {
  /* line 338, app.scss */
  .liveblog .main {
    padding: 0;
  }
}
@media (min-width: 750px) {
  /* line 346, app.scss */
  .liveblog .article-list {
    padding: 0 75px;
  }
}
/* line 351, app.scss */
.liveblog h1 {
  margin: 0;
  font-size: 25px;
  line-height: 30px;
}
/* line 357, app.scss */
.liveblog .post-date {
  font-size: 14px;
  line-height: 30px;
}
/* line 362, app.scss */
.liveblog .thumbnail img {
  width: 100%;
  height: auto;
  margin: 15px 0;
}
/* line 368, app.scss */
.liveblog .content {
  font-size: 14px;
  line-height: 25px;
}
/* line 372, app.scss */
.liveblog .content img {
  width: 100% !important;
  height: auto;
}
/* line 377, app.scss */
.liveblog .content h3 {
  color: #00a29a;
  font-size: 20px;
}

/* line 384, app.scss */
.footer {
  background: #00a29a;
  text-align: center;
  height: 50px;
  margin: 80px 0 0 0;
}
/* line 390, app.scss */
.footer img {
  width: 150px;
  height: auto;
  margin: 3px;
  vertical-align: middle;
  display: inline-block;
}

/*# sourceMappingURL=app.css.map */