.qn6-than {
    --t6-do: #c4161c; --t6-xanh: #1f5fd0; --t6-navy: #13518e; --t6-xanh-nhat: #eaf2fe; --t6-do-nhat: #fdeceb;
    --t6-chu: #1b2230; --t6-chu2: #4a5466; --t6-nhat: #7d8696; --t6-vien: #e7eaf0;
    --t6-bong: 0 2px 14px rgba(20, 40, 80, .07); --t6-bong-dam: 0 10px 26px rgba(20, 40, 80, .13);
    --m-primary: #1f5fd0;
    background: #f3f5f9;
}

html body .qn6-than .qi-cm h1.qi-cm-tieude, html body .qn6-than .qi-vb :is(h1, h2).qi-vb-tieude,
html body .qn6-than .qi-cctc :is(h1, h2).qi-cctc-h1, html body .qn6-than .qi-lh :is(h1, h2).qi-lh-tieude { color: var(--t6-do) !important; }

html body .qn6-than section.bread {
    padding: 4px 0 14px !important; margin: 0 !important; background: none !important; border: 0 !important;
    box-shadow: none !important; border-radius: 0 !important;
}
html body .qn6-than .bread .breadcrumb_list { flex-wrap: wrap; gap: 4px 0; }
html body .qn6-than .bread .breadcrumb_list li,
html body .qn6-than .bread .breadcrumb_list li a { color: var(--t6-nhat) !important; font-size: 13.5px !important; font-weight: 400 !important; background: none !important; }
html body .qn6-than .bread .breadcrumb_list li a:hover { color: var(--t6-do) !important; }
html body .qn6-than .bread .breadcrumb_list li:last-child,
html body .qn6-than .bread .breadcrumb_list li:last-child a { color: var(--t6-xanh) !important; }
html body .qn6-than .bread .breadcrumb_list li:not(:last-child)::after {
    content: "›" !important; font-family: inherit !important; margin: 0 10px !important; color: #a8b0bd !important; font-size: 14px !important;
}
html body .qn6-than .center-column, html body .qn6-than .pd-15 { padding-left: 0 !important; padding-right: 0 !important; }

html body .qn6-than .qi-cm { --cm-mau: var(--t6-xanh); --cm-chu: var(--t6-chu); --cm-phu: var(--t6-chu2); --cm-vien: var(--t6-vien); padding: 0 !important; }
html body .qn6-than .qi-tlq { --tlq-mau: var(--t6-xanh); --tlq-chu: var(--t6-chu); --tlq-phu: var(--t6-chu2); }
html body .qn6-than .right_detail_content.chuyenmuc_cate, html body .qn6-than .chuyenmuc_cate > .qi-cm {
    background: transparent !important; box-shadow: none !important; border: 0 !important;
}
html body .qn6-than .qi-cm h1.qi-cm-tieude { color: var(--t6-do) !important; font-size: 34px !important; font-weight: 500 !important; }
html body .qn6-than .qi-cm .qi-cm-mota { color: var(--t6-chu2); }

