.blog-padding {

  padding-bottom: 30px;

}

.margin-bottom-10 {

  margin-bottom: 10px;

}

@keyframes placeHolderShimmer {

  0% {

    background-position: -468px 0;

  }

  100% {

    background-position: 468px 0;

  }

}

.shadow-sm {

  background-color: #fff;

  border-radius: 5px;

  padding: 15px;

}

.animated-background,

.news-top .news-top__left .news-top_item .news-top_item_img img:not(.loaded),

.news-top .news-top__right .news-hor__item .news-top_item_img img:not(.loaded),

.list-news .news__item .news__item__img img:not(.loaded),

.promotion-news .listpost li:first-child .promotion-news-image img:not(.loaded),

.promotion-news .listpost li a .promotion-news-image img:not(.loaded) {

  animation-duration: 1.25s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: #f6f6f6;

  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);

  background-size: 700px 104px;

  position: relative;

}

.news-header .news-h1 {

  padding: 10px 0;

  margin-bottom: 0;

  font-size: 25px;

  font-weight: 500;

  color: #333;

  text-transform: uppercase;

}

@media (max-width: 767px) {

  .news-header .news-h1 {

    font-size: 20px;

  }

}

.news-header .news-menu {

  display: -ms-flexbox;

  display: flex;

}

@media (max-width: 767px) {

  .news-header .news-menu {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    overflow-x: auto;

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

  }

}

.news-header .news-menu .news-menu__item {

  padding-bottom: 10px;

  text-transform: uppercase;

}

@media (max-width: 767px) {

  .news-header .news-menu .news-menu__item {

    -webkit-flex-shrink: 0;

    -ms-flex: 0 0 auto;

    flex-shrink: 0;

  }

}

.news-header .news-menu .news-menu__item a {

  color: #333;

  font-size: 16px;

  line-height: 21px;

  padding-bottom: 10px;

  position: relative;

}

@media (max-width: 767px) {

  .news-header .news-menu .news-menu__item a {

    font-size: 14px;

  }

}

.news-header .news-menu .news-menu__item a:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  height: 4px;

  width: 100%;

  background: transparent;

}

.news-header .news-menu .news-menu__item a.active,

.news-header .news-menu .news-menu__item a:hover {

  color: var(--maincolor);

}

.news-header .news-menu .news-menu__item a.active:before,

.news-header .news-menu .news-menu__item a:hover:before {

  background-color: var(--maincolor);

}

.news-header .news-menu .news-menu__item + .news-menu__item {

  margin-left: 25px;

}

@media (max-width: 991px) {

  .news-header .news-menu .news-menu__item + .news-menu__item {

    margin-left: 15px;

  }

}

.news-top {

  -ms-flex-direction: row;

  flex-direction: row;

  display: flex;

  position: relative;

}

@media (max-width: 767px) {

  .news-top {

    -ms-flex-direction: column;

    flex-direction: column;

  }

}

.news-top .news-top__left {

  -ms-flex-preferred-size: 490px;

  flex-basis: 490px;

}

@media (max-width: 1024px) {

  .news-top .news-top__left {

    -ms-flex-preferred-size: 350px;

    flex-basis: 350px;

  }

}

@media (max-width: 991px) {

  .news-top .news-top__left {

    -ms-flex-preferred-size: 420px;

    flex-basis: 420px;

  }

}

@media (max-width: 767px) {

  .news-top .news-top__left {

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    margin-bottom: 15px;

  }

}

.news-top .news-top__left .news-top_item .news-top_item_img {

  position: relative;

  display: block;

  height: 276px;

}

@media (max-width: 1024px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 197px;

  }

}

@media (max-width: 991px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 237px;

  }

}

@media (max-width: 767px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 333px;

  }

}

@media (max-width: 668px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 334px;

  }

}

@media (max-width: 569px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 352px;

  }

}

@media (max-width: 480px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 254px;

  }

}

@media (max-width: 376px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 183px;

  }

}

@media (max-width: 321px) {

  .news-top .news-top__left .news-top_item .news-top_item_img {

    height: 152px;

  }

}

.news-top .news-top__left .news-top_item .news-top_item_img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}

.news-top .news-top__left .news-top_item .news-top_item_title {

  margin-top: 10px;

  font-size: 18px;

  line-height: 1.2;

}

.news-top .news-top__left .news-top_item .news-top_item_title a {

  color: #000;

}

.news-top .news-top__left .news-top_item .news-top_item_title a:hover,

