.breadCrumbs {
    background-color: #eee;
}

.breadCrumbs .wrap-content {
    padding: 0.75rem 0
}

.breadCrumbs .wrap-content .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0
}

.breadCrumbs .wrap-content .breadcrumb-item a {
    color: #212529
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
    color: var(--maincolor)
}

.catchuoi1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi4 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi5 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi6 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi7 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.catchuoi8 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.wrap-user {
    width: 100%;
    max-width: 550px;
    margin: auto;
    border: 1px solid #bce8f1;
    border-radius: 5px
}

.title-user {
    background-color: #cc0000;
    padding: 12px 15px;
    border-radius: 5px 5px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.title-user span {
    color: #ffffff
}

.title-user a {
    color: #0056b3;
    font-size: 12px
}

.form-user {
    padding: 20px 15px;
    border: 1px solid #c00;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.input-user {
    margin-bottom: 0.75rem
}

.input-user input {
    font-size: 14px
}

.button-user {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.button-user input {
    font-size: 14px
}

.checkbox-user,.radio-user {
    cursor: pointer
}

.checkbox-user input {
    top: calc(50% - 1.25rem / 2);
    height: auto
}

.checkbox-user label {
    font-size: 14px;
    cursor: pointer
}

.checkbox-user label::before,.checkbox-user label::after {
    top: calc(50% - 1rem / 2)
}

.radio-user {
    margin-right: 1rem
}

.radio-user:last-child {
    margin-right: 0px
}

.radio-user label::before,.radio-user label::after {
    top: calc(50% - 1rem / 2)
}

.note-user {
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding-top: 0.5rem
}

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

.left_info {
    width: 270px
}

.right_info {
    width: calc(100% - 280px)
}

.list_mananger {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #c00;
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.sty_list1, .sty_list {
    padding: 10px 0;
    margin-left: 10px;
    color: #000;
    cursor: pointer
}

.list_mananger li {
    border-bottom: 1px solid #d3d3d3
}

.left_info .title-user {
    background: #c00
}

.left_info .title-user span {
    color: #fff
}

.dong {
    position: relative;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    display: none
}

.mo {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    display: block
}

.sty_btn_info span,.button-user .sty_btn_info {
    padding: 5px 15px;
    border: 1px solid #c00;
    background: #c00;
    color: #fff;
    border-radius: 5px
}

.filter_block {
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 1rem;
    margin-bottom: 1rem
}

.filter_title {
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center
}

.filter_block ul {
    list-style: none;
    display: block
}

.filter_block ul li {
    margin: 0.5rem 0 0;
    display: block
}

.filter_block ul li a {
    color: #777;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer
}

.filter_block ul li a span {
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 1rem;
    height: 1rem;
    display: block;
    position: relative
}

.filter_block ul li a.checked span:after {
    content: '\2713';
    filter: brightness(0);
    font-size: 15px;
    position: absolute;
    top: -7px;
    right: -1px;
    z-index: 2
}

.filter_block ul li a i {
    width: 1rem;
    height: 1rem;
    border-radius: 3px
}

.cart-pro-detail .btn-success {
    background: var(--maincolor)!important;
    border-color: var(--maincolor)!important
}

.btn-load-more-comment-parent {
    background: var(--maincolor)!important;
    border-color: var(--maincolor)!important
}

.filter_title:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    margin-left: auto
}

div#danhmuc {
    border-bottom: none
}

div#danhmuc ul {
    list-style: none;
    padding: 0;
    margin: 0
}

div#danhmuc ul li {
    position: relative
}

div#danhmuc ul li:last-child {
    border: none
}

div#danhmuc ul li a {
    color: #454545;
    text-decoration: none;
    font-size: 16px;
    transition: 0.4s;
    display: block;
    border-bottom: 1px solid #DDD;
    padding: 6px 5px 6px 0px;
    font-family: 'Roboto'
}

div#danhmuc ul li a h2 {
    font-size: 15px
}

div#danhmuc ul li span {
    position: absolute;
    right: 6px;
    top: 0;
    display: block;
    width: 14px;
    height: 100%;
    background: url(../images/muiten-menu.png) no-repeat center;
    cursor: pointer;
    max-height: 44px;
    transition: 0.3s;
}

div#danhmuc ul li span.active {
    background: url(../images/muiten-menu-act.png) no-repeat center
}

div#danhmuc ul li a:hover,div#danhmuc ul li a.active {
    color: red;
    transition: 0.4s;
    text-decoration: underline
}