html body .qn6-than .qi-cm .qi-cm-tabs { gap: 10px; margin: 6px 0 28px; }
html body .qn6-than .qi-cm .qi-cm-tab {
    min-width: 150px; justify-content: center; padding: 10px 28px; border: 0; border-radius: 24px;
    background: #fff; color: var(--t6-chu); box-shadow: var(--t6-bong); font-weight: 500;
}
html body .qn6-than .qi-cm .qi-cm-tab:hover { color: var(--t6-xanh); }
html body .qn6-than .qi-cm .qi-cm-tab.dang { background: var(--t6-xanh); color: #fff; }

html body .qn6-than .qi-cm .qi-cm-nb { border: 0; border-radius: 14px; background: #fff; box-shadow: var(--t6-bong); margin-bottom: 40px; overflow: hidden; }
html body .qn6-than .qi-cm .qi-cm-nb-loai { background: var(--t6-xanh); color: #fff; border-radius: 16px; font-weight: 500; }
html body .qn6-than .qi-cm .qi-cm-nb-cm { background: var(--t6-xanh-nhat); color: var(--t6-xanh); border-radius: 14px; padding: 4px 14px; font-weight: 500; }
html body .qn6-than .qi-cm .qi-cm-nb-ten, html body .qn6-than .qi-cm .qi-cm-nb-ten a { color: var(--t6-chu); font-weight: 500; }
html body .qn6-than .qi-cm .qi-cm-nb-ten a:hover { color: var(--t6-xanh); }
html body .qn6-than .qi-cm .qi-cm-nb-xem { background: var(--t6-xanh); color: #fff; border-radius: 6px; }
html body .qn6-than .qi-cm .qi-cm-nb-xem:hover { background: var(--t6-navy); color: #fff; }
html body .qn6-than .qi-cm .qi-cm-nb-chiase { background: var(--t6-xanh); color: #fff; border-color: var(--t6-xanh); border-radius: 8px; }

html body .qn6-than .qi-cm .qi-cm-ds-tieude { font-size: 19.5px; font-weight: 500; color: var(--t6-chu); }
html body .qn6-than .qi-cm .qi-cm-dem { background: var(--t6-xanh-nhat); color: var(--t6-xanh); border-radius: 14px; padding: 4px 14px; font-size: 12px; font-weight: 500; }

html body .qn6-than .qi-tlq .qi-tlq-the { border: 0 !important; border-radius: 12px; background: #fff; box-shadow: var(--t6-bong); transition: box-shadow .2s, transform .2s; }
html body .qn6-than .qi-tlq .qi-tlq-the:hover { box-shadow: var(--t6-bong-dam); transform: translateY(-2px); }
html body .qn6-than .qi-tlq .qi-tlq-nhan { background: #fff; color: var(--t6-xanh); border-radius: 12px; font-weight: 500; }
html body .qn6-than .qi-tlq .qi-tlq-ten a { color: var(--t6-chu); font-weight: 500; }
html body .qn6-than .qi-tlq .qi-tlq-ten a:hover { color: var(--t6-xanh); }
html body .qn6-than .qi-tlq .qi-tlq-chitiet { color: var(--t6-xanh); }

html body .qn6-than .qi-cm-phantrang { margin-top: 26px; padding: 12px 18px; background: #fff; border-radius: 10px; box-shadow: var(--t6-bong); }
html body .qn6-than .PagingWrapper { margin: 0 !important; }
html body .qn6-than .PagingWrapper ul.pagination { gap: 8px !important; }
html body .qn6-than .PagingWrapper ul.pagination > li > a,
html body .qn6-than .PagingWrapper ul.pagination > li > span,
html body .qn6-than ul.pagination#yw5 > li > a,
html body .qn6-than .qi-lct-trang > a, html body .qn6-than .qi-lct-trang > span {
    min-width: 42px !important; height: 40px !important; padding: 0 14px !important; border: 0 !important; border-radius: 8px !important;
    background: #f1f3f7 !important; color: var(--t6-chu2) !important; font-size: 13.5px !important; box-shadow: none !important;
}
html body .qn6-than .PagingWrapper ul.pagination > li.active > a, html body .qn6-than .PagingWrapper ul.pagination > li.selected > a,
html body .qn6-than ul.pagination#yw5 > li.active > a, html body .qn6-than ul.pagination#yw5 > li.selected > a,
html body .qn6-than .PagingWrapper ul.pagination > li.active > span, html body .qn6-than .qi-lct-trang > span[aria-current] {
    background: var(--t6-navy) !important; color: #fff !important; font-weight: 700 !important;
}
html body .qn6-than .PagingWrapper ul.pagination > li:not(.active):not(.selected) > a:hover, html body .qn6-than ul.pagination#yw5 > li:not(.active):not(.selected) > a:hover, html body .qn6-than .qi-lct-trang > a:hover {
    background: var(--t6-xanh-nhat) !important; color: var(--t6-xanh) !important;
}
@media (max-width: 1024px) {
    html body .qn6-than .PagingWrapper ul.pagination > li > a, html body .qn6-than .PagingWrapper ul.pagination > li > span,
    html body .qn6-than ul.pagination#yw5 > li > a, html body .qn6-than .qi-lct-trang > a, html body .qn6-than .qi-lct-trang > span { min-width: 44px !important; height: 44px !important; padding: 0 12px !important; }
}

html body .qn6-than article.n6-ct { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
html body .qn6-than article.n6-ct > .right_detail_content { min-width: 0; max-width: none !important; margin: 0 !important; }
html body .qn6-than article.n6-ct .content_page { background: #fff; border-radius: 14px; box-shadow: var(--t6-bong); padding: 28px 34px 30px !important; }
html body .qn6-than article.n6-ct .title_news { color: var(--t6-chu); font-weight: 500; }
@media (max-width: 1100px) {
    html body .qn6-than article.n6-ct { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
    html body .qn6-than article.n6-ct .content_page { padding: 18px 14px 20px !important; border-radius: 12px; }
}

.qn6.n6-cot-phai { display: grid; gap: 22px; align-content: start; background: none; font-family: Roboto, "Segoe UI", Arial, sans-serif; }
.qn6 .n6-side-card { background: #fff; border-radius: 12px; box-shadow: 0 2px 14px rgba(20, 40, 80, .07); padding: 22px 20px; }
.qn6 .n6-side-title { font-size: calc(1.3 * var(--fs)); font-weight: 500; color: #c4161c; padding-left: 12px; border-left: 4px solid #c4161c; line-height: 1.2; margin-bottom: 18px; text-transform: uppercase; }
.qn6 .n6-side-title--blue { color: #1f5fd0; border-left-color: #1f5fd0; }
.qn6 .n6-side-lead img { width: 100%; aspect-ratio: 564 / 354; object-fit: cover; border-radius: 8px; margin-bottom: 10px; }
.qn6 .n6-side-lead__meta { display: flex; gap: 8px; font-size: calc(.8 * var(--fs)); color: #7d8696; margin-bottom: 6px; }
.qn6 .n6-side-lead__meta span:last-child { color: #1f5fd0; }
.qn6 .n6-side-lead h3 { font-size: var(--fs); font-weight: 700; line-height: 1.45; padding-bottom: 14px; border-bottom: 1px solid #e7eaf0; }
.qn6 .n6-side-lead h3 a:hover, .qn6 .n6-side-news a:hover b { color: #c4161c; }
.qn6 .n6-side-news li { padding: 12px 0; border-bottom: 1px solid #e7eaf0; }
.qn6 .n6-side-news a { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; }
.qn6 .n6-side-news a.n6-khong-anh { grid-template-columns: minmax(0, 1fr); }
.qn6 .n6-side-news img { width: 112px; height: 74px; object-fit: cover; border-radius: 4px; }
.qn6 .n6-side-news b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: calc(.85 * var(--fs)); font-weight: 500; line-height: 1.4; margin-bottom: 6px; color: #1b2230; }
.qn6 .n6-side-news time { display: inline-flex; align-items: center; gap: 6px; font-size: calc(.78 * var(--fs)); color: #7d8696; }
.qn6 .n6-side-news time svg, .qn6 .n6-side-tools svg, .qn6 .n6-side-more svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.qn6 .n6-side-more { display: flex; justify-content: center; align-items: center; gap: 6px; min-height: 44px; margin-top: 8px; color: #1f5fd0; font-weight: 500; font-size: calc(.9 * var(--fs)); }
.qn6 .n6-side-tools { display: grid; gap: 10px; }
.qn6 .n6-side-tools a { display: grid; grid-template-columns: 42px minmax(0, 1fr) 22px; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 8px; background: #f3f6fb; font-size: calc(.78 * var(--fs)); color: #4a5466; }
.qn6 .n6-side-tools a::after { content: "→"; font-size: calc(1.2 * var(--fs)); color: #7d8696; transition: transform .2s; }
.qn6 .n6-side-tools a:hover { background: #eaf2fe; }
.qn6 .n6-side-tools a:hover::after { transform: translateX(3px); color: #1f5fd0; }
.qn6 .n6-side-tools__ic { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; color: var(--c); background: color-mix(in srgb, var(--c) 12%, #fff); }
.qn6 .n6-side-tools__ic svg { width: 21px; height: 21px; }
.qn6 .n6-side-tools b { display: block; font-size: calc(.9 * var(--fs)); font-weight: 500; color: #1b2230; }
.qn6 .n6-side-tools small { display: block; color: #7d8696; }

.qn6-than #MainContent.qn6-than__wrap { padding: 24px 16px 48px; }
@media (max-width: 768px) {
    .qn6-than #MainContent.qn6-than__wrap { padding: 14px 10px 32px; }
}

@media (max-width: 1024px) {
    html body .qn6-than .bread .breadcrumb_list li a { display: inline-flex; align-items: center; min-height: 44px; }
    html body .qn6-than .qi-cm .qi-cm-tab { min-height: 44px; }
    html body .qn6-than .qi-cm .qi-cm-tim { height: 46px; }
    html body .qn6-than .qi-cm .qi-cm-tim input { min-height: 44px; }
    html body .qn6-than .qi-cm .qi-cm-tim button { width: 44px; height: 44px; }
    html body .qn6-than .qi-cm .qi-cm-xep select, html body .qn6-than .qi-cm-nb-cm { min-height: 44px; display: inline-flex; align-items: center; }
    html body .qn6-than .qi-tlq .qi-tlq-chitiet, html body .qn6-than .qi-tlq-xemthem { display: inline-flex; align-items: center; min-height: 44px; }
    html body .qn6-than .qi-tlq .qi-tlq-ten a, html body .qn6-than .qi-tb-ten a { display: block; min-height: 44px; }
    html body .qn6-than .qi-cs-nut { width: 44px !important; height: 44px !important; }
    html body .qn6-than .qi-ctt-congcu .btn, html body .qn6-than .qi-ctt-congcu a, html body .qn6-than .qi-ctt-congcu input,
    html body .qn6-than .qi-ctt-congcu select { min-height: 44px; min-width: 44px; }
    .qn6 .n6-side-lead h3 a { display: block; min-height: 44px; }
    html body .qn6-than .qi-vb-phai a { min-height: 44px !important; display: flex !important; align-items: center; }
    html body .qn6-than .qi-vb-ds > a, html body .qn6-than .pagination-ys > a.btn { min-height: 44px !important; min-width: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; }
    html body .qn6-than .qi-cm-phantrang a.btn { min-height: 44px !important; min-width: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; }
    html body .qn6-than .qi-lct-btn, html body .qn6-than .qi-lct-tuannav a, html body .qn6-than .qi-vb-tk, html body .qn6-than .qi-vb-tai,
    html body .qn6-than .qi-lct-lich a { min-height: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; }
    html body .qn6-than .qi-lct input, html body .qn6-than .qi-lct select, html body .qn6-than .qi-vb input, html body .qn6-than .qi-vb select { min-height: 44px !important; }
}


@media (max-width: 1199.98px) {

    .container,
    #MainContent,
    .content {
        min-width: 0 !important;
    }

    .ads-wrapper.adsLeft,
    .ads-wrapper.adsRight {
        display: none !important;
    }

    .qimenu,
    .menu-main {
        overflow-x: auto;
    }
}


:root {
    --pt-mau: var(--m-primary, var(--color-md, var(--mau-md, #1a5fb4)));
    --pt-chu: #1d2633;
    --pt-vien: #dfe3ea;
    --pt-nhat: color-mix(in srgb, var(--pt-mau) 8%, #fff);
}

html body .PagingWrapper { display: block; width: 100%; margin: 20px 0 6px; padding: 0; text-align: center; background: none; border: 0; }
html body .PagingWrapper ul.pagination,
html body ul.pagination#yw5,
html body .pagination-ys:not(:has(> table)),
html body .qipaging,
html body .qitc-trang,
html body nav.pager,
html body .qi-lct-trang {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100%;
    margin: 20px 0 6px !important;
    padding: 0 !important;
    list-style: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body .PagingWrapper ul.pagination > li,
html body ul.pagination#yw5 > li { display: block !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }

html body .PagingWrapper ul.pagination > li > a,
html body .PagingWrapper ul.pagination > li > span,
html body ul.pagination#yw5 > li > a,
html body .pagination-ys:not(:has(> table)) > a,
html body .pagination-ys:not(:has(> table)) > span,
html body .qipaging > a,
html body .qipaging > span,
html body .qitc-trang > a,
html body .qitc-trang > span,
html body nav.pager > a,
html body nav.pager > span,
html body .qi-lct-trang > a,
html body .qi-lct-trang > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    box-sizing: border-box !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid var(--pt-vien) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--pt-chu) !important;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
    cursor: pointer;
    opacity: 1;
    transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s;
}

html body .PagingWrapper ul.pagination > li.first > a,
html body .PagingWrapper ul.pagination > li.previous > a,
html body .PagingWrapper ul.pagination > li.next > a,
html body .PagingWrapper ul.pagination > li.last > a,
html body .pagination-ys:not(:has(> table)) > [title^="Trang"],
html body .qipaging > a[title^="Trang"] {
    font-size: 20px !important;
    font-weight: 600 !important;
    padding-bottom: 2px !important;
}

html body .PagingWrapper ul.pagination > li:not(.active):not(.disabled) > a:hover,
html body ul.pagination#yw5 > li:not(.active):not(.disabled) > a:hover,
html body .pagination-ys:not(:has(> table)) > a:hover,
html body .qipaging > a:not(.qipagingcurrent):hover,
html body .qitc-trang > a:hover,
html body nav.pager > a:hover,
html body .qi-lct-trang > a:hover {
    border-color: var(--pt-mau) !important;
    background: var(--pt-nhat) !important;
    color: var(--pt-mau) !important;
}
html body .PagingWrapper ul.pagination > li > a:focus-visible,
html body .pagination-ys > a:focus-visible,
html body .qipaging > a:focus-visible,
html body .qitc-trang > a:focus-visible,
html body nav.pager > a:focus-visible,
html body .qi-lct-trang > a:focus-visible {
    outline: 2px solid var(--pt-mau) !important;
    outline-offset: 2px;
}

html body .PagingWrapper ul.pagination > li.active > a,
html body .PagingWrapper ul.pagination > li.selected > a,
html body ul.pagination#yw5 > li.active > a,
html body .pagination-ys:not(:has(> table)) > .btnqi,
html body .pagination-ys:not(:has(> table)) > [aria-current],
html body .qipaging > a.qipagingcurrent,
html body .qitc-trang > .dang,
html body nav.pager > .on,
html body .qi-lct-trang > span[aria-current] {
    border-color: var(--pt-mau) !important;
    background: var(--pt-mau) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--pt-mau) 30%, transparent) !important;
    cursor: default;
    pointer-events: none;
}

html body .PagingWrapper ul.pagination > li.disabled > a,
html body ul.pagination#yw5 > li.disabled > a,
html body .pagination-ys:not(:has(> table)) > .disabled:not(.bg-transparent) {
    background: #fff !important;
    color: var(--pt-chu) !important;
    opacity: .38 !important;
    box-shadow: none !important;
    cursor: default;
    pointer-events: none;
}

html body .pagination-ys:not(:has(> table)) > .bg-transparent,
html body .qipaging > span,
html body .qitc-trang > .ba-cham,
html body nav.pager > .dots {
    min-width: 20px !important;
    padding: 0 2px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: #98a2b3 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: default;
}

html body .PagingWrapper ul.pagination > li > a:empty { display: none !important; }

@media (max-width: 575.98px) {
    html body .PagingWrapper ul.pagination > li > a,
    html body .PagingWrapper ul.pagination > li > span,
    html body ul.pagination#yw5 > li > a,
    html body .pagination-ys:not(:has(> table)) > a,
    html body .pagination-ys:not(:has(> table)) > span,
    html body .qipaging > a,
    html body .qipaging > span,
    html body .qitc-trang > a,
    html body .qitc-trang > span,
    html body nav.pager > a,
    html body nav.pager > span,
    html body .qi-lct-trang > a,
    html body .qi-lct-trang > span {
        min-width: 36px !important;
        height: 36px !important;
        padding: 0 9px !important;
        border-radius: 9px !important;
        font-size: 14px !important;
    }
    html body .PagingWrapper ul.pagination,
    html body .pagination-ys:not(:has(> table)),
    html body .qipaging,
    html body .qitc-trang,
    html body nav.pager,
    html body .qi-lct-trang { gap: 5px !important; }
}

.open-chat-btn {
    position: fixed;
    bottom: 150px;
    right: 20px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 100000;
}

    .open-chat-btn:hover {
        background-color: #0056b3;
    }

.chat-popup {
    display: none;
    position: fixed;
    bottom: 200px;
    right: 20px;
    width: 380px;
    height: 450px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1100;
    overflow: hidden;
}

.chat-header {
    background-color: #007bff;
    color: white;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

    .close-btn:hover {
        color: #ffdddd;
    }

.login-web {
    position: fixed;
    bottom: 150px;
    right: 20px;
    z-index: 9000;
    background: #006ab0;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
a:focus-visible {
    outline: none !important;
}

.qibgmenutop .pt-1 {
    padding-top: 5px !important;
}

.goog-te-combo {
    border: 1px solid #ddd !important;
    padding: 2px 10px;
    border-radius: 5px;
}

select:focus-visible {
    outline: 1px solid #ddd !important;
}

.skiptranslate {
    width: 0px !important;
    height: 0px !important;
}

body {
    top: 0px !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
    width: 0px !important;
    height: 0px !important;
    display: none !important;
}

#goog-gt-tt {
    display: none !important;
}

#google_translate_element {
    bottom: 0px !important;
    position: fixed;
}

.infoFooter {
    text-wrap: balance;
}

.zalo-chat-widget {
    bottom: 80px !important;
    right: 20px !important;
    visibility: visible !important;
}