@charset "UTF-8";

.icons_sub_menu_android {
    width: 20px;
    height: 25px;
    background-position: -1690px -2px;
}

.icons_sub_menu_ios {
    width: 19px;
    height: 23px;
    background-position: -1774px -27px;
}

html,
body {
    min-width: 1000px;
}

    html *,
    body * {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
    }

.container {
    min-width: 1000px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 19px;
}

@media screen and (max-width: 1440px) {
    #liveScore .live-score-container {
        width: 100% !important;
    }

    .liveScore-container {
        width: 100% !important;
    }

    .livetv-container {
        width: unset !important;
        min-width: 980px !important;
    }

    #livetvpage > .livetv-container {
        width: unset !important;
    }

    #scr888 .scr-container {
        width: 99% !important;
    }
}

@media screen and (max-width: 1500px) {
    #brSportpage .brSportContainer {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media screen and (max-width: 1400px) {
    .slotMain .slotGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
    }

    .slotGameList .imgItem .text {
        width: 87% !important;
    }

    .slotGameList .imgItem .img {
        width: 96.4% !important;
    }

        .slotGameList .imgItem .img > img {
            width: 100% !important;
            height: 174px !important;
        }

    .slotGameList .slotGameList_top .swiper {
        width: 100% !important;
    }

    #cmdpage .cmdmain .cmdmainright,
    #brSportpage .brSportmain .brSportmainright {
        display: none;
    }

    #cmdpage .cmdmain {
        justify-content: center;
    }

    #cmdpage .cmdContainer {
        width: 100% !important;
    }

    #cmdpage .cmd iframe {
        width: 1020px !important;
    }

    #brSportpage .brSport iframe {
        height: 934px !important;
    }

    .games-container > .brSportContainer .brSport {
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 1443px) {
    .casinoGameList .topimgItem > div:nth-child(3n) {
        margin-right: 20px !important;
    }

    #brSportpage .brSportContainer {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1370px) {
    .recommendedContent .recommendedBottom {
        justify-content: space-between !important;
    }

        .recommendedContent .recommendedBottom .bigItem {
            flex-grow: 1 !important;
        }

            .recommendedContent .recommendedBottom .bigItem .detail {
                flex-grow: 1 !important;
                justify-content: flex-start !important;
            }

                .recommendedContent .recommendedBottom .bigItem .detail > div {
                    margin-right: unset !important;
                    flex-basis: auto;
                    flex-grow: 1 !important;
                }
}

@media screen and (max-width: 1360px) {
    .slotTabPage .tabPage {
        width: 100% !important;
    }

    .slotMain .slottabAndSearchBox .slotTabPage {
        width: 75% !important;
    }

    .liveTvWatchList .liveTvWatchItem .tr.tr3 .teamname {
        font-size: 14px !important;
    }

    .top-first-hr {
        flex-basis: 83% !important;
    }

    .top-mid-hr {
        flex-basis: 6.5% !important;
    }

    .top-last-hr {
        flex-basis: 9.5% !important;
    }
}

@media screen and (max-width: 1300px) {
    html, body {
        height: calc(100%) !important;
    }

    .portal-common-banner,
    .portal-home-banner {
        min-height: unset !important;
    }

    .bannerInner {
        background-size: contain !important;
        height: unset !important;
    }

    .sliderBanner .slider img {
        min-width: 100%;
        height: calc(50%) !important;
    }

    .top-first-hr {
        flex-basis: 81% !important;
    }

    .top-mid-hr {
        flex-basis: 6.5% !important;
    }

    .top-last-hr {
        flex-basis: 9.5% !important;
    }
}

@media screen and (max-width: 1200px) {
    .liveStreamingContent .dateAndList {
        padding-right: 10%;
    }

    .top-first-hr {
        flex-basis: 82% !important;
    }

    .top-mid-hr {
        flex-basis: 6.5% !important;
    }

    .top-last-hr {
        flex-basis: 9.5% !important;
    }

    #scr888 .scr-container {
        flex-direction: column !important;
    }

    .scrCredential-iframe {
        height: 760px !important;
        margin-top: 40px !important;
    }

    .scr888-container-iframe {
        margin-top: 40px !important;
        min-width: 920px !important;
        margin: 0 auto !important;
    }

    .instrcutionTitle {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 1180px) {
    .casinoGameList .topimgItem {
        margin-top: 2% !important;
    }

    .casinoGameList {
        flex-direction: column !important;
    }

    .top-first-hr {
        flex-basis: 79% !important;
    }

    .top-mid-hr {
        flex-basis: 6.5% !important;
    }

    .top-last-hr {
        flex-basis: 10.5% !important;
    }

    .brandImage {
        left: 90px !important;
    }
}

