body.hide {
  overflow: hidden;
}

#main-box {
  min-height: 500px;
  padding: 25px 15px;
  max-width: 1200px;
  margin: 0 auto;
}

.text-ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.footer-box {
  padding: 15px;
  background-color: #333;
  line-height: 28px;
}

.footer-box .footer-top {
  text-align: center;
}

.footer-box .footer-top a {
  margin: 0 6px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.footer-box .footer-top a:hover {
  opacity: 0.85;
}

.footer-box .footer-bottom {
  text-align: center;
  color: #eee;
  font-size: 14px;
}

.article-list .col img.img-fluid {
  height: 211px;
}

.link-dark{font-weight: 600;}
.link-dark:hover {
  color: #000;
  text-decoration: underline;
}

.link-light:hover {
  color: #fff;
  text-decoration: underline;
}

.img-fluid.big-img {
  min-height: 380px;
}

@media screen and (max-width:768px) {
  .img-fluid.big-img {
    min-height: 240px;
  }
}