﻿@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap");
* {
    padding: 0;
    margin: 0;
    letter-spacing: 1.5px;
}

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block; }

a {
  color: #404040;
  transition: color .2s ease;
  text-decoration: unset; }

body {
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', '微软雅黑', STHeitiSC-Light, simsun, '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', sans-serif;
    color: #000000;
    font-size: 16px;
    width: 100%;
    position: relative;
    font-weight: 400;
    line-height: 1.2;
    box-sizing: border-box;
}

.container {
  width: 1200px;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px; }

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

.col, [class*='col-'] {
  padding-left: 10px;
  padding-right: 10px; }

/*
* Header
*/
.taskbar {
  /*border-top: solid 1px #d0d0cf;*/
  border-bottom: solid 1px #d0d0cf;
  margin-top: 0px;
  padding: 5px 0; }
  .taskbar ul li {
    display: inline-block;
    font-size: 14px; }
  .taskbar .taskbar__language li:not(:last-child) {
    margin-right: 20px; }
  .taskbar .taskbar__social li:not(:first-child) {
    margin-left: 10px; }

.banner {
    background-color: #ed2024;
    text-align: center;
    padding: 0px 0;
    margin: 5px 0;
}
    .banner img {
        margin: 0 auto;
        object-fit: scale-down !important;
        height: 88px;
    }