@media screen and (max-width: 1125px) {
    .liveTvWatchList .liveTvWatchItem .tr.tr3 .img {
        width: 40px !important;
    }

    footer .footertop .footertopContent .footertopItem .iconText .pheader {
        line-height: unset !important;
    }

    #brSportpage .brSportContainer, #brSportpage .brSport iframe {
        width: 985px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 1080px) {
    .liveStreamingContent .dateAndList {
        padding-right: 20%;
    }

        .liveStreamingContent .dateAndList .dateBox > span {
            padding-right: 10%;
        }

    .top-first-hr {
        flex-basis: 79% !important;
    }

    .top-mid-hr {
        flex-basis: 6.5% !important;
    }

    .top-last-hr {
        flex-basis: 11.5% !important;
    }

    .brandImage {
        left: 66px !important;
    }
}

@media screen and (max-width: 1000px) {
    .headerContent > a {
        padding-left: 15px;
    }

    .header .headerContent .right {
        padding-right: 15px;
    }

    .menu .menuBox .menuContent {
        padding: 0 15px;
    }

        .menu .menuBox .menuContent .menunav {
            padding-left: 0px !important;
        }

    .liveStreamingContent .dateAndList {
        padding-right: 25%;
    }

        .liveStreamingContent .dateAndList .dateBox > span {
            padding-right: 10%;
        }

        .liveStreamingContent .dateAndList .streamingList .streamingItem .left {
            width: 470px;
        }

    .sliderBanner .slider .mainContentContainer {
        width: 1080px !important;
    }

        .sliderBanner .slider .mainContentContainer .page_no {
            padding-right: 10% !important;
            right: 0 !important;
        }

    #mobilePage .mobileMainContent .downloadList {
        padding: 0px 50px;
    }

    .casinoFirmsContent {
        overflow-x: auto !important;
    }

    #cmdpage .cmdContainer {
        width: 975px !important;
    }

    #brSportpage .brSportContainer {
        width: 1000px !important;
        box-sizing: border-box !important;
    }

    .games-container .br-subcontainer {
        width: 1000px !important;
        flex-wrap: wrap !important;
    }

        .games-container .br-subcontainer .game-category {
            background-repeat: no-repeat;
            padding-bottom: 10px;
        }

    .slotFirmsContent {
        overflow-x: auto !important;
    }

    .slotTabPage .tabPage {
        width: 100% !important;
    }

    .slotMain .slottabAndSearchBox .slotTabPage {
        width: 75% !important;
    }

    .slotMain .slotGrid {
        grid-template-columns: 243.5px 243.5px 243.5px 243.5px !important;
    }

    .slotGameList .imgItem .text {
        width: 85% !important;
    }

    .slotGameList .imgItem .img {
        width: 96.4% !important;
    }

        .slotGameList .imgItem .img > img {
            width: 100% !important;
            height: 174px !important;
        }

    .slotGameList .slotGameList_top .swiper .bottomNotice .pheader {
        width: 70% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .slotGameList .slotGameList_top .swiper .bottomNotice .ptime {
        display: none !important;
    }

    .top-first-hr {
        flex-basis: 77% !important;
    }

    .top-mid-hr {
        flex-basis: 6.5% !important;
    }

    .top-last-hr {
        flex-basis: 12.5% !important;
    }

    .brandImage {
        left: 44px !important;
    }
}

/* 合图start*/
.icons {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url("images/icons.png");
}

.icons_a {
    width: 43px;
    height: 51px;
    background-position: -130px -2px;
}

.icons_mobile_android {
    width: 37px;
    height: 46px;
    background-position: -175px -2px;
}

.icons_mobile_ios {
    width: 37px;
    height: 44px;
    background-position: -306px -2px;
}


.icons_mga {
    background-image: url("/images/templates/Template%202/home/Mga_1.png");
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 110px;
    width: 110px;
    height: 30px;
}

    .icons_mga:hover {
        background-image: url("/images/templates/Template%202/home/Mga_2.png");
        display: inline-block;
        overflow: hidden;
        background-repeat: no-repeat;
    }

.firms {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url("/images/templates/Template%202/firms.png");
}

.firms_casino_logo_ag {
    width: 78px;
    height: 40px;
    background-position: -1696px -2px;
}

.tabPage > li {
    cursor: pointer;
}

    .tabPage > li .i {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tabPage > li.on {
        background: red;
    }

#mobilePage > .container {
    padding: 0 13px;
    box-sizing: border-box;
}