.news-top .news-top__left .news-top_item .news-top_item_title a:focus {

  color: var(--maincolor);

}

.news-top .news-top__left .news-top_item .news-top_item_time {

  margin-bottom: 0;

  font-size: 13px;

  color: #9b9b9b;

}

.news-top .news-top__left .news-top_item .news-top-sum {

  display: none;

}

@media (max-width: 1024px) {

  .news-top .news-top__left .news-top_item .news-top-sum {

    display: block;

  }

}

@media (max-width: 991px) {

  .news-top .news-top__left .news-top_item .news-top-sum {

    display: none;

  }

}

.news-top .news-top__right {

  -ms-flex: 1;

  flex: 1;

  padding-left: 10px;

}

@media (max-width: 767px) {

  .news-top .news-top__right {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    overflow-x: auto;

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

    flex-direction: unset;

    -webkit-flex-flow: unset;

    flex-flow: unset;

    -webkit-justify-content: unset;

    justify-content: unset;

    -webkit-align-items: unset;

    align-items: unset;

    margin-left: -5px;

    margin-right: -5px;

    padding-left: 0;

  }

}

.news-top .news-top__right .news-hor__item {

  display: -ms-flexbox;

  display: flex;

  position: relative;

}

@media (max-width: 767px) {

  .news-top .news-top__right .news-hor__item {

    flex-direction: column;

    -ms-flex: 0 0 130px;

    flex: 0 0 130px;

    max-width: 130px;

    min-width: 130px;

    padding: 0 5px;

  }

}

@media (min-width: 768px) {

  .news-top .news-top__right .news-hor__item + .news-hor__item {

    margin-top: 10px;

  }

}

.news-top .news-top__right .news-hor__item .news-top_item_img {

  margin-right: 10px;

  position: relative;

  aspect-ratio: 3/2;

}

@media (min-width: 768px) {

  .news-top .news-top__right .news-hor__item .news-top_item_img {

    -ms-flex: 0 0 100px;

    flex: 0 0 100px;

  }

}

@media (max-width: 767px) {

  .news-top .news-top__right .news-hor__item .news-top_item_img {

    margin-right: 0;

    margin-bottom: 5px;

  }

}

.news-top .news-top__right .news-hor__item .news-top_item_img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}

.news-top .news-top__right .news-hor__item .news-hor_item_info {

  -ms-flex: 1;

  flex: 1;

}

.news-top .news-top__right .news-hor__item .news-hor_item_info h3 {

  font-size: 14px;

  line-height: 19px;

  max-height: 60px;

  margin-bottom: 5px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

@media (max-width: 767px) {

  .news-top .news-top__right .news-hor__item .news-hor_item_info h3 {

    font-size: 13px;

  }

}

.news-top .news-top__right .news-hor__item .news-hor_item_info h3 a {

  color: #000;

}

.news-top .news-top__right .news-hor__item .news-hor_item_info h3 a:hover,

.news-top .news-top__right .news-hor__item .news-hor_item_info h3 a:focus {

  color: var(--maincolor);

}

.news-top

  .news-top__right

  .news-hor__item

  .news-hor_item_info

  .news-hor_item_time {

  font-size: 13px;

  color: #9b9b9b;

  margin-bottom: 0;

}

.list-news {

}

.list-news .news__item {

  display: -ms-flexbox;

  display: flex;

}

.list-news .news__item.shadow-sm {

  border-radius: 0;

}

.list-news .news__item .news__item__img {

  -ms-flex: 0 0 280px;

  flex: 0 0 280px;

  margin-right: 15px;

  position: relative;

  aspect-ratio: 3/2;

}

@media (max-width: 767px) {

  .list-news .news__item .news__item__img {

    -ms-flex: 0 0 120px;

    flex: 0 0 120px;

    margin-right: 10px;

  }

}

@media (max-width: 1024px) {

  .list-news .news__item .news__item__img {

    height: 187px;

  }

}

@media (max-width: 991px) {

  .list-news .news__item .news__item__img {

    height: 187px;

  }

}

@media (max-width: 767px) {

  .list-news .news__item .news__item__img {

    height: 80px;

  }

}

@media (max-width: 668px) {

  .list-news .news__item .news__item__img {

    height: 80px;

  }

}

@media (max-width: 569px) {

  .list-news .news__item .news__item__img {

    height: 80px;

  }

}

@media (max-width: 480px) {

  .list-news .news__item .news__item__img {

    height: 80px;

  }

}

@media (max-width: 376px) {

  .list-news .news__item .news__item__img {

    height: 80px;

  }

}

@media (max-width: 321px) {

  .list-news .news__item .news__item__img {

    height: 80px;

  }

}

.list-news .news__item .news__item__img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}

