.floating .vltkm_2021_mainsite_float_top .topnav__appicon {
  background: url(../contents_images/images/library/icon-new.png);
  background-size: cover;
}

.vltkm_2021_mainsite_news_event .inner .news_tab .tab__item,
.vlnh_2022_mainsite_main_sub_news .inner .main .news_tab .tab li .tab__item {
  color: #543509;
}

.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:first-child
  .tab__item.active,
.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:first-child
  .tab__item:hover,
.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:nth-child(2)
  .tab__item.active,
.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:nth-child(2)
  .tab__item:hover,
.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:nth-child(3)
  .tab__item.active,
.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:nth-child(3)
  .tab__item:hover,
.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:nth-child(4)
  .tab__item.active,
.vltkm_2021_mainsite_news_event
  .inner
  .news_tab
  .tab
  li:nth-child(4)
  .tab__item:hover {
  color: #c84223;
}

.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:first-child
  .tab__item.active,
.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:first-child
  .tab__item:hover,
.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:nth-child(2)
  .tab__item.active,
.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:nth-child(2)
  .tab__item:hover,
.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:nth-child(3)
  .tab__item.active,
.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:nth-child(3)
  .tab__item:hover,
.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:nth-child(4)
  .tab__item.active,
.vlnh_2022_mainsite_main_sub_news
  .inner
  .main
  .news_tab
  .tab
  li:nth-child(4)
  .tab__item:hover {
  color: #c84223;
  background: unset;
}

.vlnh_2022_mainsite_main_sub_detail_news .article__content h4 {
  line-height: 2;
}

.floating
  .vltkm_2021_mainsite_float_top
  .topnav__item
  + input
  + ul
  .topnav__item.active,
.floating
  .vltkm_2021_mainsite_float_top
  .topnav__item
  + input
  + ul
  .topnav__item:hover {
  background: #c84223;
}

.vlnh_2022_mainsite_main_sub_news .inner .title-header,
.vlnh_2022_mainsite_main_sub_detail_news .inner .title-header {
  color: #fff;
}

.vlnh_2022_mainsite_main_sub_detail_news
  .inner
  .main
  .subweb__aside
  .subweb__menu
  a
  .group__title
  .title__aside {
  font-size: 20px;
  color: #933e00;
  font-weight: 700;
  line-height: 1.5;
}

.vlnh_2022_mainsite_main_sub_detail_news .article__content img {
  width: revert-layer;
}

.kto_2023_landingramat_character,
.kto_2023_landingramat_character .inner,
.kto_2023_landingramat_character .section__background,
.kto_2023_landingramat_character .section__content {
  display: none;
}

.lor_2020_preregister_info,
.lor_2020_preregister_info .inner,
.lor_2020_preregister_info .section__background,
.lor_2020_preregister_info .section__content {
  display: none;
}

.vltkmax_2022_preregister_rank,
.vltkmax_2022_preregister_rank .inner,
.vltkmax_2022_preregister_rank .section__background,
.vltkmax_2022_preregister_rank .section__content {
  display: none;
}

.vltkm_2021_mainsite_footer .inner .footer {
  width: 90%;
}

.vltkm_2021_mainsite_footer .section__content {
  background: #111;
}

.vlnh_2022_mainsite_main_sub_detail_news .article__content table {
  margin: 20px auto;
}

.vlnh_2022_mainsite_main_sub_news .inner .main .news_pagination .pagination li {
  background: #894f07;
}

.footer__accept {
  margin-right: 23px;
  margin-top: -8px;
}

@media (orientation: portrait) {
  .vltkm_2021_mainsite_footer .inner .footer__icon {
    margin-bottom: 10px;
  }

  .floating .vltkm_2021_mainsite_float_top {
    background: url(../contents_images/images/library/mb-bg-topnav.jpg);
  }

  .vltkm_2021_mainsite_news_event .inner .news__viewall {
    background: #543509;
  }
}

.vlnh_2022_mainsite_main_sub_news .section__content .inner,
.vlnh_2022_mainsite_main_sub_detail_news .section__content .inner,
.vlnh_2022_mainsite_main_sub_result_search .section__content .inner {
  background: url("assets/mainsite/main_sub_news/images/bg.jpg") center top
    no-repeat #f1eee9;
}

.vlnh_2022_mainsite_main_sub_news .inner .title-header,
.vlnh_2022_mainsite_main_sub_detail_news .inner .title-header,
.vlnh_2022_mainsite_main_sub_result_search .inner .title-header {
  color: #fff;
}

.vltkm_2021_mainsite_header .inner .appinfo__item--topup {
  background-image: url(../contents_images/images/library/nap1.png);
  width: 256px;
  height: 87px;
  filter: brightness(1.25);
}

.vltkm_2021_mainsite_header .inner .appinfo__item--downgamepc {
  background-image: url(../contents_images/images/library/tai1.png);
  background-position: unset;
  width: 256px;
  height: 87px;
  filter: brightness(1.25);
}

