.c-title {
  border-bottom: 1px solid #666;
}
.c-title > h2 {
  color: #333;
  bottom: -4px;
  font-size: 1.08333333em;
  background: #fff;
  font-weight: bold;
  padding-right: 6px;
  position: relative;
  display: inline-block;
}
.header-ad > .left {
  margin-top: 18px;
  float: left;
}
.header-ad > .right {
  margin-top: 18px;
  float: right;
}
.header-ad > .left {
  width: 74.13441955%;
}
@media (max-width: 763px) {
  .header-ad > .left {
    width: 100%;
  }
}
.header-ad > .right {
  width: 25.86558045%;
  padding-left: 20px;
}
@media (max-width: 763px) {
  .header-ad > .right {
    display: none;
  }
}
.categories-and-ad {
  margin-top: 6px;
}
.categories-list,
.ad {
  float: left;
}
.categories-list {
  width: 68.43177189%;
}
@media (max-width: 763px) {
  .categories-list {
    width: 100%;
  }
}
.categories-list > div {
  margin-top: 12px;
}
.categories-item {
  width: 25%;
  float: left;
  padding-bottom: 20px;
}
@media (max-width: 763px) {
  .categories-item {
    width: 50%;
  }
}
.categories-item > dt,
.categories-item > dd {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.categories-item > dt > a {
  color: #333;
  font-size: 1.33333333em;
  font-weight: bold;
}
.categories-item > dd > a {
  color: #999;
  font-size: 1em;
  line-height: 14px;
}
.categories-item > .all {
  font-weight: bold;
}
.ad {
  padding-left: 10px;
  width: 31.56822811%;
}
@media (max-width: 763px) {
  .ad {
    width: 100%;
    padding: 0 0 110px 0;
  }
}