/* 栅格 */

.grid-box {
  font-size: 0;
  letter-spacing: -4px;
  font-size: 12px;
  
}

.grid-box .column {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;

  letter-spacing: 0;
  
}

.grid-box .column {
  width: 100%;
}

.grid-box.two>.column {
  width: 50%;
}

.grid-box.three>.column {
  width: 33.33333%;
}

.grid-box.four>.column {
  width: 25%;
}

.grid-box.five>.column {
  width: 20%;
}

.grid-box.six>.column {
  width: 16.6666667%;
}

.grid-box.seven>.column {
  width: 14.285714%;
}

.grid-box.eight>.column {
  width: 12.5%;
}

.grid-box.nine>.column {
  width: 11.11111111%;
}

.grid-box.ten>.column {
  width: 10%;
}

@media screen and (max-width: 1000px) {
  .grid-box.two>.column {
      width: 50%;
  }
  .grid-box.three>.column {
      width: 33.33333%;
  }
  .grid-box.four>.column {
      width: 33.33333%;
  }
  .grid-box.five>.column {
      width: 33.33333%;
  }
}

@media screen and (max-width: 700px) {
  .grid-box.two>.column {
      width: 50%;
  }
  .grid-box.three>.column {
      width: 50%;
  }
  .grid-box.four>.column {
      width: 50%;
  }
  .grid-box.five>.column {
      width: 50%;
  }
}

@media screen and (max-width: 500px) {
  .grid-box.two>.column {
      width: 100%;
  }
  .grid-box.three>.column {
      width: 100%;
  }
  .grid-box.four>.column {
      width: 100%;
  }
  .grid-box.five>.column {
      width: 100%;
  }
}

#mobile3 .m-search form input[type=submit]{
  background-image:url(../images/icon-search-white.png);
}