/* 轻量栅格（替代 bootstrap grid），15px 槽宽与原模板一致 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container { width: 750px; }
}

@media (min-width: 992px) {
  .container { width: 970px; }
}

@media (min-width: 1200px) {
  .container { width: 1170px; }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.row:after,
.clearfix:after {
  clear: both;
}

.col-md-3,
.col-md-9,
.col-md-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 992px) {
  .col-md-3 { float: left; width: 25%; }
  .col-md-9 { float: left; width: 75%; }
  .col-md-12 { float: left; width: 100%; }
}