body {
  font-size: 14px; }

.banner {
  position: relative;
  overflow: hidden;
  height: 960px;
  background: url("../images/bg.jpg") center 0 no-repeat; }
  .banner .dl {
    position: absolute;
    top: 480px;
    width: 100%;
    text-align: center;
    font-size: 0; }
    .banner .dl .btn-dl {
      display: inline-block;
      width: 259px;
      height: 76px;
      background-position: 0 0;
      background-repeat: no-repeat;
      margin: 10px 20px; }
    .banner .dl .btn-dl-ios {
      background-image: url("../images/ios.png"); }
    .banner .dl .btn-dl-android {
      background-image: url("../images/android.png"); }

.commu {
  position: absolute;
  right: 50px;
  top: 50px; }
  .commu a {
    display: inline-block;
    width: 45px;
    height: 44px;
    background-image: url("../images/commu.png");
    background-repeat: no-repeat; }
    .commu a.fb {
      background-position: 0 0; }
      .commu a.fb:hover {
        background-position: 0 -61px; }

@media screen and (max-width: 768px) {
  .banner {
    height: 12.07rem;
    background-image: url("../images/m-bg.jpg");
    -webkit-background-size: 100%;
    background-size: 100%; }
    .banner .dl {
      top: auto;
      bottom: 30px; }

  .commu {
    right: 20px;
    top: 20px; } }

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