@charset "UTF-8";
.main-content {
  background: #ffffff;
  color: #282828;
  line-height: 1.7;
  font-size: 14px;
}
.main-content section {
  overflow: hidden;
}
.main-content .heading {
  margin: 50px auto 0;
}
.main-content .lead {
  margin: 30px auto 0;
}
.main-content .image {
  margin: 40px auto 0;
  text-align: center;
}
.main-content .desc {
  width: 960px;
  margin: 40px auto 60px;
  text-align: center;
}

#event-report {
  background: #4c4c4c;
  color: #ffffff;
}
#event-report:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 100%;
  height: 370px;
  background: url('../../dpls2014_report/img/dpls2014_report_view.jpg') no-repeat 50% 0;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  #event-report:before {
    height: 185px;
    background-size: 590px 185px;
  }
}
#event-report .heading {
  display: block;
  overflow: hidden;
  width: 110px;
  height: 40px;
  background: url('../../dpls2014_report/img/dpls2014_report_heading.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
#event-report .heading * {
  display: none;
}
#event-report .lead {
  display: block;
  overflow: hidden;
  width: 631px;
  height: 83px;
  background: url('../../dpls2014_report/img/dpls2014_report_lead.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
@media screen and (max-width: 640px) {
  #event-report .lead {
    width: 310px;
    max-width: 95%;
    height: 40px;
    background-size: 100%;
  }
}
#event-report .lead * {
  display: none;
}

#report-1:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 100%;
  height: 346px;
  background: url('../../dpls2014_report/img/report_1_view.jpg') no-repeat 50% 0;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  #report-1:before {
    height: 173px;
    background-size: 590px 173px;
  }
}
#report-1 .heading {
  display: block;
  overflow: hidden;
  width: 399px;
  height: 85px;
  background: url('../../dpls2014_report/img/report_1_heading.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
@media screen and (max-width: 640px) {
  #report-1 .heading {
    width: 310px;
    max-width: 95%;
    height: 66px;
    background-size: 100%;
  }
}
#report-1 .heading * {
  display: none;
}
#report-1 .lead {
  display: block;
  overflow: hidden;
  width: 539px;
  height: 105px;
  background: url('../../dpls2014_report/img/report_1_lead.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
@media screen and (max-width: 640px) {
  #report-1 .lead {
    width: 310px;
    max-width: 95%;
    height: 60px;
    background-size: 100%;
  }
}
#report-1 .lead * {
  display: none;
}

#report-2:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 100%;
  height: 346px;
  background: url('../../dpls2014_report/img/report_2_view.jpg') no-repeat 50% 0;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  #report-2:before {
    height: 173px;
    background-size: 590px 173px;
  }
}
#report-2 .heading {
  display: block;
  overflow: hidden;
  width: 134px;
  height: 86px;
  background: url('../../dpls2014_report/img/report_2_heading.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
#report-2 .heading * {
  display: none;
}
#report-2 .lead {
  display: block;
  overflow: hidden;
  width: 706px;
  height: 67px;
  background: url('../../dpls2014_report/img/report_2_lead.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
@media screen and (max-width: 640px) {
  #report-2 .lead {
    width: 310px;
    max-width: 95%;
    height: 29px;
    background-size: 100%;
  }
}
#report-2 .lead * {
  display: none;
}
#report-2 .conclusion {
  display: block;
  overflow: hidden;
  height: 236px;
  background: url('../../dpls2014_report/img/report_2_conclusion.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
  padding: 60px 0;
  background-color: #eaeaea;
}
@media screen and (max-width: 640px) {
  #report-2 .conclusion {
    height: 86px;
    background-size: 100%;
  }
}
#report-2 .conclusion * {
  display: none;
}

#report-3:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 100%;
  height: 346px;
  background: url('../../dpls2014_report/img/report_3_view.jpg') no-repeat 50% 0;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  #report-3:before {
    height: 173px;
    background-size: 590px 173px;
  }
}
#report-3 .heading {
  display: block;
  overflow: hidden;
  width: 131px;
  height: 86px;
  background: url('../../dpls2014_report/img/report_3_heading.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
#report-3 .heading * {
  display: none;
}
#report-3 .lead {
  display: block;
  overflow: hidden;
  width: 634px;
  height: 67px;
  background: url('../../dpls2014_report/img/report_3_lead.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
@media screen and (max-width: 640px) {
  #report-3 .lead {
    width: 310px;
    max-width: 95%;
    height: 32px;
    background-size: 100%;
  }
}
#report-3 .lead * {
  display: none;
}

#solution {
  background: #5f5f5f;
  color: #ffffff;
  background-image: url('../../dpls2014_report/img/product_arrow.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  padding-top: 60px;
}
#solution .heading {
  display: block;
  overflow: hidden;
  width: 162px;
  height: 23px;
  background: url('../../dpls2014_report/img/product_heading.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
#solution .heading * {
  display: none;
}
#solution .lead {
  display: block;
  overflow: hidden;
  width: 282px;
  height: 62px;
  background: url('../../dpls2014_report/img/product_lead.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
}
#solution .lead * {
  display: none;
}
#solution .block {
  overflow: hidden;
  width: 960px;
  margin: 50px auto 60px;
}
#solution .dp {
  float: left;
  width: 440px;
  margin: 0;
  text-align: right;
}
#solution .info {
  margin-left: 500px;
}
#solution .info .lead {
  margin: 0;
}
#solution .info .feature {
  overflow: hidden;
  margin-top: 20px;
}
#solution .info .feature li {
  float: left;
  width: 170px;
  margin-right: 20px;
}
#solution .info .feature li.p2, #solution .info .feature li.p4 {
  width: 250px;
}
#solution .info .feature li:before {
  content: "●";
  margin-right: 4px;
}
#solution .info .detail {
  margin-top: 20px;
}
#solution .info .detail a {
  display: block;
  overflow: hidden;
  width: 195px;
  height: 44px;
  background: url('../../dpls2014_report/img/product_detail.png') no-repeat 50% 50%;
  text-align: left;
  text-indent: -9999px;
  display: block;
}
#solution .info .detail a * {
  display: none;
}
#solution .info .image {
  position: relative;
  left: -70px;
  margin: 40px 0 0;
}

@media screen and (max-width: 640px) {
  .main-content img {
    max-width: 90%;
  }
  .main-content .desc {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
  .main-content .desc br {
    display: none;
  }

  #solution .block {
    width: auto;
  }
  #solution .dp {
    float: none;
    width: auto;
    text-align: center;
  }
  #solution .info {
    float: none;
    margin: 40px 0;
    padding: 0 20px;
  }
  #solution .info .image {
    position: static;
    left: auto;
  }
}