.list-news .news__item .news-item__info h3 {

  font-size: 18px;

  line-height: 26px;

  font-weight: 500;

  overflow: hidden;

  margin-bottom: 8px;

}

@media (max-width: 767px) {

  .list-news .news__item .news-item__info h3 {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    font-size: 14px;

    line-height: 1.3;

    margin-bottom: 5px;

  }

}

.list-news .news__item .news-item__info h3 a {

  color: #000;

}

.list-news .news__item .news-item__info h3 a:hover,

.list-news .news__item .news-item__info h3 a:focus {

  color: var(--maincolor);

}

.list-news .news__item .news-item__info .news__item__text {

  font-size: 14px;

  line-height: 22px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin-bottom: 15px;

  color: #555;

}

@media (max-width: 767px) {

  .list-news .news__item .news-item__info .news__item__text {

    display: none;

  }

}

.list-news .news__item .news-item__info .news__item__user {

  margin-bottom: 0;

  font-size: 13px;

  color: #9b9b9b;

}

.list-news .news__item + .news__item {

  border-top: 1px solid rgba(0, 0, 0, 0.07);

}

@media (max-width: 767px) {

  .list-news .news__item + .news__item {

    padding-top: 7px;

  }

}

.side-news-hot .card-header {

  border: none;

  margin-bottom: 5px;

  font-size: 17px;

  line-height: 17px;

  font-weight: bold;

  text-transform: uppercase;

}

.side-news-hot .card-header a {

  color: #141414;

}

.side-news-hot .card-header a:hover,

.side-news-hot .card-header a:focus {

  color: var(--maincolor);

}

.side-news-hot .alert-warning {

  padding: 15px;

}

.side-news-hot .listpost {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-top: 10px;

}

.side-news-hot .listpost li {

  display: -ms-flexbox;

  display: flex;

  color: #3d3d3d;

  align-items: center;

}

.side-news-hot .listpost li label {

  -ms-flex: 0 0 40px;

  flex: 0 0 30px;

  margin-right: 10px;

  width: 30px;

  height: 30px;

  line-height: 30px;

  font-size: 18px;

  font-weight: 500;

  text-align: center;

  border-radius: 50%;

  color: #fff;

  background-color: var(--maincolor);

  margin-bottom: 0;

}

.side-news-hot .listpost li a {

  color: #3d3d3d;

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  max-height: 36px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.side-news-hot .listpost li a:hover,

.side-news-hot .listpost li a:focus {

  color: var(--maincolor);

}

.side-news-hot .listpost li + li {

  margin-top: 10px;

  padding-top: 10px;

  border-top: 1px solid rgba(0, 0, 0, 0.05);

}

.promotion-news .alert-warning {

  padding: 15px;

}

.promotion-news .card-header {

  border: none;

  margin-bottom: 5px;

  font-size: 17px;

  line-height: 17px;

  font-weight: bold;

  text-transform: uppercase;

}

.promotion-news .card-header a {

  color: #141414;

}

.promotion-news .card-header a:hover,

.promotion-news .card-header a:focus {

  color: var(--maincolor);

}

.promotion-news .listpost {

  display: block;

  overflow: hidden;

  margin-top: 10px;

}

.promotion-news .listpost li {

  float: left;

  display: block;

  overflow: hidden;

  width: 100%;

  margin-bottom: 2%;

}

@media (min-width: 481px) and (max-width: 991px) {

  .promotion-news .listpost li {

    width: 100%;

    margin-bottom: 10px;

  }

}

.promotion-news .listpost li a {

  display: flex;

  overflow: hidden;

}

.promotion-news .listpost li a img {

  display: block;

}

.promotion-news .listpost li a .promotion-news-image {

  position: relative;

  aspect-ratio: 3/2;
  height: 60px;
  margin-right: 10px;

}

@media (max-width: 1024px) {

  .promotion-news .listpost li a .promotion-news-image {

    height: 93px;

  }

}

@media (min-width: 481px) and (max-width: 991px) {

  .promotion-news .listpost li a .promotion-news-image {

    float: left;

    overflow: hidden;

    position: relative;

    width: 80px;

    margin-right: 15px;

    height: 53px;

  }

}

@media (max-width: 480px) {

  .promotion-news .listpost li a .promotion-news-image {

    height: 122px;

  }

}

@media (max-width: 376px) {

  .promotion-news .listpost li a .promotion-news-image {

    height: 109px;

  }

}

@media (max-width: 321px) {

  .promotion-news .listpost li a .promotion-news-image {

    height: 91px;

  }

}

.promotion-news .listpost li a .promotion-news-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}

