.nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6,
body {
    font-family: PingFangSC-Regular, sans-serif !important;
}

.content-link {
    background-color: #f3f3d0;
    padding         : 15px;
    border-radius   : 14px;
    margin-bottom   : 10px;
}

.header-bottom .container {
    justify-content: center;
    margin         : 0 auto;
    width          : -moz-max-content;
    width          : max-content;
    max-width      : 100%;
}

.header-bottom .nav>li {
    margin : 0;
    padding: 0 !important;
}

.header-bottom .nav>li>a {
    font-size     : 18px;
    font-weight   : 700;
    padding       : 0 15px;
    color         : #4d595e;
    letter-spacing: 0;
}

.header-bottom .nav>li>a:hover {
    color: #1b74f0 !important;
}

.nav-dark .nav>li.active>a {
    color: #1b74f0 !important;
}

a.link-button {
    background-color  : #3885a4 !important;
    display           : inline-block;
    color             : #fff;
    text-decoration   : none;
    margin            : 3px 0;
    border            : 0;
    -webkit-box-shadow: none;
    -moz-box-shadow   : none;
    box-shadow        : none;
    box-sizing        : border-box;
}

.link-button {
    border-radius: 9px;
    font-size    : 14px;
    padding      : 7px 9px;
    font-size    : 14px;
    line-height  : 19px;
    border       : 0;
}

a.link-button.icon-link:before {
    vertical-align        : middle;
    display               : inline-block;
    -webkit-font-smoothing: antialiased;
    margin-top            : -2px;
    padding-right         : 5px;
}

.icon-link:before {
    content    : "\f0da";
    font-family: "Font Awesome 5 Free";
    font-style : normal;
    font-weight: 700;
    font-size  : 14px;
}

.section__width {
    position: relative;
    z-index : 9;
}

.box__left__layout {
    float: left;
    width: calc(100% - 300px - 20px);
}

.box__right__layout {
    float: right;
    width: 300px;
}

.box__right__layout .widget {
    background   : #fff;
    padding      : 0;
    border-radius: 5px;
    border       : 0;
}

.box__right__layout .widget .widget-title {
    width           : 100%;
    display         : flex;
    background-color: #d26e4b;
    color           : #fff;
    text-transform  : uppercase;
    font-weight     : 500;
    margin-bottom   : 6px;
    font-size       : 14px;
    /* order-bottom : 2px solid #f7ea5c; */
    margin-bottom   : auto;
    display         : block;
    margin          : 0 0 10px 0;
}

.box__right__layout .widget .widget-title span {
    background: #0d69c3;
    padding       : 10px 20px 8px 20px;
    color: #fff;
    position      : relative;
    display       : inline-block;
    margin        : 0;
    margin        : 0;
    font-size     : 16px;
    line-height   : 22px;
    display       : inline-block;
    text-transform: uppercase;
}

.box__right__layout .widget .widget-title span:after,
#shop-sidebar .widget .widget-title span:after {
    content      : "";
    width        : 0;
    height       : 0;
    border-top   : 40px solid transparent;
    border-left: 20px solid #0d69c3;
    border-bottom: 0 solid transparent;
    border-right : 0 solid transparent;
    position     : absolute;
    top          : 0;
    right        : -20px;
}


.widget .is-divider {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .box__left__layout {
        width: 100%;
    }

    .box__right__layout {
        width: 100%;
    }
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
    color: #4d595e;
}
.header-bottom{
	    border-top: 6px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg,#1b74f0 0,#61ceff 100%);
}
.header-button span {
    color: #fff;
}
section.gamebg{
	    align-items: start;
	    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 1913px 800px;
    height: 800px;
    width: 100%;
}