.main-menu {
  background-color: #dbdcdd;
  color: #060808;
  margin-bottom: 17px; }
  .main-menu .logo-mobile {
    display: none;
    max-width: 135px; }
  .main-menu .menu-mobile {
    width: 100%; }
  .main-menu .toogle-menu-mobile {
    display: none; }
  .main-menu .main-menu__link .link__homepage {
    /*background: #b30000;*/
    margin-right: 10px;
    padding: 10px 12px 9px; }
    .main-menu .main-menu__link .link__homepage.active {
        background-color: #b30000;
        color: #ffff;
    }
    .main-menu .main-menu__link .link__homepage img {
        width: 24px;
        height: 24px;
        filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(131deg) brightness(104%) contrast(101%);
    }

    .main-menu .main-menu__link .link__homepage.active img {
        filter: none;
    }
  .main-menu .main-menu__link ul li {
    display: inline-block;
    position: relative; }
    .main-menu .main-menu__link ul li a {
      padding: 12px 20px;
      color: #060808;
      text-decoration: none;
      display: inline-block; }
        .main-menu .main-menu__link ul li a:hover, .main-menu .main-menu__link ul li a.active {
            /*background-color: #b30000;*/
            /*color: #ffff;*/
            color: #b30000;
            font-weight: 800;
        }
    .main-menu .main-menu__link ul li .icon-submenu {
      display: none; }
      .main-menu .main-menu__link ul li .icon-submenu img {
        display: inline-block;
        width: 12px; }
    .main-menu .main-menu__link ul li .sub {
      width: 190px;
      background: #fff;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      z-index: 2;
      left: 0;
      top: calc(100% + 20px);
      box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
      transition-duration: 200ms;
      transition-property: opacity, top, visible;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
      .main-menu .main-menu__link ul li .sub li {
        display: inline-block;
        position: relative;
		width: 100%;
		min-width: 190px; }
        .main-menu .main-menu__link ul li .sub li a {
            width: 100% !important;
        }
            .main-menu .main-menu__link ul li .sub li a:hover {
                background-color: unset;
                color: #b30000;
                /*text-decoration: underline;*/
            }
        .main-menu .main-menu__link ul li .sub li a.active {
            background-color: #b30000;
            color: #ffff;
        }
    .main-menu .main-menu__link ul li:hover .sub {
      opacity: 1;
      visibility: visible;
      top: 100%;
      border-top: 1px solid #b30000; }
  .main-menu .main-menu__search input, .main-menu .main-menu__search button,
  .main-menu .main-menu__search input:focus,
  .main-menu .main-menu__search input:focus-visible {
    border: solid 1px #cdd6d7;
    border-radius: 0;
    outline: unset; }
  .main-menu .main-menu__search input {
    min-height: 25px;
    min-width: 200px;
    padding: 0 5px; }
  .main-menu .main-menu__search button {
    padding: 2px 5px;
    margin-left: 5px;
    transition: opacity .2s linear; }
    .main-menu .main-menu__search button:hover {
      cursor: pointer;
      opacity: .6; }
  .main-menu .btn-close-menu {
    position: absolute;
    top: 0;
    display: none;
    align-items: center;
    font-weight: 500;
    height: 45px;
    line-height: 48px;
    color: #fff;
    cursor: pointer;
    background: #ed2024;
    width: 100%;
    z-index: 105;
    font-size: 20px;
    padding-left: 15px; }
    .main-menu .btn-close-menu svg {
      width: 20px;
      height: 20px; }
    .main-menu .btn-close-menu:hover svg path {
      fill: #da0000; }

/*
* Footer
*/
footer {
  margin-top: 20px;
  background-color: #404040;
  color: #ffff;
  padding: 55px 0; }
  footer .footer__logo {
    height: 100%; }
  footer .footer__desc {
    width: 60%;
    margin-right: 10px;
    font-size: 16px; }
    footer .footer__desc p {
      margin-bottom: 2px; }
  footer .footer__app {
    width: calc(100% - 60% - 10px); }
    footer .footer__app .qrcode {
      width: 35%;
      margin-right: 10px;
      text-align: center; }
      footer .footer__app .qrcode .qrcode__des {
        font-size: 14px;
        margin-bottom: 2px; }
    footer .footer__app .app__list {
      width: calc(100% - 35% - 10px);
      margin-top: 19px; }
      footer .footer__app .app__list img:not(:last-child) {
        margin-bottom: 10px; }

/*
* News
*/
.news-highlight {
  margin-bottom: 50px; }
  .news-highlight a {
    text-decoration: unset; }
  .news-highlight .news__first .news-first__title {
    font-size: 30px;
    font-weight: 600;
    margin: 20px 0 0; }
    .news-highlight .news__first .news-first__title a {
      color: #222222; }
      .news-highlight .news__first .news-first__title a:hover {
        color: #da0000; }
  .news-highlight .news__first .news-first__desc {
    font-size: 21px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 5;
    -webkit-box-orient: vertical; }
	.news-highlight .news__list {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
  .news-highlight .news__list .news__list-title {
    color: #da0000;
    padding: 12px 0;
    background: #dbdcdd;
    text-align: center;
    margin-bottom: 15px; }
	.news-highlight .news__list .news__list-item {
	align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
	}
  .news-highlight .news__list .news__list-item .news-item {
    display: flex;
    padding-bottom: 7px;
    margin-bottom: 7px;
	flex: 1;	}
	.news-highlight .news__list .news__list-item .news-item:last-child {
      padding-bottom: 0px !important;
	  margin-bottom: 7px !important;
	  }
    .news-highlight .news__list .news__list-item .news-item:not(:last-child) {
      border-bottom: dashed 1px #d0d0cf; }
    .news-highlight .news__list .news__list-item .news-item .news-item__img {
      width: 50%; }
    .news-highlight .news__list .news__list-item .news-item .news-item__des {
      width: calc(100% - 35% - 15px);
      font-size: 18px;
      margin-left: 10px;
      margin-right:5px }
      .news-highlight .news__list .news__list-item .news-item .news-item__des a:hover {
        color: #da0000; }
    .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des {
      order: 2;
      width: calc(100% - 36.5% - 15px); }
      .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des .item-desc__option {
        margin-top: 5px;
        opacity: .75;
        font-size: 12px; }
        .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des .item-desc__option img {
          margin-right: 5px;
          margin-bottom: 2px;
          width: 18px;
          display: inline-block; }
    .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__img {
      margin-left: 0;
      margin-right: 15px;
      order: 1;
      width: 36.5%; }
    .news-highlight .news__list .news__list-item .news-item.new-item--option:not(:last-child) {
      border-bottom: solid 1px #d0d0cf;
      padding-bottom: 25px;
      margin-bottom: 25px; }
    .news-highlight .news__list .news__list-item .news-item.new-item--option:last-child {
      padding-bottom: 0;
      margin-bottom: 0; }
  .news-highlight.search .news__list {
    margin-bottom: 30px; }
    .news-highlight.search .news__list .news__list-item .news-item .news-item__des a {
      color: #222222; }
      .news-highlight.search .news__list .news__list-item .news-item .news-item__des a:hover {
        color: #da0000; }
    .news-highlight.search .news__list .news__list-item .news-item .news-item__des > p {
      font-size: 14px;
      margin-top: 10px; }
    .news-highlight.search .news__list .news__list-item .news-item.new-item--option {
      padding-bottom: 25px;
      margin-bottom: 25px;
      border-bottom: dashed 1px #d0d0cf; }

/*
* Block
*/
.block-news {
  border-top: solid 1px #cccbcb;
  padding: 15px 0 30px 0; }
    .block-news .block-news__title {
        border-bottom: solid 3px #da0000;
        display: inline-block;
        padding-bottom: 2px;
        margin-bottom: 20px;
        font-size: 22px;
        color: #ed2024;
    }
    .block-news .block-news__title a {
      color: #da0000; }
  .block-news .block__first .block-first__title {
    font-size: 22px;
    margin: 10px 0; }
    .block-news .block__first .block-first__title a {
      color: #222222; }
      .block-news .block__first .block-first__title a:hover {
        color: #da0000; }
  .block-news .block-new__text .block-first__desc {
    font-size: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 5;
    -webkit-box-orient: vertical; }
  .block-news .block__middle {
    background-color: #cdccca;
    padding: 15px 10px;
    height: 100%; }
    .block-news .block__middle .block-first__title {
      font-size: 22px;
      margin-bottom: 25px; }
      .block-news .block__middle .block-first__title a {
        color: #222222; }
        .block-news .block__middle .block-first__title a:hover {
          color: #da0000; }
    .block-news .block__middle .block-first__desc {
      font-size: 19px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 10;
      line-clamp: 5;
      -webkit-box-orient: vertical; }
    .block-news .block__second .news {
        margin-bottom: 10px;
        flex: 1;
    }
    .block-news .block__second .news .news-desc {
      margin-top: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical; }
      .block-news .block__second .news .news-desc a:hover {
        color: #da0000; }
    .block-news .block__second .news.new--horizontal:not(:last-child) {
        /*margin-top: 10px;*/
        /*margin-bottom: 45px;*/
        border-bottom: dashed 1px #d0d0cf;
        padding-bottom: 7px;
    }
      .block-news .block__second .news.new--horizontal:not(:last-child).new--boder-bottom {
        border-bottom: solid 1px #cccbcb;
        padding-bottom: 12px;
        margin-bottom: 12px; }
    .block-news .block__second .news.new--horizontal .news-thumbnail {
      width: 50%;
      margin-left: 15px; }
    .block-news .block__second .news.new--horizontal .news-desc {
      width: calc(100% - 50% - 15px);
      margin-top: 0; }
    .block-news .block__second .news.new--horizontal a {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      line-clamp: 5;
      -webkit-box-orient: vertical; }
  .block-news .block__second.block__second--order {
    display: flex;
    flex-direction: column; }
    .block-news .block__second.block__second--order .news .news-thumbnail {
      margin-right: 15px;
      margin-left: 0;
      order: 1; }
    .block-news .block__second.block__second--order .news .news-desc {
      order: 2; }
  .block-news.media {
    background-color: #e9ecee;
    border-top: solid 10px #acb5bc;
    margin-left: -35px;
    margin-right: -35px;
    padding-bottom: 0;
    overflow: hidden; }
    .block-news.media .media__wrapper {
      padding: 0 40px; }
      .block-news.media .media__wrapper .media__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px; }
        .block-news.media .media__wrapper .media__head .block-news__title {
          margin-bottom: 0; }
        .block-news.media .media__wrapper .media__head .media__category .media-category__label {
          display: none; }
          .block-news.media .media__wrapper .media__head .media__category .media-category__label img {
            width: 30px; }
        .block-news.media .media__wrapper .media__head .media__category ul li {
          display: inline-block; }
          .block-news.media .media__wrapper .media__head .media__category ul li:not(:last-child)::after {
            content: '|';
            color: #222222;
            vertical-align: text-bottom; }
          .block-news.media .media__wrapper .media__head .media__category ul li a {
            padding: 0 20px;
            color: #222222;
            text-decoration: none;
            font-size: 18px; }
            .block-news.media .media__wrapper .media__head .media__category ul li a:hover {
              opacity: .6; }
      .block-news.media .media__wrapper .media__list {
        position: relative; }
        .block-news.media .media__wrapper .media__list .media-item .media-item__img img {
          height: 150px;
          object-fit: cover; }
        .block-news.media .media__wrapper .media__list .media-item .media-item__title {
          margin-top: 10px; }
          .block-news.media .media__wrapper .media__list .media-item .media-item__title a:hover {
            color: #da0000; }
        .block-news.media .media__wrapper .media__list .owl-nav .owl-prev, .block-news.media .media__wrapper .media__list .owl-nav .owl-next {
          position: absolute;
          top: calc(50% - 20px);
          transform: translateY(-50%);
          z-index: 9; }
          .block-news.media .media__wrapper .media__list .owl-nav .owl-prev:hover, .block-news.media .media__wrapper .media__list .owl-nav .owl-next:hover {
            background: unset; }
        .block-news.media .media__wrapper .media__list .owl-nav .owl-prev {
          left: -38px; }
        .block-news.media .media__wrapper .media__list .owl-nav .owl-next {
          right: -38px; }

.news-cate {
  margin-bottom: 50px; }
  .news-cate .news-item {
    margin-bottom: 40px; }
    .news-cate .news-item .news-item__des {
      margin-top: 10px; }
      .news-cate .news-item .news-item__des a:hover {
        color: #da0000; }

.news-paginate {
  margin: 0 auto;
  text-align: center; }
  .news-paginate a {
    background-color: #cccccc;
    color: #222222;
    padding: 15px 40px;
    display: inline-block;
    transition: all .2s ease; }
    .news-paginate a:hover {
      color: #fff;
      background-color: #da0000; }

.news-detail {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 3px #0b164f; }
    .news-detail .news-detail__category {
        border-bottom: solid 2px #ed2024;
    }
        .news-detail .news-detail__category h2 {
            font-size: 20px;
            font-weight: 300;
            color: #ed2024
        }
        .news-detail .news-detail__category span {
            float: right;
            opacity: .75;
            font-size: smaller;
        }
    .news-detail .news-detail__title {
        color: #0645ad;
        margin-bottom: 20px;
        line-height: 45px;
        font-size: 30px;
        font-weight: 600;
    }
  .news-detail .news-detail__head {
    font-size: 12px;
    opacity: .75;
    margin-bottom: 15px; }

    .news-detail .news-detail__head span {
        line-height: 32px;
        text-align: center;
    }
.news-detail .news-detail__head .detail-head__action {
    /*font-weight: bold;*/
    font-size: 14px;
}
      .news-detail .news-detail__head .detail-head__action img {
        display: inline-block;
        width: 18px; }
      .news-detail .news-detail__head .detail-head__action .resize-text {
        font-size: 16px; }
        .news-detail .news-detail__head .detail-head__action .resize-text span {
          padding: 0 5px; }
          .news-detail .news-detail__head .detail-head__action .resize-text span:hover {
            cursor: pointer; }
          .news-detail .news-detail__head .detail-head__action .resize-text span:first-child {
            margin-right: 5px; }
        .news-detail .news-detail__head .detail-head__action .print {
            color: #337AB7;
            cursor: pointer;
        }
        .news-detail .news-detail__head .detail-head__action .print img {
          margin-right: 3px; }
    .news-detail .news-detail__thumbnail {
        padding-bottom: 15px;
        line-height: 30px;
    }
    .news-detail .news-detail__thumbnail p {
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
    }
    .news-detail .news-detail__thumbnail .image-desc {
      font-size: 10px;
      text-align: center;
      color: #337ab7;
      display: block;
      padding: 5px 15px; }
    .news-detail .news-details__content {
        margin-bottom: 30px;
    }
    .news-detail .news-details__content p {
        margin-bottom: 16px;
        line-height: 30px;
    }
    .news-detail .news-detail__social {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        background: #FFFFFF;
        padding: 10px 0;
        margin-bottom: 20px;
    }
    .news-detail .news-detail__social .news-detail-left__social {
      display: flex; }
      .news-detail .news-detail__social .news-detail-left__social .click-back, .news-detail .news-detail__social .news-detail-left__social .text-favourite {
        padding: 15px 15px;
        background: #FFFFFF;
        border: 2px solid #E9E9E8; }
        .news-detail .news-detail__social .news-detail-left__social .click-back i, .news-detail .news-detail__social .news-detail-left__social .text-favourite i {
          font-size: 20px;
          color: #757575; }
      .news-detail .news-detail__social .news-detail-left__social .text-favourite {
        display: flex;
        margin-left: 15px; }
        .news-detail .news-detail__social .news-detail-left__social .text-favourite p {
          font-size: 15px;
          letter-spacing: 1px;
          color: #696767;
          margin: 3px 0px 0px 10px; }
    .news-detail .news-detail__social .news-detail-right__social {
      margin-top: 10px;
    }
  .news-detail .news-detail__tag {
    font-size: 14px;
    margin-bottom: 45px; }
    .news-detail .news-detail__tag .detail-tag__title {
      background: url("../images/icon-tag.png") no-repeat scroll 0 50% transparent;
      color: #222222;
      display: inline-block;
      height: 24px;
      line-height: 24px;
      padding-left: 20px;
      padding-right: 5px;
      vertical-align: middle; }
    .news-detail .news-detail__tag li {
      display: inline-block; }
    .news-detail .news-detail__tag ul span {
      display: inline-block; }
      .news-detail .news-detail__tag ul span:not(.detail-tag__title) {
        border: solid 1px #d0d0cf;
        padding: 3px 10px;
        border-radius: 15px;
        margin: 3px; }
  .news-detail .news-detail__comment .detail-comment__title {
    color: #222222;
    margin-bottom: 5px;
    font-weight: bold; }
    .news-detail .news-detail__comment .detail-comment__title span {
      color: #404040;
      opacity: .75;
      font-weight: 400; }
  .news-detail .news-detail__comment .btn-toggle-comment {
    cursor: pointer;
    margin-bottom: 15px; }
    .news-detail .news-detail__comment .btn-toggle-comment:hover {
      color: #222222; }
  .news-detail .news-detail__comment .form-comment {
    height: 0;
    visibility: hidden;
    transition: height .3s linear; }
    .news-detail .news-detail__comment .form-comment.active {
      height: auto;
      visibility: visible; }
  .news-detail .news-detail__comment input, .news-detail .news-detail__comment textarea {
    width: 100%;
    padding: 10px 5px;
    outline: none;
    margin-bottom: 10px;
    border-radius: 0;
    border: solid 1px #cccbcb; }
  .news-detail .news-detail__comment button {
    padding: 7px 15px;
    border-radius: 0;
    background-color: #0068FF;
    border: none;
    color: #ffff;
    transition: opacity .1s ease;
    cursor: pointer; }
    .news-detail .news-detail__comment button:hover, .news-detail .news-detail__comment button:focus {
      opacity: .75; }
  .news-detail .news-detail__comment .tab-show-list-comment {
    display: flex;
    border-bottom: 1px solid black; }
    .news-detail .news-detail__comment .tab-show-list-comment .most-interested, .news-detail .news-detail__comment .tab-show-list-comment .comment-hot {
      font: 400 16px/17px arial;
      position: relative;
      color: #9F9F9F;
      margin-bottom: 10px; }
      .news-detail .news-detail__comment .tab-show-list-comment .most-interested:active, .news-detail .news-detail__comment .tab-show-list-comment .comment-hot:active {
        color: red; }
    .news-detail .news-detail__comment .tab-show-list-comment .comment-hot {
      margin-left: 20px; }
  .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment {
    margin-top: 20px; }
    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .link-avatar-img {
      margin: 0 12px 0 0;
      float: left;
      width: 36px;
      height: 36px;
      background: #E5E5E5;
      line-height: 36px;
      text-align: center;
      color: #949494 !important;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 18px !important;
      font-family: arial;
      border-radius: 50%;
      position: relative; }
      .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .link-avatar-img img {
        width: 36px;
        height: 36px;
        border-radius: 50%; }
    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .block_like_web:hover .report-comment {
      display: inline-block; }
    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment p {
      padding-bottom: 0;
      font: 400 16px arial;
      line-height: 150%;
      color: #4f4f4f; }
      .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment p .nickname {
        color: #222;
        margin-left: 0px !important;
        position: relative;
        font-weight: bold; }
    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment a, .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .time-com {
      margin-left: 20px;
      font-size: 14px;
      color: #9F9F9F; }
    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .report-comment {
      float: right;
      display: none; }
    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .comment-reply {
      display: none; }
  .news-detail .news-detail__comment .list-comment .content-comment-hot {
    display: none; }
  .news-detail .news-detail__comment .list-comment .sub_comment {
    display: none; }
  .news-detail .news-detail__comment .list-comment .view_more_coment {
    margin-top: 20px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    font: 400 14px/48px "Merriweather", serif;
    color: #757575;
    text-align: center;
    position: relative;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    width: 30%;
    background: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
  }
    .news-detail .news-detail__comment .list-comment .view_more_coment:hover {
      background: #F7F7F7; }
    .news-detail .news-detail__comment .list-comment .view_more_coment a:hover {
      color: #9F9F9F; }
  .news-detail .fanpage {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0; }
    .news-detail .fanpage iframe {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute; }
  .news-detail .news-related {
    border: solid 1px #e6e6e6;
    border-radius: 3px; }
    .news-detail .news-related .news-related__title {
      background-color: #f5f5f5;
      padding: 10px;
      border-bottom: solid 1px #e6e6e6;
      color: #222222; }
    .news-detail .news-related .news-related__list {
        padding: 15px;
        /*border-left: 1px solid #ccc;*/
        /*margin-left: 15px;*/
    }
      .news-detail .news-related .news-related__list li:not(:last-child) {
        margin-bottom: 5px; }
      .news-detail .news-related .news-related__list li a {
        color: #337ab7;
        font-size: 14px; }
        .news-detail .news-related .news-related__list li a:hover {
          color: #da0000; }
        .news-detail .news-related .news-related__list li a span {
          color: #404040;
          font-size: 12px;
          opacity: .75; }
        .news-detail .news-related .news-related__list li a::before {
          content: '';
          width: 12px;
          height: 12px;
          background-color: #337ab7;
          display: inline-block;
          margin-right: 5px; }

.search-head {
  margin-bottom: 25px; }
  .search-head h2 {
    font-weight: 700;
    color: #222222;
    font-size: 20px;
    padding-bottom: 7px; }
    .search-head h2 span {
      color: #da0000; }

/*
* REPONSIVE
*/
@media (max-width: 1199.98px) {
  .taskbar {
    border-top: unset;
    margin-top: 0; }

  .banner {
    display: none; }

  .block-news.media .media__wrapper {
    padding: 0 50px; }

    .main-menu {
        padding: 5px 0;
        background-color: #ed2124;
    }
        .main-menu .logo-mobile {
            height: 40px;
            width: auto;
            max-width: 250px;
            object-fit: scale-down;
        }
    .main-menu .logo-mobile,
    .main-menu .toogle-menu-mobile {
      display: block; }
    .main-menu .menu-mobile {
      position: fixed;
      width: 300px;
      background: #fff;
      z-index: 100;
      top: 0;
      bottom: 0;
      right: -300px;
      border-right: 1px solid rgba(0, 0, 0, 0.05);
      transition: .3s ease;
      justify-content: flex-end !important;
      padding: 15px;
      flex-direction: column-reverse; }
      .main-menu .menu-mobile .main-menu__link {
        width: 100%;
        display: block !important;
        text-align: center; }
        .main-menu .menu-mobile .main-menu__link .link__homepage {
          display: none; }
        .main-menu .menu-mobile .main-menu__link > ul {
          overflow-y: scroll;
          height: calc(100vh - 129px);
          padding-bottom: 20px; }
        .main-menu .menu-mobile .main-menu__link ul li {
          display: block;
          transition: none; }
          .main-menu .menu-mobile .main-menu__link ul li:not(:last-child) {
            padding: 15px 0; }
          .main-menu .menu-mobile .main-menu__link ul li a {
            font-size: 28px;
            padding: unset;
            width: 100%;
            text-align: left; }
            .main-menu .menu-mobile .main-menu__link ul li a:hover, .main-menu .menu-mobile .main-menu__link ul li a:active, .main-menu .menu-mobile .main-menu__link ul li a:focus, .main-menu .menu-mobile .main-menu__link ul li a.active {
              background: unset;
              color: #222222; }
            .main-menu .menu-mobile .main-menu__link ul li a.sub-menu {
              display: flex;
              align-items: center;
              justify-content: space-between; }
          .main-menu .menu-mobile .main-menu__link ul li span {
            display: inline-block; }
            .main-menu .menu-mobile .main-menu__link ul li span:first-child {
              width: calc(100% - 35px); }
            .main-menu .menu-mobile .main-menu__link ul li span.icon-submenu {
              width: 35px; }
          .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub-menu {
            padding-bottom: 10px;
            border-bottom: solid 1px #404040; }
            .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub-menu .icon-submenu img {
              transform: rotate(90deg); }
          .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub {
            padding-top: 15px; }
            .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub li {
              padding: 0; }
              .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub li:not(:last-child) {
                margin-bottom: 20px; }
          .main-menu .menu-mobile .main-menu__link ul li .sub {
            position: unset;
            box-shadow: none;
            width: 100%;
            opacity: 1;
            visibility: visible;
            display: none;
            padding-left: 15px; }
            .main-menu .menu-mobile .main-menu__link ul li .sub li {
              display: block; }
              .main-menu .menu-mobile .main-menu__link ul li .sub li a {
                font-size: 22px;
                color: #404040; }
          .main-menu .menu-mobile .main-menu__link ul li:hover .sub {
            border-top: unset; }
      .main-menu .menu-mobile .main-menu__search {
        width: 100%;
        border-bottom: solid 1px #cccbcb;
        padding-bottom: 15px;
        margin-bottom: 20px; }
      .main-menu .menu-mobile .btn-close-menu {
        display: flex; }
        .main-menu .menu-mobile.active {
            right: 0;
            padding-top: 60px;
        }
    .main-menu .menu-mobile-overlay {
      height: 100%;
      width: 100%;
      top: 0;
      z-index: 5;
      bottom: 0;
      right: 0;
      left: 0;
      position: fixed;
      overflow: auto;
      opacity: 0;
      visibility: hidden;
      background-color: rgba(0, 0, 0, 0.6);
      transition: 0.5s; }
      .main-menu .menu-mobile-overlay.active {
        opacity: 1;
        visibility: visible; }
    .main-menu .main-menu__search input {
      min-height: 35px;
      min-width: 220px; }
    .main-menu .main-menu__search button {
      padding: 7px; }

    .news-details__content .news-related .news-related__list .row:not(:first-child) {
        margin-top: 5px !important;
    }

    .news-details__content .news-related .news-related__list .row:not(:last-child) {
        padding-bottom: 5px !important;
    }
}
.clerfix-end {
    min-height: calc(100vh - 482px);
} 

@media (max-width: 991.98px) {
  .news-highlight {
    margin-bottom: 35px; }
    .news-highlight .col-md-5, .news-highlight .col-md-7 {
      max-width: 100%;
      flex: 0 0 100%; }
    .news-highlight .news__first {
      margin-bottom: 35px; }
      .news-highlight .news__first .news-text {
        background-color: #cdccca;
        padding: 15px 10px;
        height: 100%; }
    .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des {
      font-size: 16px; }

  .block-news {
    padding: 35px 0 20px 0; }
    .block-news .col-md-6 {
      max-width: 100%;
      flex: 0 0 100%; }
    .block-news.block-news--middle .col-md-3 {
      max-width: 100%;
      flex: 0 0 100%; }
    .block-news .block__first .block-new__text {
      background-color: #cdccca;
      padding: 15px 10px;
      height: 100%; }
    .block-news .block__second {
      margin-top: 30px; }
      .block-news .block__second .col-md-6 {
        max-width: 50%;
        flex: 0 0 50%; }
      .block-news .block__second .news:not(:last-child) {
        border-bottom: dashed 1px #cccbcb;
        padding-bottom: 15px;
        margin-bottom: 15px; }
      .block-news .block__second .news:last-child {
        margin-bottom: 20px; }
      .block-news .block__second .news .news-desc {
        margin-top: 5px; }
      .block-news .block__second .news.new--horizontal:not(:last-child) {
        margin-bottom: 15px; }
        .block-news .block__second .news.new--horizontal:not(:last-child).new--boder-bottom {
          border-style: dashed; }

  .news-detail .col-md-3,
  .news-detail .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .news-detail .fanpage {
    display: none; }
  .news-detail .news-detail__comment {
    margin-bottom: 30px; }

  footer {
    padding: 30px 0; }
    footer .col-md-3, footer .col-md-9 {
      max-width: 100%;
      flex: 0 0 100%; }
    footer .footer__logo {
      max-width: 265px;
      margin: 0 auto;
      padding-bottom: 30px; }
    footer .footer__desc {
      width: 65%;
      font-size: 15px; }
    footer .footer__app {
      width: calc(100% - 65% - 10px); }
      footer .footer__app .qrcode {
        width: 36%; }
        footer .footer__app .qrcode .qrcode__des {
          font-size: 13px; }
      footer .footer__app .app__list {
        width: calc(100% - 36% - 10px); }

  .view_more_coment {
    width: 50% !important; } }
@media (max-width: 767.98px) {
  .taskbar .taskbar__language li:not(:last-child) {
    margin-right: 10px; }
  .taskbar ul li {
    font-size: 12px; }

  .block-news .block__first .block-first__title {
    margin: 2px 0 7px; }
  .block-news.media {
    margin-left: -10px;
    margin-right: -10px; }
    .block-news.media .media__wrapper {
      padding: 0 10px; }
  .block-news .block__second .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%; }

  .news-detail .news-detail__title {
    font-size: 22px; }
  .news-detail .news-detail__head .detail-head__action .print {
    display: none !important; }
  .news-detail .news-details__content p {
    margin-bottom: 12px;
    font-size: 14px; }
  .news-detail .news-detail__social ul {
    justify-content: flex-end; }
    .news-detail .news-detail__social ul li {
      width: unset;
      border-radius: 7px;
      overflow: hidden; }
      .news-detail .news-detail__social ul li:not(:last-child) {
        margin-right: 10px; }
  .news-detail .news-detail__social .social-item {
    padding: 5px 12px; }
    .news-detail .news-detail__social .social-item.social-facebook-share img {
      margin-right: 0; }
  .news-detail .news-detail__social .social-label__pc {
    display: none; }
  .news-detail .news-detail__social .social-label__mb {
    display: inline-block; }

  footer .footer__right {
    flex-direction: column; }
    footer .footer__right .footer__desc {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px; }
    footer .footer__right .footer__app {
      width: auto;
      max-width: 230px;
      margin: 0 auto; } }
@media (max-width: 600px) {
  .news-detail .news-detail__social {
    display: block; }
    .news-detail .news-detail__social .icon-social {
      display: flex;
      flex-wrap: wrap; }
      .news-detail .news-detail__social .icon-social a {
        /*margin: 5px 5px 0px 0px;*/

      }
        .news-detail .news-detail__social .icon-social a .icon-zalo {
            top: -4px;
        }
      .news-detail .news-detail__social .icon-social i {
        font-size: 20px;
        padding: 0px 3px; }
      .news-detail .news-detail__social .icon-social .fa-brands {
        padding: 0px 5px; }
      .news-detail .news-detail__social .icon-social .fa-facebook-f {
        padding: 0px 5px !important; }
    .news-detail .news-detail__social {
        justify-content: flex-start;
    }
}
@media (max-width: 575.98px) {
  .news-highlight .news__first .news-first__title {
    margin: 5px 0 0;
    font-size: 25px; }
  .news-highlight .news__first .news-first__desc {
    margin-top: 15px;
    font-size: 18px; }
  .news-highlight.search .news__list .news__list-item .news-item.new-item--option {
    flex-direction: column; }
    .news-highlight.search .news__list .news__list-item .news-item.new-item--option .news-item__des {
      margin-top: 10px;
      margin-right: 0; }
    .news-highlight.search .news__list .news__list-item .news-item.new-item--option .news-item__des, .news-highlight.search .news__list .news__list-item .news-item.new-item--option .news-item__img {
      width: 100%; }

  .block-news.media .media__wrapper .media__head .media__category {
    position: relative; }
    .block-news.media .media__wrapper .media__head .media__category .media-category__label {
      display: block; }
    .block-news.media .media__wrapper .media__head .media__category ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      transition: all 0.5s linear;
      margin-top: 1rem;
      right: 0;
      display: none;
      background-color: #ffff;
      z-index: 10;
      padding: 15px 5px 10px;
      min-width: 150px; }
      .block-news.media .media__wrapper .media__head .media__category ul.active {
        visibility: visible;
        opacity: 1;
        display: block; }
      .block-news.media .media__wrapper .media__head .media__category ul li {
        display: block; }
        .block-news.media .media__wrapper .media__head .media__category ul li::after {
          display: none; }
        .block-news.media .media__wrapper .media__head .media__category ul li:not(:last-child) {
          padding-bottom: 5px;
          margin-bottom: 10px;
          border-bottom: dashed 1px #cccbcb; }
        .block-news.media .media__wrapper .media__head .media__category ul li a {
          display: block; }

  .news-cate .news-item {
    margin-bottom: 30px; }

  .view_more_coment {
    width: 100% !important; }
    .clerfix-end {
        min-height: calc(100vh - 542px);
    }
}

@media (max-width: 350px) {
    .icon-social {
        line-height: 32px;
        letter-spacing: 1px;
        font-size: 12px;
    }

    .icon-social a {
        margin: 0 1.5px !important;
    }
}

/*# sourceMappingURL=style.css.map */

iframe {
    width: 100%;
    height: calc(var(--main-width) * var(--aspect-ratio));
}

.news-detail__head .setFont {
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
    .news-detail__head .setFont span {
        width: 32px;
        height: 32px;
        margin: 0 5px;
        cursor: pointer;
        text-align: center;
    }
.news-detail__head .setFont span.active {
    background: #2c64c3;
    color: #fff;
    border-radius: 100%;
}

.shares {
    height: 32px;
    line-height: 32px;
}

.icon-social .fb-share-button {
    /*padding: 2px 5px 5px 5px;
    border: 2px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;*/
}

.icon-social > a {
    /*padding: 5px;*/
    border: 2px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;
}

.news-detail__head .icon-social .zalo-share-button {
    /*margin-top: 10px;*/
}

.icon-social .icon-zalo {
    padding: 2px 5px 5px 5px;
    border: 2px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;
}

.news-detail-right__social .icon-social .icon-zalo {
    padding: 4px 5px 5px 5px;
}

.icon-social .icon-zalo img {
    scale: 2.3;
}

.icon-social .icon-zalo:hover {
    border: 2px solid #2c64c3 !important;
    color: #ffffff !important;
    background: #2c64c3
}

.icon-social a .fa-facebook-f {
    font-size: 20px;
    padding: 0px 3px;
}

.icon-social a .fa-link {
    margin: 0px -2px;
}

.icon-social a .icon-copy {
    font-weight: 500;
}

.icon-social a i {
    font-size: 16px;
    /*color: #757575;*/
}

.icon-social a:hover {
    border: 2px solid #2c64c3 !important;
    color: #ffffff !important;
    background: #2c64c3
}

.icon-social .copied{
    border: 2px solid #2c64c3 !important;
}

.icon-social .copied i {
    color: #2c64c3 !important;
}

.news-detail .news-related .news-related__list .row:not(:first-child) {
    padding-top: 3px;
}

.news-detail .news-related .news-related__list .row:not(:last-child) {
    padding-bottom: 3px;
    border-bottom: dashed 1px #d0d0cf;
}

.news-related__list .news-related__list_title > a {
    font-weight: 800;
}

.news-related__list .news-related__list_title > p {
    margin-top: 5px;
}

.news-detail .news-related .news-related__list a {
    font-size: 14px;
}

.news-details__content .news-related:not(:last-child) {
    border: none !important;
}

.news-details__content .news-related .news-related__list li a::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #757575;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50px;
}

.news-details__content img {
    width: 100% !important;
    height: auto !important;
}

.news-details__content .news-related .news-related__list .row:first-child {
    padding-bottom: 10px;
}

.news-details__content .news-related .news-related__list .row:not(:first-child) {
    margin-top: 10px;
    padding-bottom: 10px;
}

.news-details__content .news-related .news-related__list .row:last-child {
    padding-bottom: 0 !important;
}


/*-webkit-line-clamp: 3;
line-clamp: 5;
-webkit-box-orient: vertical;*/


.news-details__content .news-related .news-related__list .news-related__summary,
.news-details__content .news-related .news-related__list .news-related__summary p,
.news-details__content .news-related .news-related__list .news-related__summary span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 10pt !important;
    line-height: 30px !important;
    font-weight: inherit !important;
    font-stretch: inherit !important;
}