.promotion-news .listpost li h3 {

  line-height: 1.3em;

  font-size: 14px;

  color: #303846;

  font-weight: normal;

  margin-top: 7px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

@media (min-width: 481px) and (max-width: 991px) {

  .promotion-news .listpost li h3 {

    margin-top: 0;

  }

}

.promotion-news .listpost li:hover h3 {

  color: var(--maincolor);

}

.layout-article {

  padding-bottom: 30px;

}

.article-top {

  padding-bottom: 20%;

  margin-bottom: 30px;

}

.article-top img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.article-top:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.4;

  z-index: 9;

}

.article-top .bread-crumb {

  bottom: 0;

  left: 0;

  position: absolute;

  width: 100%;

  margin: 0 !important;

  z-index: 9;

}

.article-top .bread-crumb .breadcrumb li > a,

.article-top .bread-crumb .breadcrumb li strong {

  color: #fff;

}

.article-top .bread-crumb .breadcrumb li a:hover {

  color: var(--main-color);

}

.article-top .bread-crumb .breadcrumb li path {

  fill: #fff;

}

.article-share {

  position: sticky;

  position: -wenkit-sticky;

  top: 200px;

}

.article-share .share {

  background-color: #f7f9fa;

  margin: 0 auto;

  width: 56px;

  padding: 25px 0;

  border-radius: 40px;

}

.article-main {

  background: #fff;

  padding: 15px;

  border-radius: 5px;

}

.article-main .time-post {

  font-size: 14px;

  font-weight: 400;

  color: #acacac;

  margin-bottom: 15px;

}

.article-main .time-post svg {

  width: 15px;

  height: 15px;

  margin-top: -4px;

  margin-right: 2px;

}

.article-main .time-post .mr-2 {

  margin-right: 10px;

}

.article-main .article-image {

  margin-bottom: 20px;

}

.article-main .article-title {

  margin-top: 0px;

  font-size: 30px;

  font-weight: 700;

  color: #333;

}

@media (max-width: 767px) {

  .article-main .rte iframe {

    width: 100%;

  }

}

.toc-wrapper {

  background: #dbedf9;

  border: 1px solid #c7e4f4;

  border-radius: 4px;

  padding: 1.5%;

  font-size: 16px;

  display: none;

  margin: 15px 0;

}

@media (min-width: 991px) {

  .toc-wrapper {

    width: 65%;

  }

}

.toc-wrapper .js-toc {

  margin-top: 5px;

}

.toc-title {

  position: relative;

  display: block;

  overflow: hidden;

  text-align: center;

  cursor: pointer;

  font-weight: bold;

  -moz-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  line-height: 28px;

  font-size: 16px;

}

.toc-title:before {

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAOCAYAAAA45qw5AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAi9JREFUOE+tk01rE0EYx7MbMbZePIlR8SsIQhFE8eBZJOKhUqwearKE5BDMoQpihB4UL0Igb6BSSimtFbF+AcVLoeDJDyBoYw9CDyHFhLz4e2aeXZUkZn35we48859n5z/PzKzjed61Xq/3KGJ5UKvVHmv8X0mlUnma+X6/36a97SSTyV2CQzIoOI6zHI/H5wqFwjeV/olcLjfRbDafEk5bxXjsurzWtG9gRTP1ev1NOp0+otJfk8lkjmL6ljAwFfBYcyuViof5gmo+pzudzha7cUr7fwwLn2q321uEU1Yx9PG6x3F6jgpyBldZiWzJAasY9nhukPjcdsPBvZmWuXgmVBL2XNedpdAX0nGNBNVqdYWB84RfrGKY5FllogKTBIscheSwSwtc1pWfTanyE3Of9U2Fgcmy2ezxVqv1ivCXbebjdSa7TvWyCwPk8/mDjUZjiZyESga+24xGo4lSqbSjkmFoFax6kg8WmeSKSj7vY7HYpWKx+Fn7BvJPkL9B/kmVfJbIv0l+S/sBI7ePSRzO/T7hXatYMNhh2xLlcnlT+lyiM91u9yX5h00CkNOjucPxPbTKIGPPTS4KZ/aMMLh0TCwVzNHuY6xKvN8MWBroM5i+1v5QxhoL8mvwe8m5x60yHAw/8lzkEn1QaSShjAUqP0Z1G4RD/20M37Hdl7l8X1X6LcHvNA6q2KY5h8G6VX6A9gTTC2FNhdAV+8ilo/p5wlvE25iWOc+KHQ1LJPIdi+3i7AUil8gAAAAASUVORK5CYII=);

  height: 7px;

  width: 15px;

  display: inline-block;

  content: " ";

  float: right;

  background-size: contain;

  margin: 10px 0 0 0;

  cursor: pointer;

}