div#danhmuc ul li ul li a {
    padding: 9px 5px 9px 26px;
    font-family: inherit
}

div#danhmuc ul li ul li span {
    background: url(../images/muiten-menu.png) no-repeat
}

div#danhmuc ul li ul li ul li span {
}

div#danhmuc ul li ul {
    display: none
}

div#danhmuc ul li ul.show-ul-c2 {
    display: block
}

div#danhmuc ul li ul li ul li {
}

div#danhmuc ul li ul li ul li a {
    padding-left: 26px;
    color: #0193de
}

div#danhmuc ul li ul li ul li ul li {
}

div#danhmuc ul li ul li ul li ul li a {
    padding-left: 40px;
    color: #000;
    font-family: 'Roboto'
}

div#danhmuc ul li ul li ul li ul li ul li {
}

div#danhmuc ul li ul li ul li ul li ul li a {
    color: #0193de;
    font-family: 'Roboto'
}

.grid-pro-detail {
    margin-bottom: 3rem
}

.left-pro-detail {
    position: relative;
    text-align: center
}

.left-pro-detail .MagicZoom {
    border: 1px solid #eee;
    padding: 7px;
    border-radius: 5px;
    background-color: #ffffff
}

.gallery-thumb-pro {
    position: relative;
    margin-top: 10px
}

.owl-pro-detail {
    padding: 0px 30px
}

.control-pro-detail button {
    background-color: transparent;
    color: #222222;
    opacity: 1;
    width: 25px;
    font-size: 23px
}

.control-pro-detail button:hover {
    opacity: 0.7
}

.control-pro-detail button.owl-prev {
    left: 0px
}

.control-pro-detail button.owl-next {
    right: 0px
}

.thumb-pro-detail {
    display: block!important;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #ffffff
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
    border-color: #cecfd2
}

.thumb-pro-detail img {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-filter: brightness(100%)!important;
    filter: brightness(100%)!important;
    border-bottom: 0px!important;
    padding-bottom: 0px!important
}

.title-pro-detail {
    text-transform: capitalize;
    font-size: 20px;
    display: block;
    font-weight: 700
}

.social-plugin-pro-detail {
    margin-bottom: 1rem;
    margin-top: 0px!important
}

.desc-pro-detail {
    margin-bottom: 1rem;
}

.attr-pro-detail {
    list-style: none;
    padding: 0px
}

.attr-pro-detail li {
    margin-bottom: 0.5rem
}

.attr-label-pro-detail {
    margin: 0px 5px 0px 0px
}

.attr-label-pro-detail.d-block {
    display: block;
    margin: 0px 0px 5px 0px
}

.attr-content-pro-detail {
    display: inline-block;
    margin-bottom: 0px
}

.price-new-pro-detail {
    font-weight: 700;
    font-size: 20px;
    color: var(--maincolor)
}

.price-old-pro-detail {
    font-weight: 500;
    color: #6c757d;
    text-decoration: line-through;
    padding-left: 10px
}

.tags-pro-detail a {
    float: left;
    font-size: 13px;
    padding-bottom: 0.375rem;
    margin: 0px 5px 5px 0px
}

.tags-pro-detail a i {
    font-size: 11px;
    margin: 5px 5px 0px 0px
}

.tabs-pro-detail {
    margin-top: 2rem
}

.tabs-pro-detail .nav-tabs .nav-link {
    border-top-width: 3px;
    font-size: 13px;
    color: #000;
}

.tabs-pro-detail .nav-tabs .nav-link.active {
    border-top-color: var(--maincolor)
}

.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {
    border-top-color: #555555
}

