@charset "UTF-8";
.top-banner-section {
  background: center top / auto 100% url(../img/dj-banner-bg.jpg);
}
.headline-title a {
  display: block;
  text-align: center;
  font-size: 36px;
  font-family: FZDHTJW;
  color: #e1141d;
  padding: 1rem 0;
}
.headline-title a:hover {
  color: #f55e65;
}

.headline-desc a {
  display: block;
  color: #666;
  line-height: 1.8;
  text-indent: 2rem;
}
.headline-desc {
  padding-bottom: 2rem;
}
.headline-desc a:hover {
  color: #aaa;
}
#leftCarouselWrapper {
  height: 400px;
}
#leftCarouselWrapper .carousel-caption {
  width: calc(100% - 100px);
  left: 0;
  bottom: 0;
  text-align: left;
  padding: 0.5rem 0 0.5rem 1.5rem;
  line-height: 34px;
  z-index: 1030;
}
#leftCarouselWrapper .carousel-caption a {
  color: #fff;
}
#leftCarouselWrapper .carousel-caption a:hover {
  color: #aaa;
}
#leftCarouselWrapper .carousel-indicators {
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0.5rem 1rem 0.5rem 0;
  justify-content: flex-end;
}
#leftCarouselWrapper .carousel-indicators li {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
#leftCarouselWrapper .carousel-indicators li.active {
  background-color: #ff0000;
}
.column-title-wrapper {
  margin-bottom: 0.5rem;
}
.column-title-wrapper .more-tag a {
  font-size: 1rem;
  color: #888;
}
.column-title-wrapper .more-tag a:hover {
  font-size: 1rem;
  color: #aaa;
}
.column-title-wrapper .title {
  font-size: 24px;
  color: #e1141d;
  border-color: #e1141d;
  padding: 0.5rem 0.75rem;
}
.news-list-wrapper .entry-wrapper::before {
  color: #b2b2b2;
}
.image-entry-wrapper {
  padding: 0.5rem 0;
}
.image-entry-wrapper .title a {
  color: #bf0e2a;
}
.image-entry-wrapper .title a:hover {
  color: #e72e2e;
}

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
  #leftCarouselWrapper {
    height: 260px;
  }
}
@media only screen and (max-width: 767px) {
  #leftCarouselWrapper {
    height: 320px;
  }
  .headline-title a {
    font-size: 28px;
  }
  .headline-desc a {
    line-height: 1.5;
    max-height: 74px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 576px) {
  #leftCarouselWrapper {
    height: 240px;
  }
}