#mobilePage .mobileMainContent {
    padding-top: 36px;
    padding-bottom: 55px;
}

    #mobilePage .mobileMainContent .downloadTabPage .tabPage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background: #e3e3e3;
        padding: 0;
        margin: 0;
    }

        #mobilePage .mobileMainContent .downloadTabPage .tabPage > li {
            width: 170px;
            height: 40px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            #mobilePage .mobileMainContent .downloadTabPage .tabPage > li:hover {
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
                background-color: #000;
            }

                #mobilePage .mobileMainContent .downloadTabPage .tabPage > li:hover > span {
                    color: white;
                }

            #mobilePage .mobileMainContent .downloadTabPage .tabPage > li .i .icons_sub_menu_android {
                margin-right: 10px;
            }

            #mobilePage .mobileMainContent .downloadTabPage .tabPage > li .i .icons_sub_menu_ios {
                margin-right: 15px;
            }

            #mobilePage .mobileMainContent .downloadTabPage .tabPage > li > span {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 14px;
                color: #858585;
                /* font-family: "menuFont"; */
                line-height: 100%;
                margin-top: 4px;
                letter-spacing: 1px;
            }

            #mobilePage .mobileMainContent .downloadTabPage .tabPage > li.on {
                -webkit-transition: none;
                -o-transition: none;
                transition: none;
                background-image: -webkit-linear-gradient(0deg, #FD7900, #FEAE00);
                background-image: -o-linear-gradient(0deg, #FD7900, #FEAE00);
                background-image: linear-gradient(0deg, #FD7900, #FEAE00);
            }

                #mobilePage .mobileMainContent .downloadTabPage .tabPage > li.on > span {
                    color: white;
                }

    #mobilePage .mobileMainContent .downloadList {
        padding: 0 70px;
        padding-top: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #mobilePage .mobileMainContent .downloadList > section:nth-child(4n) {
            margin-right: 0;
        }

        #mobilePage .mobileMainContent .downloadList .downItem {
            margin-right: 24px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 50px;
            opacity: 0;
        }

            /*#mobilePage .mobileMainContent .downloadList .downItem:hover {
                -webkit-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
                -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
            }*/

            #mobilePage .mobileMainContent .downloadList .downItem .firmslogo {
                height: 225px;
                width: 284px;
                overflow: hidden;
                cursor: pointer;
            }

            #mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin-top: 11px;
                margin-bottom: 11px;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }

                #mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox .firmsdownicon {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    background: #f2f2f2;
                }

                    #mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox .firmsdownicon > span {
                        margin-top: 5px;
                        font-size: 11px;
                        color: #0185be;
                    }

                    #mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox .firmsdownicon .iconsdown {
                        height: 46px;
                    }

                #mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox > div {
                    margin-right: 6px;
                    width: 99px;
                    height: 99px;
                }

            #mobilePage .mobileMainContent .downloadList .downItem .p {
                width: 195px;
                height: 33px;
                margin-bottom: 5px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                background-repeat: repeat-x;
                background-image: -webkit-linear-gradient(0deg, #FD7900, #FEAE00);
                background-image: -o-linear-gradient(0deg, #FD7900, #FEAE00);
                background-image: linear-gradient(0deg, #FD7900, #FEAE00);
                -webkit-border-radius: 3px;
                border-radius: 3px;
                text-transform: uppercase;
                color: white;
            }


            #mobilePage .mobileMainContent .downloadList .downItem .details {
                width: 195px;
                height: 33px;
                margin-bottom: 5px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: left;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                border: 1px solid #333;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                font-size: 10px;
                color: #000;
            }

            #mobilePage .mobileMainContent .downloadList .downItem .p > span {
                /* font-family: "menuFont"; */
                font-size: 16px;
            }

@media (max-width: 1439px) {
    #mobilePage .mobileMainContent .downloadList {
        margin: 0 auto;
        /*width: 930px;*/
    }
}

@media (max-width: 1130px) {
    #mobilePage .mobileMainContent .downloadList {
        margin: 0 auto;
        width: 930px;
        padding-left: auto;
        padding: 0;
    }
}

@-webkit-keyframes promoAnimation {
    0% {
        opacity: 0;
        transform: translate3d(-20px, 0, 0);
        -webkit-transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0);
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

.tabPage > li {
    cursor: pointer;
}

    .tabPage > li .i {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tabPage > li.on {
        background: red;
    }


.firms_live_casino_bbin {
    width: 266px;
    height: 174px;
    background: url(/images/casino/bbin_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_allbet {
    width: 266px;
    height: 174px;
    background: url(/images/casino/allbet_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_dream {
    width: 266px;
    height: 174px;
    background: url(/images/casino/dg_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_evo {
    width: 266px;
    height: 174px;
    background: url(/images/casino/eg_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_ezugi {
    width: 266px;
    height: 174px;
    background: url(/images/casino/ezugi_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_bg {
    width: 266px;
    height: 174px;
    background: url(/images/casino/bg_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_sa {
    width: 266px;
    height: 174px;
    background: url(/images/casino/sa_casino.jpg);
    background-size: 100%;
}

.firms_live_casino_og {
    width: 266px;
    height: 174px;
    background: url(/images/casino/og_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_vivo {
    width: 266px;
    height: 174px;
    background: url(/images/casino/vivo_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_sexy {
    width: 266px;
    height: 174px;
    background: url(/images/casino/sexyb_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_hg {
    width: 266px;
    height: 174px;
    background: url(/images/casino/ho_casino.jpg);
    background-size: 100%;
}


.firms_live_casino_ml {
    width: 266px;
    height: 174px;
    background: url(/images/casino/mobile_live_casino.jpg);
    background-size: 100%;
}

.firms_live_casino_wm {
    width: 266px;
    height: 174px;
    background: url(/images/casino/wm_casino.jpg);
    background-size: 100%;
}



.firms_live_casino_xpg {
    width: 266px;
    height: 174px;
    background: url(/images/casino/xpg_casino.jpg);
    background-size: 100%;
}