.js-toc > .toc-list {

  padding: 0;

}

.toc-list {

  padding: 0 15px;

  counter-reset: section;

  list-style-type: none;

  margin: 0;

}

.toc-list li {

  color: #2f80ed;

}

.toc-list li a {

  line-height: 20px;

  padding: 5px 0;

  color: #2f80ed;

  font-size: 15px;

  position: relative;

}

.toc-list .toc-link::before {

  display: none;

}

.is-active-link {

  font-weight: initial !important;

}

.title-form-coment {

  font-size: 20px;

}

.article-comment-module {

  margin: 20px 0;

  background: #fff;

  padding: 14px;

  border-radius: 5px;

}

form#article_comments {

  max-width: 100%;

}

form#article_comments label {

  display: block;

  margin-bottom: 4px;

  font-weight: 700;

}

form#article_comments label .required {

  color: #ff0000;

}

form#article_comments .form-group input {

  height: 40px;

  border: solid 1px #e4e4e4;

  padding: 0 15px;

  outline: none;

  width: 100%;

  margin-bottom: 15px;

}

form#article_comments .form-group input::placeholder {

  color: #7c7c7c;

}

form#article_comments .form-group input:-ms-input-placeholder {

  color: #7c7c7c;

}

form#article_comments .form-group input::-ms-input-placeholder {

  color: #7c7c7c;

}

form#article_comments .form-group textarea {

  border: solid 1px #e4e4e4;

  padding: 10px;

  outline: none;

  width: 100%;

}

form#article_comments .form-group textarea::placeholder {

  color: #7c7c7c;

  opacity: 1;

}

form#article_comments .form-group textarea:-ms-input-placeholder {

  color: #7c7c7c;

}

form#article_comments .form-group textarea::-ms-input-placeholder {

  color: #7c7c7c;

}

form#article_comments .button_45 {

  height: 40px;

  line-height: 40px;

  padding: 0 25px;

  background: #363636;

  font-size: 14px;

  color: #fff;

  border: initial;

  font-weight: 400;

  margin-top: 10px;

  background: var(--maincolor);

  border-radius: 5px;

}

form#article_comments .button_45:hover {

  opacity: 0.6;

}

#article-comments {

  margin-top: 30px;

}

#article-comments .alert {

  margin-bottom: 20px;

}

.article-comment-content .article-comment {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px dotted #c9c8c5;

}

