@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* @include cubic-transition($delay: 0, $duration: 200ms, $property: (all)); */
.page-detail.section-recommend .view-more, .wrapper_slide_thumb .swiper-slide:before, .wrapper_slide_thumb .swiper-slide:after {
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }

.page-detail .footer-content, .page-detail .footer-content .social, .page-detail .footer-content .social a, .page-detail .related-news, .page-detail .list-topic {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.flexbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.no-flexbox {
  display: inherit; }

.item_tinlq_temp .title_news,
.item_tinlq_temp p.Normal, .item-quote, .quiz_box .title_bx, .quiz_box .txt-kq, .number_review, .col_text_review .tit_col, .page-detail .list-topic .view-event span, .item_result_quiz p.text-point {
  font-feature-settings: 'pnum' on , 'lnum' on;
  -webkit-font-feature-settings: 'pnum' on , 'lnum' on;
  -moz-font-feature-settings: 'pnum' on , 'lnum' on;
  -ms-font-feature-settings: 'pnum' on , 'lnum' on; }

.fck_detail .btn_control_tv_slider {
  top: 24%; }

.fck_detail .banner-ads {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5; }
  .fck_detail .banner-ads.banner-height-250 {
    height: 292px; }
  .fck_detail .banner-ads.banner-height-90 {
    height: 132px; }

.news_same_title {
  padding: 20px 0 0; }

.txt_title_same {
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  font: 700 12px arial; }

.news_same_title ul {
  padding: 10px 0 0; }

.news_same_title li {
  width: 460px;
  overflow: hidden; }

.list_slide {
  display: none;
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px; }
  .list_slide .item_slider {
    height: 120px;
    overflow: hidden; }

.action_thumb {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #17191A;
  height: 32px;
  border-radius: 3px; }
  .action_thumb a {
    padding: 0 10px;
    height: 32px;
    line-height: 30px;
    color: #fff; }
    .action_thumb a .ic {
      fill: #BDBDBD; }
    .action_thumb a:before {
      display: none; }
    .action_thumb a:hover .ic {
      fill: #fff; }

.block_tinlienquan_temp {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 0; }

.item_tinlq_temp {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 10px 0 0; }
  .item_tinlq_temp .thumb {
    height: auto; }
    .item_tinlq_temp .thumb img {
      position: static; }
  .item_tinlq_temp .title_news,
  .item_tinlq_temp p.Normal {
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
    font-family: "Merriweather", serif;
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
    color: #222 !important;
    margin-bottom: 0 !important; }
    .item_tinlq_temp .title_news a,
    .item_tinlq_temp p.Normal a {
      font-weight: normal;
      text-decoration: none !important;
      color: #222 !important;
      line-height: 160% !important; }
  .item_tinlq_temp a {
    font-size: 16px; }
  .item_tinlq_temp:nth-child(even) {
    padding: 0 0 0 10px; }

.box_quangcao .block_image_news {
  margin-bottom: 20px;
  background: #fff;
  padding: 20px;
  border: 1px solid #e5e5e5; }
.box_quangcao .thumb {
  width: 180px;
  height: auto;
  float: left;
  margin-right: 10px; }
  .box_quangcao .thumb img {
    width: 100%;
    float: left;
    position: static; }
.box_quangcao .news_lead {
  /*padding-left: 190px; */
  font: 400 14px/140% arial; }
.box_quangcao .title_news a {
  color: #222;
  text-decoration: none;
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 160%;
  font-weight: 700;
  margin-bottom: 5px; }
.box_quangcao .title_news p {
  /*font: 400 14px/140% arial;*/
  margin-bottom: 20px; }
  .box_quangcao .title_news p a {
    color: #076DB6;
    text-decoration: underline; }
.box_quangcao .title_news:hover a {
  color: #076DB6; }

/**BOX QUOTES**/
.box-quotes {
  margin-bottom: 15px;
  position: relative;
  padding-left: 50px; }
  .box-quotes .icon-quote {
    position: absolute;
    top: -2px;
    left: 10px; }
    .box-quotes .icon-quote .ic {
      width: 24px;
      height: 24px;
      fill: #4f4f4f; }

.item-quote {
  font-family: "Merriweather", serif;
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 20px; }
  .item-quote .author-quote {
    align-items: center;
    color: #757575; }
    .item-quote .author-quote .social-q {
      margin-left: auto; }
      .item-quote .author-quote .social-q .ic {
        fill: #BDBDBD; }
      .item-quote .author-quote .social-q a {
        margin-left: 15px; }
        .item-quote .author-quote .social-q a:hover .ic-facebook {
          fill: #3B5999; }
        .item-quote .author-quote .social-q a:hover .ic-twitter {
          fill: #55ACEE; }
    .item-quote .author-quote .author-img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 20px; }
      .item-quote .author-quote .author-img img {
        width: 60px;
        height: 60px; }
  .item-quote:last-of-type {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .item-quote:first-of-type {
    margin-top: 0; }

.fck_detail .item-quote p {
  margin-bottom: 5px; }

.famous_quote .thumb {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 20px;
  border-radius: 50%; }
.famous_quote .title_news {
  padding-top: 18px;
  font-family: "Merriweather", serif;
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  color: #757575; }
.famous_quote .quote_box {
  width: 100%;
  float: left;
  padding-top: 10px;
  padding-left: 40px;
  background: url(images/graphics/quote.svg) no-repeat 0 10px; }
  .famous_quote .quote_box p {
    font-family: "Merriweather", serif;
    font-size: 18px;
    font-weight: 700; }
.famous_quote .quote_left_icon,
.famous_quote .quote_right_icon {
  display: none; }

/**BOX INSERT ARTICLE**/
.box-insert-article {
  background: #fff;
  padding: 16px;
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
  /*.thumb-5x3 img {
  padding-bottom: 60%;
}*/ }
  .box-insert-article .item-news {
    margin-top: 16px;
    padding-top: 16px; }
    .box-insert-article .item-news .thumb-art {
      width: 220px;
      float: right;
      margin-left: 24px;
      margin-right: 0;
      margin-top: 0; }
    .box-insert-article .item-news .title-news {
      margin-bottom: 5px;
      font-size: 18px; }
      .box-insert-article .item-news .title-news a {
        text-decoration: none;
        color: #222; }
      .box-insert-article .item-news .title-news:hover a {
        color: #087CCE; }
    .box-insert-article .item-news .description {
      font: 400 14px/140% arial;
      margin-bottom: 0;
      padding: 0; }
      .box-insert-article .item-news .description .meta-news {
        margin-top: 0; }
        .box-insert-article .item-news .description .meta-news a {
          text-decoration: none; }
    .box-insert-article .item-news:last-of-type {
      margin-bottom: 0;
      padding-bottom: 0; }
    .box-insert-article .item-news:first-of-type {
      margin-top: 0;
      padding-top: 0; }
    .box-insert-article .item-news .xemthem-insert {
      display: inline-block;
      vertical-align: middle;
      color: #757577 !important;
      text-decoration: underline;
      margin-left: 10px; }
    .box-insert-article .item-news.off-thumb {
      padding-right: 140px; }
  .box-insert-article .btn_guicauhoi {
    background: #f7f7f7;
    color: #076DB6;
    text-align: center;
    text-decoration: none !important; }
  .box-insert-article.box-insert-interview {
    background: #fff;
    border: 1px solid #e5e5e5; }

/*Detail Dating*/
.box-info-dating {
  margin-bottom: 15px;
  width: 100%;
  float: left; }
  .box-info-dating .avata {
    float: left;
    width: 100%; }
    .box-info-dating .avata img {
      float: left;
      width: 100%; }
  .box-info-dating .content-info-dating {
    background: #fff;
    border: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    padding: 20px; }
  .box-info-dating .list-info {
    width: 67%;
    float: left; }
    .box-info-dating .list-info li {
      margin-bottom: 15px; }
      .box-info-dating .list-info li:last-of-type {
        margin-bottom: 0; }
      .box-info-dating .list-info li strong {
        font-weight: 400; }
  .box-info-dating .label-text {
    min-width: 90px;
    display: inline-block; }
  .box-info-dating .label-contact {
    width: 33%;
    float: right;
    position: relative;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden; }
    .box-info-dating .label-contact img {
      width: 100%;
      float: left; }
    .box-info-dating .label-contact a {
      font-weight: 400;
      white-space: nowrap;
      background: #fff;
      width: 100%;
      text-align: center;
      padding: 6px 0;
      float: left;
      font-size: 15px;
      color: #222;
      text-decoration: none; }

/*.btn-contact-tg{background: #E5E5E5; color: #222; width: calc(50% - 10px);
  &:hover{background: #E5E5E5; color: #222;}
}*/
.btn-introduce {
  background: #fff;
  border: 1px solid #E5E5E5;
  color: #076DB6;
  width: 100%; }
  .btn-introduce:hover {
    background: #fff;
    color: #076DB6; }
  .btn-introduce .ic {
    fill: #076DB6; }

/*End Detail Dating*/
/**BOX INTERVIEW**/
.status-interview {
  line-height: 19px;
  margin-bottom: 10px; }

/**BOX BRIEF INFO**/
.box_brief_info {
  width: 100%;
  float: left;
  background: #eee;
  padding: 10px 15px 0 15px;
  border-top: 1px solid #ccc;
  margin: 0 0 15px 0; }
  .box_brief_info.right {
    width: auto;
    max-width: 225px;
    float: right;
    margin: 0 0 10px 18px; }
  .box_brief_info.left {
    width: auto;
    max-width: 225px;
    float: left;
    margin: 0 18px 10px 0; }

/**SLIDE ON DETAIL**/
.slide_on_detail {
  width: 100%;
  float: left;
  margin-bottom: 15px; }
  .slide_on_detail .caption-slide {
    font: 400 14px/160% arial;
    padding-top: 10px; }
  .slide_on_detail .swiper-slide {
    width: 40%; }
    .slide_on_detail .swiper-slide img {
      width: 100%;
      float: left; }
  .slide_on_detail .swiper-button-slide-detail {
    width: 25px;
    height: 50px;
    background: rgba(79, 79, 79, 0.75);
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 1;
    cursor: pointer; }
    .slide_on_detail .swiper-button-slide-detail .ic {
      fill: #fff; }
    .slide_on_detail .swiper-button-slide-detail.swiper-button-slide-detail-next {
      right: 0; }
    .slide_on_detail .swiper-button-slide-detail.swiper-button-slide-detail-prev {
      left: 0; }

/**QUIZ**/
.quiz_box {
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #E5E5E5;
  padding: 20px;
  color: #222; }
  .quiz_box .title_bx {
    font-family: "Merriweather", serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px; }
  .quiz_box .ques_quiz_number {
    font-size: 14px;
    color: #757575;
    margin-bottom: 10px; }
  .quiz_box .ques_quiz {
    margin-bottom: 5px; }
  .quiz_box .ans_block {
    margin-bottom: 0; }
  .quiz_box .ans_item {
    margin-top: 10px;
    width: 100%;
    float: left; }
    .quiz_box .ans_item a {
      border-radius: 3px;
      width: 100%;
      float: left;
      background: #F3F3F3;
      font-size: 17px;
      line-height: 20px;
      color: #222;
      border: 1px solid #e5e5e5;
      padding: 9px 15px 9px 15px;
      text-decoration: none;
      position: relative; }
    .quiz_box .ans_item.ans_item_selected a {
      background: #ccc; }
    .quiz_box .ans_item.ans_right a {
      background: #51A732;
      color: #fff; }
    .quiz_box .ans_item.ans_wrong a {
      background: #E18A8A;
      color: #fff; }
  .quiz_box .block_btn_send_ans .txt_btnsend p {
    font-size: 15px;
    color: #757575;
    margin-top: 15px;
    margin-bottom: 0; }
  .quiz_box .block_btn_send_ans .txt_btnsend strong {
    color: #222; }
  .quiz_box .box_button {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5; }
    .quiz_box .box_button .btn_vne {
      background: #076DB6; }
      .quiz_box .box_button .btn_vne.btn_disable {
        background: #f7f7f7; }
    .quiz_box .box_button p {
      margin-bottom: 0; }
    .quiz_box .box_button .btn_phanthuong {
      background: #9F224E;
      width: 120px;
      padding: 0; }
  .quiz_box .item-quiz-all {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5; }
    .quiz_box .item-quiz-all.first {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
  .quiz_box .txt-kq {
    font-family: "Merriweather", serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 15px; }
  .quiz_box .number-point {
    font-size: 15px;
    color: #757575;
    margin-bottom: 5px; }
    .quiz_box .number-point strong {
      color: #222; }
  .quiz_box.quiz_box_multimark .ans_item a {
    padding-left: 45px; }
    .quiz_box.quiz_box_multimark .ans_item a:before {
      border: 1px solid #E5E5E5;
      background: #fff;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 9px;
      left: 15px;
      border-radius: 2px;
      content: ''; }
  .quiz_box.quiz_box_multimark .ans_item.ans_item_selected a:after, .quiz_box.quiz_box_multimark .ans_item.ans_wrong a:after, .quiz_box.quiz_box_multimark .ans_item.ans_right a:after {
    position: absolute;
    left: 21px;
    top: 10px;
    width: 5px;
    height: 10px;
    border: solid #4F4F4F;
    content: '';
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .quiz_box .btn_guidapan {
    text-decoration: none; }
    .quiz_box .btn_guidapan:hover {
      color: #fff; }
  .quiz_box .description_quiz {
    margin-bottom: 0;
    margin-top: 15px; }

/**INSERT EVALUATE**/
.number_review {
  width: 100%;
  font-family: "Merriweather", serif; }
  .number_review .tit_point {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 160%; }
  .number_review .number_point {
    font-size: 40px;
    color: #E5E5E5;
    font-weight: 900;
    height: 50px;
    line-height: 50px; }
    .number_review .number_point span {
      color: #DF9C00; }

.text_review {
  width: 670px; }

.col_text_review {
  width: 50%;
  color: #222; }
  .col_text_review .tit_col {
    font-family: "Merriweather", serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px; }
    .col_text_review .tit_col .icon_tit {
      display: inline-block;
      vertical-align: middle;
      margin: -3px 8px 0 0;
      width: 24px;
      height: 24px;
      background: #DF9C00;
      text-align: center;
      line-height: 20px; }
      .col_text_review .tit_col .icon_tit .ic {
        fill: #fff; }
  .col_text_review.col_uu {
    padding-right: 25px; }
  .col_text_review.col_nhuoc {
    padding-left: 25px; }
    .col_text_review.col_nhuoc .tit_col .icon_tit {
      background: #BDBDBD; }
  .col_text_review .list_txt li {
    color: #222;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px; }
    .col_text_review .list_txt li:before {
      content: '';
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #BDBDBD;
      position: absolute;
      top: 10px;
      left: 0; }

.evaluate_point {
  background: #fff;
  padding: 20px 20px 0 20px;
  border: 1px solid #e5e5e5; }

.box_gallery_review {
  width: 200px; }

.box_top_review {
  margin-bottom: 20px; }

.box_shopping_review {
  width: calc(100% - 200px);
  padding-left: 20px; }

.list_rating_rev {
  font-size: 0; }
  .list_rating_rev .item_rate {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px; }
    .list_rating_rev .item_rate .label_item_rate {
      width: 100%;
      float: left;
      font-size: 18px;
      color: #757575;
      line-height: 21px;
      margin-bottom: 5px; }
      .list_rating_rev .item_rate .label_item_rate strong {
        color: #222; }
    .list_rating_rev .item_rate .rating_bar {
      width: 100%;
      float: left;
      height: 4px;
      background: #BDBDBD;
      border-radius: 5px;
      position: relative; }
      .list_rating_rev .item_rate .rating_bar .number_bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #DF9C00;
        border-radius: 5px; }

/**UL TEMPLATE**/
.ul-temp {
  padding-left: 18px;
  margin-bottom: 20px; }
  .ul-temp li {
    list-style: disc;
    list-style-position: outside; }
    .ul-temp li ul {
      padding-left: 25px; }
      .ul-temp li ul li {
        list-style: circle;
        list-style-position: outside; }
    .ul-temp li a {
      color: #076DB6;
      text-decoration: underline; }

.banner-in-content {
  width: 100%;
  float: left;
  padding: 10px 0 20px;
  margin-bottom: 20px;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  text-align: center; }

.photo-dark .page-detail.detail-photo .footer-content .save {
  background: none;
  border: 1px solid #757575;
  color: #BDBDBD; }
  .photo-dark .page-detail.detail-photo .footer-content .save svg {
    fill: #BDBDBD; }
  .photo-dark .page-detail.detail-photo .footer-content .save:hover {
    border: 1px solid #BDBDBD;
    color: #f7f7f7; }
    .photo-dark .page-detail.detail-photo .footer-content .save:hover svg {
      fill: #f7f7f7; }
  .photo-dark .page-detail.detail-photo .footer-content .save.active {
    color: #BDBDBD; }
    .photo-dark .page-detail.detail-photo .footer-content .save.active svg {
      fill: #BDBDBD; }
    .photo-dark .page-detail.detail-photo .footer-content .save.active:hover {
      border: 1px solid #BDBDBD;
      color: #f7f7f7; }
      .photo-dark .page-detail.detail-photo .footer-content .save.active:hover svg {
        fill: #f7f7f7; }
.photo-dark .page-detail.detail-photo .footer-content .back-folder .ic {
  fill: #E5E5E5; }
.photo-dark .page-detail.detail-photo .footer-content .back-folder .tip {
  color: #222 !important;
  background: #FFFFFF;
  border: 1px solid #E5E5E5; }
.photo-dark .page-detail.detail-photo .footer-content .back-folder:hover {
  background: none; }
  .photo-dark .page-detail.detail-photo .footer-content .back-folder:hover .ic {
    fill: #fff; }
.photo-dark .page-detail.detail-photo .footer-content .social .txt {
  color: #757575; }
.photo-dark .page-detail.detail-photo .footer-content .social a {
  background: none;
  border: 1px solid #757575; }
  .photo-dark .page-detail.detail-photo .footer-content .social a:hover {
    border: 1px solid #BDBDBD; }
    .photo-dark .page-detail.detail-photo .footer-content .social a:hover svg {
      fill: #E5E5E5; }
      .photo-dark .page-detail.detail-photo .footer-content .social a:hover svg.ic-facebook {
        fill: #E5E5E5; }
      .photo-dark .page-detail.detail-photo .footer-content .social a:hover svg.ic-twitter {
        fill: #E5E5E5; }
  .photo-dark .page-detail.detail-photo .footer-content .social a .tip {
    color: #222 !important;
    background: #FFFFFF;
    border: 1px solid #E5E5E5; }
.photo-dark .page-detail.detail-photo .box_brief_info {
  background: #272727; }
.photo-dark .page-detail.detail-photo .topic-detail {
  color: #757575; }
  .photo-dark .page-detail.detail-photo .topic-detail .link-topic-detail {
    color: #757575; }
    .photo-dark .page-detail.detail-photo .topic-detail .link-topic-detail h2 {
      color: #BDBDBD; }
    .photo-dark .page-detail.detail-photo .topic-detail .link-topic-detail:hover h2 {
      color: #E5E5E5; }
.photo-dark .banner-in-content {
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575; }
.photo-dark .fck_detail .banner-ads {
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575; }
.photo-dark .btn_guicauhoi_detail {
  background: #333;
  color: #f7f7f7;
  border: 1px solid #333; }
  .photo-dark .btn_guicauhoi_detail .ic {
    fill: #BDBDBD; }
.photo-dark .box_quangcao .block_image_news {
  background: #17191a; }
.photo-dark .box_quangcao .title_news a {
  color: #6BC0FF; }
.photo-dark .vote_rating_box {
  background: #20242A;
  border-color: #20242A !important;
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto; }
  .photo-dark .vote_rating_box .count-vote, .photo-dark .vote_rating_box .time-vote {
    color: rgba(255, 255, 255, 0.5); }
  .photo-dark .vote_rating_box .title_bx {
    color: rgba(255, 255, 255, 0.88); }
  .photo-dark .vote_rating_box .label_check {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.88); }
    .photo-dark .vote_rating_box .label_check input.radio_check[type="radio"]:before, .photo-dark .vote_rating_box .label_check input.radio_check[type="checkbox"]:before {
      border-color: rgba(255, 255, 255, 0.88); }
    .photo-dark .vote_rating_box .label_check input.radio_check[type="radio"]:checked:before {
      border-color: #DB7499; }
    .photo-dark .vote_rating_box .label_check input.radio_check[type="radio"]:checked:after {
      background: #DB7499; }
    .photo-dark .vote_rating_box .label_check input.radio_check[type="checkbox"]:checked:before, .photo-dark .vote_rating_box .label_check input.radio_check[type="checkbox"]:checked:after {
      border-color: #DB7499; }
  .photo-dark .vote_rating_box .btn_vne {
    background: #B13460; }
  .photo-dark .vote_rating_box .txt-kq-vote .number-per {
    background: rgba(255, 255, 255, 0.1); }
  .photo-dark .vote_rating_box .kq-vote {
    background: #43464C; }
    .photo-dark .vote_rating_box .kq-vote .percent-vote {
      background: #5B5D62; }
  .photo-dark .vote_rating_box .item-kq-vote {
    color: rgba(255, 255, 255, 0.7); }
    .photo-dark .vote_rating_box .item-kq-vote.max-vote {
      color: #DB7499 !important; }
      .photo-dark .vote_rating_box .item-kq-vote.max-vote .txt-kq-vote {
        color: #DB7499 !important; }
      .photo-dark .vote_rating_box .item-kq-vote.max-vote .number-per {
        background: rgba(219, 116, 153, 0.1); }
      .photo-dark .vote_rating_box .item-kq-vote.max-vote .percent-vote {
        background: #DB7499; }
.photo-dark .fck_detail .vote_rating_box .title-box-category .inner-title {
  color: rgba(255, 255, 255, 0.7); }

.ic-print {
  background: url(images/graphics/print.svg) no-repeat 0 0/contain;
  filter: brightness(0.5);
  opacity: 0.7; }

.loader {
  border: 2px solid #757575;
  border-radius: 50%;
  border-top: 2px solid #ccc;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.social-com .circle_s .loader,
.social_pin .social_print .loader {
  margin-top: 5px; }

.photo-dark .page-detail.detail-photo .social-com .print:hover .ic {
  filter: brightness(1.6); }

.page-detail {
  /*footer-content*/
  /*End footer-content*/
  /**Topic detail**/
  /*related-news*/
  /*End related-news*/
  /**BOX COMMENT**/
  /*tags*/
  /*End tags*/
  /*list-topic*/
  /*End list-topic*/
  /*.item-recommend{
      width: 100%;
      float: left;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid $color-solid;
      &:last-of-type{
          border-bottom: none;
          padding-bottom: 0;
      }
      .time{
          font-size: 14px;
          line-height: 16px;
          color: #757575;
          display: block;
          margin-bottom: 10px;
      }
      .title-news{
          font-family: $font-title;
          @extend %font-fea;
          font-size: 32px;
          font-weight: bold;
          line-height: 150%;
          margin-bottom: 16px;
      }
      .description{
          font-family: $font-title;
          @extend %font-fea;
          font-size: 17px;
          line-height: 150%;
          font-weight: bold;
      }
      .content{            
          width: 100%;
          float: left;
          max-height: 116px;
          font-size: 18px;
          line-height: 160%;
          color: #333;
          position: relative;
          &:before{
              content: '';
              width: 100%;
              height: 116px;
              background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
              background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
              background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
              position: absolute;
              left: 0;
              bottom: 0;
          }
      }
  }*/ }
  .page-detail .author, .page-detail .author_mail {
    text-align: right;
    font-size: 18px; }
  .page-detail .author_mail {
    width: 100%;
    float: left;
    margin-bottom: 20px; }
  .page-detail .footer-content {
    margin-bottom: 20px;
    /*.btn-cmt{
        background: #076DB6;
        width: 200px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        color: #fff;
        text-align: center;
        display: inline-block;
        border-radius: 3px;
        margin-right: 20px;
        &:hover{
            background: #087CCE;
        }
    }*/ }
    .page-detail .footer-content .save {
      background: #fff;
      width: 80px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      display: inline-block;
      border: 1px solid #e5e5e5;
      border-radius: 3px;
      color: #4f4f4f; }
      .page-detail .footer-content .save svg {
        width: 24px;
        height: 24px;
        fill: #076db6;
        margin-right: 2px; }
      .page-detail .footer-content .save:hover {
        border: 1px solid #076db6; }
      .page-detail .footer-content .save.active svg {
        fill: #076db6; }
      .page-detail .footer-content .save.active:hover {
        border: 1px solid #076db6; }
        .page-detail .footer-content .save.active:hover svg {
          fill: #087cce; }
    .page-detail .footer-content .back-folder {
      width: auto;
      padding: 0 15px;
      margin-right: 10px;
      position: relative;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
      overflow: hidden; }
      .page-detail .footer-content .back-folder .ic {
        fill: #757575;
        width: 16px;
        height: 16px;
        transform: rotate(180deg); }
      .page-detail .footer-content .back-folder .tip {
        left: 20px;
        transform: none;
        top: 0;
        opacity: 0;
        transition-duration: 200ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        visibility: hidden; }
      .page-detail .footer-content .back-folder:hover {
        background: #f7f7f7;
        border: 1px solid #e5e5e5; }
      .page-detail .footer-content .back-folder.minus {
        font-size: 0;
        padding: 0 10px; }
        .page-detail .footer-content .back-folder.minus:hover {
          overflow: visible; }
          .page-detail .footer-content .back-folder.minus:hover .tip {
            opacity: 1;
            top: -15px;
            visibility: visible; }
    .page-detail .footer-content .social {
      margin-left: auto; }
      .page-detail .footer-content .social .txt {
        line-height: 40px;
        color: #4f4f4f; }
      .page-detail .footer-content .social a {
        background: #fff;
        position: relative;
        width: 32px;
        height: 32px;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        margin-left: 10px;
        align-self: center;
        justify-content: center; }
        .page-detail .footer-content .social a svg {
          align-self: center; }
        .page-detail .footer-content .social a:hover svg {
          fill: #076db6; }
          .page-detail .footer-content .social a:hover svg.ic-facebook {
            fill: #3b5999; }
          .page-detail .footer-content .social a:hover svg.ic-twitter {
            fill: #55acee; }
  .page-detail .topic-detail {
    margin-bottom: 20px; }
    .page-detail .topic-detail .ic {
      fill: #757575;
      width: 20px;
      height: 20px;
      margin-right: 10px; }
    .page-detail .topic-detail .link-topic-detail {
      color: #757575;
      font-size: 15px;
      line-height: 160%; }
      .page-detail .topic-detail .link-topic-detail h2 {
        color: #9f224e;
        font-family: "Merriweather", serif; }
      .page-detail .topic-detail .link-topic-detail:hover h2 {
        text-decoration: underline; }
  .page-detail .related-news {
    flex-wrap: wrap;
    border-bottom: 1px solid #E5E5E5;
    font-size: 0; }
    .page-detail .related-news .title-box-category {
      width: 100%; }
    .page-detail .related-news .item-news {
      width: 50%;
      padding-bottom: 0;
      border-bottom: none;
      float: none;
      display: inline-block;
      vertical-align: top; }
      .page-detail .related-news .item-news:nth-child(even) {
        padding-right: 10px; }
      .page-detail .related-news .item-news .title-news,
      .page-detail .related-news .item-news .meta-news {
        padding-left: 130px; }
      .page-detail .related-news .item-news .meta-news,
      .page-detail .related-news .item-news .info-ads {
        display: block; }
      .page-detail .related-news .item-news .info-ads {
        padding-left: 130px; }
    .page-detail .related-news .thumb-art {
      width: 120px;
      margin-right: 10px; }
  .page-detail .section-comment {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1; }
  .page-detail .tags {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 0;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    padding-left: 50px; }
    .page-detail .tags .txt {
      font-size: 15px;
      line-height: 17px;
      color: #bdbdbd;
      display: inline-block;
      margin-right: 15px;
      position: absolute;
      top: 0;
      left: 0; }
    .page-detail .tags .item-tag {
      display: inline-block;
      font-size: 15px;
      line-height: 17px;
      margin: 0 30px 10px 0;
      position: relative;
      transition-duration: 200ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
      .page-detail .tags .item-tag:hover {
        color: #087CCE; }
      .page-detail .tags .item-tag:after {
        content: "/";
        font-size: 15px;
        line-height: 25px;
        position: absolute;
        right: -17px;
        top: -4px;
        color: #bdbdbd; }
      .page-detail .tags .item-tag:last-child {
        margin-right: 0; }
        .page-detail .tags .item-tag:last-child:after {
          content: none; }
  .page-detail #box_listtopic_detail .title-box-category .inner-title:hover {
    color: #087cce;
    /*&:before{
        background: #087CCE;
    }*/ }
  .page-detail .list-topic {
    margin: 0 -15px 0;
    padding-bottom: 20px;
    position: relative; }
    .page-detail .list-topic:before {
      content: "";
      width: calc(100% - 30px);
      height: 1px;
      background: #E5E5E5;
      position: absolute;
      left: 15px;
      bottom: 0; }
    .page-detail .list-topic .item-news {
      width: 20%;
      border-right: 1px solid #E5E5E5;
      border-bottom: none;
      padding: 0 15px 20px;
      margin-bottom: 0;
      position: relative; }
      .page-detail .list-topic .item-news:last-of-type {
        border-right: none; }
    .page-detail .list-topic .view-event {
      width: 20%;
      padding: 0 15px 0;
      position: relative; }
      .page-detail .list-topic .view-event a {
        width: 100%;
        height: 100%;
        min-height: 242px;
        position: static;
        background: url(../images/graphics/dongsukien.jpg) no-repeat;
        background-size: cover;
        display: block; }
      .page-detail .list-topic .view-event span {
        font-size: 18px;
        line-height: 27px;
        color: #f7f7f7;
        position: absolute;
        left: 30px;
        bottom: 10px;
        display: inline-block;
        font-family: "Merriweather", serif;
        font-style: italic;
        font-weight: 900; }
        .page-detail .list-topic .view-event span .ic {
          fill: #f7f7f7; }
      .page-detail .list-topic .view-event:hover span {
        text-decoration: underline; }
    .page-detail .list-topic .meta-news {
      position: absolute;
      bottom: 0;
      left: 15px;
      padding-right: 15px;
      line-height: 16px; }
  .page-detail.middle-detail .related-news {
    padding-bottom: 5px; }
    .page-detail.middle-detail .related-news.related-news-6item {
      padding-top: 20px; }
      .page-detail.middle-detail .related-news.related-news-6item .item-news {
        padding-right: 10px;
        width: 33.3333333%; }
  .page-detail.middle-detail .sidebar-2 {
    position: sticky;
    top: 0;
    position: -webkit-sticky;
    height: 100%;
    top: 50px; }
  .page-detail.bottom-detail .container {
    display: block; }
  .page-detail.bottom-detail .inner-box-business {
    margin-top: 20px; }
  .page-detail.section-recommend {
    margin-bottom: 20px; }
    .page-detail.section-recommend .sidebar-1,
    .page-detail.section-recommend .sidebar-2 {
      padding-top: 0; }
    .page-detail.section-recommend .sidebar-1 {
      width: 50%;
      max-width: 50%;
      padding-right: 30px; }
    .page-detail.section-recommend .sidebar-2 {
      width: 50%;
      max-width: 50%;
      padding-left: 30px; }
    .page-detail.section-recommend .container {
      position: static;
      /*&:before{
      content: '';
      width: calc(100% - 30px);
      height: 1px;
      background: $color-solid;
      position: absolute;
      left: 15px;
      bottom: 0;
      }*/ }
    .page-detail.section-recommend .view-more {
      display: block;
      width: 100%;
      float: left;
      height: 48px;
      line-height: 48px;
      text-align: center;
      background: #f7f7f7;
      color: #076db6;
      font-size: 15px;
      clear: both;
      margin-bottom: 0;
      margin-top: 20px;
      border-radius: 3px; }
      .page-detail.section-recommend .view-more:hover {
        background: #087cce;
        color: #fff; }
    .page-detail.section-recommend .list-news-subfolder {
      margin-bottom: 20px; }
      .page-detail.section-recommend .list-news-subfolder .item-news-common .thumb-art {
        width: 220px; }
    .page-detail.section-recommend .list-news-subfolder .item-news-common .description {
      font-family: "arial", sans-serif;
      font-size: 14px;
      line-height: 140%;
      margin-bottom: 0;
      font-weight: 400;
      color: #222; }
      .page-detail.section-recommend .list-news-subfolder .item-news-common .description .location-stamp {
        font-size: 12px; }

.sidebar-2 .dcb_push_sign {
  position: sticky;
  top: 60px; }

/**BÁO LỖI NỘI DUNG**/
.social_pin {
  z-index: 5; }
  .social_pin .social_left li.li-error-mess {
    position: relative; }
    .social_pin .social_left li.li-error-mess a .ic {
      width: 22px;
      height: 22px; }
    .social_pin .social_left li.li-error-mess:hover a, .social_pin .social_left li.li-error-mess.active a {
      background: #B42652;
      border: 1px solid #B42652; }
      .social_pin .social_left li.li-error-mess:hover a .ic, .social_pin .social_left li.li-error-mess.active a .ic {
        fill: #fff; }
    .social_pin .social_left li.li-error-mess .note-newfea {
      width: 180px;
      background: #0590DE;
      border-radius: 2px;
      padding: 12px;
      color: #fff;
      font-size: 16px;
      line-height: 140%;
      position: absolute;
      top: -18px;
      right: calc(100% + 20px); }
      .social_pin .social_left li.li-error-mess .note-newfea:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-left: 12px solid #0590DE;
        border-bottom: 15px solid transparent;
        position: absolute;
        top: 20px;
        right: -11px; }
      .social_pin .social_left li.li-error-mess .note-newfea .close-note {
        width: 30px;
        height: 30px;
        text-align: center;
        font-family: -webkit-body;
        font-size: 32px;
        text-align: center;
        cursor: pointer;
        line-height: 30px;
        position: absolute;
        top: 5px;
        right: 5px; }
      @media (max-width: 1799px) {
        .social_pin .social_left li.li-error-mess .note-newfea {
          right: auto;
          left: calc(100% + 20px); }
          .social_pin .social_left li.li-error-mess .note-newfea:after {
            right: auto;
            left: -11px;
            transform: rotate(180deg); } }

.box-input-error {
  background: #FFFFFF;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  width: 345px; }
  .box-input-error .header-box-input {
    background: #FAFAFA;
    box-shadow: inset 0px -1px 0px #E5E5E5;
    height: 48px;
    align-items: center;
    font-size: 16px;
    color: #626262;
    padding: 0 17px; }
    .box-input-error .header-box-input .ic {
      width: 22px;
      height: 22px;
      fill: #9F9F9F;
      margin-right: 10px; }
    .box-input-error .header-box-input .close-box-input {
      margin-left: auto;
      cursor: pointer;
      font-family: -webkit-body;
      font-size: 38px;
      color: #9F9F9F; }
  .box-input-error .content-box-input {
    padding-bottom: 24px; }
  .box-input-error .wrap-input-text {
    width: 100%;
    padding: 10px 10px 10px 17px; }
  .box-input-error .text-area-input {
    height: 200px;
    border: none;
    padding: 0;
    font-size: 16px;
    color: #4f4f4f; }
  .box-input-error .note-count {
    color: #9F9F9F;
    font-size: 16px; }
    .box-input-error .note-count.note-red {
      color: #D9534F; }
  .box-input-error .right-button {
    margin-left: auto;
    align-items: center;
    justify-content: flex-end; }
  .box-input-error .btn-send {
    color: #B42652;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 700; }
    .box-input-error .btn-send.disabled {
      color: #FAE4EA;
      cursor: not-allowed; }
  .box-input-error .sent-success {
    font-size: 16px;
    color: #5CB85C;
    font-weight: 400; }
    .box-input-error .sent-success .ic {
      fill: #5CB85C;
      width: 14px;
      height: 14px; }
  .box-input-error .fail-text {
    color: #D9534F;
    font-size: 16px;
    font-weight: 400;
    margin-right: 24px; }
    .box-input-error .fail-text .ic {
      fill: #D9534F;
      width: 23px;
      height: 23px;
      margin-top: -2px; }
  .box-input-error .row-bottom-action {
    width: 100%;
    padding: 0 17px;
    align-items: center; }
  @media (max-width: 1799px) {
    .box-input-error {
      right: auto;
      left: calc(100% + 10px); } }

.text-area-input::-webkit-scrollbar {
  width: 4px;
  background-color: none; }

.text-area-input::-webkit-scrollbar-thumb {
  background-color: #BDBDBD; }

.text-area-input::-webkit-scrollbar-track {
  background-color: none; }

.mark-error {
  position: relative;
  background: dodgerblue;
  color: #fff; }

.btn-error {
  position: absolute !important;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #FAE4EA;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 2px 8px 2px 4px !important;
  color: #B42652 !important;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none !important;
  border-bottom-width: 0 !important; }
  .btn-error .ic {
    width: 25px;
    height: 25px;
    fill: #B42652;
    margin-top: -1px;
    margin-right: 2px; }
  .btn-error:hover {
    background: #F4BACB; }

/**DETAIL QUIZ**/
.item_result_quiz p {
  text-align: center;
  margin-bottom: 5px; }
  .item_result_quiz p.text-point {
    font-family: "Merriweather", serif;
    font-size: 64px;
    line-height: 80px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .item_result_quiz p.text-point:after {
      content: "";
      width: calc(100% - 80px);
      height: 1px;
      background: #e5e5e5;
      position: absolute;
      left: 40px;
      bottom: 0; }
.item_result_quiz .text-point + p {
  margin-bottom: 20px; }
.item_result_quiz .btn_restart {
  width: 100%;
  background: #e5e5e5;
  color: #616161;
  /*span {
      background: url(images/graphics/restart.svg) no-repeat left center;
      padding-left: 20px;
    }*/ }
  .item_result_quiz .btn_restart .ic {
    fill: #616161; }
.item_result_quiz .box-result-percent .item-result-per {
  flex-wrap: wrap;
  margin-bottom: 25px; }
  .item_result_quiz .box-result-percent .item-result-per .text-ans {
    width: auto;
    font-size: 17px;
    line-height: 20px;
    color: #4f4f4f; }
  .item_result_quiz .box-result-percent .item-result-per .count-person {
    margin-left: auto;
    font-size: 17px;
    color: #4f4f4f; }
    .item_result_quiz .box-result-percent .item-result-per .count-person .number-person {
      font-size: 17px;
      color: #4f4f4f; }
  .item_result_quiz .box-result-percent .item-result-per .number-per {
    margin-left: 10px; }
  .item_result_quiz .box-result-percent .item-result-per .percent-bar {
    width: 100%;
    padding-left: 0; }
    .item_result_quiz .box-result-percent .item-result-per .percent-bar .main-bar-per {
      margin-top: 0;
      height: 5px; }
  .item_result_quiz .box-result-percent .item-result-per.result-of-you .text-ans {
    color: #9f224e;
    font-weight: 400; }
  .item_result_quiz .box-result-percent .item-result-per.result-of-you .count-person {
    color: #9f224e; }
    .item_result_quiz .box-result-percent .item-result-per.result-of-you .count-person .number-person {
      color: #9f224e; }

.box-share-res {
  padding-top: 20px; }
  .box-share-res p {
    font-size: 15px;
    margin-bottom: 10px; }
  .box-share-res .social-com {
    justify-content: center; }
    .box-share-res .social-com .circle_s {
      margin: 0 5px; }
      .box-share-res .social-com .circle_s.mail:hover .ic, .box-share-res .social-com .circle_s.share-link:hover .ic {
        fill: #087cce; }

/**GALLERY ON DETAIL**/
.img_holder {
  position: relative; }
  .img_holder .img_bg {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 60%;
    background-color: #f0eeea;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .img_holder .img_bg img {
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.wrapper_slide_thumb {
  margin-top: 5px;
  position: relative; }
  .wrapper_slide_thumb .swiper-slide {
    cursor: pointer;
    margin-bottom: 5px; }
    .wrapper_slide_thumb .swiper-slide:before {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      z-index: 1;
      opacity: 0; }
    .wrapper_slide_thumb .swiper-slide:after {
      width: 100%;
      height: 3px;
      background: #b52759;
      position: absolute;
      bottom: -5px;
      left: 0;
      content: "";
      z-index: 1;
      opacity: 0; }
    .wrapper_slide_thumb .swiper-slide.swiper-slide-thumb-active:before, .wrapper_slide_thumb .swiper-slide.swiper-slide-thumb-active:after {
      opacity: 1; }
  .wrapper_slide_thumb .swiper-button-slide {
    outline: none;
    cursor: pointer;
    width: 25px;
    height: 50px;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    line-height: 50px;
    text-align: center;
    background: rgba(34, 34, 34, 0.75);
    z-index: 1; }
    .wrapper_slide_thumb .swiper-button-slide .ic {
      width: 16px;
      height: 23px;
      fill: #fff; }
    .wrapper_slide_thumb .swiper-button-slide.swiper-button-next-slide {
      right: 0; }
    .wrapper_slide_thumb .swiper-button-slide.swiper-button-prev-slide {
      left: 0; }

.btn_guicauhoi_detail {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  font-size: 15px;
  line-height: 17px;
  color: #4f4f4f;
  padding: 12px;
  text-align: center; }
  .btn_guicauhoi_detail a {
    color: #076db6;
    text-decoration: underline;
    text-underline-position: under; }
  .btn_guicauhoi_detail .ic {
    fill: #bdbdbd;
    vertical-align: top;
    margin-right: 10px; }

.pin-comment {
  position: -webkit-sticky !important;
  position: sticky !important;
  height: 100%;
  top: 20px; }

/**INSERT BOX BANK**/
.box-bank-insert {
  margin-bottom: 20px;
  position: relative; }
  .box-bank-insert .title-box {
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5; }
    .box-bank-insert .title-box .txt-tit-box {
      font-family: "Merriweather", serif;
      font-size: 20px;
      line-height: 160%;
      font-weight: bold; }
    .box-bank-insert .title-box .sub-ls {
      font: 400 15px arial;
      color: #757575;
      display: block;
      margin-top: 5px; }
    .box-bank-insert .title-box .txt-dv {
      font-size: 16px;
      line-height: 150%;
      margin-right: 15px; }
  .box-bank-insert .tab-right-bank {
    margin-left: auto;
    align-items: center;
    font-size: 0; }
    .box-bank-insert .tab-right-bank a {
      display: inline-block;
      min-width: 115px;
      text-align: center;
      height: 40px;
      line-height: 40px;
      background: #f0eeea;
      border: 1px solid #e5e5e5;
      border-radius: 0px 3px 3px 0px;
      font-size: 16px;
      color: #ababab;
      text-decoration: none !important; }
      .box-bank-insert .tab-right-bank a.active {
        background: #fff;
        font-weight: 700;
        color: #222; }
      .box-bank-insert .tab-right-bank a:first-of-type {
        border-radius: 3px 0 0 3px;
        border-right: none; }
  .box-bank-insert .relative {
    position: relative; }
  .box-bank-insert .ul-table-bank li {
    align-items: center;
    /*&:nth-child(2n){background: #F0EEEA;}*/ }
  .box-bank-insert .ul-table-bank .td {
    width: 15%;
    text-align: right;
    font-size: 16px;
    line-height: 150%;
    padding: 4px 15px 4px 8px;
    color: #bdbdbd;
    position: relative; }
    .box-bank-insert .ul-table-bank .td:first-child {
      text-align: left;
      width: 24%;
      padding-left: 10px;
      color: #222; }
    .box-bank-insert .ul-table-bank .td:last-child {
      width: 16%; }
    .box-bank-insert .ul-table-bank .td span {
      max-width: 100%;
      display: block;
      padding: 4px 6px 4px 6px;
      text-align: left;
      min-width: 50%;
      background: rgba(75, 120, 153, 0.2);
      color: #757575; }
  .box-bank-insert .ul-table-bank.ul-top {
    border-bottom: 3px solid #e5e5e5; }
    .box-bank-insert .ul-table-bank.ul-top .td {
      cursor: pointer;
      color: #ababab;
      padding-top: 8px;
      padding-bottom: 8px;
      text-align: left; }
      .box-bank-insert .ul-table-bank.ul-top .td:before {
        width: 18px;
        height: 12px;
        background: url(images/graphics/noun_Sort.svg) no-repeat 0 0;
        background-size: contain;
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px 0 0; }
      .box-bank-insert .ul-table-bank.ul-top .td:first-child {
        cursor: default;
        color: #757575; }
        .box-bank-insert .ul-table-bank.ul-top .td:first-child:before {
          display: none; }
  .box-bank-insert .note-bank {
    font-size: 15px;
    font-style: italic;
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 0; }
  .box-bank-insert.active-12 .ul-table-bank .td:nth-child(6) {
    color: #fff; }
    .box-bank-insert.active-12 .ul-table-bank .td:nth-child(6) span {
      background: rgba(75, 120, 153, 0.7);
      color: #fff; }
    .box-bank-insert.active-12 .ul-table-bank .td:nth-child(6):before {
      background: url(images/graphics/noun_Sort_active.svg) no-repeat 0 0;
      background-size: contain; }
  .box-bank-insert.active-12 .ul-table-bank.ul-top .td:nth-child(6) {
    color: #4b7899; }
  .box-bank-insert.active-9 .ul-table-bank .td:nth-child(5) {
    color: #fff; }
    .box-bank-insert.active-9 .ul-table-bank .td:nth-child(5) span {
      background: rgba(75, 120, 153, 0.7);
      color: #fff; }
    .box-bank-insert.active-9 .ul-table-bank .td:nth-child(5):before {
      background: url(images/graphics/noun_Sort_active.svg) no-repeat 0 0;
      background-size: contain; }
  .box-bank-insert.active-9 .ul-table-bank.ul-top .td:nth-child(5) {
    color: #4b7899; }
  .box-bank-insert.active-6 .ul-table-bank .td:nth-child(4) {
    color: #fff; }
    .box-bank-insert.active-6 .ul-table-bank .td:nth-child(4) span {
      background: rgba(75, 120, 153, 0.7);
      color: #fff; }
    .box-bank-insert.active-6 .ul-table-bank .td:nth-child(4):before {
      background: url(images/graphics/noun_Sort_active.svg) no-repeat 0 0;
      background-size: contain; }
  .box-bank-insert.active-6 .ul-table-bank.ul-top .td:nth-child(4) {
    color: #4b7899; }
  .box-bank-insert.active-3 .ul-table-bank .td:nth-child(3) {
    color: #fff; }
    .box-bank-insert.active-3 .ul-table-bank .td:nth-child(3) span {
      background: rgba(75, 120, 153, 0.7);
      color: #fff; }
    .box-bank-insert.active-3 .ul-table-bank .td:nth-child(3):before {
      background: url(images/graphics/noun_Sort_active.svg) no-repeat 0 0;
      background-size: contain; }
  .box-bank-insert.active-3 .ul-table-bank.ul-top .td:nth-child(3) {
    color: #4b7899; }
  .box-bank-insert.active-1 .ul-table-bank .td:nth-child(2) {
    color: #fff; }
    .box-bank-insert.active-1 .ul-table-bank .td:nth-child(2) span {
      background: rgba(75, 120, 153, 0.7);
      color: #fff; }
    .box-bank-insert.active-1 .ul-table-bank .td:nth-child(2):before {
      background: url(images/graphics/noun_Sort_active.svg) no-repeat 0 0;
      background-size: contain; }
  .box-bank-insert.active-1 .ul-table-bank.ul-top .td:nth-child(2) {
    color: #4b7899; }
    .box-bank-insert.active-1 .ul-table-bank.ul-top .td:nth-child(2) span {
      color: #4b7899; }
  .box-bank-insert .scroll-bar-bank {
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden; }
  .box-bank-insert .ss-scroll {
    background: rgba(34, 34, 34, 0.2); }
  .box-bank-insert .gradient-layer {
    background: linear-gradient(180deg, rgba(252, 250, 246, 0) 0%, rgba(252, 250, 246, 0.73) 52.08%, #fcfaf6 100%);
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1; }
    .box-bank-insert .gradient-layer img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.col-left-subfolder .box-bank-insert .ul-table-bank .td span {
  background: #f7f7f7; }
.col-left-subfolder .box-bank-insert .gradient-layer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.73) 52.08%, #ffffff 100%); }
.col-left-subfolder .box-bank-insert .tab-right-bank a {
  background: #f7f7f7; }
  .col-left-subfolder .box-bank-insert .tab-right-bank a.active {
    background: #fff; }

/*@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {
    .box-bank-insert .scroll-bar-bank .ul-table-bank .td{
        padding-right: 30px;
    }
}*/
/**BOX TINH TIEN DIEN**/
.box_widget {
  background: #fff;
  padding: 15px;
  border: 1px solid #e5e5e5; }
  .box_widget .title_bx {
    font: bold 18px/160% "Merriweather", serif; }

.box_tinhtiendien {
  margin-bottom: 20px; }
  .box_tinhtiendien .input-form {
    margin-bottom: 0; }
  .box_tinhtiendien .input-tick {
    font-size: 16px; }
  .box_tinhtiendien .label-case {
    color: #757575;
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 16px; }
  .box_tinhtiendien input[type="text"],
  .box_tinhtiendien input[type="number"] select {
    padding-right: 60px;
    font-size: 16px; }
  .box_tinhtiendien .count-case {
    font-size: 16px; }
  .box_tinhtiendien .table-counter {
    font-size: 16px; }
    .box_tinhtiendien .table-counter table {
      width: 100%; }
    .box_tinhtiendien .table-counter thead {
      font-weight: bold; }
    .box_tinhtiendien .table-counter td {
      text-align: right;
      vertical-align: top;
      line-height: 20px;
      border-bottom: 1px solid #e5e5e5;
      padding-top: 10px;
      padding-bottom: 10px; }
    .box_tinhtiendien .table-counter tr td:first-of-type {
      text-align: left; }
    .box_tinhtiendien .table-counter .count-up {
      color: #02784d;
      font-size: 14px; }
    .box_tinhtiendien .table-counter .count-down {
      color: #95181a;
      font-size: 14px; }
    .box_tinhtiendien .table-counter .open-info {
      display: inline-block;
      vertical-align: middle;
      margin-top: -3px;
      width: 12px;
      height: 12px;
      background: url(images/graphics/infomation.svg) no-repeat 0 0; }
    .box_tinhtiendien .table-counter .down-up-txt {
      font-size: 14px;
      color: #757575; }
  .box_tinhtiendien .dv-tinh {
    color: #757575; }

#infotiendien-popup .box_tinhtiendien {
  margin-bottom: 0; }
  #infotiendien-popup .box_tinhtiendien .table-counter .down-up-txt {
    font-weight: normal; }
  #infotiendien-popup .box_tinhtiendien .table-counter thead td {
    padding-top: 0; }
  #infotiendien-popup .box_tinhtiendien .table-counter tr:last-of-type td {
    border-bottom: none; }

.box_bluezone {
  margin-bottom: 20px; }
  .box_bluezone .app-blue {
    float: left;
    display: inline-block;
    margin-right: 10px; }
    .box_bluezone .app-blue img {
      width: 108px; }
  .box_bluezone .inner-box-blue {
    align-items: center; }
  .box_bluezone .right-blue {
    align-items: center;
    margin-left: auto; }
  .box_bluezone .qr-img {
    width: 80px;
    height: 80px;
    margin-left: 30px; }
    .box_bluezone .qr-img img {
      width: 80px; }
  .box_bluezone .qr-code {
    width: 100px;
    font-size: 13px;
    color: #757575;
    text-align: center;
    background: url(images/graphics/Arrow-blue.png) no-repeat center bottom;
    padding-bottom: 10px; }

.box-tinlienquanv2 {
  padding: 15px;
  background: #fff;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  overflow: overlay;
  clear: both; }
  .box-tinlienquanv2 .item-news {
    margin-bottom: 13px;
    padding-bottom: 13px; }
    .box-tinlienquanv2 .item-news:last-of-type {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
    .box-tinlienquanv2 .item-news .thumb-art {
      width: 145px;
      margin-right: 10px; }
    .box-tinlienquanv2 .item-news .title-news {
      font-size: 15px;
      font-weight: bold; }
      .box-tinlienquanv2 .item-news .title-news a {
        color: #222;
        text-decoration: none !important; }
    .box-tinlienquanv2 .item-news .description {
      font-size: 14px;
      margin-bottom: 0;
      padding-left: 155px; }
      .box-tinlienquanv2 .item-news .description a {
        text-decoration: none !important;
        color: #222 !important; }
      .box-tinlienquanv2 .item-news .description .meta-news a {
        color: #076db6 !important; }

/*Box Vhome*/
.box-vhome {
  background: #fff;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5; }
  .box-vhome .inner-box-vhome {
    padding: 15px;
    float: left;
    width: 100%; }
  .box-vhome .thumb-art {
    width: 268px;
    margin-right: 20px; }
  .box-vhome .content {
    overflow: hidden; }
  .box-vhome .project-name {
    font-family: "Merriweather", serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px; }
    .box-vhome .project-name a {
      text-decoration: none;
      color: #222;
      font-weight: bold; }
  .box-vhome .investors-name {
    color: #56616f;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px; }
    .box-vhome .investors-name a {
      color: inherit;
      text-decoration: inherit;
      margin-bottom: inherit;
      line-height: inherit; }
  .box-vhome .address-project {
    color: #878686;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    padding-left: 25px; }
    .box-vhome .address-project:before {
      content: "";
      width: 17px;
      height: 17px;
      position: absolute;
      left: 0;
      top: 0;
      background: url(images/graphics/pin.svg) no-repeat;
      background-size: contain; }
  .box-vhome .juridical-project {
    color: #878686;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    padding-left: 25px; }
    .box-vhome .juridical-project:before {
      content: "";
      width: 17px;
      height: 17px;
      position: absolute;
      left: 0;
      top: 0;
      background: url(images/graphics/check.svg) no-repeat;
      background-size: contain; }
  .box-vhome .wrap-cmt {
    font-size: 14px;
    color: #878686; }
    .box-vhome .wrap-cmt .cmt {
      margin-bottom: 0; }
    .box-vhome .wrap-cmt .cmt:not(:last-child) {
      margin-right: 18px; }
    .box-vhome .wrap-cmt .num {
      color: #9f224e; }
  .box-vhome .icon-cmt, .box-vhome .icon-circle-start, .box-vhome .icon-chuyengia {
    position: relative;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    float: left;
    top: 2px; }
  .box-vhome .icon-cmt {
    background: url(images/graphics/comment.svg) no-repeat;
    background-size: contain; }
  .box-vhome .icon-circle-start {
    background: url(images/graphics/rating_1.svg) no-repeat;
    background-size: contain; }
  .box-vhome .icon-chuyengia {
    background: url(images/graphics/rating_2.svg) no-repeat;
    background-size: contain; }
  .box-vhome .detail-project {
    font-size: 14px;
    line-height: 20px;
    color: #9f224e;
    font-weight: bold; }

/*End Box Vhome*/
/**BOX VIDEO NGUY CO**/
.box-video-nguyco {
  background: #fff;
  padding: 13px 13px 7px 13px; }
  .box-video-nguyco .mask {
    width: 100%;
    height: 66px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2px 0 2px 25px;
    background: linear-gradient(180deg, rgba(36, 73, 194, 0) 20.71%, rgba(36, 74, 194, 0.51) 59.78%, #f00611 127.86%); }
    .box-video-nguyco .mask img {
      width: 50px;
      position: static;
      object-fit: contain; }
  .box-video-nguyco .title-news {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #000;
    padding-left: 25px;
    background: url(images/graphics/play-nguyco.svg) no-repeat 0 3px; }
  .box-video-nguyco .viewnow {
    text-align: center;
    padding-top: 7px;
    margin-top: 7px;
    border-top: 1px solid #e8e8e8;
    width: 100%;
    float: left; }
    .box-video-nguyco .viewnow a {
      display: inline-block;
      font: bold 12px/20px "Merriweather", serif;
      background: linear-gradient(116.01deg, #ff006c 0.61%, #ff0063 2.12%, #ff0000 9.66%, #c11943 29.27%, #853185 48.88%, #5842b5 66.98%, #3d4dd3 80.56%, #3351de 88.1%, #3150da 103.19%, #2a4ccd 119.78%, #1f47b8 136.37%, #1240a0 151.46%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }

/**WIDGET VCAR**/
.wg-vcar {
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 10px 24px 10px 40px;
  font-size: 16px;
  line-height: 160%;
  text-decoration: none !important;
  color: #222 !important;
  position: relative !important;
  text-align: center;
  font-style: italic; }
  .wg-vcar img {
    width: 23px !important;
    position: absolute;
    left: 15px;
    top: 13px; }
  .wg-vcar .txt-wg small {
    color: #0095e6;
    font-size: 16px;
    line-height: 160%; }

/**WIDGET VIEF**/
.note-bot-detail {
  padding: 24px 24px 0 24px;
  background: #f2f5f7;
  border-radius: 4px;
  margin-bottom: 20px; }
  .note-bot-detail .flex {
    display: flex; }
  .note-bot-detail p {
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 24px; }
  .note-bot-detail .info-tt {
    align-items: center; }
    .note-bot-detail .info-tt .txt-type-tt {
      width: 224px;
      flex-shrink: 0;
      color: #626262;
      font-size: 16px; }
    .note-bot-detail .info-tt img {
      max-height: 72px;
      max-width: 100%;
      width: auto; }
  @media (max-width: 767px) {
    .note-bot-detail .info-tt {
      flex-wrap: wrap;
      text-align: center;
      justify-content: center; }
      .note-bot-detail .info-tt .txt-type-tt {
        width: 100%;
        text-align: center; } }

.flourish-credit {
  display: none !important; }

/**BOX POLL ON DETAIL**/
.col-sticky {
  z-index: 1; }

.box_poll_300 {
  background: none;
  padding-top: 15px;
  border-top: 1px solid #BDBDBD;
  padding-bottom: 15px;
  border-bottom: 1px solid #BDBDBD; }
  .box_poll_300 .title-box-category {
    font-family: Arial;
    font-size: 12px;
    color: #626262;
    margin-bottom: 8px; }
    .box_poll_300 .title-box-category .inner-title:before {
      display: none; }
  .box_poll_300 .count-v {
    float: right; }
  .box_poll_300 .note-txt {
    font-size: 12px;
    margin-top: 5px;
    color: #626262;
    line-height: 17px; }
    .box_poll_300 .note-txt a {
      text-decoration: underline; }
    .box_poll_300 .note-txt.error {
      color: #9F9F9F; }
      .box_poll_300 .note-txt.error.error-red {
        color: #BF0012; }
  .box_poll_300 .item_row_bx {
    margin-bottom: 4px; }
  .box_poll_300 .title_bx {
    font-size: 16px; }
  .box_poll_300 .label_check {
    padding: 7px 10px 7px 33px;
    font-size: 14px;
    border: none;
    background: none; }
    .box_poll_300 .label_check input.radio_check[type="radio"]:before {
      top: 7px;
      left: 10px;
      width: 12px;
      height: 12px;
      border: 2px solid #bdbdbd; }
    .box_poll_300 .label_check input.radio_check[type="radio"]:checked:after {
      left: 14px;
      top: 11px;
      width: 8px;
      height: 8px; }
    .box_poll_300 .label_check:hover {
      background: #f7f7f7; }
  .box_poll_300 .item_kq .label_check {
    position: relative;
    display: flex;
    padding-left: 10px; }
    .box_poll_300 .item_kq .label_check:hover {
      background: none; }
    .box_poll_300 .item_kq .label_check span {
      flex-shrink: 1;
      flex-grow: 1;
      padding-right: 10px;
      position: relative;
      z-index: 1; }
      .box_poll_300 .item_kq .label_check span.percent-v {
        flex-shrink: 0;
        flex-grow: 0;
        margin-left: auto;
        padding-right: 0; }
      .box_poll_300 .item_kq .label_check span.percent-pr {
        position: absolute;
        top: 0;
        left: 0;
        padding-right: 0;
        height: 100%;
        border-radius: 3px;
        background: #efefef;
        z-index: 0; }
  .box_poll_300 .item_kq.item_selected span {
    font-weight: 700; }
    .box_poll_300 .item_kq.item_selected span.percent-pr {
      background: #FAE4EA; }
  .box_poll_300 .item_row_bx.flexbox {
    align-items: center;
    width: 100%; }
  .box_poll_300 .select-option {
    width: calc(100% - 70px);
    height: 40px;
    border-radius: 4px;
    background-color: #f7f7f7;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M13.9697 7.21967C14.2626 6.92678 14.7374 6.92678 15.0303 7.21967C15.3232 7.51256 15.3232 7.98744 15.0303 8.28033L10.5303 12.7803C10.2374 13.0732 9.76256 13.0732 9.46967 12.7803L4.96967 8.28033C4.67678 7.98744 4.67678 7.51256 4.96967 7.21967C5.26256 6.92678 5.73744 6.92678 6.03033 7.21967L10 11.1893L13.9697 7.21967Z' fill='%23BDBDBD'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    position: relative;
    cursor: pointer; }
    .box_poll_300 .select-option .selected-opt {
      padding: 12px 30px 12px 10px;
      color: #9F9F9F;
      font-size: 14px;
      display: block;
      white-space: nowrap;
      height: 40px;
      overflow: hidden;
      text-overflow: ellipsis; }
      .box_poll_300 .select-option .selected-opt.active {
        color: #222; }
    .box_poll_300 .select-option .list-option {
      position: absolute;
      top: calc(100% + 30px);
      left: 0;
      width: 100%;
      border-radius: 4px;
      box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
      background: #fff;
      max-height: 278px;
      overflow-x: hidden;
      overflow-y: auto;
      z-index: 1;
      opacity: 0;
      visibility: hidden;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
      .box_poll_300 .select-option .list-option::-webkit-scrollbar {
        width: 4px;
        background-color: #fff; }
      .box_poll_300 .select-option .list-option::-webkit-scrollbar-thumb {
        background-color: #E5E5E5;
        border-radius: 4px; }
      .box_poll_300 .select-option .list-option::-webkit-scrollbar-track {
        background-color: #fff; }
      .box_poll_300 .select-option .list-option a {
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        display: block;
        padding: 10px; }
        .box_poll_300 .select-option .list-option a:hover, .box_poll_300 .select-option .list-option a.active {
          background: var(--gray-100, #F7F7F7); }
      .box_poll_300 .select-option .list-option.show {
        opacity: 1;
        visibility: visible;
        top: calc(100% + 4px); }
  .box_poll_300 input.select-option {
    background-image: none;
    outline: none;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px; }
  .box_poll_300 .btn-send-poll {
    width: 65px;
    margin-left: auto;
    text-align: center;
    background: #B42652;
    font-size: 14px;
    color: #fff;
    border-radius: 4px; }

/**ICON BÀI THƯƠNG MẠI**/
.ic-bussines {
  width: 22px !important;
  height: 14.5px !important;
  align-self: center;
  filter: brightness(0.7);
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14' fill='none'%3e%3cpath d='M21.4498 2.91384H18.2799L15.0228 1.28533C13.7048 0.625778 12.1494 0.785826 10.9955 1.65163C9.84288 0.789043 8.28848 0.628967 6.97476 1.28319L3.71989 2.91384H0.549995C0.245985 2.91384 0 3.15983 0 3.46383V10.0638C0 10.3678 0.245994 10.6138 0.549995 10.6138H3.73722L8.04698 12.4614C8.95576 12.8503 9.91397 13.0426 10.8679 13.0426C12.2558 13.0426 13.6341 12.6354 14.8295 11.8384L16.6664 10.6138H21.45C21.754 10.6138 22 10.3678 22 10.0638V3.46386C22 3.15985 21.7538 2.91384 21.4498 2.91384ZM14.532 2.2704L17.5998 3.80436V9.51497H16.7276L13.9776 6.76499L14.2999 6.76392C14.6039 6.76392 14.8499 6.51792 14.8499 6.21392C14.8499 5.90992 14.6039 5.66392 14.2999 5.66392H11.5499C11.4038 5.66392 11.2641 5.72193 11.161 5.82506L10.061 6.92505C9.66894 7.31714 9.03087 7.31714 8.63877 6.92505C8.24668 6.53296 8.24668 5.89488 8.63877 5.50279L11.3565 2.78504C12.1955 1.94608 13.4706 1.73867 14.532 2.2704ZM14.2194 10.9232C12.5114 12.0619 10.365 12.2574 8.48101 11.4506L4.40004 9.70183V3.8045L7.46682 2.26839C8.3423 1.83335 9.36711 1.90639 10.1695 2.41771L7.86105 4.72618C7.04035 5.54688 7.04035 6.8832 7.86105 7.70385C8.27141 8.1142 8.81065 8.31938 9.34992 8.31938C9.88919 8.31938 10.4284 8.1142 10.8388 7.70385L11.7777 6.76498H12.4222L15.6364 9.97915L14.2194 10.9232Z' fill='%239F9F9F'/%3e%3c/svg%3e") no-repeat 0 0/contain !important; }

.page-detail .footer-content .social a.news-bussines .tip {
  background: #E5E5E5;
  font-style: italic;
  border-radius: 4px;
  color: #222 !important;
  top: auto;
  bottom: -34px;
  z-index: 2; }
  .page-detail .footer-content .social a.news-bussines .tip:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #e5e5e5;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -5px; }
  @media screen and (max-width: 767px) {
    .page-detail .footer-content .social a.news-bussines .tip {
      left: auto !important;
      right: 0;
      transform: none; }
      .page-detail .footer-content .social a.news-bussines .tip:after {
        left: auto;
        margin-left: 0;
        right: 8px; } }

.page-detail .gallery_block {
  margin-bottom: 20px;
  font: 400 16px/140% arial;
  color: #4F4F4F;
  float: none; }
  .page-detail .gallery_block .inner_gallery {
    display: grid;
    gap: 20px; }
  .page-detail .gallery_block .item_gallery a {
    height: 0;
    display: block;
    padding-bottom: 60%;
    overflow: hidden;
    position: relative; }
    .page-detail .gallery_block .item_gallery a img {
      object-fit: cover;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .page-detail .gallery_block .item_gallery .desc_cation {
    padding-top: 16px;
    max-width: 680px;
    margin: 0 auto; }
  .page-detail .gallery_block .caption-gallery {
    width: 100%;
    max-width: 680px;
    margin: 0 auto; }
    .page-detail .gallery_block .caption-gallery p {
      margin: 0;
      padding: 0; }
      .page-detail .gallery_block .caption-gallery p:nth-child(n+2) {
        margin-top: 15px; }
  .page-detail .gallery_block.gallery_2item .inner_gallery {
    grid-template-columns: repeat(2, 1fr); }
  .page-detail .gallery_block.gallery_3item .inner_gallery {
    grid-template-columns: repeat(3, 1fr); }
  .page-detail .gallery_block.gallery_4item .inner_gallery {
    grid-template-columns: repeat(4, 1fr); }
  @media screen and (max-width: 767px) {
    .page-detail .gallery_block .inner_gallery {
      display: block;
      width: 100%;
      scroll-behavior: smooth;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      white-space: nowrap;
      font-size: 0; }
      .page-detail .gallery_block .inner_gallery .item_gallery {
        display: inline-block;
        vertical-align: top;
        width: calc(100vw - 20px);
        margin-right: 10px;
        float: none;
        scroll-snap-align: start;
        padding-top: 0;
        margin-bottom: 0; }
        .page-detail .gallery_block .inner_gallery .item_gallery:last-child {
          margin-right: 0; }
    .page-detail .gallery_block .caption-gallery p {
      font: 400 1.125rem arial;
      line-height: 1.5; }
    .page-detail .gallery_block figcaption {
      padding-left: 15px;
      padding-right: 15px; }
      .page-detail .gallery_block figcaption p {
        padding-left: 0 !important;
        padding-right: 0 !important; } }
  .page-detail .gallery_block .inner_gallery_new {
    display: flex;
    clear: both;
    margin-bottom: 16px;
    flex-wrap: nowrap;
    align-items: stretch;
    box-sizing: border-box; }
    .page-detail .gallery_block .inner_gallery_new:last-child {
      margin-bottom: 0; }
    .page-detail .gallery_block .inner_gallery_new .item_gallery_new {
      display: block !important; }
      .page-detail .gallery_block .inner_gallery_new .item_gallery_new a {
        display: block;
        width: 100%;
        height: 100%; }
      .page-detail .gallery_block .inner_gallery_new .item_gallery_new img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        vertical-align: middle; }
      .page-detail .gallery_block .inner_gallery_new .item_gallery_new .desc_cation {
        padding-top: 15px;
        max-width: 680px;
        margin: 0 auto; }
  .page-detail .gallery_block.full-width {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 100vw; }
    .page-detail .gallery_block.full-width .item_gallery_new:first-child .desc_cation {
      padding-left: 12px; }
    .page-detail .gallery_block.full-width .item_gallery_new:last-child .desc_cation {
      padding-right: 12px; }
  @media screen and (max-width: 600px) {
    .page-detail .gallery_block {
      width: calc(100% + 40px) !important;
      margin: 0 -20px 12px -20px !important;
      transform: translateX(0%) !important;
      left: 0 !important;
      color: #222; }
      .page-detail .gallery_block .caption-gallery {
        padding: 12px 20px 8px 20px; }
      .page-detail .gallery_block .inner_gallery_new {
        flex-wrap: wrap;
        row-gap: 12px;
        margin-bottom: 0; }
        .page-detail .gallery_block .inner_gallery_new .item_gallery_new {
          width: 100%;
          margin: 0 !important; }
          .page-detail .gallery_block .inner_gallery_new .item_gallery_new a {
            width: 100% !important;
            height: auto !important; }
          .page-detail .gallery_block .inner_gallery_new .item_gallery_new .figcaption {
            display: none; }
          .page-detail .gallery_block .inner_gallery_new .item_gallery_new .desc_cation {
            padding: 12px 20px 8px 20px !important;
            font-size: 18px;
            line-height: 1.5; } }

.photo-dark .page-detail .footer-content .social a.news-bussines .ic {
  opacity: 0.65;
  filter: none; }
.photo-dark .page-detail .footer-content .social a.news-bussines .tip {
  background: #4F4F4F !important;
  color: #BDBDBD !important;
  border-color: #4F4F4F; }
  .photo-dark .page-detail .footer-content .social a.news-bussines .tip:after {
    border-bottom-color: #4F4F4F; }
.photo-dark .page-detail .gallery_block {
  color: rgba(255, 255, 255, 0.7); }

/**RESPONSIVE**/
@media screen and (max-width: 600px) {
  .page-detail figure.tplCaption, .page-detail .item_slide_show, .page-detail .wrap_pic {
    margin: 0 -20px 15px -20px !important;
    width: calc(100% + 40px) !important;
    overflow: hidden;
    max-width: none !important; }

  .page-detail figure.tplCaption figcaption, .page-detail .item_slide_show .desc_cation, .page-detail .wrap_pic .desc_cation {
    padding: 0 20px !important; }

  .page-detail figcaption p {
    font-size: 17px !important;
    color: #4f4f4f !important; }

  .page-detail .desc_cation p {
    font-size: 18px !important; } }
.top-box-slide {
  display: none; }

.box-head-tablet {
  opacity: 0;
  visibility: hidden;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 230px);
  height: 32px;
  background: #fff;
  padding-right: 15px; }

@media screen and (max-width: 1129px) {
  .page-detail .sidebar-1 {
    max-width: calc(100% - 320px); }
  .page-detail .sidebar-2 {
    max-width: 320px;
    padding-left: 20px; }
  .page-detail.top-detail .sidebar-1 {
    max-width: calc(100% - 320px); }
  .page-detail.top-detail .sidebar-2 {
    max-width: 320px;
    padding-left: 20px; }

  .fck_detail figure.tplCaption img {
    float: left;
    left: 50% !important;
    transform: translateX(-50%); } }
@media screen and (max-width: 979px) {
  .page-detail .sidebar-1 {
    max-width: 100%; }
  .page-detail .sidebar-2 {
    display: none; }
  .page-detail.top-detail .sidebar-1 {
    max-width: 100%; }
  .page-detail.top-detail .sidebar-2 {
    display: none; }

  .detail-live.page-detail.top-detail .container {
    flex-wrap: wrap; }
  .detail-live.page-detail.top-detail .sidebar-1 {
    max-width: 100%; }
  .detail-live.page-detail.top-detail .sidebar-2 {
    display: block;
    max-width: 100%;
    padding-left: 0;
    position: static;
    padding-top: 0; }

  .detail-live.detail-live-tongthuat.page-detail.top-detail .sidebar-2 {
    display: none; }

  .detail-live.detail-live-tongthuat.page-detail.top-detail .sidebar-1 {
    max-width: 100%; }

  .top-box-slide {
    display: block;
    height: 52px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    position: relative;
    margin-bottom: 20px; }
    .top-box-slide .back-btn {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 45px;
      text-align: center;
      height: 52px;
      line-height: 52px;
      cursor: pointer; }
    .top-box-slide .text-top {
      font-family: "Merriweather", serif;
      font-size: 18px;
      line-height: 23px;
      font-weight: 700;
      padding: 14px 0;
      display: inline-block; }

  .tab-comment {
    border: none;
    width: calc(100% + 30px);
    margin-left: -15px; }
    .tab-comment .header-tab {
      display: none; }
    .tab-comment .content-tab.tab-noidungchinh {
      padding: 0 0 20px 0;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999999;
      background: #fff;
      transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transition-duration: 250ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
      .tab-comment .content-tab.tab-noidungchinh .scrollbar-right {
        height: calc(100vh - 92px);
        width: 100%;
        float: left; }
      .tab-comment .content-tab.tab-noidungchinh .ds-dienbien {
        padding-right: 35px; }
      .tab-comment .content-tab.tab-noidungchinh.show-tab {
        transform: translateX(0);
        -webkit-transform: translateX(0); }

  .box-head-tablet.show-head-tablet {
    opacity: 1;
    visibility: visible; }
  .box-head-tablet .social-com {
    justify-content: flex-end; }
    .box-head-tablet .social-com .circle_s {
      margin-right: 0;
      margin-left: 10px; }
      .box-head-tablet .social-com .circle_s.luutin:before {
        display: none; }
      .box-head-tablet .social-com .circle_s.btn-noidungchinh {
        width: auto;
        border-radius: 100px;
        line-height: 30px;
        padding: 0 12px;
        font-size: 14px;
        color: #93908A; }
    .box-head-tablet .social-com .count_com_hoz {
      border: 1px solid #e5e5e5;
      border-radius: 100px;
      padding: 0 7px;
      height: 32px;
      margin-left: 10px; }
      .box-head-tablet .social-com .count_com_hoz .circle_s {
        border: none;
        margin-left: 0;
        width: auto; }
      .box-head-tablet .social-com .count_com_hoz .number_cmt {
        font-size: 12px;
        color: #757575; }

  .page-detail .social_pin {
    display: none; }
  .page-detail .container {
    flex-wrap: wrap;
    padding: 0 20px; }
  .page-detail .title-detail {
    font-size: 22px; }
  .page-detail .header-content .breadcrumb {
    display: none; }
  .page-detail .header-content .date {
    float: left; }
  .page-detail .box-category__list-news {
    flex-wrap: wrap; }
  .page-detail .list-topic {
    flex-wrap: wrap; }
    .page-detail .list-topic .item-news, .page-detail .list-topic .view-event {
      width: 100%;
      border-right: 0; }
  .page-detail.section-recommend .sidebar-1, .page-detail.section-recommend .sidebar-2 {
    max-width: 100%;
    width: 100%;
    padding: 0; }
  .page-detail.middle-detail .related-news.related-news-6item .item-news {
    width: 50%; }

  .page-detail .list-topic .item-news, .page-detail .list-topic .view-event {
    width: 25%; }

  /**RESPONSIVE LIVE**/
  .detail-live .wrap-notifile {
    left: 50%;
    transform: translateX(-50%);
    width: auto; }

  .detail-live .wrap-notifile-backtotop {
    left: 0;
    text-align: center; }

  .tab-comment .content-tab {
    padding: 20px 15px 20px 15px; } }
@media screen and (max-width: 600px) {
  .page-detail .item-news-common {
    padding-right: 0 !important; }
    .page-detail .item-news-common .thumb-art {
      width: 100% !important;
      margin: 0 0 10px 0 !important; }

  .news-pin-oversea {
    display: none; }

  .footer .copyright {
    line-height: 160%; } }