.floating .vltkm_2021_mainsite_float_top .topnav__main .floatnav__dropdown {
      left: 10%;
    }

  #nav-right {
        position: absolute;
        z-index: 1000;
        top: 265px;
        right: 0%;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    #nav-right.close {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        right: 0;
    }

  .page {
    position: relative;
  }
    #nav-right .content {
        width: 217px;
        height: 498px;
        display: block;
        background: url(../contents_images/images/library/bg-navbar.png) no-repeat;
        padding-top: 25px;
        background-size: 100% 100%;
    }

    #nav-right .content ._block {
        position: relative;
        z-index: 1;
    }

    #nav-right .content ._block>p {
        text-align: center;
        margin-bottom: 15px;
    }

    #nav-right .content ._block>p a img {
        width: 170px;
    }
    #nav-right .content ._block>p a:hover img {
        filter: brightness(1.2);
    }

    #nav-right .content ._block div {
        width: 184px;
        margin: 6px auto 0;
    }

    #nav-right .content ._block div a {
        background: url(../contents_images/images/library/img-bnt-nav-2.png) no-repeat center top;
        width: 100%;
        height: 62px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-size: 100% 100%;
        margin: 4px auto;
        cursor: pointer;
    }

    
    #nav-right .content ._block div a:hover {
        background: url(../contents_images/images/library/img-bnt-nav-2.png) no-repeat center top;
        background-size: 100% 100%;
    }

    #nav-right .content ._block div a:hover span {
        color: #fff;
    }

    #nav-right .content ._block div a span {
        font-size: 17.19px;
        color: #ece2d4;
        font-family: "cambria";
        text-transform: uppercase;
        display: block;
        text-align: left;
        line-height: 18px;
    }

    #nav-right .content ._block div a i {
        background: url(../contents_images/images/library/icon-thieulam-1.png) no-repeat center center;
        width: 76px;
        height: 72px;
        display: block;
        margin: 0;
        background-size: contain;
    }

    #nav-right .content ._block div a.active p span {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    #nav-right .content ._block div a img {
        width: 81px;
    }

    #nav-right .content ._block div:nth-child(3) a i {
        background: url(../contents_images/images/library/icon-thienvuong-1.png) no-repeat center center;
        background-size: contain;
    }

    #nav-right .content ._block div:nth-child(4) a i {
        background: url(../contents_images/images/library/icon-ngamy-1.png) no-repeat center center;
        background-size: contain;
    }
    #nav-right .content ._block div:nth-child(5) a i {
        background: url(../contents_images/images/library/icon-auto-1.png) no-repeat center center;
        background-size: contain;
        width: 60px;
        height: 40px;
    }

    .i-control {
        cursor: pointer;
        position: absolute;
        top: 26%;
        left: -50%;
    }
    .i-control .i-txt {
        height: 129px;
        width: 134px;
        background: url("../contents_images/images/library/img-arrow-2.png") center center / 100% 100% no-repeat;
        display: block;
        transform: rotateZ(0);
        transition: 0.5s ease-in-out;
    }
    .i-control .i-txt:hover {
        filter: brightness(150%);
    }
    .i-control.i-control-open .i-txt{
        transform: rotateZ(180deg);
    }
      * {
        margin: 0;
        padding: 0;
      }

/*Edit*/
.floating .vltkm_2021_mainsite_float_top .topnav__item.defau:before {
    display: block;
    font-size: 0;
    background-image: url(../images/_sprites_1.png);
    background-position: -212px -72px;
    width: 28px;
    height: 24px;
}
.floating .vltkm_2021_mainsite_float_top .topnav__main .floatnav__dropdown {
    display: none !important;
}
.kto_2023_landingramat_info .inner .info__top .content .text-content table {border: none;}
.kto_2023_landingramat_info .inner .info__top .content .text-content table tr {
    display: grid;
    grid-template-columns: 35% 65%;
    margin-bottom: 10px;
    border: none;
}
.kto_2023_landingramat_info .inner .info__top .content .text-content table td {
  color: #fff;
  border: none;
  padding: 0;
}
.phantrang {
    margin-top: 30px;
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item {
  display: flex;
    flex-direction: column;
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-bottom: 1px solid #f0e0b9;
    padding: 0 15px;
    height: 70px;
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item:first-child {
    background-color: #ffedc1;
    font-family: var(--font-bold);
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item__title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-bottom: 1px solid #f0e0b9;
    padding: 0 15px;
    height: 70px;
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item a {
    font-size: 24px;
    color: #000;
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item:first-child a {
    color: #d62c15;
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item__time {
    color: #424242;
    font-family: Signika;
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item:hover {
    background-color: hsla(0,0%,100%,.4);
}
.vlnh_2022_mainsite_main_sub_news .inner .main .news_list .list_item .news_item:hover a {
    color: #d62c15;
}
.vlnh_2022_mainsite_main_sub_detail_news .article__time:before {display: none;}
.vltkm_2021_mainsite_header .inner .appinfo {
  top: 76%;
}

.vltkm_2021_mainsite_header .inner .appinfo .content-appinfo.custom {
  top: 90px;
}
#giftCodeButton {
    background-image: url(../contents_images/images/library/giftcode.png);
    background-position: unset;
    width: 256px;
    height: 87px;
    filter: brightness(1.25);
}
#giftCodeButton:not(.off):hover {
    cursor: pointer;
    pointer-events: all;
    filter: brightness(110%);
}
@keyframes blink {
  /*Hiệu ứng nhấp nháp*/
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shake {
  /*Hiệu ứng rung*/
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}
#giftCodeButton {
  /*animation: blink 1s infinite;*/
  animation: shake 0.5s infinite;
}
/*End Edit*/

@media only screen and (max-width: 1024px) {
    #nav-right {
        display: none;
    }
    
    #nav-right .content ._block div a {
        width: 50%;
        background-size: 100% 100%;
    }
}

@media only screen and (max-width: 750px) {
    #nav-right .content ._block div a {
        height: 50px;
    }
}