/* /App_Themes/hanoi/css/style2.css */
.container {
    min-width: 1200px;
}

#MainContent {
    min-width: 1200px;
}

.bgwhite {
    background: #fff;
}

.width1600 {
    max-width: 1600px;
}

a {
    text-decoration: none !important;
}

.width100 {
    width: 100% !important;
}

.height100 {
    height: 100%;
}

a {
    color: black;
}

    a:hover {
        color: black;
        text-decoration: none;
    }

.lit-ht:after {
    content: ' |';
}

.lit-ht {
    font-size: 13px;
    font-weight: 500;
}

.lit-other {
    font-size: 13px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .search-th {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .search-th {
        width: 212px;
    }
}

@media (min-width: 1200px) {
    .search-th {
        width: 302px;
    }
}

.search-th i {
    position: absolute;
    margin-right: 10px;
    color: #1565C0;
}

.search-th input {
    background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
    border: 1px solid #DDE0E4;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 32px;
    padding-left: 12px;
    padding-right: 28px;
}

input:focus {
    outline: none;
}

.head-sl {
    height: 40px;
    padding: 2px 0px 2px 0px;
}

.img-bnner {
    object-fit: cover;
    width: 100%;
}

.menu-option {
    height: 42px;
    width: 100%;
    background: #1565C0;
    position: sticky;
    top: 40px;
    z-index: 1000;
}

.menu-list {
    height: 100%;
}

    .menu-list i {
        color: white;
        font-size: 28px;
    }

.margin0 {
    margin: 0px !important;
}

.it-menu a {
    color: white;
    font-family: 'Roboto';
    font-size: 13px;
    text-transform: uppercase;
}

.it-menu {
    margin-left: 20px;
}

.status-line {
    height: 46px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
    padding-bottom: 2px;
    position: relative;
    box-shadow: 0px 0px 1px;
}

.time-topline {
    font-family: 'Roboto';
    font-size: 12px;
}

.t-hi {
    color: #1565C0;
    font-size: 15px;
    font-family: Roboto, sans-serif;
}

.body-ct {
    background-color: #F5F5F5;
}

.content {
    background-color: white;
    max-width: 1200px;
}

.fit-obj {
    object-fit: cover;
}

.width1200 {
    max-width: 1200px;
}

.ct-inside {
    padding: 20px;
}

.scroll-c {
    position: absolute;
    top: 0;
    display: none;
}

.in-left img {
    width: 125px;
    height: 150px;
    margin-bottom: 20px;
    object-fit: cover;
}

.in-right img {
    margin-bottom: 20px;
}

@media (min-width: 1600px) {
    .scroll-c {
        display: flex;
    }
}

.leftit {
    display: none !important;
}

@media (min-width: 1600px) {
    .leftit {
        display: flex !important;
    }
}

.rightit {
    display: none !important;
}

@media (min-width: 1600px) {
    .rightit {
        display: flex !important;
    }
}

i {
    cursor: pointer;
    user-select: none;
}

.in-left {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-left {
        display: block;
    }
}

.in-right {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-right {
        display: block;
    }
}

@media (min-width: 1600px) {
    .content {
        min-width: 1200px;
    }
}

.lright-it a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    color: #FFFFFF;
    margin-right: 5px;
}

.navigation {
    background: #ffffff;
    box-shadow: 1px 2px 5px rgb(188,188,188);
    position: absolute;
    overflow: hidden;
    display: none;
}

.padding0 {
    padding: 0px !important;
}

.navigation-hol {
    position: sticky;
    top: 82px;
    z-index: 10000;
}

.tl-cm {
    font-size: 15px;
    font-weight: 600;
}

span {
    font-family: 'Roboto';
}

.r-ctnv {
    margin: 38px;
}

.col-aclose span {
    color: #1565C0;
    font-size: 15px;
    cursor: pointer;
    user-select: none;
}

.col-aclose i {
    color: #1565C0;
    margin-left: 5px;
}

.tit-mn {
    font-size: 15px;
    font-weight: 600;
}

.list-itnv a {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
}

.v-more {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    color: #1565C0;
    cursor: pointer;
    user-select: none;
}

.nv-hr {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
}

.col.lv2-nv {
    margin-top: 49px;
}

.top-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 130%;
    color: #1565C0;
    margin-top: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.navigation-hol a:hover {
    color: var(--red);
}

.navigation-hol .v-more:hover {
    text-decoration: underline;
    transition: .3s;
}

.hour-zone {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 122.19%;
    display: flex;
    align-items: center;
    color: #6F6F6F;
    padding-bottom: 10px;
    padding-top: 2px;
}

.top-review {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 130%;
    color: #333333;
    padding-top: 6px;
}

.img-lv2-toppic {
}

.txt-tplv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align:left !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.img-lv2 {
    height: 74px;
    width: 121px;
}

.item-zone {
    padding-bottom: 6px;
    height: 63px;
}

.lv3-title {
}

.ct-hrlv2 {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
}

.title-lv2 {
    height: 60px;
    width: 100%;
    overflow: hidden;
}

.title-lv3 {
    font-size: 13px;
    font-weight: 700 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bg-cl {
    background-color: #F5F5F5;
}

.b-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #1565C0;
    padding-left: 15px;
    border-left-style: outset;
    border-left-color: #1565C0;
    margin-bottom: 0px;
}

.bn2 {
    padding-left: 20px;
    padding-right: 20px;
}

.white-back {
    background: white;
}

.ct-v {
    padding: 5px 0px 34px 20px;
}

.hol-item {
    color: #C4C4C4;
}

.txt-ct {
    padding-left: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 130%;
}

.it-ct {
    position: relative;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px;
    border-radius: 6px;
    padding-right: 20px;
}

.itclhol {
    padding: 20px 20px 0px 0px;
}

.it-ct:hover {
    background: rgb(247,247,247);
    transition: .3s ease;
}

.ct-inside a:hover {
    text-decoration: underline;
    transition: .3s ease;
}

.spacer {
    display: flex;
    justify-content: space-between;
}

.header-snip {
    background: #004CCB;
}

    .header-snip span, .header-snip i {
        color: white;
    }

.bt-titct {
    font-weight: 400;
    font-size: 19px;
}

.more-ctsn {
    font-size: 13px;
    color: white;
}

.d-grid {
    display: grid;
}

.txt-snipt {
    font-style: normal !important;
    font-weight: 500;
    font-size: 15px !important;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.timesnip {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 122.19%;
    color: #828282;
    margin-top: 5px;
}

.hov-underline:hover {
    transition: .3s ease;
    text-decoration: underline;
}

.b-title-ev {
    font-size: 30px;
    color: #1565C0;
    border-left-width: 3px;
    padding-left: 15px;
    border-left-style: solid;
}

.gradient-1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}

.r-hol-snip {
    padding-bottom: 15px;
}

.top-lv2-new {
    border: 1px solid #E7E7E7;
}

.titnew-lv2 {
    max-height: 74px;
}

.g-title {
    padding: 10px 15px;
}

.text-more {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 136.69%;
    text-align: right;
    color: #1565C0;
}

.more-ctsn:hover {
    color: white;
}

.sec-head {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10000;
}

.menu-nav {
    width: 50px;
    transition: .6s ease-in;
}



.hz-v2 {
    padding-top: 10px;
}

.sut-lv2 {
    margin-top: 10px;
}

.titnew-lv3 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.img-evnews {
    width: 121px;
    height: 74px;
    object-fit: cover;
}

.box-text-ev1 {
    height: 58px;
}

.hr-mv2 {
    margin-top: 0px !important;
}

.txt-sl-lv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: justify !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lv2-block1 {
    padding-right: 0 !important;
}

.preview-line {
    position: absolute;
}

.hol-preview-video {
    width: 370px !important;
    height: 207px !important;
}

.absolute {
    position: absolute;
}