.social-plugin {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.social-plugin .at-share-btn {
    margin-bottom: 0px!important
}

.social-plugin .zalo-share-button {
    margin-left: 3px;
    background: var(--maincolor) url(../images/zl-3.png) no-repeat center;
    background-size: 26px;
    border-radius: 5px;
}

.social-plugin a {
}

.social-plugin .zb-btn-blue--30x30 {
    background: none !important
}

.social-plugin .zb-btn-blue--30x30 i {
    background: none !important
}

.a2a_kit a span {
    /*background-color: var(--maincolor) !important*/
}

/*-----------------game-----------------*/
@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-Regular.ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-SemiBold.ttf");
    font-weight: 600;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-Bold.ttf");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-SemiBold.ttf");
    font-style: normal;
    font-weight: 600;
    font-display: block;
}
@font-face {
    font-family: 'UTM-Akashi';
    src: url("../fonts/UTM-Akashi.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Electrolize';
    src: url("../fonts/Electrolize-Regular.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'SFUAGBuch';
    src: url("../fonts/SFUAGBuchStencilBQMedium.TTF");
    font-style: normal;
    font-display: block;
}
:root {
    --third-family: 'Inter';
    --font3: 'Montserrat';
    --font4: 'UTM-Akashi';
    --font5: 'Electrolize';  
    --font6: 'SFUAGBuch';   
}
.wap_main_game {background: #0d1117;}
.header-game{position: relative;background: none;}
.header-game .header-top{position: relative;z-index: 9;}
.header-game .header-top .wrap-content{padding: 10px 0 7px 0;min-height: 40px;}
.header-game .if-hd,.header-game  .info-hd{width: 42%;}
.menu-game{position: relative;min-height: 142px;padding-top: 20px;background:url(../images/game/bg1.png) no-repeat center;background-size: 100% 100%;}
.menu-game:after{position:absolute;content:'';width: 100%;height: 30px;background:url(../images/game/hd1.png) no-repeat center;background-size: 100% 100%;left: 0;top: -5px;z-index: 9;}
.menu-game:before{position:absolute;content:'';width:150px;height:150px;background:url(../images/game/bg.png) no-repeat;left: 0;right: 0;top: -50px;margin: auto;z-index: 10;}
.menu-game .wrap-content{padding: 20px 0;position: relative;z-index: 999;}
.menu-game .menu-1{position: relative;z-index: 999;width: 42%;justify-content: space-between;}
.menu-game ul li a{font-family: var(--second-family);color: #fff;border: none;padding: 8px 25px;}
.menu-game ul li a:hover,.menu-game ul li a.active {color: var(--maincolor);border-color: unset;}
.menu-game ul li a:hover:before,.menu-game ul li a.active:before{display:none;}
.menu-game .logo-header{position: relative;z-index: 99;margin-top: -82px;}
.menu-game ul li.li-tim {margin-left:auto;}
.menu-game ul li.li-tim span {display: inline-block;border-radius: 0;border: 0;padding: 0;width: auto;height: auto;text-align: center;}
.menu-game ul li.li-tim i{display: block;color: #fff;background: none;text-align: center;line-height: 1.5;font-size: 16px;border-radius: 0;margin: 0;}
.menu-game.menu-fix{position:fixed;z-index: 99;background: #5c1112;box-shadow: 0 0 5px #fff;min-height: auto;padding: 0;}
.menu-game.menu-fix .wrap-content{padding: 0;}
.menu-game.menu-fix:after{display:none;}
.menu-game.menu-fix  .logo-header{margin: 0;}
.tieude-game{padding-bottom:20px;}
.tieude-game p{position: relative;color: var(--maincolor);font-family: var(--third-family);font-size: 15px;font-style: normal;font-weight: 700;text-transform: uppercase;line-height: 1.5;margin-bottom: 5px;} 
.tieude-game h2{color: #fff;font-family: var(--font4);font-size: 35px;font-style: normal;font-weight: normal;line-height: 1.5;text-transform: uppercase;margin-bottom: 0;}
.tieude-th {padding-bottom:20px;}
.tieude-th .tieude-game{padding-bottom:0;}
.xem-game{position: relative;display:inline-block;background:url(../images/game/xt2.png)no-repeat center;color: #BEBEBE;font-family: Roboto;font-size: 13px;font-style: normal;font-weight: 400;min-width: 239px;line-height: 58px;transition: 0.5s;}
.xem-game span{padding:0 35px;}
.xem-game i{display:inline-block;position: absolute;height: 24px;right: 45px;top: 0;bottom: 0;margin: auto;}
.xem-game:hover{color:var(--maincolor)}
.box-gameth-tc .tieude-game h2{text-transform:capitalize;}
.box-video-slider{position: relative;padding:40px 0 80px 0;}
.box-video-slider:before{position:absolute;content:'';width:100%;height:calc(100% + 40px);background:url(../images/game/bg2.png)no-repeat center;background-size:cover;top: -45px;left: 0;}
.box-video-slider:after{position:absolute;content:'';width:100%;height:35px;background:url(../images/game/td4.png)no-repeat center;background-size: 100% 100%;left: 0;bottom: -1px;z-index: 5;}
.video-slider #video{max-width:1290px;margin:0 auto;-webkit-mask-image: url(../images/game/bg5.png);mask-image: url(../images/game/bg5.png);-webkit-mask-size: 100%;mask-size: 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
.video-slider iframe{width:100%;}
#video {overflow: hidden;width: 100%;position: relative;height: 550px;}
#jf_main_video {top: -210%;right: -200%;left: -200%;bottom: -200%;margin: auto;position: absolute;}

.footer-game .footer-article {background: url(../images/game/bg4.png) no-repeat center;background-size: 100% 100%;}
.footer-game .footer-article .wrap-content {padding-top: 55px;}
.box-sukien-tc {padding: 70px 0 75px 0;font-family: var(--third-family);}
.item-sk {}
.item-sk .it-sk {position: relative;display: block;margin: 0 12px;background: #0F121C;clip-path: polygon(5.5% 0%, 100% 0, 100% 96.5%, 94.5% 100%, 0 100%, 0 5.5%);}
.item-sk .hinh_tt {position: relative;margin-bottom: 0;}
.item-sk .des_t {position: relative;padding: 25px 19px 70px 19px;}
.item-sk .time_tt{background: url(../images/game/bv1.png)no-repeat center left;color: #818181;font-family: var(--font5);font-size: 13px;font-style: normal;font-weight: 400;line-height: 25px;text-transform: uppercase;letter-spacing: 1px;padding-left: 25px;padding-top: 3px;margin-bottom: 12px;} 
.item-sk .name_tt {color: #F9F9F9;font-size: 20px;font-weight: 600; /* 125% */-webkit-line-clamp: 1;max-height: calc(27px*1);line-height: 27px;transition: 0.5s;margin-bottom: 0;}
.item-sk .name_tt:hover{color:var(--maincolor);}
.item-sk .des_tt {color: #7B7B7B;text-align: justify;font-size: 13px;font-style: normal;font-weight: 400;-webkit-line-clamp: 4;max-height: calc(30px*4);line-height: 30px;margin-top: 10px;}
.item-sk .view_tt {position: absolute;display: inline-block;color: #6B6B6B;font-size: 13px;font-weight: 400;right: 0;bottom: 0;}
.item-sk .view_tt i{display: inline-block;width: 45px;height: 49px;background: var(--maincolor);color: #fff;font-style: normal;font-size: 18px;text-align: center;line-height: 49px;margin-left: 10px;}
.item-sk .view_tt:hover {color: var(--maincolor);}
.chay-sukien {margin: 0 -12px;}
.chay-sukien.slick-dotted.slick-slider{margin-bottom: 0;padding-bottom: 35px;}
.chay-sukien .slick-dots{bottom:0}
.chay-sukien .slick-dots li{width: 40px;height: 1px;margin:2px 5px;}
.chay-sukien .slick-dots li button:before{display:none;}
.chay-sukien .slick-dots li button{width: 40px;height: 1px;padding: 0;background: #3A3A3A;}
.chay-sukien .slick-dots li.slick-active button{background: var(--maincolor);}

.box-ykien-game{position: relative;background:url(../images/game/bg3.png);padding: 90px 0 115px 0;}
.box-ykien-game:before{position:absolute;content:'';width:100%;height:35px;background:url(../images/game/td4.png)no-repeat center;background-size: 100% 100%;transform: rotateX(180deg);left: 0;top: -1px;}
.box-ykien-game:after{position:absolute;content:'';width:100%;height:35px;background:url(../images/game/td4.png)no-repeat center;background-size: 100% 100%;left: 0;bottom: -1px;}
.tieude-yk{text-align:center;color: #FFF;font-family: Roboto;font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;padding-bottom: 25px;}
.tieude-yk h2{color: #FFF;font-family: var(--font6);font-size: 27px;font-style: normal;font-weight: 500;text-transform: uppercase;line-height: normal;background: url(../images/game/td2.png) no-repeat center center;padding: 5px 15px;padding-top: 36px;min-height: 125px;min-width: 431px;margin-bottom: 0;}
.tieude-yk > div{padding:25px 0 0 0;}

.box-video-game{padding: 70px 0 50px 0;}
#video-game-slick{background:var(--maincolor);padding: 1px;clip-path: polygon(0 0, 96.5% 0, 100% 7%, 100% 100%, 0 100%);}
.load-video-game .chay-vd-t {}
.load-video-game .chay-vd-b {margin: 0 -5px;}
.load-video-game .item-duoi a{display:block;margin: 0 5px;position: relative}
.load-video-game .item-duoi a:before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/web/vd1.png) no-repeat center;cursor: pointer}
.load-video-game .item-duoi img {width: 100%;height: 110px;object-fit: cover;}
.load-video-game .item-video {position: relative}
.load-video-game .item-video a {position: relative;display: block;line-height: 0;cursor: pointer}
.load-video-game .item-video a img {object-fit: cover;height: 520px;width: 100%;background: #fff;clip-path: polygon(0 0, 96.7% 0, 100% 8.7%, 100% 100%, 0 100%);}
.load-video-game .item-video a:before {z-index: 1;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/game/vd1.png) no-repeat center center;}
.load-video-game {position: relative;padding: 10px;background: #0d1117;clip-path: polygon(0 0, 96.5% 0, 100% 7%, 100% 100%, 0 100%);}
.video-game-tc {padding: 18px 0 8px 0;}
.tieude-video{width: 31%;color: #FFF;text-align: justify;font-family: Roboto;font-size: 13px;font-style: normal;font-weight: 400;line-height: 1.7;padding: 0 15px 0 20px;}
.tieude-video h2{font-family: var(--font3);font-size: 45px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 10px;}
.video-game-nb{width: 69%;padding-left: 15px;}
.chay-ha{margin:0 -5px;padding-top: 20px;}
.chay-ha .album{margin:0}
.chay-ha .album a{display:block;margin:0 5px;}
.box-quangcao-2{}
.item-qc1{position:relative;}
.item-qc1:before{position:absolute;content:'';width:100%;height:35px;background:url(../images/game/td4.png)no-repeat center;background-size: 100% 100%;transform: rotateX(180deg);left: 0;top: -1px;}
.item-qc2{position:relative;max-width:1366px;margin:0 auto;}
.item-qc2:before{position:absolute;content:'';width:100%;height:35px;background:url(../images/game/td4.png)no-repeat center;background-size: 100% 100%;transform: rotateX(180deg);left: 0;top: -1px;}
.item-qc2:after{position:absolute;content:'';width:100%;height:35px;background:url(../images/game/td4.png)no-repeat center;background-size: 100% 100%;left: 0;bottom: -1px;}

.box-gameth-tc{padding: 50px 0 60px 0;}
.item-game {}
.item-game .it-game {position: relative;display: block;margin: 0 11px;}
.item-game .img_tt {position: relative;margin-bottom: 0;background:rgba(255, 255, 255, 0.10);padding: 1px;clip-path: polygon(5.5% 0%, 100% 0, 100% 89.5%, 94.5% 100%, 0 100%, 0 10.5%);}
.item-game .img_tt:before{position:absolute;content:'';width: 67px;height: 30px;border-top: 1px solid var(--maincolor);border-right: 1px solid var(--maincolor);right: 0;top: 0;opacity:0;transition: 0.5s;}
.item-game .img_tt:after{position:absolute;content:'';width: 67px;height: 30px;border-bottom: 1px solid var(--maincolor);border-left: 1px solid var(--maincolor);left: 0;bottom: 0;opacity:0;transition: 0.5s;}
.item-game .hinh_tt{margin-bottom: 0;padding: 9px;background: #0b0e12;clip-path: polygon(5.5% 0%, 100% 0, 100% 89.5%, 94.5% 100%, 0 100%, 0 10.5%);}
.item-game .hinh_tt p{margin-bottom: 0;clip-path:polygon(5.5% 0%, 100% 0, 100% 89.5%, 94.5% 100%, 0 100%, 0 10.5%)}
.item-game .des_t {position: relative;padding: 0;padding-top: 15px;}
.item-game .name_tt {color: #909090;text-align: center;font-family: Roboto;font-size: 15px;font-style: normal;font-weight: 400;-webkit-line-clamp: 1;max-height: calc(30px*1);line-height: 30px;transition: 0.5s;margin-bottom: 0;}
.item-game .name_tt:hover{color:var(--maincolor);}
.item-game:hover .img_tt:before,.item-game:hover .img_tt:after{opacity:1}
.chay-gameth{margin:0 -11px;}
.chay-gameth.slick-dotted.slick-slider{margin-bottom: 0;padding-bottom: 35px;}
.chay-gameth .slick-dots{bottom:0}
.chay-gameth .slick-dots li{width: 40px;height: 1px;margin:2px 5px;}
.chay-gameth .slick-dots li button:before{display:none;}
.chay-gameth .slick-dots li button{width: 40px;height: 1px;padding: 0;background: #3A3A3A;}
.chay-gameth .slick-dots li.slick-active button{background: var(--maincolor);}

.box-banggia-th{padding:30px 0 60px 0}
.banggia-lichthidau{position: relative;background: url(../images/game/ld5.png) no-repeat left top var(--maincolor);padding: 40px 42px 25px 0;margin-bottom: 12px;}
.banggia-lichthidau:before{position:absolute;content:'';width: 100%;height: 100%;background:url(../images/game/ld4.png)no-repeat center;background-size: 100% 100%;right: -10px;bottom: -10px;pointer-events: none;}
.left-tabloai{width: 15%;justify-content: center;gap: 25px;background: url(../images/game/ld3.png) no-repeat center bottom;padding-bottom: 65px;}
.right-tabloai{width: 85%;padding-bottom: 25px;}
.tieude-bg{width:100%;height: 165px;display: flex;justify-content: center;align-items: center;}
.td-bg{color: #FFF;font-family: var(--font6);font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;text-transform: uppercase;transform: rotate(-90deg);}
.td-bg p{font-size:27px;margin-bottom: 0;}
.page_tabloai {margin:0 -10px;}
.page_tabloai nav{display:none !important;}
.item-bg {width: calc(50% - 20px);margin: 0 10px;}
.item-bg .it-bg {position: relative;display: block;}
.item-bg .img_tt {position: relative;margin-bottom: 0;color: #FFF;font-family: var(--third-family);font-size: 13px;font-style: normal;font-weight: 400;line-height: normal;text-align: right;margin-top: 17px;justify-content: end;}
.item-bg .hinh_tt{margin-bottom: 0;}
.item-bg .hinh_tt p{margin-bottom: 0;clip-path:polygon(5.5% 0%, 100% 0, 100% 89.5%, 94.5% 100%, 0 100%, 0 10.5%)}
.item-bg .des_t {position: relative;padding: 7px 10px 10px 10px;background: #A02324;text-align: center;clip-path: polygon(3.5% 0, 100% 0, 100% 100%, 0 100%, 0 25%);margin-bottom: 8px;}
.item-bg .name_tt {color: #FFF;font-family: var(--font6);font-size: 27px;font-style: normal;font-weight: 500;line-height: normal;transition: 0.5s;-webkit-line-clamp: 1;margin-bottom: 0;}
.item-bg .name_tt:hover{}
.item-bg .desc_tt{background: url(../images/game/ld1.png) no-repeat left bottom;padding-left: 40px;padding-bottom: 8px;width: 418px;}
.item-bg .hl_tt{color: #FFF;font-family: var(--font6);font-size: 27px;font-style: normal;font-weight: 500;line-height: normal;padding-top: 5px;}

.box-banggia-qc{position:relative;max-width: 1366px;margin: 0 auto;}
.box-banggia-tab{position: absolute;border-bottom: 5px solid var(--maincolor);padding-bottom: 5px;width: 100%;left: 0;bottom: 0;}
.box-banggia-tab:before{position:absolute;content:'';width:100%;height:5px;background:var(--maincolor);bottom:5px;left:0;}
.list_monnb_tab {position: relative;display: block;text-align: center;}
.list_monnb_tab a {vertical-align: top;margin: 0 3px;padding: 5px 10px;padding-bottom: 35px;color: #FFF !important;font-family: var(--font6);font-size: 27px;font-style: normal;font-weight: 500;line-height: normal;cursor: pointer;transition: 0.2s;text-transform: uppercase;background: url(../images/game/td1.png) no-repeat center #9f1f20;min-width: 431px;min-height: 125px;justify-content: center;align-items: center;}
.list_monnb_tab a:hover , .list_monnb_tab a.active {color: #FFEB3B !important;}
.css_baiviet_ngang {}
.css_baiviet_ngang .item-game {width: calc(25% - 20px);margin:0 10px;margin-bottom: 20px;}
.css_baiviet_ngang .it-game{margin:0}
.css_baiviet_ngang .item-game .img_tt{background:#ddd}
.css_baiviet_ngang .item-game .hinh_tt{background:#fff}
.css_baiviet_ngang .item-game .des_t{padding-top:10px;}
.css_baiviet_ngang .item-game .name_tt{color:#333;-webkit-line-clamp: 2;max-height: calc(23px*2);line-height: 23px;}
.css_baiviet_ngang .item-game .name_tt:hover{color:var(--maincolor);}