.article-comment-content .article-comment:last-child {

  border: none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.article-comment-user-image {

  margin: 0;

  float: left;

  width: 80px;

  margin-right: 12px;

  height: 80px;

  border-radius: 0;

  display: block;

}

.article-comment-user-comment {

  display: block;

  float: left;

  width: calc(100% - 95px);

  -webkit-width: calc(100% - 95px);

  -moz-width: calc(100% - 95px);

  -o-width: calc(100% - 95px);

  -os-width: calc(100% - 95px);

  word-break: break-word;

}

.article-comment-user-comment p {

  margin-bottom: 0;

}

.article-comment-date-bull {

  padding: 5px 0;

  display: block;

  color: #b0b0b0;

  font-size: 12px;

}

.cm {

  font-size: 14px;

  color: #707070;

}

.social-sharing {

  border-top: solid 1px #e4e4e4;

  padding: 20px 0;

  margin-bottom: 10px;

  border-bottom: 1px solid #e4e4e4;

  display: flex;

  align-items: center;

}

.social-sharing span {

  margin-right: 10px;

}

.social-sharing .addthis_inline_share_toolbox {

  margin-top: 3px;

}

.blog_lienquan {

  padding: 0 0 30px;

  background: #fff;

  padding: 15px;

  border-radius: 5px;

}

.blog_lienquan h2 {

  font-size: 32px;

  font-weight: 700;

  text-align: center;

}

.blog_lienquan .item-blog .block-thumb .thumb {

  padding-bottom: 57%;

  display: block;

  position: relative;

  width: 100%;

  aspect-ratio: 3/2;

}

.blog_lienquan .item-blog .block-thumb .thumb img {

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

}

.blog_lienquan .item-blog .block-info {

  margin-top: 10px;

}

.blog_lienquan .item-blog .block-info h3 {

  padding: 0px;

  margin: 10px 0 10px;

  font-size: 16px;

  color: #333;

  overflow: hidden;

}

.blog_lienquan .item-blog .block-info h3 a {

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.blog_lienquan .item-blog .block-info .post {

  color: #acacac;

}

.blog_lienquan .item-blog .block-info .time-post {

  font-size: 14px;

  font-weight: 400;

  color: #acacac;

  display: inline-block;

}

.blog_lienquan .item-blog .block-info .time-post svg {

  width: 15px;

  height: 15px;

  margin-top: -5px;

  margin-right: 2px;

}

.blog_lienquan .item-blog .block-info p.justify {

  font-size: 14px;

  color: #333;

  margin: 10px 0 0;

  font-weight: 400;

}

.blog_lienquan .item-blog .block-info .viewmore {

  height: 35px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #363636;

  color: #fff;

  font-size: 14px;

  padding: 0 30px;

}

.fixed-toc {

  position: fixed;

  right: 0;

  top: 50% !important;

  transform: translateY(-50%);

  z-index: 1000;

  display: none;

}

.fixed-toc button.btn.toc-toggle-btn {

  border: 1px solid;

  padding: 5px;

  width: 32px;

  height: 32px;

  line-height: 1;

  margin-right: 10px;

  background: white;

  opacity: 0.6;

}

.fixed-toc button.btn.toc-toggle-btn:hover {

  opacity: 1;

}

.fixed-toc .fixed-toc-content {

  width: 300px;

  background: #fff;

  position: absolute;

  top: 0 !important;

  z-index: 9999;

  padding: 15px;

  border: 1px solid;

  border-radius: 5px;

  font-size: 14px;

  max-height: 75vh;

  overflow-y: auto;

  transform: translateY(-50%) translateX(100%);

  transition: transform 0.3s ease-out;

}

.fixed-toc .fixed-toc-content .toc-title:before {

  display: none;

}

.fixed-toc.open .fixed-toc-content {

  transform: translateY(-50%) translateX(calc(-100% + 40px));

}

.fixed-toc .toc-toggle-btn {

  cursor: pointer;

}

.fixed-toc .toc-toggle-btn svg {

  width: 14px;

  height: 14px;

}

.fixed-toc .toc-list li a {

  line-height: 1.2;

  padding: 4px 0;

  display: block;

  color: #2f80ed;

  font-size: 13px;

  position: relative;

}

.fixed-toc .fixed-toc-content .toc-toggle-btn {

  right: 15px;

  top: 13px;

  position: absolute;

}

.fixed-toc .fixed-toc-content > .toc-list {

  padding: 0;

}

@media (max-width: 991px) {

  .aside-content-blog {

    margin-top: 30px;

  }

}

@media (max-width: 991px) and (min-width: 767px) {

  .list-blogs .item-blog {

    display: block;

  }

  .list-blogs .item-blog .block-thumb {

    width: 100%;

  }

  .list-blogs .item-blog .block-info {

    width: 100%;

    padding-left: 0;

    margin-top: 10px;

  }

}

@media (max-width: 767px) {

  .list-blogs .item-blog {

    display: block;

  }

  .list-blogs .item-blog .block-thumb {

    width: 100%;

  }

  .list-blogs .item-blog .block-info {

    width: 100%;

    padding-left: 0;

    margin-top: 10px;

  }

  .blog_lienquan .item-blog .block-thumb {

    width: 100%;

    margin-right: 0;

  }

  .blog_lienquan .item-blog .block-content {

    margin-top: 10px;

    width: 100%;

  }

}

@media (max-width: 569px) {

  .pagging-css {

    margin-top: 15px;

  }

}

.pagging-css .pagination {

  justify-content: center;

}

@media (min-width: 992px) {

  .fixpadding-blog {

    padding-left: 0;

  }

}

@media (max-width: 991px) {

  .nav_pagi .pagination {

    margin: 10px 0 20px;

  }

}