.title-header {
    font-size: 0.875rem; /* text-sm */
    font-weight: 600; /* font-semibold */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* line-clamp-2 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

h1 {
    font-size: 30px !important;
}

.prose a {
    color: #3b82f6; /* Tailwind's blue-500 color */
    text-decoration: underline;
}

.fck_detail .Normal, .fck_detail p {
    margin: 0 0 1em;
}

.fck_detail figure.tplCaption img {
    max-height: 700px;
}

.container {
    width: 100%;
    max-width: 1130px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

.page-detail .sidebar-1 {
    max-width: 640px;
}

.Image {
    font: 400 14px arial;
    line-height: 160%;
    color: #222;
    padding: 10px 0 0 0;
    margin: 0;
    text-align: left;
}

.fck_detail figure.tplCaption .fig-picture {
    width: 100%;
    float: left;
    display: table;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f0eeea;
    text-align: center;
}

figure {
    margin: 0 auto 20px;
    max-width: 100%;
    clear: both;
}

.fck_detail figure.tplCaption {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}

.fck_detail .tplCaption {
    text-align: center;
}

*, ::before, ::after {
    box-sizing: unset; /* resets everything */
}

.fck_detail figure.tplCaption figcaption {
    width: 100%;
    float: left;
    text-align: left;
}

.page-detail.section-recommend .view-more, .wrapper_slide_thumb .swiper-slide:before, .wrapper_slide_thumb .swiper-slide:after {
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    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: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flexbox {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    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 {
    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 {
    margin-bottom: 20px
}

.box_quangcao .title_news p a {
    color: #076DB6;
    text-decoration: underline
}

.box_quangcao .title_news:hover a {
    color: #076DB6
}

.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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    background: #fff;
    padding: 16px;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px
}

.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
}

.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;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    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-introduce {
    background: #fff;
    border: 1px solid #E5E5E5;
    color: #076DB6;
    width: 100%
}

.btn-introduce:hover {
    background: #fff;
    color: #076DB6
}

.btn-introduce .ic {
    fill: #076DB6
}

.status-interview {
    line-height: 19px;
    margin-bottom: 10px
}

.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 {
    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_box {
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #E5E5E5;
    padding: 20px
}

.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);
    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
}

.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-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
}

.ic-print {
    background: url(images/graphics/print.svg) no-repeat 0 0/contain;
    -webkit-filter: brightness(0.5);
    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;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        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 {
    -webkit-filter: brightness(1.6);
    filter: brightness(1.6)
}

.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
}

.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;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    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;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-detail .footer-content .back-folder .tip {
    left: 20px;
    -webkit-transform: none;
    transform: none;
    top: 0;
    opacity: 0;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    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;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-detail .footer-content .social a svg {
    -ms-flex-item-align: center;
    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 {
    -ms-flex-wrap: wrap;
    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;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    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
}

.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
}

.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: -webkit-sticky;
    position: sticky;
    top: 60px
}

.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;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.box-input-error {
    background: #FFFFFF;
    -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    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;
    -webkit-box-shadow: inset 0px -1px 0px #E5E5E5;
    box-shadow: inset 0px -1px 0px #E5E5E5;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #FAE4EA;
    -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    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
}

.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
}

.item_result_quiz .btn_restart .ic {
    fill: #616161
}

.item_result_quiz .box-result-percent .item-result-per {
    -ms-flex-wrap: wrap;
    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 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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
}

.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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translateY(-50%);
    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
}

.box-bank-insert {
    margin-bottom: 20px;
    position: relative
}

.box-bank-insert .title-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.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: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 250, 246, 0)), color-stop(52.08%, rgba(252, 250, 246, 0.73)), to(#fcfaf6));
    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%;
    -webkit-transform: translate(-50%, -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: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(52.08%, rgba(255, 255, 255, 0.73)), to(#fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.73) 52.08%, #fff 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
}

.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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.box_bluezone .right-blue {
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    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
}

.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: -webkit-gradient(linear, left top, left bottom, color-stop(20.71%, rgba(36, 73, 194, 0)), color-stop(59.78%, rgba(36, 74, 194, 0.51)), color-stop(127.86%, #f00611));
    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;
    -o-object-fit: contain;
    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%, red 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
}

.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%
}

.note-bot-detail {
    padding: 24px 24px 0 24px;
    background: #f2f5f7;
    border-radius: 4px;
    margin-bottom: 20px
}

.note-bot-detail .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.note-bot-detail p {
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 24px
}

.note-bot-detail .info-tt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.note-bot-detail .info-tt .txt-type-tt {
    width: 224px;
    -ms-flex-negative: 0;
    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 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .note-bot-detail .info-tt .txt-type-tt {
        width: 100%;
        text-align: center
    }
}

.flourish-credit {
    display: none !important
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px
}

.box_poll_300 .item_kq .label_check:hover {
    background: none
}

.box_poll_300 .item_kq .label_check span {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 10px;
    position: relative;
    z-index: 1
}

.box_poll_300 .item_kq .label_check span.percent-v {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    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;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    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
}

.ic-bussines {
    width: 22px !important;
    height: 14.5px !important;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-filter: brightness(0.7);
    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;
        -webkit-transform: none;
        transform: none
    }

    .page-detail .footer-content .social a.news-bussines .tip:after {
        left: auto;
        margin-left: 0;
        right: 8px
    }
}

.photo-dark .page-detail .footer-content .social a.news-bussines .ic {
    opacity: 0.65;
    -webkit-filter: none;
    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
}

.top-box-slide {
    display: none
}

.box-head-tablet {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    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: 1023px) {

    .detail-content {
        /*font: 400 18px arial;*/
    }

    .detail-hnews {
        display: none !important;
    }

    p {
        font-size: 16px;
        margin-bottom: 60px;
    }

    h1, h2 {
        font-size: 23px !important;
        margin-bottom: 30px;
    }

    h3 {
        font-size: 13px;
        margin-bottom: 30px;
    }

    h4, h5 {
        font-size: 12px;
        margin-bottom: 30px;
    }

    figcaption p {
        font-size: 20px !important;
    }

    .article-author {
        margin: 10px 0 10px;
    }

    .page-detail .sidebar-1 {
        max-width: calc(100%)
    }

    .page-detail .sidebar-2 {
        max-width: 320px;
        padding-left: 20px
    }

    .page-detail.top-detail .sidebar-1 {
        max-width: calc(100% - 420px)
    }

    .page-detail.top-detail .sidebar-2 {
        max-width: 320px;
        padding-left: 20px
    }

    .fck_detail figure.tplCaption img {
        float: left;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        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 {
        -ms-flex-wrap: wrap;
        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%);
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        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 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        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 {
        -ms-flex-wrap: wrap;
        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 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page-detail .list-topic {
        -ms-flex-wrap: wrap;
        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%
    }

    .detail-live .wrap-notifile {
        left: 50%;
        -webkit-transform: translateX(-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%
    }
}