.txt-pre-video {
    font-size: 17px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hol-text-vdp {
    margin-top: 15px;
    margin-bottom: 5px;
}

.hol-ct-video {
    margin-top: 20px;
}

.txt-pre-video:hover {
    text-decoration: underline;
}

.big-title-footer {
    font-size: 19px;
    font-weight: 600;
}

.info-fotter {
    font-size: 13px;
}

.name-footer {
    font-size: 15px;
}

.row-ct-ft1 {
    padding: 20px 0px;
}

.other-thing {
    position: absolute;
    right: 100px;
    top: 0;
    z-index: 10000;
}

.back-top {
    width: 55px;
    height: 55px;
    z-index: 10000;
    position: sticky;
    display: none;
    top: 90vh;
    animation: outIn .5s ease-in;
    box-shadow: 0px 0px 3px #939393;
}

@keyframes outIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    20% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    70% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

section {
    position: relative;
    width: 100%;
    height: auto;
}

.divitemtop, .divrelateCat {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.divrelateCat {
    padding-bottom: 15px;
}



    .divitemtop:last-child, .divrelateCat:last-child {
        border-bottom: 0px solid #ddd;
    }

.divrelatetop {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-left: 1px;
}

.adsRight {
    left: 1170px;
}

.a_left {
    width: 20px;
    text-align: center;
}

.a_right {
    padding-left: 20px;
}

.itemdocnhieu {
    display: inline-flex;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 1px;
    margin-bottom: 10px;
}

    .itemdocnhieu:last-child {
        border-bottom: 0px;
    }

.stthome {
    font-weight: bold;
    color: #1565C0;
}

.heightvanban {
    height: 600px;
    overflow: hidden;
}

i.fas.fa-circle {
    font-size: 7px;
}

.a_right a {
    font-weight: 600 !important;
    font-size: 14px;
}

.qifooterbgcolor {
    background-image: none !important;
}

.qifooterbgcolor {
    background-color: #fff;
}

.lineFooter {
    display: none;
}
.width1600 {
    max-width: 1600px;
}

.width100 {
    width: 100% !important;
}

.height100 {
    height: 100%;
}

a {
    color: black;
}

    a:hover {
        color: black;
        text-decoration: none;
    }

.lit-ht:after {
    content: ' |';
}

.lit-ht {
    font-size: 13px;
    font-weight: 500;
}

.lit-other {
    font-size: 13px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .search-th {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .search-th {
        width: 212px;
    }
}

@media (min-width: 1200px) {
    .search-th {
        width: 302px;
    }
}

.search-th i {
    position: absolute;
    margin-right: 10px;
    color: #1565C0;
}

.search-th input {
    background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
    border: 1px solid #DDE0E4;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 32px;
    padding-left: 12px;
    padding-right: 28px;
}

input:focus {
    outline: none;
}

.head-sl {
    height: 40px;
    padding: 2px 0px 2px 0px;
}

.img-bnner {
    object-fit: cover;
    width: 100%;
}

.menu-option {
    height: 42px;
    width: 100%;
    background: #1565C0;
    position: sticky;
    top: 40px;
    z-index: 1000;
}

.menu-list {
    height: 100%;
}

    .menu-list i {
        color: white;
        font-size: 28px;
    }

.margin0 {
    margin: 0px !important;
}

.it-menu a {
    color: white;
    font-family: 'Roboto';
    font-size: 13px;
    text-transform: uppercase;
}

.it-menu {
    margin-left: 20px;
}

.status-line {
    height: 46px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
    padding-bottom: 2px;
    position: relative;
    box-shadow: 0px 0px 1px;
}

.time-topline {
    font-family: 'Roboto';
    font-size: 12px;
}

.t-hi {
    color: #1565C0;
    font-size: 15px;
    font-family: Roboto, sans-serif;
}

.body-ct {
    background-color: #F5F5F5;
}

.content {
    background-color: white;
    max-width: 1200px;
}

.fit-obj {
    object-fit: cover;
}

.width1200 {
    max-width: 1200px;
}

.ct-inside {
    padding: 20px;
}

.scroll-c {
    position: absolute;
    top: 0;
    display: none;
}

.in-left img {
    width: 125px;
    height: 150px;
    margin-bottom: 20px;
    object-fit: cover;
}

.in-right img {
    margin-bottom: 20px;
}

@media (min-width: 1600px) {
    .scroll-c {
        display: flex;
    }
}

.leftit {
    display: none !important;
}

@media (min-width: 1600px) {
    .leftit {
        display: flex !important;
    }
}

.rightit {
    display: none !important;
}

@media (min-width: 1600px) {
    .rightit {
        display: flex !important;
    }
}

i {
    cursor: pointer;
    user-select: none;
}

.in-left {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-left {
        display: block;
    }
}

.in-right {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-right {
        display: block;
    }
}

@media (min-width: 1600px) {
    .content {
        min-width: 1200px;
    }
}

.lright-it a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    color: #FFFFFF;
    margin-right: 5px;
}

.navigation {
    background: #ffffff;
    box-shadow: 1px 2px 5px rgb(188,188,188);
    position: absolute;
    overflow: hidden;
    display: none;
}

.padding0 {
    padding: 0px !important;
}

.navigation-hol {
    position: sticky;
    top: 82px;
    z-index: 10000;
}

.tl-cm {
    font-size: 15px;
    font-weight: 600;
}

span {
    font-family: 'Roboto';
}

.r-ctnv {
    margin: 38px;
}

.col-aclose span {
    color: #1565C0;
    font-size: 15px;
    cursor: pointer;
    user-select: none;
}

.col-aclose i {
    color: #1565C0;
    margin-left: 5px;
}

.tit-mn {
    font-size: 15px;
    font-weight: 600;
}

.list-itnv a {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
}

.v-more {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    color: #1565C0;
    cursor: pointer;
    user-select: none;
}

.nv-hr {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
}

.col.lv2-nv {
    margin-top: 49px;
}

.top-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height:32px;
    color: #1565C0;
    margin-top: 21px;
    overflow: hidden;
    text-align:left !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.navigation-hol a:hover {
    color: var(--red);
}

.navigation-hol .v-more:hover {
    text-decoration: underline;
    transition: .3s;
}

.hour-zone {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 122.19%;
    display: flex;
    align-items: center;
    color: #6F6F6F;
    padding-bottom: 5px;
    padding-top: 2px;
}

.top-review {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 130%;
    color: #333333;
    padding-top: 6px;
}

.img-lv2-toppic {
}

.txt-tplv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: left !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.img-lv2 {
    height: 74px;
    width: 121px;
}

.item-zone {
    padding-bottom: 6px;
    height: 63px;
}

.lv3-title {
}

.ct-hrlv2 {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
}

.title-lv2 {
    height: 60px;
    width: 100%;
    overflow: hidden;
}

.title-lv3 {
    font-size: 13px;
    font-weight: 700 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bg-cl {
    background-color: #F5F5F5;
}

.b-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #004CCB;
    padding-left: 15px;
    border-left-style: outset;
    border-left-color: #1565C0;
    margin-bottom: 0px;
}

.bn2 {
    padding-left: 20px;
    padding-right: 20px;
}

.white-back {
    background: white;
}



.hol-item {
    color: #C4C4C4;
}

.txt-ct {
    padding-left: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    color: #101010;
}

.it-ct {
    position: relative;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px;
    border-radius: 6px;
    padding-right: 20px;
}

.itclhol {
    padding: 20px 20px 0px 0px;
}

.it-ct:hover {
    background: rgb(247,247,247);
    transition: .3s ease;
}

.ct-inside a:hover {
    text-decoration: underline;
    transition: .3s ease;
}

.spacer {
    display: flex;
    justify-content: space-between;
}

.header-snip {
    background: #004CCB;
}

    .header-snip span, .header-snip i {
        color: white;
    }

.bt-titct {
    font-weight: 500;
    font-size: 19px;
}

.more-ctsn {
    font-size: 15px;
    color: white;
    font-weight:400;
}

.d-grid {
    display: grid;
}

.txt-snipt {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.timesnip {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 122.19%;
    color: #828282;
    margin-top: 5px;
}

.hov-underline:hover {
    transition: .3s ease;
    text-decoration: underline;
}

.b-title-ev {
    font-size: 26px;
    color: #004CCB;
    font-weight: 500;
    border-left-width: 3px;
    padding-left: 15px;
    border-left-style: solid;
}

.gradient-1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}

.r-hol-snip {
    padding-bottom: 15px;
}

.top-lv2-new {
    border: 1px solid #E7E7E7;
}

.titnew-lv2 {
    max-height: 74px;
}

.g-title {
    padding: 10px 15px;
}

.text-more {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 136.69%;
    text-align: right;
    color: #1565C0;
}

.more-ctsn:hover {
    color: white;
}

.sec-head {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10000;
}

.menu-nav {
    width: 50px;
    transition: .6s ease-in;
}



.hz-v2 {
    padding-top: 10px;
}

.sut-lv2 {
    margin-top: 10px;
}

.titnew-lv3 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.img-evnews {
    width: 121px;
    height: 74px;
    object-fit: cover;
}

.box-text-ev1 {
    height: 58px;
}

.hr-mv2 {
    margin-top: 0px !important;
}

.txt-sl-lv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: justify !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lv2-block1 {
    padding-right: 0 !important;
}

.preview-line {
    position: absolute;
}

.hol-preview-video {
    width: 370px !important;
    height: 207px !important;
}

.absolute {
    position: absolute;
}

.txt-pre-video {
    font-size: 17px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hol-text-vdp {
    margin-top: 15px;
    margin-bottom: 5px;
}

.hol-ct-video {
    margin-top: 20px;
}

.txt-pre-video:hover {
    text-decoration: underline;
}

.big-title-footer {
    font-size: 19px;
    font-weight: 600;
}

.info-fotter {
    font-size: 13px;
}

.name-footer {
    font-size: 15px;
}

.row-ct-ft1 {
    padding: 20px 0px;
}

.other-thing {
    position: absolute;
    right: 100px;
    top: 0;
    z-index: 10000;
}

.back-top {
    width: 55px;
    height: 55px;
    z-index: 10000;
    position: sticky;
    display: none;
    top: 90vh;
    animation: outIn .5s ease-in;
    box-shadow: 0px 0px 3px #939393;
}

@keyframes outIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    20% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    70% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.txt-tplv2
{
    max-height:60px;

}
.topnew .col.newitem:nth-child(2n)
{
    background-color:#f8f8f8;
}


.border-bottom:last-child, .d-grid:last-child > hr {
    border-bottom: 0px;
}

 .d-grid:last-child > hr {
   height:0px;
}


.border-lr {
    border-right: 1px solid rgb(231,231,231);
    border-left: 1px solid rgb(231,231,231);
}
    .border-lr:last-child {
        border-right: 1px solid rgb(231,231,231);
        border-left: 1px solid rgb(231,231,231);
        border-bottom: 1px solid rgb(231,231,231);
        border-radius:5px;
    }
section.d-grid.footer {
    background-color: #fff !important;
}
.footer > div > div.row-ct-ft1 {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
}
/* /App_Themes/hanoi/css/hanoi.css */
.container {
    min-width: 1200px;
}

#MainContent {
    min-width: 1200px;
}

.bgwhite {
    background: #fff;
}

.width1600 {
    max-width: 1600px;
}

a {
    text-decoration: none !important;
}

.width100 {
    width: 100% !important;
}

.height100 {
    height: 100%;
}

a {
    color: black;
}

    a:hover {
        color: black;
        text-decoration: none;
    }

.lit-ht:after {
    content: ' |';
}

.lit-ht {
    font-size: 13px;
    font-weight: 500;
}

.lit-other {
    font-size: 13px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .search-th {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .search-th {
        width: 212px;
    }
}

@media (min-width: 1200px) {
    .search-th {
        width: 302px;
    }
}

.search-th i {
    position: absolute;
    margin-right: 10px;
    color: #1565C0;
}

.search-th input {
    background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
    border: 1px solid #DDE0E4;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 32px;
    padding-left: 12px;
    padding-right: 28px;
}

input:focus {
    outline: none;
}

.head-sl {
    height: 40px;
    padding: 2px 0px 2px 0px;
}

.img-bnner {
    object-fit: cover;
    width: 100%;
}

.menu-option {
    height: 42px;
    width: 100%;
    background: #1565C0;
    position: sticky;
    top: 40px;
    z-index: 1000;
}

.menu-list {
    height: 100%;
}

    .menu-list i {
        color: white;
        font-size: 28px;
    }

.margin0 {
    margin: 0px !important;
}

.it-menu a {
    color: white;
    font-family: 'Roboto';
    font-size: 13px;
    text-transform: uppercase;
}

.it-menu {
    margin-left: 20px;
}

.status-line {
    height: 46px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
    padding-bottom: 2px;
    position: relative;
    box-shadow: 0px 0px 1px;
}

.time-topline {
    font-family: 'Roboto';
    font-size: 12px;
}

.t-hi {
    color: #1565C0;
    font-size: 15px;
    font-family: Roboto, sans-serif;
}

.body-ct {
    background-color: #F5F5F5;
}

.content {
    background-color: white;
    max-width: 1200px;
}

.fit-obj {
    object-fit: cover;
}

.width1200 {
    max-width: 1200px;
}

.ct-inside {
    padding: 1px 10px !important;
}

.scroll-c {
    position: absolute;
    top: 0;
    display: none;
}

.in-left img {
    width: 125px;
    height: 150px;
    margin-bottom: 20px;
    object-fit: cover;
}

.in-right img {
    margin-bottom: 20px;
}

@media (min-width: 1600px) {
    .scroll-c {
        display: flex;
    }
}

.leftit {
    display: none !important;
}

@media (min-width: 1600px) {
    .leftit {
        display: flex !important;
    }
}

.rightit {
    display: none !important;
}

@media (min-width: 1600px) {
    .rightit {
        display: flex !important;
    }
}

i {
    cursor: pointer;
    user-select: none;
}

.in-left {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-left {
        display: block;
    }
}

.in-right {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-right {
        display: block;
    }
}

@media (min-width: 1600px) {
    .content {
        min-width: 1200px;
    }
}

.lright-it a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    color: #FFFFFF;
    margin-right: 5px;
}

.navigation {
    background: #ffffff;
    box-shadow: 1px 2px 5px rgb(188,188,188);
    position: absolute;
    overflow: hidden;
    display: none;
}

.padding0 {
    padding: 0px !important;
}

.navigation-hol {
    position: sticky;
    top: 82px;
    z-index: 10000;
}

.tl-cm {
    font-size: 15px;
    font-weight: 600;
}

span {
    font-family: 'Roboto';
}

.r-ctnv {
    margin: 38px;
}

.col-aclose span {
    color: #1565C0;
    font-size: 15px;
    cursor: pointer;
    user-select: none;
}

.col-aclose i {
    color: #1565C0;
    margin-left: 5px;
}

.tit-mn {
    font-size: 15px;
    font-weight: 600;
}

.list-itnv a {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
}

.v-more {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    color: #1565C0;
    cursor: pointer;
    user-select: none;
}

.nv-hr {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
}

.col.lv2-nv {
    margin-top: 49px;
}

.top-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 130%;
    color: #005894;
    margin-top: 21px;
    overflow: hidden;
    text-align: left !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.navigation-hol a:hover {
    color: var(--red);
}

.navigation-hol .v-more:hover {
    text-decoration: underline;
    transition: .3s;
}

.hour-zone {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 122.19%;
    display: flex;
    align-items: center;
    color: #6F6F6F;
    padding-bottom: 5px;
    padding-top: 2px;
}

.top-review {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 130%;
    color: #333333;
    padding-top: 6px;
}

.img-lv2-toppic {
}

.txt-tplv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: justify !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.img-lv2 {
    height: 74px;
    width: 121px;
}

.item-zone {
    padding-bottom: 6px;
    height: 63px;
}

.lv3-title {
}

.ct-hrlv2 {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
}

.title-lv2 {
    height: 60px;
    width: 100%;
    overflow: hidden;
}

.title-lv3 {
    font-size: 13px;
    font-weight: 700 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bg-cl {
    background-color: #F5F5F5;
}

.b-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #1565C0;
    padding-left: 15px;
    border-left-style: outset;
    border-left-color: #1565C0;
    margin-bottom: 0px;
}

.bn2 {
    padding-left: 20px;
    padding-right: 20px;
}

.white-back {
    background: white;
}

.ct-v {
    padding: 4px 0px 34px 0px;
}

.hol-item {
    color: #C4C4C4;
}

.txt-ct {
    padding-left: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 130%;
}

.it-ct {
    position: relative;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px;
    border-radius: 6px;
    padding-right: 20px;
}

.itclhol {
    padding: 20px 20px 0px 0px;
}

.it-ct:hover {
    background: rgb(247,247,247);
    transition: .3s ease;
}

.ct-inside a:hover {
    text-decoration: underline;
    transition: .3s ease;
}

.spacer {
    display: flex;
    justify-content: space-between;
}

.header-snip {
    background: #1565C0;
}

    .header-snip span, .header-snip i {
        color: white;
    }

.bt-titct {
    font-weight: 400;
    font-size: 19px;
}

.more-ctsn {
    font-size: 13px;
    color: white;
}

.d-grid {
    display: grid;
}

.txt-snipt {
    font-style: normal !important;
    font-weight: 500;
    font-size: 15px !important;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.timesnip {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 122.19%;
    color: #828282;
    margin-top: 5px;
}

.hov-underline:hover {
    transition: .3s ease;
    text-decoration: underline;
}

.b-title-ev {
    font-size: 30px;
    color: #1565C0;
    border-left-width: 3px;
    padding-left: 15px;
    border-left-style: solid;
}

.gradient-1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}

.r-hol-snip {
    padding-bottom: 15px;
}

.top-lv2-new {
    border: 1px solid #E7E7E7;
}

.titnew-lv2 {
    max-height: 74px;
}

.g-title {
    padding: 10px 15px;
}

.text-more {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 136.69%;
    text-align: right;
    color: #1565C0;
}

.more-ctsn:hover {
    color: white;
}

.sec-head {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10000;
}

.menu-nav {
    width: 50px;
    transition: .6s ease-in;
}

.border-lr {
    border-right: 1px solid rgb(231,231,231);
    border-left: 1px solid rgb(231,231,231);
}

.hz-v2 {
    padding-top: 10px;
}

.sut-lv2 {
    margin-top: 10px;
}

.titnew-lv3 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.img-evnews {
    width: 121px;
    height: 74px;
    object-fit: cover;
}

.box-text-ev1 {
    height: 58px;
}

.hr-mv2 {
    margin-top: 0px !important;
}

.txt-sl-lv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: justify !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lv2-block1 {
    padding-right: 0 !important;
}

.preview-line {
    position: absolute;
}

.hol-preview-video {
    width: 370px !important;
    height: 207px !important;
}

.absolute {
    position: absolute;
}

.txt-pre-video {
    font-size: 17px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hol-text-vdp {
    margin-top: 15px;
    margin-bottom: 5px;
}

.hol-ct-video {
    margin-top: 20px;
}

.txt-pre-video:hover {
    text-decoration: underline;
}

.big-title-footer {
    font-size: 19px;
    font-weight: 600;
}

.info-fotter {
    font-size: 13px;
}

.name-footer {
    font-size: 15px;
}

.row-ct-ft1 {
    padding: 30px 0px;
}

.other-thing {
    position: absolute;
    right: 100px;
    top: 0;
    z-index: 10000;
}

.back-top {
    width: 55px;
    height: 55px;
    z-index: 10000;
    position: sticky;
    display: none;
    top: 90vh;
    animation: outIn .5s ease-in;
    box-shadow: 0px 0px 3px #939393;
}

@keyframes outIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    20% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    70% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

section {
    position: relative;
    width: 100%;
    height: auto;
}

.divitemtop, .divrelateCat {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.divrelateCat {
    padding-bottom: 15px;
}



    .divitemtop:last-child, .divrelateCat:last-child {
        border-bottom: 0px solid #ddd;
    }

.divrelatetop {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-left: 1px;
}

.adsRight {
    left: 1185px;
}

.a_left {
    width: 20px;
    text-align: center;
}

.a_right {
    padding-left: 20px;
}

.itemdocnhieu {
    display: inline-flex;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 1px;
    margin-bottom: 10px;
}

    .itemdocnhieu:last-child {
        border-bottom: 0px;
    }

.stthome {
    font-weight: bold;
    color: #1565C0;
}

.heightvanban {
    height: 600px;
    overflow-y:scroll;
}

i.fas.fa-circle {
    font-size: 9px;
}

.a_right a {
    font-weight: 600 !important;
    font-size: 14px;
}

.qifooterbgcolor {
    background-image: none !important;
}

.qifooterbgcolor {
    background-color: #fff;
}

.lineFooter {
    display: none;
}

.width1600 {
    max-width: 1600px;
}

.width100 {
    width: 100% !important;
}

.height100 {
    height: 100%;
}

a {
    color: black;
}

    a:hover {
        color: black;
        text-decoration: none;
    }

.lit-ht:after {
    content: ' |';
}

.lit-ht {
    font-size: 13px;
    font-weight: 500;
}

.lit-other {
    font-size: 13px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .search-th {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .search-th {
        width: 212px;
    }
}

@media (min-width: 1200px) {
    .search-th {
        width: 302px;
    }
}

.search-th i {
    position: absolute;
    margin-right: 10px;
    color: #1565C0;
}

.search-th input {
    background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
    border: 1px solid #DDE0E4;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 32px;
    padding-left: 12px;
    padding-right: 28px;
}

input:focus {
    outline: none;
}

.head-sl {
    height: 40px;
    padding: 2px 0px 2px 0px;
}

.img-bnner {
    object-fit: cover;
    width: 100%;
}

.menu-option {
    height: 42px;
    width: 100%;
    background: #1565C0;
    position: sticky;
    top: 40px;
    z-index: 1000;
}

.menu-list {
    height: 100%;
}

    .menu-list i {
        color: white;
        font-size: 28px;
    }

.margin0 {
    margin: 0px !important;
}

.it-menu a {
    color: white;
    font-family: 'Roboto';
    font-size: 13px;
    text-transform: uppercase;
}

.it-menu {
    margin-left: 20px;
}

.status-line {
    height: 46px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
    padding-bottom: 2px;
    position: relative;
    box-shadow: 0px 0px 1px;
}

.time-topline {
    font-family: 'Roboto';
    font-size: 12px;
}

.t-hi {
    color: #1565C0;
    font-size: 15px;
    font-family: Roboto, sans-serif;
}

.body-ct {
    background-color: #F5F5F5;
}

.content {
    background-color: white;
    max-width: 1200px;
}

.fit-obj {
    object-fit: cover;
}

.width1200 {
    max-width: 1200px;
}



.scroll-c {
    position: absolute;
    top: 0;
    display: none;
}

.in-left img {
    width: 125px;
    height: 150px;
    margin-bottom: 20px;
    object-fit: cover;
}

.in-right img {
    margin-bottom: 20px;
}

@media (min-width: 1600px) {
    .scroll-c {
        display: flex;
    }
}

.leftit {
    display: none !important;
}

@media (min-width: 1600px) {
    .leftit {
        display: flex !important;
    }
}

.rightit {
    display: none !important;
}

@media (min-width: 1600px) {
    .rightit {
        display: flex !important;
    }
}

i {
    cursor: pointer;
    user-select: none;
}

.in-left {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-left {
        display: block;
    }
}

.in-right {
    display: none;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .in-right {
        display: block;
    }
}

@media (min-width: 1600px) {
    .content {
        min-width: 1200px;
    }
}

.lright-it a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    color: #FFFFFF;
    margin-right: 5px;
}

.navigation {
    background: #ffffff;
    box-shadow: 1px 2px 5px rgb(188,188,188);
    position: absolute;
    overflow: hidden;
    display: none;
}

.padding0 {
    padding: 0px !important;
}

.navigation-hol {
    position: sticky;
    top: 82px;
    z-index: 10000;
}

.tl-cm {
    font-size: 15px;
    font-weight: 600;
}

span {
    font-family: 'Roboto';
}

.r-ctnv {
    margin: 38px;
}

.col-aclose span {
    color: #1565C0;
    font-size: 15px;
    cursor: pointer;
    user-select: none;
}

.col-aclose i {
    color: #1565C0;
    margin-left: 5px;
}

.tit-mn {
    font-size: 15px;
    font-weight: 600;
}

.list-itnv a {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
}

.v-more {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    color: #1565C0;
    cursor: pointer;
    user-select: none;
}

.nv-hr {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
}

.col.lv2-nv {
    margin-top: 49px;
}

.top-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 130%;
    color: #005894;
    margin-top: 21px;
    overflow: hidden;
    text-align: left !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.navigation-hol a:hover {
    color: var(--red);
}

.navigation-hol .v-more:hover {
    text-decoration: underline;
    transition: .3s;
}

.hour-zone {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 122.19%;
    display: flex;
    align-items: center;
    color: #6F6F6F;
    padding-bottom: 5px;
    padding-top: 2px;
}

.top-review {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 130%;
    color: #333333;
    padding-top: 6px;
}

.img-lv2-toppic {
}

.txt-tplv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: justify !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.img-lv2 {
    height: 74px;
    width: 121px;
}

.item-zone {
    padding-bottom: 6px;
    height: 63px;
}

.lv3-title {
}

.ct-hrlv2 {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
}

.title-lv2 {
    height: 60px;
    width: 100%;
    overflow: hidden;
}

.title-lv3 {
    font-size: 13px;
    font-weight: 700 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bg-cl {
    background-color: #F5F5F5;
}

.b-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #1565C0;
    padding-left: 15px;
    border-left-style: outset;
    border-left-color: #1565C0;
    margin-bottom: 5px;
}

.bn2 {
    padding-left: 20px;
    padding-right: 20px;
}

.white-back {
    background: white;
}

.ct-v {
    padding: 4px 0px 34px 20px;
}

.hol-item {
    color: #C4C4C4;
}

.txt-ct {
    padding-left: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 130%;
}

.it-ct {
    position: relative;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px;
    border-radius: 6px;
    padding-right: 20px;
}

.itclhol {
    padding: 20px 20px 0px 0px;
}

.it-ct:hover {
    background: rgb(247,247,247);
    transition: .3s ease;
}

.ct-inside a:hover {
    text-decoration: underline;
    transition: .3s ease;
}

.spacer {
    display: flex;
    justify-content: space-between;
}

.header-snip {
    background: #1565C0;
}

    .header-snip span, .header-snip i {
        color: white;
    }

.bt-titct {
    font-weight: 500;
    font-size: 19;
}

.more-ctsn {
    font-size: 13px;
    color: white;
}

.d-grid {
    display: grid;
}

.txt-snipt {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.timesnip {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 122.19%;
    color: #828282;
    margin-top: 5px;
}

.hov-underline:hover {
    transition: .3s ease;
    text-decoration: underline;
}

.b-title-ev {
    font-size: 30px;
    color: #1565C0;
    border-left-width: 3px;
    padding-left: 15px;
    border-left-style: solid;
}
.b-title-ev a {
    font-size: 30px;
    color: #1565C0;
    font-weight:500;
   
    
}

.gradient-1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}

.r-hol-snip {
    padding-bottom: 15px;
}

.top-lv2-new {
    border: 1px solid #E7E7E7;
}

.titnew-lv2 {
    max-height: 74px;
}

.g-title {
    padding: 10px 15px;
}

.text-more {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 136.69%;
    text-align: right;
    color: #1565C0;
}

.more-ctsn:hover {
    color: white;
}

.sec-head {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10000;
}

.menu-nav {
    width: 50px;
    transition: .6s ease-in;
}

.border-lr {
    border-right: 1px solid rgb(231,231,231);
    border-left: 1px solid rgb(231,231,231);
}

.hz-v2 {
    padding-top: 10px;
}

.sut-lv2 {
    margin-top: 10px;
}

.titnew-lv3 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.img-evnews {
    width: 121px;
    height: 74px;
    object-fit: cover;
}

.box-text-ev1 {
    height: 58px;
}

.hr-mv2 {
    margin-top: 0px !important;
}

.txt-sl-lv2 {
    font-weight: 700 !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: justify !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lv2-block1 {
    padding-right: 0 !important;
}

.preview-line {
    position: absolute;
}

.hol-preview-video {
    width: 370px !important;
    height: 207px !important;
}

.absolute {
    position: absolute;
}

.txt-pre-video {
    font-size: 17px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hol-text-vdp {
    margin-top: 15px;
    margin-bottom: 5px;
}

.hol-ct-video {
    margin-top: 20px;
}

.txt-pre-video:hover {
    text-decoration: underline;
}

.big-title-footer {
    font-size: 19px;
    font-weight: 600;
}

.info-fotter {
    font-size: 13px;
}

.name-footer {
    font-size: 15px;
}

.row-ct-ft1 {
    padding: 30px 0px;
}

.other-thing {
    position: absolute;
    right: 100px;
    top: 0;
    z-index: 10000;
}

.back-top {
    width: 55px;
    height: 55px;
    z-index: 10000;
    position: sticky;
    display: none;
    top: 90vh;
    animation: outIn .5s ease-in;
    box-shadow: 0px 0px 3px #939393;
}

@keyframes outIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    20% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    70% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}
#MainContent
{
    box-shadow:none !important;
}

html body .txt-sl-lv2,
html body .txt-tplv2 {
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}
html body .txt-tplv2 {
    line-height: 20px !important;
    -webkit-line-clamp: 3 !important;
}
html body .txt-snipt { line-height: 1.45 !important; }

/* /App_Themes/all/allcss/qi-hanoi-rp.css */

@media only screen and (min-width: 992px) {
    .adsRight { left: calc(100% + 10px) !important; }

    .topnew .col.newitem { border-bottom: 1px solid #ddd; }
    .topnew .col.newitem:last-child { border-bottom: 0px solid #ddd; }

    .hnimgtop { width: 125px; }
    .hntexttop { width: 153px; }

    .caption2 { position: static !important; }
    .item-ratio2 { object-fit: cover !important; margin-top: 0; }

    .body-ct { margin: 0px -10px; }

    .body-ct > .width100 > *:not(:empty) + *:not(:empty) { margin-top: 10px; }


    .qirp .body-ct .row { --bs-gutter-x: 10px; }

    .qirp .body-ct .card-body { padding: 10px !important; }
    .qirp .body-ct .hol-itct { padding: 10px 5px !important; }

    .qirp .body-ct .white-back,
    .qirp .body-ct .r-hol-snip {
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
    }

    .qirp .body-ct .divitemtop,
    .qirp .body-ct .topnew .col.newitem,
    .qirp .body-ct .col.top-lv2-new,
    .qirp .body-ct .divrelateCat,
    .qirp .body-ct .itemdocnhieu,
    .qirp .body-ct .heightvanban > .col.d-grid,
    .qirp .body-ct .border-lr,
    .qirp .body-ct .border-lr2 {
        padding-top: 0 !important;
        padding-bottom: 10px !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #e6ebf1 !important;
    }

    .qirp .body-ct .divitemtop:last-child,
    .qirp .body-ct .topnew .col.newitem:last-child,
    .qirp .body-ct .col.top-lv2-new:last-child,
    .qirp .body-ct .divrelateCat:last-child,
    .qirp .body-ct .itemdocnhieu:last-child,
    .qirp .body-ct .heightvanban > .col.d-grid:last-child,
    .qirp .body-ct .border-lr:last-child,
    .qirp .body-ct .border-lr2:last-child {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .qirp .body-ct .divrelateCat,
    .qirp .body-ct .divitemtop,
    .qirp .body-ct .col.top-lv2-new,
    .qirp .body-ct .border-lr,
    .qirp .body-ct .border-lr2,
    .qirp .body-ct .divrelateCat .box-text-ev1,
    .qirp .body-ct .divrelateCat > .row,
    .qirp .body-ct .divrelateCat > .row > [class*="col"],
    .qirp .body-ct .divrelateCat .d-grid {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .qirp .body-ct .divitemtop > .row,
    .qirp .body-ct .divitemtop .hnimgtop,
    .qirp .body-ct .divitemtop .hntexttop,
    .qirp .body-ct .divitemtop .title-lv2 {
        height: auto !important;
        min-height: 0 !important;
    }

    .qirp .body-ct .divrelateCat a.ratio-16x9_pd { display: block; }

    .qirp .body-ct .divrelateCat img.item-ratio {
        position: absolute !important;
        top: 0; left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    .qirp .body-ct .heightvanban > .col.d-grid > .width100,
    .qirp .body-ct .divitemtop > .width100,
    .qirp .body-ct .itemdocnhieu > .width100,
    .qirp .body-ct .border-lr > hr.width100,
    .qirp .body-ct .border-lr2 > hr.width100,
    .qirp .body-ct .col.top-lv2-new > hr.width100 { display: none !important; }

    .qirp .body-ct .itclhol { padding: 0 10px 10px 0 !important; }

    .qirp .body-ct .heightvanban {
        align-content: flex-start !important;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .qirp .body-ct .heightvanban .txt-snipt,
    .qirp .body-ct .itemdocnhieu .txt-snipt,
    .qirp .body-ct .col.d-grid .txt-snipt {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3 !important;
        overflow: hidden;
    }

    .qirp .body-ct a.top-title:has(> .qiiconnew) {
        -webkit-line-clamp: 5 !important;
    }

    .qirp .body-ct a.txt-tplv2:has(> .qiiconnew),
    .qirp .body-ct a.txt-sl-lv2:has(> .qiiconnew) {
        -webkit-line-clamp: 4 !important;
    }

    .qirp .body-ct .heightvanban a.txt-snipt:has(> .qiiconnew),
    .qirp .body-ct .itemdocnhieu a.txt-snipt:has(> .qiiconnew),
    .qirp .body-ct .col.d-grid a.txt-snipt:has(> .qiiconnew) {
        -webkit-line-clamp: 4 !important;
    }

    .qirp .body-ct .row.width1200 > .col,
    .qirp .body-ct .row.width1200 > [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .qirp .body-ct .hol-itct > .width100 > .row.ct-inside,
    .qirp .body-ct .hol-itct > .row.ct-inside {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .qirp .body-ct .row.width1200 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .qirp .body-ct .topnew .col.newitem {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .qirp .body-ct .card-header { padding: 10px !important; }

    .qirp .body-ct .card-body.qirp-hn-dong-deu,
    .qirp .body-ct .topnew,
    .qirp .body-ct .card-body:has(.heightvanban),
    .qirp .body-ct .card-body:has(.itemdocnhieu) { padding-top: 0 !important; }

    .qirp .body-ct .topnew .col.newitem:first-child { padding-top: 5px !important; }

    .qirp .body-ct .heightvanban > .col.d-grid:first-child,
    .qirp .body-ct .itemdocnhieu:first-child { padding-top: 15px !important; }

    .qirp .body-ct .caption2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-top: 0 !important;
    }

    .qirp .body-ct .caption2 h3,
    .qirp .body-ct .caption2 h3 > a {
        margin-top: 0 !important;
    }

    .qirp .body-ct .caption2 .hour-zone,
    .qirp .body-ct .caption2 .col:has(> .hour-zone) { display: none !important; }

    .qirp .body-ct .card-body.qirp-hn-dong-deu,
    .qirp .body-ct .topnew,
    .qirp .body-ct .card-body:has(.heightvanban),
    .qirp .body-ct .card-body:has(.itemdocnhieu) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .qirp .body-ct .topnew .col.newitem,
    .qirp .body-ct .heightvanban > .col.d-grid {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
        max-width: none !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .qirp .body-ct .heightvanban {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .qirp .body-ct .itemdocnhieu {
        padding: 10px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    .qirp .body-ct .topnew .col.newitem::before,
    .qirp .body-ct .heightvanban > .col.d-grid::before,
    .qirp .body-ct .border-lr::before,
    .qirp .body-ct .border-lr2::before {
        left: 2px !important;
    }

    .qirp .body-ct .border-lr,
    .qirp .body-ct .border-lr2,
    .qirp .body-ct .col.top-lv2-new {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .qirp .body-ct .hol-itct .row.row-cols-1:has(> .border-lr) {
        border: 1px solid #dbe3ec;
        border-radius: 10px;
        padding: 10px !important;
        background: #fff;
    }

    .qirp .body-ct .hol-itct .row.row-cols-1:has(> .border-lr) > .border-lr,
    .qirp .body-ct .hol-itct .row.row-cols-1:has(> .border-lr) > .col.top-lv2-new {
        border: 0 !important;
        border-bottom: 1px solid #e6ebf1 !important;
        border-radius: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .qirp .body-ct .hol-itct .row.row-cols-1:has(> .border-lr) > *:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .qirp .body-ct .hol-itct .row.row-cols-1:has(> .border-lr) > .border-lr::before,
    .qirp .body-ct .hol-itct .row.row-cols-1:has(> .border-lr) > .col.top-lv2-new::before {
        left: -8px !important;
    }

    .qirp .body-ct .hol-itct .row.row-cols-1:not(:has(> .border-lr)) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .qirp .body-ct .g-title .text-more,
    .qirp .body-ct .b-title .text-more,
    .qirp .body-ct .card-header .more-ctsn,
    .qirp .body-ct .card-header .text-more {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 3px 14px;
        border: 1px solid currentColor;
        border-radius: 999px;
        font-size: 13.5px !important;
        font-weight: 600;
        line-height: 20px;
        text-decoration: none !important;
        transition: background-color .18s ease, color .18s ease, border-color .18s ease;
    }

    .qirp .body-ct .g-title .text-more:hover,
    .qirp .body-ct .b-title .text-more:hover {
        background: var(--mau-md, #004ccb);
        border-color: transparent;
        color: #fff !important;
    }

    #MainContent.qirp .body-ct .card-header .more-ctsn,
    #MainContent.qirp .body-ct .card-header .text-more,
    #MainContent.qirp .body-ct .card-header .more-ctsn i,
    #MainContent.qirp .body-ct .card-header .text-more i {
        background: #fff;
        border-color: #fff;
        color: var(--mau-md, #004ccb) !important;
    }

    #MainContent.qirp .body-ct .card-header .more-ctsn:hover,
    #MainContent.qirp .body-ct .card-header .text-more:hover,
    #MainContent.qirp .body-ct .card-header .more-ctsn:hover i,
    #MainContent.qirp .body-ct .card-header .text-more:hover i {
        background: transparent;
        border-color: #fff;
        color: #fff !important;
    }

    .qirp .body-ct .card {
        border-radius: 10px !important;
        overflow: hidden;
    }

    .qirp .body-ct .g-title .text-more i,
    .qirp .body-ct .card-header .more-ctsn i,
    .qirp .body-ct .card-header .text-more i { font-size: 11px; }

    .qirp .body-ct .qirp-hn-khung { overflow: hidden; flex-wrap: nowrap !important; }

    .qirp .body-ct .qirp-hn-cot {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap !important;
        min-height: 0;
    }

    .qirp .body-ct .qirp-hn-dong-deu {
        flex: 1 1 auto;
        min-height: 0;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .qirp .body-ct .qirp-hn-dong-deu::-webkit-scrollbar { width: 6px; }
    .qirp .body-ct .qirp-hn-dong-deu::-webkit-scrollbar-thumb { background: #c8d0da; border-radius: 3px; }

    .qirp .body-ct .qirp-hn-dong-deu > * { flex: 0 0 auto; }

    .qirp .body-ct .qirp-hn-cuon {
        justify-content: flex-start;
        overflow-y: auto !important;
        scrollbar-width: thin;
        padding-bottom: 10px !important;
    }

    .qirp .body-ct .qirp-hn-cuon::-webkit-scrollbar { width: 6px; }
    .qirp .body-ct .qirp-hn-cuon::-webkit-scrollbar-thumb { background: #c8d0da; border-radius: 3px; }

    .qirp .body-ct .qirp-hn-an { display: none !important; }

    .qirp .body-ct .row.ct-inside > .col,
    .qirp .body-ct .row.ct-inside > [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .qirp .body-ct .row.ct-inside > .col > .row,
    .qirp .body-ct .row.ct-inside > [class*="col-"] > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .qirp .body-ct .row.ct-inside {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .qirp .body-ct {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .qirp .body-ct .carousel-control-prev,
    .qirp .body-ct .carousel-control-next {
        top: 0;
        bottom: auto;
        height: 0;
        padding-top: 56.25%;
    }
}

@media only screen and (max-width: 1199.98px) {
    #MainContent { min-width: 0 !important; }

    .qirp,
    .qirp .body-ct,
    .qirp .body-ct .width100,
    .qirp .width1200, .qirp .width1275, .qirp .width1150,
    .qirp-vo-pc .container,
    .qirp-vo-pc .width1200, .qirp-vo-pc .width1275, .qirp-vo-pc .width1150,
    .qirp-vo-pc .navbar,
    .qirp-vo-pc .collapse.navbar-collapse,
    .qirp-vo-pc .header-second {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .qirp-vo-pc .navbar-nav { flex-wrap: wrap !important; }

    .qirp-vo-pc .qifooter .container,
    .qirp-vo-pc #CenterFooter,
    .qirp-vo-pc #CenterFootermb {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .qirp .body-ct .divitemtop,
    .qirp .body-ct [class*="lv2-block"],
    .qirp .body-ct .divrelateCat,
    .qirp .body-ct .top-lv2-new,
    .qirp .body-ct .divitemtop > .row,
    .qirp .body-ct [class*="lv2-block"] > .row,
    .qirp .body-ct .height100,
    .qirp .body-ct .hnimgtop,
    .qirp .body-ct .hntexttop,
    .qirp .body-ct .col.divitemtop > .row.row-cols-2 {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .qirp .body-ct .title-lv2,
    .qirp .body-ct .titnew-lv2 {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .qirp .body-ct .txt-tplv2,
    .qirp .body-ct .txt-sl-lv2,
    .qirp .body-ct .txt-snipt,
    .qirp .body-ct .titnew-lv3,
    .qirp .body-ct .txt-ct,
    .qirp .body-ct .sut-lv2 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: normal;
    }

    .qirp .body-ct .hnimgtop a.ratio-16x9_pd { width: 100%; height: 100%; }

    .qirp .body-ct .hnimgtop img,
    .qirp .body-ct .divrelateCat img,
    .qirp .body-ct .top-lv2-new img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
}

@media only screen and (max-width: 991.98px) {

    #MainContent { min-width: 0 !important; }

    .qirp .width1200, .qirp .width1275, .qirp .width1150, .qirp .width1000 {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #MainContent.qirp {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .qirp .body-ct,
    .qirp .body-ct > .width100 { margin: 0 !important; padding: 0 !important; }

    .qirp .body-ct .row.ct-inside { margin: 0 !important; padding: 0 !important; }

    .qirp .body-ct > .width100 > *:not(:empty) + *:not(:empty) { margin-top: 10px !important; }
    .qirp .body-ct > .width100 > * { margin-bottom: 0 !important; }
    .qirp .body-ct > .width100 > * > *:last-child { margin-bottom: 0 !important; }

    .qirp .body-ct .qiContainer + .qiContainer,
    .qirp .body-ct .card + .card { margin-top: 10px !important; }

    .qirp .body-ct .qiContainer, .qirp .body-ct .card { margin-bottom: 0 !important; }

    .qirp .body-ct .row:not([class*="row-cols-"]) > [class*="col"] + [class*="col"] { margin-top: 10px !important; }

    .qirp .body-ct .divitemtop > .row > * + *,
    .qirp .body-ct .divrelateCat > .row > * + *,
    .qirp .body-ct .top-lv2-new > .row > * + * { margin-top: 0 !important; }

    .qirp-snap { scrollbar-width: none; }
    .qirp-snap::-webkit-scrollbar { width: 0; height: 0; }

    .qirp-hn-chuyenmuc { display: none !important; }


    .qirp .body-ct .row > .col,
    .qirp .body-ct .row > [class*="col-"],
    .qirp .body-ct [class*="row-cols-"] > * {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .qirp .body-ct .row,
    .qirp .body-ct .d-flex,
    .qirp .body-ct .d-xl-flex { flex-wrap: wrap !important; }

    .qirp .body-ct [class*="row-cols-"] { row-gap: 10px; }
    .qirp .body-ct [class*="row-cols-"] > * { margin-top: 0 !important; margin-bottom: 0 !important; }

    .qirp .body-ct .divitemtop,
    .qirp .body-ct [class*="lv2-block"],
    .qirp .body-ct .divrelateCat,
    .qirp .body-ct .top-lv2-new,
    .qirp .body-ct .divitemtop > .row,
    .qirp .body-ct [class*="lv2-block"] > .row,
    .qirp .body-ct .height100,
    .qirp .body-ct .hnimgtop,
    .qirp .body-ct .hntexttop {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .qirp .body-ct .divrelateCat > .row,
    .qirp .body-ct .top-lv2-new > .row,
    .qirp .body-ct .divitemtop > .row {
        flex-wrap: nowrap !important;
        column-gap: 10px;
        row-gap: 0;
        align-items: flex-start;
    }

    .qirp .body-ct .divrelateCat > .row > *:first-child,
    .qirp .body-ct .top-lv2-new > .row > *:first-child,
    .qirp .body-ct .divitemtop > .row > *:first-child {
        flex: 0 0 130px !important;
        width: 130px !important;
        max-width: 130px !important;
        aspect-ratio: 16 / 9;
        overflow: hidden;
    }

    .qirp .body-ct .divrelateCat > .row > *:last-child,
    .qirp .body-ct .top-lv2-new > .row > *:last-child,
    .qirp .body-ct .divitemtop > .row > *:last-child {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        padding-left: 0 !important;
    }

    .qirp .body-ct [class*="lv2-block"] > .row,
    .qirp .body-ct .hol-itct .row { flex-wrap: wrap !important; }

    .qirp .body-ct .hol-itct .divrelateCat > .row,
    .qirp .body-ct .hol-itct .top-lv2-new > .row,
    .qirp .body-ct .hol-itct .divitemtop > .row {
        flex-wrap: nowrap !important;
        column-gap: 10px;
        row-gap: 0;
        align-items: flex-start;
    }

    .qirp .body-ct .hol-itct .divrelateCat > .row > *:first-child,
    .qirp .body-ct .hol-itct .top-lv2-new > .row > *:first-child,
    .qirp .body-ct .hol-itct .divitemtop > .row > *:first-child {
        flex: 0 0 130px !important;
        width: 130px !important;
        max-width: 130px !important;
        aspect-ratio: 16 / 9;
        overflow: hidden;
    }

    .qirp .body-ct .hol-itct .divrelateCat > .row > *:last-child,
    .qirp .body-ct .hol-itct .top-lv2-new > .row > *:last-child,
    .qirp .body-ct .hol-itct .divitemtop > .row > *:last-child {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        padding-left: 0 !important;
    }

    .qirp .body-ct .divrelateCat img,
    .qirp .body-ct .top-lv2-new img,
    .qirp .body-ct .divitemtop img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .qirp .body-ct .divrelateCat a.ratio-16x9_pd,
    .qirp .body-ct .top-lv2-new a.ratio-16x9_pd,
    .qirp .body-ct .divitemtop a.ratio-16x9_pd { width: 100%; height: 100%; }

    .qirp .body-ct .item-ratio2 { margin-top: 0 !important; }

    .qirp .body-ct .caption2 {
        position: static !important;
        background: transparent !important;
        padding: 0 !important;
        margin-top: 10px !important;
    }

    .qirp .body-ct .caption2,
    .qirp .body-ct .caption2 * {
        text-shadow: none !important;
    }

    .qirp .body-ct .caption2 { color: inherit !important; }

    .qirp .body-ct .caption2 > h3 { margin: 0 0 6px !important; }
    .qirp .body-ct .caption2 .top-title { margin-top: 0 !important; }

    .qirp .body-ct .b-title-ev,
    .qirp .body-ct .b-title,
    .qirp .body-ct .bt-titct {
        font-size: 19px !important;
        font-weight: 700 !important;
        line-height: 26px !important;
    }

    .qirp .body-ct .txt-sl-lv2,
    .qirp .body-ct .txt-tplv2,
    .qirp .body-ct .txt-snipt,
    .qirp .body-ct .titnew-lv3,
    .qirp .body-ct .txt-ct,
    .qirp .body-ct .sut-lv2,
    .qirp .body-ct .top-title {
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 21px !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: normal;
    }

    .qirp .body-ct .caption2 .top-title {
        font-size: 19px !important;
        line-height: 26px !important;
    }

    .qirp .body-ct .carousel-control-prev,
    .qirp .body-ct .carousel-control-next {
        top: 0 !important;
        bottom: auto !important;
        height: 0 !important;
        padding-top: 56.25% !important;
        opacity: 1;
    }

    .qirp .body-ct .carousel-control-prev-icon,
    .qirp .body-ct .carousel-control-next-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        background-color: rgba(0, 0, 0, .35);
        background-size: 14px 14px;
        border-radius: 50%;
    }

    .qirp .body-ct .carousel-indicators {
        top: 0 !important;
        bottom: auto !important;
        height: 0 !important;
        padding-top: 56.25%;
        margin-bottom: 0 !important;
        align-items: flex-end;
    }

    .qirp .body-ct .carousel-indicators li {
        transform: translateY(-18px);
        background-color: #fff !important;
    }

    .qirp .body-ct,
    .qirp .body-ct .bg-cl,
    .qirp .body-ct .bgwhite,
    .qirp .body-ct .white-back,
    .qirp .body-ct .card,
    .qirp .body-ct .card-body,
    .qirp .body-ct .col.newitem,
    .qirp .body-ct .top-lv2-new,
    .qirp .body-ct .divrelateCat,
    .qirp .body-ct .divitemtop {
        background: transparent !important;
        background-image: none !important;
    }

    .qirp .body-ct .card,
    .qirp .body-ct .card-body,
    .qirp .body-ct .divrelatetop,
    .qirp .body-ct .top-lv2-new,
    .qirp .body-ct .divrelateCat,
    .qirp .body-ct .divitemtop,
    .qirp .body-ct .white-back,
    .qirp .body-ct .hol-itct .col,
    .qirp .body-ct .hol-itct [class*="col-"] {
        border: 0 !important;
        box-shadow: none !important;
    }

    .qirp .body-ct .card-header.header-snip,
    .qirp .body-ct .g-title {
        background: none !important;
        background-image: none !important;
        border: 0 !important;
        border-bottom: 2px solid #004ccb !important;
        border-radius: 0 !important;
        padding: 0 0 8px !important;
        margin: 0 0 10px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .qirp .body-ct .card-header.header-snip .bt-titct,
    .qirp .body-ct .g-title .b-title,
    .qirp .body-ct .g-title .b-title-ev,
    .qirp .body-ct .g-title .bt-titct {
        border: 0 !important;
        color: #004ccb !important;
        font-size: 19px !important;
        font-weight: 700 !important;
        line-height: 26px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-transform: uppercase;
    }

    .qirp .body-ct .row { margin-left: 0 !important; margin-right: 0 !important; }

    .qirp .body-ct .row::before,
    .qirp .body-ct .row::after { display: none !important; }

    .qirp .body-ct .row > .col,
    .qirp .body-ct .row > [class*="col-"],
    .qirp .body-ct [class*="row-cols-"] > *,
    .qirp .body-ct .card-body,
    .qirp .body-ct .card-body > [class*="col"],
    .qirp .body-ct .top-lv2-new,
    .qirp .body-ct .divrelateCat,
    .qirp .body-ct .divitemtop {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .qirp .body-ct .card-body.topnew {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .qirp .body-ct .col.divitemtop,
    .qirp .body-ct .topnew > .col.newitem,
    .qirp .body-ct .col.top-lv2-new,
    .qirp .body-ct .col.divrelateCat,
    .qirp .body-ct .col.itemdocnhieu,
    .qirp .body-ct .col.itclhol,
    .qirp .body-ct .col.d-grid {
        margin: 0 !important;
        padding: 0 0 10px !important;
        border: 0 !important;
        border-bottom: 1px solid #d7dbe0 !important;
    }

    .qirp .body-ct .col.divitemtop:last-child,
    .qirp .body-ct .topnew > .col.newitem:last-child,
    .qirp .body-ct .col.top-lv2-new:last-child,
    .qirp .body-ct .col.divrelateCat:last-child,
    .qirp .body-ct .col.itemdocnhieu:last-child,
    .qirp .body-ct .col.itclhol:last-child,
    .qirp .body-ct .col.d-grid:last-child {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .qirp .body-ct .row.ct-inside > [class*="col"] + [class*="col"]:not(:has(.card-header)):not(:has(.g-title)) {
        padding-top: 10px !important;
        border-top: 1px solid #d7dbe0 !important;
    }

    .qirp .body-ct .row.ct-inside > [class*="col"] + [class*="col"]:is(:has(.card-header), :has(.g-title))::before {
        content: "";
        display: block;
        height: 8px;
        margin: 0 -10px 10px;
        background: #eef0f3;
    }

    .qirp .body-ct .heightvanban {
        height: auto !important;
        min-height: 0 !important;
    }

    .qirp .body-ct .col.d-grid { display: block !important; }

    .qirp .body-ct .col.d-grid > .width100 { display: none !important; }


    .qirp .body-ct .card-header.header-snip,
    .qirp .body-ct .g-title {
        padding: 2px 0 9px !important;
        margin: 0 !important;
        border-bottom: 2px solid #e6ebf1 !important;
        position: static !important;
    }

    .qirp .body-ct .card > .card-header.header-snip { margin-bottom: 10px !important; }

    .qirp .body-ct .row > .card-header.header-snip { margin-bottom: 0 !important; }

    .qirp .body-ct .col.hol-itct,
    .qirp .body-ct .card-body { padding-top: 0 !important; }

    .qirp .body-ct .txt-sl-lv2 { margin-top: 0 !important; }

    .qirp .body-ct .card-header.header-snip .bt-titct::before,
    .qirp .body-ct .g-title .b-title::before,
    .qirp .body-ct .g-title .b-title-ev::before,
    .qirp .body-ct .g-title .bt-titct::before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 18px;
        margin-right: 9px;
        vertical-align: -2px;
        border-radius: 2px;
        background: #004ccb;
    }

    .qirp .body-ct > .width100 > *:not(:empty) + *:not(:empty)::before,
    .qirp .body-ct .row.white-back > [class*="col"]:has(> .card) + [class*="col"]:has(> .card)::before {
        content: "";
        display: block;
        height: 8px;
        margin: 0 -10px 10px;
        background: #eef0f3;
    }

    .qirp .body-ct .row.white-back:has(> [class*="col"] > .text-more),
    .qirp .body-ct .card:has(.more-ctsn) {
        position: relative;
        padding-bottom: 55px !important;
    }

    .qirp .body-ct .text-more,
    .qirp .body-ct .more-ctsn {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        box-sizing: border-box;
        padding: 11px 18px !important;
        border: 1px solid #004ccb !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #004ccb !important;
        text-align: center;
        font-size: 0 !important;
        line-height: 1 !important;
        text-decoration: none;
    }

    .qirp .body-ct .text-more::after,
    .qirp .body-ct .more-ctsn::after {
        content: "Xem thêm  →";
        font-size: 14.5px;
        font-weight: 700;
        line-height: 21px;
    }

    .qirp .body-ct .text-more i,
    .qirp .body-ct .more-ctsn i { display: none !important; }

    .qirp .body-ct .more-ctsn[href="/"] { display: none !important; }

    .qirp .body-ct .card:has(> .card-header > .more-ctsn[href="/"]) { padding-bottom: 0 !important; }

    #CenterFootermb, .qifootermobile .container {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .qifootermobile .row { margin-left: 0 !important; margin-right: 0 !important; }
    .qifootermobile [class*="col-"] { max-width: 100% !important; flex: 0 0 100% !important; }
}

@media (max-width: 991.98px) {

    .qirp .body-ct .row.ct-inside > .col-sm-6,
    .qirp .body-ct .row.ct-inside > .lv2-block1 {
        margin-left: -10px !important;
        margin-right: -10px !important;
        width: calc(100% + 20px) !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .qirp .body-ct .row.ct-inside > .col-sm-6 {
        padding-top: 12px !important;
        background-color: #1a5f9e;
        background-image: linear-gradient(to bottom, #2273b8 0, #123a63 100%);
        background-color: color-mix(in srgb, var(--mau-md, #1a5f9e) 82%, #000 18%);
        background-image: linear-gradient(to bottom,
            color-mix(in srgb, var(--mau-md, #1a5f9e) 82%, #000 18%) 0,
            color-mix(in srgb, var(--mau-md, #1a5f9e) 45%, #0b1b2e 55%) 100%);
    }

    .qirp .body-ct .row.ct-inside > .lv2-block1 {
        padding-top: 10px !important;
        padding-bottom: 14px !important;
        background-color: #123a63;
        background-color: color-mix(in srgb, var(--mau-md, #1a5f9e) 45%, #0b1b2e 55%);
        background-image: linear-gradient(to bottom,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 0) calc(100% - 16px),
            #fff 100%);
    }

    .qirp .body-ct .row.ct-inside > .col-sm-6,
    .qirp .body-ct .row.ct-inside > .col-sm-6 a,
    .qirp .body-ct .row.ct-inside > .col-sm-6 h1,
    .qirp .body-ct .row.ct-inside > .col-sm-6 h2,
    .qirp .body-ct .row.ct-inside > .col-sm-6 h3,
    .qirp .body-ct .row.ct-inside > .col-sm-6 h4,
    .qirp .body-ct .row.ct-inside > .col-sm-6 h5,
    .qirp .body-ct .row.ct-inside > .lv2-block1,
    .qirp .body-ct .row.ct-inside > .lv2-block1 a,
    .qirp .body-ct .row.ct-inside > .lv2-block1 h1,
    .qirp .body-ct .row.ct-inside > .lv2-block1 h2,
    .qirp .body-ct .row.ct-inside > .lv2-block1 h3,
    .qirp .body-ct .row.ct-inside > .lv2-block1 h4,
    .qirp .body-ct .row.ct-inside > .lv2-block1 h5 { color: #fff !important; }

    .qirp .body-ct .row.ct-inside > .col-sm-6 .top-review,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .top-review { color: #d7dbe0 !important; }

    .qirp .body-ct .row.ct-inside > .col-sm-6 .hour-zone,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .hour-zone { color: #aeb4bb !important; }

    .qirp .body-ct .row.ct-inside > .col-sm-6 .divitemtop,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .divitemtop { border-color: rgba(255, 255, 255, .16) !important; }

    .qirp .body-ct .row.ct-inside > [class*="col"] + [class*="col"].lv2-block1.lv2-block1 {
        margin-top: 0 !important;
        border-top: 0 !important;
    }

    .qirp .body-ct .row.ct-inside > .col-sm-6 *,
    .qirp .body-ct .row.ct-inside > .lv2-block1 * { color: #fff !important; }

    .qirp .body-ct .row.ct-inside > .col-sm-6 .top-review,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .top-review { color: #dce3ea !important; }

    .qirp .body-ct .row.ct-inside > .col-sm-6 .hour-zone,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .hour-zone { color: #c8d2dc !important; }

    .qirp .body-ct .row.ct-inside > .col-sm-6 .morelink,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .morelink,
    .qirp .body-ct .row.ct-inside > .col-sm-6 .lesslink,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .lesslink {
        background: none !important;
        color: #9fd0ff !important;
        text-decoration: none !important;
    }

    .qirp .body-ct .row.ct-inside > .col-sm-6 .hour-zone,
    .qirp .body-ct .row.ct-inside > .lv2-block1 .hour-zone { color: #e2e8f0 !important; }

    .qirp .body-ct .row.ct-inside > .col-sm-6 img,
    .qirp .body-ct .row.ct-inside > .lv2-block1 img {
        border-radius: 8px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .3), 0 6px 16px rgba(0, 0, 0, .35);
    }
}

/* /App_Themes/all/allcss/qiUserLogin.css */
.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;
}