section.tower{
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 1913px 900px;
    width: 100%;
}
.header-main {
    background: linear-gradient(90deg, #1b74f0 0, #005e98 53.48%, #1b74f0 96.87%);
}

.header-bottom-nav li {
    padding   : 0 10px !important;
    text-align: center;
}

.header-nav-main .button {
    /* background   : linear-gradient(92.79deg, #61cfff 1.31%, #1b74f0 100%); */
    border-radius: 8px;
    color        : #fff;
    cursor       : pointer;
    display      : block;
    font-size    : 15px;
    font-weight  : 700;
    height       : 40px;
    line-height  : 40px;
    margin-left  : 10px;
    text-align   : center;
    width        : 134px;
}

.header-button-1 a {
    background-image : url(../images/blue_btn.png);
    background-repeat: no-repeat;
    background-size  : 100% 100%;
}

.header-button-2 a {
    background-image : url(../images/red_btn.png);
    background-repeat: no-repeat;
    background-size  : 100% 100%;
}

/* dot slide */
.section-pc-slide .flickity-page-dots {
    bottom  : 18px;
    height  : 16px;
    position: absolute;
    z-index : 18;
}

.section-pc-slide .flickity-page-dots li {
    background-color: #deedfb;
    border-radius   : 12px;
    box-shadow      : inset 0 2px 2px rgba(190, 215, 239, 0.6);
    height          : 12px;
    margin          : 0 8px;
    width           : 12px;
}

.section-pc-slide .flickity-page-dots .dot {
    border       : 0;
    border-radius: 50%;
    cursor       : pointer;
    display      : inline-block;
    height       : 16px;
    margin       : 0 5px;
    opacity      : .4;
    transition   : opacity .3s;
    width        : 16px;
}

.section-pc-slide .flickity-page-dots .dot.is-selected {
    background   : linear-gradient(180deg, #61ceff 0, #1b75f0 100%);
    border-radius: 16px;
    height       : 16px;
    width        : 16px
}

.notice {
    background   : #291717;
    border       : 1px solid #fcefd5;
    border-radius: 8px;
    height       : 40px;
    max-width    : 1200px;
    margin       : auto;
    line-height  : 38px;
}

.notice .icon {
    background-size    : cover;
    height             : 30px;
    margin-left        : 10px;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
    width              : 30px;
}

.notice .icon-box-img img {
    padding-top: 0 !important;
}

.notice .icon-box-text {
    height     : 100%;
    line-height: 40px;
    margin     : 0 10px;
    overflow   : hidden;
    position   : relative;
    width      : calc(100% - 60px);
}

.notice .marquee p {
    color      : #f1db91;
    font-size  : 14px;
    height     : 100%;
    line-height: 40px;
    margin     : 0 10px;
    overflow   : hidden;
    position   : relative;
}

.row-heading {
    margin: 0 auto;
}

.heading-img {
    height     : 25px;
    line-height: 5;
    user-select: none;
}

.rotate-y {
    transform: rotateY(180deg) scale(1) !important;
}

.linear-text {
    background             : linear-gradient(180deg, #fcefd5, #e3bb83);
    -webkit-background-clip: text;
    color                  : transparent;
}

h2.linear-text {
    background             : linear-gradient(180deg, #fcefd5, #e3bb83);
    -webkit-background-clip: text;
    color                  : transparent;
}

p.text-white {
    font-size : 26px;
    height    : 32px;
    margin-top: 9px;
    text-align: center;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}


/*Game featured*/
.big_item .item_cont {
    border-radius: 10px;
    height       : 218px;
    left         : 2px;
    overflow     : hidden;
    position     : absolute;
    top          : 2px;
    width        : 382px;
}

.big_item .item_cont .item_bj {
    height    : 100%;
    transition: transform .3s;
    width     : 100%;
}

.big_item {
    cursor             : pointer;
    background-image   : url(../../inc/shortcodes/home_border_big.png);
    background-position: 50%;
    background-repeat  : no-repeat;
    background-size    : cover;
    filter             : drop-shadow(0 6px 12px var(--cg-shadow-color1));
    height             : 225px;
    position           : relative;
    transition         : transform .3s;
    width              : 386px;
}

.big_item .item_cont .item_but {
    background-image   : url(../../inc/shortcodes/home_but.png);
    background-position: 50%;
    background-repeat  : no-repeat;
    background-size    : cover;
    bottom             : 0;
    height             : 50px;
    left               : 0;
    position           : absolute;
    text-transform     : uppercase;
    width              : 382px;
    z-index            : 9;
}

.font24 {
    font : 700 24px Arial;
    color: #1b75f0;
}

.flex-middle {
    align-items    : center;
    display        : flex;
    justify-content: center;
}

.big_item .figure {
    bottom    : 12px;
    left      : 0;
    position  : relative;
    transition: transform .3s;
    width     : 100%;
}

.big_item:hover {
    transform: translateY(-10px);
}

.big_item:hover .figure,
.big_item:hover .item_bj {
    transform: scale(1.1)
}

/*box game*/
.small_item {
    background-image   : url(../images/home_border_small.png);
    background-position: 50%;
    background-repeat  : no-repeat;
    background-size    : cover;
    filter             : drop-shadow(0 6px 12px rgba(190, 219, 239, .6));
    height             : 234px;
    position           : relative;
    transition         : transform .3s;
    width              : 224px;
}

.small_item .item_cont .item_but {
    background-image   : url(../images/home_but_s.png);
    background-position: 50%;
    background-repeat  : no-repeat;
    background-size    : cover;
    bottom             : 0;
    height             : 50px;
    left               : 0;
    text-transform     : uppercase;
    position           : absolute;
    width              : 220px;
    z-index            : 9;
}

.small_item .item_cont {
    border-radius: 10px;
    height       : 220px;
    left         : 2px;
    overflow     : hidden;
    position     : absolute;
    top          : 11px;
    width        : 220px;
}

.small_item .item_cont .item_bj {
    height    : 100%;
    transition: transform .3s;
    width     : 100%;
}

.small_item .figure {
    bottom    : 0;
    left      : 0;
    position  : relative;
    transition: transform .3s;
    width     : 100%;
}

.small_item:hover .figure,
.small_item:hover {
    transform: translateY(-10px)
}

.small_item:hover .item_bj {
    transform: scale(1.1)
}

/*Box title*/
.box-title .box-title-wrap {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.box-title .box-title-wrap h2 {
    font-size          : 32px;
    height             : 41px;
    margin             : 0 auto;
    color              : #1b75f0;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
}

.box-title .box-title-wrap p {
    font          : 400 15px "Arial";
    height        : 32px;
    text-transform: uppercase;
    color         : #4d595e;
    text-align    : center;
    margin-bottom : 0;
}

.box-title .box-title-wrap .heading-img {
    height             : 25px;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
    width              : 412px;
}

.box-title .box-title-wrap .box-title-content {
    margin: 0 10px;
}

.box-title .box-title-wrap b {
    height             : 25px;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
    background-image   : url("../images/i_title3.png");
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center right;
    background-color   : transparent;
    opacity            : 1;
}

.box-title .box-title-wrap b.b-right {
    transform: rotateY(180deg) scale(1) !important;
}

/*Box counter*/

.pos-a {
    position: absolute;
}

.box-counter {
    display            : flex;
    align-items        : center;
    flex-direction     : column;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
}

.box-counter .progress {
    position        : relative;
    background-color: #fff;
    border-radius   : 50%;
    height          : 140px;
    margin-bottom   : 16px;
    overflow        : hidden;
    width           : 140px;
}

.box-counter .progress .pos-a {
    z-index: 1;
}

.box-counter .progress .counter {
    position : absolute;
    z-index  : 1;
    color    : #1b75f0;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
    font     : 700 36px "Arial";
}

.box-counter .progress .counter .wp_cup_suffix {
    color: #61ceff;
    font : 400 15px "Arial";
}

.box-counter .progress svg[data-v-7e647de6] {
    transform: rotate(90deg);
}

.box-counter .progress .svg-progress-small[data-v-7e647de6] {
    animation: rotate-small-7e647de6 1.2s linear both;
}

.box-counter .progress .svg-progress-big[data-v-7e647de6] {
    animation: rotate-big-7e647de6 1.2s linear both;
}

.box-counter-title {
    text-transform: uppercase;
    color         : #4d595e !important;
    margin-bottom : 12px;
    font-size     : 18px;
    line-height   : 1;
    text-align    : center;
}

.box-counter-sub-title {
    font-size : 15px;
    color     : #8297a5 !important;
    text-align: center;
}

@keyframes rotate-big-7e647de6 {
    0% {
        stroke-dashoffset: 314px
    }

    to {
        stroke-dashoffset: 157px
    }
}

@keyframes rotate-small-7e647de6 {
    0% {
        stroke-dashoffset: 239px
    }

    to {
        stroke-dashoffset: 100px
    }
}


/*box-text icon*/
.home_desc {
    cursor          : pointer;
    align-items     : center;
    background-color: #eef7ff;
    border-radius   : 12px;
    box-shadow      : inset 0 6px 12px rgba(190, 215, 239, .6);
    display         : flex;
    flex-direction  : column;
    height          : 334px;
    justify-content : flex-start;
    margin-top      : 60px;
    padding         : 24px;
    transition      : transform .3s;
    width           : 100%;
}

.home_desc:hover {
    transform: scale(1.05)
}

.home_desc .app-image {
    display: block;
    width  : 100%;
}

.home_desc .title {
    color        : #1b75f0;
    font         : 700 18px "Arial";
    margin-bottom: 30px;
}

.home_desc .desc {
    color      : #4d595e;
    font       : 400 13px "Arial";
    line-height: 18px;
}

/*Mobile*/
.section-mobile .notice {
    height       : 0.5rem;
    color        : rgb(224, 189, 106);
    background   : rgb(41, 23, 23);
    border       : 1px solid rgb(252, 239, 213);
    border-radius: 4px;
}

.section-mobile .notice .icon {
    height     : 0.35rem;
    width      : 0.35rem;
    line-height: 1.8;
}

.section-mobile .notice .marquee p {
    font-size  : .24rem;
    color      : rgb(224, 189, 106);
    line-height: 0.5rem;
}

/*Banner dowload*/
#top-bar .container {
    padding: 0;
}

.w100 {
    width: 100%;
}

.app-download-bar {
    top                    : 0;
    height                 : 1.24rem;
    z-index                : 9;
    padding                : 0 0.26rem;
    background-repeat      : no-repeat;
    background-size        : 100% 100%;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    align-items            : center;
}

.app-download-bar .home-close {
    width : 0.5rem;
    height: 0.5rem;
    margin: 0.26rem 0.26rem 0.26rem 0;
}

.app-download-bar .down-load-btn {
    width        : 1.85rem;
    height       : 0.7rem;
    border-radius: 0.25rem;
    padding      : 0 0.2rem;
    font-size    : .26rem;
    margin-left  : 0.1rem;
}

/*Box login*/

.row-login-menu-game button {
    margin-bottom: 1.866667vw;
}

.row-login-menu-game,
.use_left {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between;
}

.row-login-menu-game .pr26 {
    padding-right: 3.466667vw;
}

.row-login-menu-game>.col>.col-inner {
    background-repeat      : no-repeat;
    background-size        : 100% 100%;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    position               : relative;
    width                  : 100%;
    height                 : 18.666667000000004vw;
    font                   : 700 2.933333vw Arial,
        "Arial",
        Helvetica,
        sans-serif;
    color: #4d595e;
}

.use_left {
    width                 : 41.866667vw;
    height                : 100%;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    flex-direction        : column;
}

.blue_but {
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : flex;
    -webkit-box-align  : center;
    -webkit-align-items: center;
    align-items        : center;
    width              : 100%;
    height             : 8.8vw;
    background-image   : url(../images/blue_btn.png);
    background-repeat  : no-repeat;
    background-size    : 100% 100%;
}

.cg-button {
    height       : 11.733333vw;
    border-radius: 2.133333vw;
    font         : 700 4vw Arial, "Arial", Helvetica, sans-serif;
    color        : #fff;
    border       : none;
}

.use_left .icon {
    position: relative;
    top     : 0.533333vw;
}

.orange_but {
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : flex;
    -webkit-box-align  : center;
    -webkit-align-items: center;
    align-items        : center;
    width              : 100%;
    height             : 8.8vw;
    background-image   : url(../images/orange_but.png);
    background-repeat  : no-repeat;
    background-size    : 100% 100%;
}

.orange_but .cg_icon {
    margin-left: 1.666667vw;
}

.blue_but .cg_icon {
    margin-left: 1.666667vw;
}

.use_right[data-v-2b6f13cf] {
    -webkit-box-flex       : 1;
    -webkit-flex           : 1;
    flex                   : 1;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between;
}

.use_right_item[data-v-2b6f13cf] {
    position: relative;
}

.shadow[data-v-2ae48b5f] {
    -webkit-filter: drop-shadow(rgba(190, 215, 239, 0.6) 0.266667vw 0.266667vw 1.066667vw);
    filter        : drop-shadow(rgba(190, 215, 239, 0.6) 0.266667vw 0.266667vw 1.066667vw);
}

.use_right_item .text[data-v-2b6f13cf] {
    width     : 9.6vw;
    text-align: center;
    margin-top: 2.533332999999999vw;
    color     : #4d595e;
}


/*footer*/

.ai-c {
    align-items: center;
}

.jc-sb {
    justify-content: space-between;
}

.flex {
    display: flex;
}

footer {
    background-color: #2f3742;
    width           : 100%;
    padding         : 22px 0 36px;
}

.footer_content .column {
    align-items    : center;
    border-bottom  : 1px solid #4d595e;
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    padding-bottom : 6px;
}

.footer_content .logo_icon {
    height       : 48px;
    margin-bottom: 14px;
}

.footer_content .describe {
    height    : 50px;
    margin-top: 18px;
}

.text {
    color      : #caddee;
    font-size  : 13px;
    font-weight: 400;
    text-align : center;
}

#footer .certificate {
    display      : flex;
    margin-bottom: 40px;
    margin-top   : 4px;
}

#footer .certificate_item {
    align-items    : center;
    display        : flex;
    flex           : 1;
    flex-direction : column;
    justify-content: center;
}

#footer .certificate_item_img {
    height       : 64px;
    margin-bottom: 8px;
}

.footer_content {
    width : 1200px;
    margin: auto;
}

.absolute-footer ul.footer-nav {
    margin         : 0 auto;
    align-items    : center;
    justify-content: space-between;
    display        : flex;
    width          : 800px;
    padding        : 0 !important;
}

ul.footer-nav.links li {
    margin: 0;
}

ul.footer-nav.links li a {
    color              : #a4a4a4;
    font-size          : 12px;
    text-align         : center;
    transition         : all .5s linear;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
    letter-spacing     : 0;
    text-transform     : initial;
}

ul.footer-nav.links li a:hover {
    color: #fff;
}

.copyright-footer {
    margin             : 12px 0 16px;
    color              : #a4a4a4;
    font-size          : 12px;
    text-align         : center;
    transition         : all .5s linear;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
}

.absolute-footer {
    padding-bottom: 60px;
}

/* service */
.customer-service .close-btn[data-v-3e6fbd0f] {
    background         : url(../images/i_closebg.png) no-repeat;
    background-position: 50%;
    background-size    : 100% 100%;
    cursor             : pointer;
    height             : 50px;
    margin             : 0 auto;
    padding-left       : 16px;
    padding-top        : 8px;
    transform          : scale(.8);
    width              : 50px;
}

/*Image hover*/
.nav-dropdown-has-border .nav-dropdown {
    border: 0 !important;
}

header .has-dropdown .icon-angle-down {
    display: none !important;
}

.section-menu {
    box-shadow: 0 10px 12px 0 rgb(0 0 0 / 10%);
    height    : 320px;
    padding   : 0;
}

.section-menu * {
    height: 100%;
}

.box-image-hover {
    background-size: contain;
    cursor         : pointer;
    opacity        : 1;
    position       : relative;
    transition     : all .3s ease;
    flex           : 1;
    align-items    : center;
    justify-content: center;
    display        : flex;
}

.box-image-hover a img {
    height   : 100%;
    left     : 50%;
    position : absolute;
    top      : 50%;
    transform: translate(-50%, -50%);
}

.box-image-hover img.img-hover {
    display: none;
}

.box-image-hover:hover img.img-hover {
    display: block;
}

.maintain[data-v-5759cdfd] {
    align-items    : center;
    box-sizing     : border-box;
    cursor         : no-drop;
    display        : flex;
    height         : 100%;
    justify-content: center;
    left           : 0;
    position       : absolute;
    top            : 0;
    width          : 100%;
    z-index        : 1;
}

.maintain ._center[data-v-5759cdfd] {
    align-items     : center;
    background-image: linear-gradient(90deg, rgba(20, 9, 9, .8), rgba(41, 23, 23, .8));
    border          : 2px solid #fcefd5;
    border-radius   : 18px;
    display         : flex;
    flex-direction  : column;
    height          : 247px;
    justify-content : center;
    max-width       : 360px;
    text-align      : center;
    width           : 86%;
}

.maintain.maintain-2 ._center[data-v-5759cdfd] {
    border         : 0.02667rem solid #fcefd5;
    border-radius  : 0.18rem;
    background     : -webkit-gradient(linear, left top, right top, from(rgba(20, 9, 9, .8)), to(rgba(41, 23, 23, .8)));
    background     : -webkit-linear-gradient(left, rgba(20, 9, 9, .8), rgba(41, 23, 23, .8));
    background     : linear-gradient(90deg, rgba(20, 9, 9, .8) 0, rgba(41, 23, 23, .8));
    color          : #fff;
    justify-content: center;
    padding        : 0.25rem 0.25rem 0;
    width          : 100%;
    height         : 100%;
}

.maintain p {
    margin-bottom: 0;
    height       : auto;
}

.maintain img {
    height: auto;
}

.menu__icon a,
.menu__icon {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    flex-direction         : column;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-box-flex       : 1;
    -webkit-flex           : 1;
    flex                   : 1;
    color                  : #989898;
    text-align             : center;
}

.menu__icon .menu-icon {
    width            : .84rem;
    height           : 0.84rem;
    background-size  : 0.84rem 0.84rem;
    background-repeat: no-repeat;
}

.menu__icon .menu-text {
    font-size  : .17rem;
    line-height: .23rem;
    color      : #000000;
}

/*tab slider*/
.tab-mb-new .tabbed-content {
    flex-flow: unset;
}

.tab-mb-new .nav.nav-vertical {
    width      : 19.2vw;
    padding-top: 1em;
    overflow   : hidden;
    overflow-y : auto;
    height     : 110vw;
}

.tab-mb-new .tab {
    width        : 100%;
    height       : 14.666667vw;
    margin-bottom: 2.133333vw !important;
}

.tab-mb-new .tabbed-content .nav li>a:before {
    background-color : transparent;
    content          : '';
    left             : 7.866667vw;
    width            : 13.6vw;
    height           : 14.666667vw;
    position         : relative;
    background-repeat: no-repeat;
    background-size  : 1rem 1rem;
    opacity          : 1 !important;
    -webkit-filter   : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter           : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .nav-vertical>li+li {
    border-top: none;
}

.tab-mb-new .tabbed-content .nav li>a span {
    visibility: hidden;
}

.tab-mb-new .tab-panels {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    flex            : 1;
    overflow-x      : auto;
    height          : 110vw;
}

.tab-mb-new .tab-panels::-webkit-scrollbar {
    display: none;
}

.tab-mb-new .tab-img-item {
    margin-bottom: 2.333333vw;
    border-radius: 2.133333vw;
    overflow     : hidden;
}

html::-webkit-scrollbar {
    display: none
}

.tab-mb-new .nav.nav-vertical::-webkit-scrollbar {
    display: none
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(1) a:before {
    background-image: url(../images/i_h_hot.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(2) a:before {
    background-image: url(../images/i_casino.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(3) a:before {
    background-image: url(../images/i_thethao.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(4) a:before {
    background-image: url(../images/i_lode.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(5) a:before {
    background-image: url(../images/i_nohu.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(6) a:before {
    background-image: url(../images/i_gamebai.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(7) a:before {
    background-image: url(../images/i_banca.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(8) a:before {
    background-image: url(../images/i_daga.png);
}

.tab-mb-new .tabbed-content .nav li:nth-of-type(9) a:before {
    background-image: url(../images/i_esports.png);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(1) a:before {
    background-image: url(../images/i_h_hot_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(2) a:before {
    background-image: url(../images/i_casino_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(3) a:before {
    background-image: url(../images/i_thethao_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(4) a:before {
    background-image: url(../images/i_lode_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(5) a:before {
    background-image: url(../images/i_nohu_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(6) a:before {
    background-image: url(../images/i_gamebai_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(7) a:before {
    background-image: url(../images/i_banca_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(8) a:before {
    background-image: url(../images/i_daga_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.tab-mb-new .tabbed-content .nav li.active:nth-of-type(9) a:before {
    background-image: url(../images/i_esports_act.png);
    -webkit-filter  : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
    filter          : drop-shadow(rgba(118, 171, 214, 0.4) 0px 0.666667vw 1.333333vw);
}

.section-tab-slider .tab-panels .panel:not(.active) {
    display   : block;
    height    : auto;
    opacity   : 1;
    overflow  : hidden;
    padding   : 0;
    visibility: visible;
}

.section-tab-slider .slick-arrow {
    display: none !important;
}

.section-tab-slider .bg-fill {
    background-size: 100% !important;
}

/*responsive*/
@media screen and (min-width: 850px) {
    .row-5-col .col {
        flex-basis: 20%;
        max-width : 20%;
    }
}

@media (max-width: 849px) {
    html {
        font-size: 13.33333333vw;
    }

    body {
        font-size     : .24rem;
        padding-bottom: 1.2rem !important;
    }

    #logo {
        width    : auto !important;
        max-width: 170px;
    }

    #footer,
    .chat-icon[data-v-0dee5dec],
    .customer-service[data-v-41915ee4] {
        display: none !important;
    }

    .customer-service[data-v-3e6fbd0f] {
        display: none !important;
    }

    .gif-pop[data-v-0ca39a4c] {
        right: 0 !important;
    }

    .gif-pop .close[data-v-0ca39a4c] {
        right: 35px !important;
        top  : 0 !important;
    }

    .header-main li.html.custom {
        display: block !important;
    }

    header .header-main {
        width              : 100%;
        height             : 1.2rem;
        position           : fixed;
        left               : 0;
        bottom             : 0;
        background         : #f8fcff;
        z-index            : 5;
        -webkit-box-align  : center;
        -webkit-align-items: center;
        align-items        : center;
    }

    .mobile-nav {
        display: block !important;
    }

    #header #logo img {
        max-height: 0.84rem;
    }

    #header .logo a:after {
        content    : 'TRANG CHỦ';
        color      : #000000;
        font-weight: 700;
        font-size  : .17rem;
        line-height: .23rem;
        display    : block;
    }

    .gif-pop .gift-activity .to-completion[data-v-0ca39a4c] {
        width: 1.8rem !important;
    }
}
.text-info h2, h3 {
    color: #1b75f0;
}


.text-info p, span, ul li, ol li {
    color: #4d595e;
}
.text-info ul li, ol li {
    list-style:none;
}
.text-info {
    text-align: inherit;
}