@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    padding-right: 0px !important;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none !important;
}

.videoFrame {
    width: 100%;
    height: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

/* body {
      line-height: 1;
  } */
blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after {
        content: none;
    }

    q:before,
    q:after {
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* custom */
a {
    color: #7e8c8d;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}

.promosTab .tabPage {
    list-style: none;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

html,
body {
    width: 100%;
    height: 100%;
}

input {
    outline-style: none;
}

/* body {
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  } */
.noWrap,
.button_y,
.button_b {
    word-break: keep-all;
    white-space: nowrap;
    box-sizing: border-box;
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.button_y {
    font-family: "buttonBold";
    color: white;
    height: 33px;
    line-height: 33px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fcb813;
    padding: 0 20px;
    cursor: pointer;
    display: inline-block;
    min-width: 120px;
    border: 0px;
}

.button_b {
    font-family: "buttonBold";
    display: inline-block;
    color: white;
    height: 33px;
    line-height: 33px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fcb813;
    padding: 0 20px;
    cursor: pointer;
    background: #003b79;
    border: 0px;
    min-width: 120px;
}

@font-face {
    font-family: 'mainFont';
    font-style: normal;
    src: url("../fonts/AvenirNextLTPro-Regular.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Regular.woff") format("woff"), url("../fonts/AvenirNextLTPro-Regular.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Regular.eot") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Regular.svg") format("svg"), url("../fonts/AvenirNextLTPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'mainBoldFont';
    font-style: normal;
    src: url("../fonts/AvenirNextLTPro-Demi.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Demi.woff") format("woff"), url("../fonts/AvenirNextLTPro-Demi.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Demi.eot") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Demi.svg") format("svg"), url("../fonts/AvenirNextLTPro-Demi.otf") format("opentype");
}

@font-face {
    font-family: 'menuFont';
    font-style: normal;
    src: url("../fonts/AvenirLTStd-Light.woff2") format("woff2"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.eot") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.svg") format("svg"), url("../fonts/AvenirLTStd-Light.otf") format("opentype");
}

@font-face {
    font-family: 'popuFont';
    font-style: normal;
    src: url("../fonts/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/AvenirLTStd-Book.woff") format("woff"), url("../fonts/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/AvenirLTStd-Book.eot") format("embedded-opentype"), url("../fonts/AvenirLTStd-Book.svg") format("svg"), url("../fonts/AvenirLTStd-Book.otf") format("opentype");
}

@font-face {
    font-family: 'buttonBold';
    font-style: normal;
    src: url("../fonts/AvenirNextLTPro-Bold.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Bold.woff") format("woff"), url("../fonts/AvenirNextLTPro-Bold.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Bold.eot") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Bold.svg") format("svg"), url("../fonts/AvenirNextLTPro-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'tabFont';
    font-style: normal;
    src: url("../fonts/AvenirLT-Medium.woff2") format("woff2"), url("../fonts/AvenirLT-Medium.woff") format("woff"), url("../fonts/AvenirLT-Medium.ttf") format("truetype"), url("../fonts/AvenirLT-Medium.eot") format("embedded-opentype"), url("../fonts/AvenirLT-Medium.svg") format("svg"), url("../fonts/AvenirLT-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'AvenirLT-MediumFont';
    font-style: normal;
    src: url("../fonts/AvenirLT-Medium.woff2") format("woff2"), url("../fonts/AvenirLT-Medium.woff") format("woff"), url("../fonts/AvenirLT-Medium.ttf") format("truetype"), url("../fonts/AvenirLT-Medium.eot") format("embedded-opentype"), url("../fonts/AvenirLT-Medium.svg") format("svg"), url("../fonts/AvenirLT-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'AvenirLT45-BookFont';
    font-style: normal;
    src: url("../fonts/AvenirLT45-Book.woff2") format("woff2"), url("../fonts/AvenirLT45-Book.woff") format("woff"), url("../fonts/AvenirLT45-Book.ttf") format("truetype"), url("../fonts/AvenirLT45-Book.eot") format("embedded-opentype"), url("../fonts/AvenirLT45-Book.svg") format("svg"), url("../fonts/AvenirLT45-Book.otf") format("opentype");
}

@font-face {
    font-family: 'AvenirLT55-RomanFont';
    font-style: normal;
    src: url("../fonts/AvenirLT55-Roman.woff2") format("woff2"), url("../fonts/AvenirLT55-Roman.woff") format("woff"), url("../fonts/AvenirLT55-Roman.ttf") format("truetype"), url("../fonts/AvenirLT55-Roman.eot") format("embedded-opentype"), url("../fonts/AvenirLT55-Roman.svg") format("svg"), url("../fonts/AvenirLT55-Roman.otf") format("opentype");
}

@font-face {
    font-family: 'AvenirLT95-BlackFont';
    font-style: normal;
    src: url("../fonts/AvenirLT95-Black.woff2") format("woff2"), url("../fonts/AvenirLT95-Black.woff") format("woff"), url("../fonts/AvenirLT95-Black.ttf") format("truetype"), url("../fonts/AvenirLT95-Black.eot") format("embedded-opentype"), url("../fonts/AvenirLT95-Black.svg") format("svg"), url("../fonts/AvenirLT95-Black.otf") format("opentype");
}

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

    html *,
    body * {
        font-family: "mainFont";
    }

.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;
    }

    #mega888 .mega-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: 87% !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: 88% !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: 87% !important;
    }

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

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

    .ambassadorImg {
        top: -1.1rem !important;
        height: 12rem !important;
    }

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

    #mega888 .mega-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: 100% !important;
    }

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

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

    .ambassadorImg {
        top: 0.4rem !important;
        left: 7.5rem;
        height: 10rem !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%;
        }

    .container.contact-us {
        min-width: 946px !important;
    }

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

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

    .top-last-hr {
        flex-basis: 11.5% !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: 100% !important;
    }

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

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

.slider-container-background {
    background-color: #0a1624 !important;
}

.sliderBanner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a1624;
}

.portal-home-banner {
    width: 2000px;
    min-height: 582px;
}

.portal-common-banner {
    width: 2000px;
    min-height: 582px;
}

#seo-footer .container {
    box-sizing: border-box;
    border: 0;
}

#seo-footer.container-fluid {
    box-sizing: border-box;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

.header {
    width: 100%;
}

    .header .headerContent {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 82px;
    }

.headerContent > a {
    margin-top: auto;
}

.header .headerContent .icons_header_logo {
    float: left;
    cursor: pointer;
}

.header .headerContent .right {
    float: right;
    font-size: 12px;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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: 8px;
}

    .header .headerContent .right .loginBar {
        float: left;
        height: 100%;
        min-width: 480px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }

        .header .headerContent .right .loginBar .tools {
            position: absolute;
            padding-left: 46px;
            left: 0;
            bottom: 10px;
            width: 100%;
            color: #6d6d6d;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .header .headerContent .right .loginBar .tools > div {
                line-height: 100%;
            }

                .header .headerContent .right .loginBar .tools > div.forgot > span {
                    color: #6d6d6d;
                }

            .header .headerContent .right .loginBar .tools .username-container,
            .header .headerContent .right .loginBar .tools .funds-container {
                position: relative;
            }

                .header .headerContent .right .loginBar .tools .username-container .floating-menu {
                    position: absolute;
                    z-index: 4;
                    background: #f5f5f5;
                    width: 135px;
                    padding: 2px;
                    left: -40px;
                    top: 29px;
                }

                .header .headerContent .right .loginBar .tools .username-container .triangle {
                    position: absolute;
                    z-index: 4;
                    width: 18px;
                    left: 14px;
                    top: 15px;
                    border-bottom: solid 15px #f5f5f5;
                    border-left: solid 15px transparent;
                    border-right: solid 15px transparent;
                }

                .header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item {
                    padding: 10px 8px;
                    pointer: cursor;
                }

                .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item {
                    padding: 10px 8px;
                    pointer: cursor;
                    display: flex;
                }

                    .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item .menu-span {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                    }

                    .header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item:hover,
                    .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item:hover {
                        color: white;
                        background: #0166d2;
                    }

                .header .headerContent .right .loginBar .tools .funds-container .floating-menu {
                    position: absolute;
                    z-index: 4;
                    background: #f5f5f5;
                    width: 115px;
                    padding: 2px;
                    left: -40px;
                    top: 29px;
                }

                .header .headerContent .right .loginBar .tools .funds-container .triangle {
                    position: absolute;
                    z-index: 4;
                    width: 18px;
                    left: 4px;
                    top: 15px;
                    border-bottom: solid 15px #f5f5f5;
                    border-left: solid 15px transparent;
                    border-right: solid 15px transparent;
                }

                .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item > img {
                    height: 20px;
                    margin-left: 5px;
                }

            .header .headerContent .right .loginBar .tools .username {
                color: #3e7cda;
                font-weight: 900;
            }

            .header .headerContent .right .loginBar .tools .timeNow {
                font-size: 12px;
            }

        .header .headerContent .right .loginBar input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
        }

        .header .headerContent .right .loginBar ::-webkit-input-placeholder,
        .header .headerContent .right .loginBar ::-moz-placeholder,
        .header .headerContent .right .loginBar :-ms-input-placeholder {
            font-size: 12px;
        }

        .header .headerContent .right .loginBar > div {
            float: left;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 12px;
        }

            .header .headerContent .right .loginBar > div.username,
            .header .headerContent .right .loginBar > div.password {
                width: 116px;
                height: 30px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                background: white;
                border: 1px solid #003a76;
                padding-left: 5px;
                padding-right: 2px;
                padding-top: 2px;
                box-sizing: border-box;
            }

                .header .headerContent .right .loginBar > div.username > input::placeholder,
                .header .headerContent .right .loginBar > div.password > input::placeholder {
                    text-align: center;
                }

                .header .headerContent .right .loginBar > div.username > input,
                .header .headerContent .right .loginBar > div.password > input {
                    width: 98%;
                    border: 0;
                }

        .header .headerContent .right .loginBar .login {
            color: white;
            width: 100px;
            height: 30px;
            border: 0px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            background: #fdb813;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -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;
            font-family: "buttonBold";
            cursor: pointer;
        }

        .header .headerContent .right .loginBar .joinnow {
            color: white;
            width: 100px;
            height: 30px;
            border: 0px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            background: #cc001b;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -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;
            font-family: "buttonBold";
            font-weight: bold;
            cursor: pointer;
            word-break: keep-all;
            white-space: nowrap;
        }

            .header .headerContent .right .loginBar .login > span,
            .header .headerContent .right .loginBar .joinnow > span {
                font-family: "buttonBold";
                font-size: 12px;
            }

    .header .headerContent .right .languageTog {
        float: right;
        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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 46px;
        margin-left: 15px;
    }

        .header .headerContent .right .languageTog .region,
        .header .headerContent .right .languageTog .icons_header_more {
            cursor: pointer;
        }

    .header .headerContent .right .loginBar .space,
    .header .headerContent .right .tools .space {
        flex-grow: 1;
    }

    .header .headerContent .right .loginBar .livechat {
        background: url("../images/icon/contact_dd_livechat.png");
        width: 28px;
        height: 28px;
        margin-right: 10px;
        cursor: pointer;
    }

    .header .headerContent .right .loginBar .message {
        background: url("../images/icon/nav_mail_icon.png");
        width: 28px;
        height: 28px;
        margin-right: 10px;
        position: relative;
        cursor: pointer;
    }

        .header .headerContent .right .loginBar .message .nav-mail-counter {
            position: absolute;
            top: -6px;
            right: 18px;
            background: red;
            color: white;
            width: 16px;
            height: 16px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            font-size: 10px;
            line-height: 17px;
            text-align: center;
        }

    .header .headerContent .right .loginBar .deposit {
        color: white;
        width: 84px;
        height: 30px;
        border: 0px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #0166d2 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -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;
        font-family: "buttonBold";
        font-weight: bold;
        cursor: pointer;
        margin-right: 5px;
    }

    .header .headerContent .right .loginBar .logout {
        color: white;
        width: 86px;
        height: 30px;
        border: 0px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #959595 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -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;
        font-family: "buttonBold";
        font-weight: bold;
        cursor: pointer;
        word-break: keep-all;
        white-space: nowrap;
        margin-right: 5px;
    }

.langOverlay {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

    .langOverlay.on {
        opacity: 1;
        -webkit-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s;
    }

    .langOverlay.off {
        opacity: 0;
    }

@-webkit-keyframes langAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes backdropAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

.langBox {
    width: 322px;
    height: auto;
    background: #ffffff;
    padding: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1001;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    box-sizing: border-box;
    animation-duration: 0.1s;
    animation-name: langAnimation;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.modal-backdrop {
    cursor: pointer !important;
    transition: all 0.1s !important;
    animation-duration: 0.1s !important;
    animation-name: backdropAnimation !important;
}

    .modal-backdrop.off {
        opacity: 0 !important;
    }

.modal-md > .modal-content > .popup-dns-download {
    height: 570px;
}

.langBox.off {
    opacity: 0 !important;
    -webkit-transform: translateY(20px) !important;
    -ms-transform: translateY(20px) !important;
    transform: translateY(20px) !important;
}

.langBox.on {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.langBox .icons_language_closed {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    cursor: pointer;
}

.langBox .top {
    width: 300px;
    height: 36px;
    background: #003b79;
    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;
    word-break: keep-all;
    white-space: nowrap;
    color: white;
    font-family: "mainBoldFont";
}

.langBox .bottom {
    padding-left: 18px;
}

    .langBox .bottom .reginItem {
        margin-top: 12px;
        margin-bottom: 8px;
        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;
    }

        .langBox .bottom .reginItem .title {
            font-size: 12px;
            line-height: 100%;
        }

        .langBox .bottom .reginItem .iconsAndText {
            margin-top: 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;
            padding-left: 5px;
        }

            .langBox .bottom .reginItem .iconsAndText > ul {
                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;
                box-sizing: border-box;
                padding: 0;
                margin: 0;
            }

                .langBox .bottom .reginItem .iconsAndText > ul > li {
                    height: 32px;
                    border-right: 2px solid #cccccc;
                    padding: 0 18px;
                    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;
                }

                    .langBox .bottom .reginItem .iconsAndText > ul > li > span {
                        font-size: 14px;
                        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;
                        cursor: pointer;
                        color: #909090;
                    }

                        .langBox .bottom .reginItem .iconsAndText > ul > li > span.on {
                            color: #006cc0;
                        }

                        .langBox .bottom .reginItem .iconsAndText > ul > li > span.zh_CN {
                            font-family: "Microsoft YaHei";
                        }

                    .langBox .bottom .reginItem .iconsAndText > ul > li:nth-last-child(1) {
                        border-right: none;
                    }

.menu {
    position: relative;
}

    .menu .menuBox {
        background: #013b7a;
    }

        .menu .menuBox .menuContent {
            font-size: 12px;
            height: 46px;
            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;
            margin-bottom: 1px;
        }

    .menu > .menuBox > .container {
        box-sizing: border-box;
    }

    .menu .menuBox .menuContent .menunav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: white;
        padding-left: 5px;
    }

        .menu .menuBox .menuContent .menunav > li {
            height: 46px;
            height: 100%;
            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;
            cursor: pointer;
            line-height: 100%;
            margin-top: 1px;
            font-family: "menuFont";
            font-size: 13px;
            text-align: center;
        }

            .menu .menuBox .menuContent .menunav > li .placeholderNav {
                font-family: "menuFont";
                font-size: 13px;
                font-weight: bold;
                visibility: hidden;
                overflow: hidden;
                text-align: center;
                height: 1px;
                color: transparent;
                background: transparent;
            }

            .menu .menuBox .menuContent .menunav > li.showLive {
                position: relative;
            }

            .menu .menuBox .menuContent .menunav > li.vip {
                margin-left: 25px;
            }

            .menu .menuBox .menuContent .menunav > li .icons_menu_live {
                position: absolute;
                top: 17px;
                right: -12px;
            }

.nav-submenu {
    min-width: 100%;
    z-index: 3;
}

.showSubMenuOn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: block;
}

.showSubMenuOff {
    background: white;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.removeNavbarZindex {
    z-index: -1 !important;
}

.addNavbarZindex {
    z-index: 100 !important;
}

#submenu.ng-hide:not(.ng-hide-animate) {
    display: block !important;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#submenu .submenu hr {
    border-top: 1px solid #e5e5e5;
    margin: 0;
    position: absolute;
    height: 1px;
    width: 100vw;
    left: 0;
}

    #submenu .submenu hr.line1 {
        top: 194px;
    }

    #submenu .submenu hr.line2 {
        top: 388px;
    }

.boxSubmenu {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 127px;
    z-index: 100;
    z-index: 100;
    overflow: hidden;
    min-width: 1000px;
}

.copyRight {
    background: #f2f2f2;
}

    .copyRight .container {
        box-sizing: border-box;
        border: 0;
    }

footer .container {
    box-sizing: border-box;
    border: 0;
}

.copyRight .copyRightContent {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #757575;
    position: relative;
    padding: 0 30px;
}

    .copyRight .copyRightContent::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat;
    }

    .copyRight .copyRightContent .left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 30px 0;
        height: 62px;
        box-sizing: border-box;
    }

        .copyRight .copyRightContent .left > .li {
            padding: 0 7px;
            border-right: 1px solid black;
            height: 10px;
            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;
        }

            .copyRight .copyRightContent .left > .li > span, .copyRight .copyRightContent .left > .li > a > span {
                line-height: 100%;
                margin-bottom: 1px;
                cursor: pointer;
            }

                .copyRight .copyRightContent .left > .li > span:hover, .copyRight .copyRightContent .left > .li > a > span:hover {
                    text-decoration: underline;
                }

        .copyRight .copyRightContent .left > div:nth-last-child(1) {
            border-right: none;
        }

    .copyRight .copyRightContent .right {
        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;
        box-sizing: border-box;
    }

        .copyRight .copyRightContent .right .icons_footer_18 {
            margin-left: 5px;
        }

footer {
    background: #f2f2f2;
}

    footer .footertop {
        position: relative;
    }

        /*
footer .footertop::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat;
}
*/
        footer .footertop .footertopContent {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            box-sizing: border-box;
            padding: 0 30px;
        }

            footer .footertop .footertopContent .footerMainTitle {
                width: 100%;
                text-align: center;
            }

            footer .footertop .footertopContent .footertopItem {
                width: 25%;
                margin: 0 15px;
            }

                footer .footertop .footertopContent .footertopItem .iconText {
                    width: 100%;
                    height: auto;
                    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;
                    font-size: 14px;
                    color: #0a1623;
                    margin-bottom: 10px;
                }

                    footer .footertop .footertopContent .footertopItem .iconText div.icon {
                        margin: auto;
                        margin-top: 25px;
                        margin-bottom: 10px;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: start;
                        -webkit-align-items: flex-start;
                        -ms-flex-align: start;
                        align-items: flex-start;
                        -webkit-box-pack: center;
                        -webkit-justify-content: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        width: 60px;
                        height: 52px;
                        min-height: 52px;
                    }

                    footer .footertop .footertopContent .footertopItem .iconText .navTop {
                        text-align: center;
                        color: #0a1623;
                    }

                    footer .footertop .footertopContent .footertopItem .iconText > p {
                        text-align: center;
                        width: 100%;
                        color: #0a1623;
                        margin: 0;
                        height: 50px;
                    }

                    footer .footertop .footertopContent .footertopItem .iconText .pheader {
                        font-family: "mainBoldFont";
                        font-size: 18px;
                        height: 38px;
                        line-height: 38px;
                        margin: 0;
                    }

                    footer .footertop .footertopContent .footertopItem .iconText > a {
                        margin-top: -8px;
                    }

                        footer .footertop .footertopContent .footertopItem .iconText > span,
                        footer .footertop .footertopContent .footertopItem .iconText > a > span {
                            color: #0070d1;
                            height: 50px;
                            line-height: 50px;
                            font-family: "mainFont";
                            cursor: pointer;
                        }

                            footer .footertop .footertopContent .footertopItem .iconText > span:hover,
                            footer .footertop .footertopContent .footertopItem .iconText > a > span:hover {
                                text-decoration: underline;
                            }

                footer .footertop .footertopContent .footertopItem .textContent,
                footer .footertop .footertopContent .footerMainTitle .textContent {
                    font-size: 11px;
                    color: #a4a4a4;
                }

                    footer .footertop .footertopContent .footertopItem .textContent .textContentItem {
                        margin-bottom: 20px;
                    }

                        footer .footertop .footertopContent .footertopItem .textContent .textContentItem .pheader,
                        footer .footertop .footertopContent .footerMainTitle .textContent .textContentItem .pheader {
                            font-family: "mainBoldFont";
                            font-size: 14px;
                            color: #a4a4a4;
                            margin-bottom: 6px;
                            font-weight: 800;
                        }

                        footer .footertop .footertopContent .footertopItem .textContent .textContentItem > p {
                            line-height: 15px;
                            margin: 0;
                        }

                footer .footertop .footertopContent .footertopItem .iconBox {
                    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: end;
                    -webkit-justify-content: flex-end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    margin-top: 80px;
                }

                    footer .footertop .footertopContent .footertopItem .iconBox i {
                        cursor: pointer;
                    }

    footer .footerbottom {
        padding-bottom: 66px;
    }

    footer .footerbottomempty {
        padding-top: 40px;
    }

    .mobileMainContent .dotline,
    footer .footerbottomempty2 {
        height: 1px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat;
    }

    footer .footerbottom .footerbottomContent {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        footer .footerbottom .footerbottomContent .footerbottomItem {
            font-size: 12px;
        }

        footer .footerbottom .footerbottomContent .footerLicense {
            font-size: 12px;
        }

            footer .footerbottom .footerbottomContent .footerbottomItem .title,
            footer .footerbottom .footerbottomContent .footerLicense .title {
                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;
            }

                footer .footerbottom .footerbottomContent .footerbottomItem .title > span,
                footer .footerbottom .footerbottomContent .footerLicense .title > span {
                    line-height: 44px;
                }

            footer .footerbottom .footerbottomContent .footerbottomItem .iconBox,
            footer .footerbottom .footerbottomContent .footerLicense .iconBox {
                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-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                footer .footerbottom .footerbottomContent .footerbottomItem .iconBox > i,
                footer .footerbottom .footerbottomContent .footerLicense .iconBox > i {
                    margin-right: 15px;
                    margin-bottom: 8px;
                    cursor: pointer;
                }

.positionFixed .fixed {
    position: fixed;
}

.positionFixed .side_menu_left {
    left: 0;
    top: 128px;
    bottom: 0;
    z-index: 2000;
}

.positionFixed .side_menu_bottom_right {
    right: 40px;
    bottom: 40px;
    z-index: 3000;
    position: fixed;
    background-color: #0760de;
    border-radius: 40px;
    width: 80px;
    height: 80px;
    text-align: center;
    cursor: pointer;
}

    .positionFixed .side_menu_bottom_right img {
        padding: 15px;
        width: 50px;
    }

.positionFixed .side_menu_left .side_menu_download .icons_side_menu_download, .positionFixed .side_menu_left .side_menu_DNSdownload .icons_side_menu_DNSdownload {
    cursor: pointer;
}

.positionFixed .side_menu_left .side_menu_download_on, .positionFixed .side_menu_left .side_menu_DNSdownload_on {
    height: 100%;
    width: 52px;
    background: #f7f7f7;
    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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .positionFixed .side_menu_left .side_menu_download_on > span, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
    }

        .positionFixed .side_menu_left .side_menu_download_on > span .item_hover, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span .item_hover {
            visibility: hidden;
            opacity: 0;
            color: black;
        }

        .positionFixed .side_menu_left .side_menu_download_on > span:hover .item_hover, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .item_hover {
            visibility: visible;
            opacity: 1;
        }

    .positionFixed .side_menu_left .side_menu_download_on .item_hover, .positionFixed .side_menu_left .side_menu_DNSdownload_on .item_hover {
        font-size: 12px;
        position: absolute;
        padding: 0 15px;
        left: 47px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: white;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 44px;
        transition: opacity 1s;
    }

        .positionFixed .side_menu_left .side_menu_download_on .item_hover > p, .positionFixed .side_menu_left .side_menu_DNSdownload_on .item_hover > p {
            word-break: keep-all;
            white-space: nowrap;
        }

.positionFixed .side_menu_left .side_menu_contant_on .item_hover_img {
    display: block;
    position: absolute;
    left: 47px;
    top: -20px;
    transition: opacity 1s;
}

.positionFixed .side_menu_left .side_menu_download_on .item_hover > p:nth-child(1), .positionFixed .side_menu_left .side_menu_DNSdownload_on .item_hover > p:nth-child(1) {
    font-family: "mainBoldFont";
}

.positionFixed .side_menu_left .side_menu_download_on > span > span, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span > span {
    cursor: pointer;
    width: 100%;
    height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    position: relative;
}

    .positionFixed .side_menu_left .side_menu_download_on > span > span::after, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span > span::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
    }

    .positionFixed .side_menu_left .side_menu_download_on > span > span i, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span > span i {
        cursor: pointer;
    }

.positionFixed .side_menu_left .side_menu_download_on > span:nth-last-child(1) > span::after, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:nth-last-child(1) > span::after {
    content: '';
    display: none;
}

.positionFixed .side_menu_left .side_menu_download_on > span .icons_side_menu_arrow, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span .icons_side_menu_arrow {
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.positionFixed .side_menu_left .side_menu_download_on > span .icons_side_menu_android, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span .icons_side_menu_android {
    cursor: pointer;
}

.positionFixed .side_menu_right {
    right: 0;
    top: 128px;
    bottom: 0;
    z-index: 2500;
}

    .positionFixed .side_menu_right .side_menu_contant .icons_side_menu_contant {
        cursor: pointer;
    }

    .positionFixed .side_menu_right .side_menu_contant_on {
        height: 100%;
        width: 52px;
        background: #f7f7f7;
        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-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .positionFixed .side_menu_right .side_menu_contant_on > span {
            width: 100%;
            padding: 0 5px;
            box-sizing: border-box;
        }

            .positionFixed .side_menu_right .side_menu_contant_on > span .item_hover {
                visibility: hidden;
                opacity: 0;
            }

            .positionFixed .side_menu_right .side_menu_contant_on > span .item_hover_img {
                visibility: hidden;
                opacity: 0;
            }

            .positionFixed .side_menu_right .side_menu_contant_on > span:hover .item_hover {
                visibility: visible;
                opacity: 1;
            }

            .positionFixed .side_menu_right .side_menu_contant_on > span:hover .item_hover_img {
                visibility: visible;
                opacity: 1;
            }

        .positionFixed .side_menu_right .side_menu_contant_on .item_hover {
            font-size: 12px;
            position: absolute;
            padding: 0 15px;
            right: 47px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            background: white;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 44px;
            transition: opacity 1s;
        }

            .positionFixed .side_menu_right .side_menu_contant_on .item_hover > p {
                word-break: keep-all;
                white-space: nowrap;
            }

        .positionFixed .side_menu_right .side_menu_contant_on .item_hover_img {
            display: block;
            position: absolute;
            right: 47px;
            top: -20px;
            transition: opacity 1s;
        }

        .positionFixed .side_menu_right .side_menu_contant_on > span > span {
            cursor: pointer;
            width: 100%;
            height: 56px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -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;
            position: relative;
        }

            .positionFixed .side_menu_right .side_menu_contant_on > span > span::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
            }

        .positionFixed .side_menu_right .side_menu_contant_on > span:nth-last-child(1) > span::after {
            content: '';
            display: none;
        }

.positionFixed .pop_up_left {
    background: #f9f9f9;
    width: 200px;
    height: 272px;
    left: 0;
    top: 360px;
    z-index: 1000;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    border-left: none;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    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;
}

    .positionFixed .pop_up_left .icons_popup_left_close {
        cursor: pointer;
        position: absolute;
        left: 10px;
        top: 14px;
    }

.positionFixed .pop_up_right {
    background: #f9f9f9;
    width: 397px;
    height: 228px;
    right: 0;
    top: 470px;
    z-index: 1000;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    border-right: none;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; */
}

    .positionFixed .pop_up_right .icons_popup_right_close {
        cursor: pointer;
        position: absolute;
        right: 14px;
        top: 14px;
    }

    .positionFixed .pop_up_right .top {
        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;
        font-size: 22px;
        color: #003b78;
        padding: 14px 24px;
        background: #f2f2f2;
    }

        .positionFixed .pop_up_right .top > span {
            font-family: "mainBoldFont";
            margin-left: 5px;
            word-break: keep-all;
            white-space: nowrap;
        }

    .positionFixed .pop_up_right .content {
        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;
        padding: 0 24px;
        padding-bottom: 14px;
        margin-top: 10px;
    }

        .positionFixed .pop_up_right .content .text {
            padding-left: 26px;
        }

            .positionFixed .pop_up_right .content .text .pheader {
                margin-bottom: 10px;
                font-family: "mainBoldFont";
                font-size: 20px;
            }

            .positionFixed .pop_up_right .content .text .pcontent {
                font-size: 14px;
                color: #646464;
                line-height: 18px;
            }

.positionFixed .rightBottom {
    bottom: 0;
    z-index: 1000;
    right: 64px;
    width: 422px;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .positionFixed .rightBottom * {
        font-family: "popuFont";
    }

    .positionFixed .rightBottom .icons_online_chat_close {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .positionFixed .rightBottom > section {
        width: 210px;
        height: 60px;
        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: 12px;
        color: white;
    }

        .positionFixed .rightBottom > section .text {
            margin-left: 4px;
        }

        .positionFixed .rightBottom > section.red {
            background: #cc001b;
        }

        .positionFixed .rightBottom > section.blue {
            background: #006cc0;
        }

            .positionFixed .rightBottom > section.blue .icons_online {
                position: absolute;
                top: -4px;
                right: 27px;
            }

            .positionFixed .rightBottom > section.blue .text p:nth-child(1) {
                font-family: "buttonBold";
            }

.side_menu_download,
.side_menu_download_on,
.side_menu_DNSdownload,
.side_menu_DNSdownload_on {
    position: fixed;
    left: 0;
}

.side_menu_contant,
.side_menu_contant_on {
    position: fixed;
    right: 0;
}

.item-hover-half-enter,
.item-hover-half-leave-to {
    opacity: 0.5;
}

.popup-enter-active,
.popup-leave-active {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.bottomNotice {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 208px;
    background: #0a1623;
    padding: 30px 48px;
    color: white;
    font-size: 20px;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .bottomNotice .icons_logo {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .bottomNotice > p {
        width: 430px;
    }

    .bottomNotice .pheader {
        font-family: "mainBoldFont";
        font-size: 32px;
    }

    .bottomNotice .pcontent {
        margin-top: 5px;
        line-height: 28px;
    }

    .bottomNotice .ptime {
        font-size: 18px;
        line-height: 100%;
        margin-top: 20px;
    }

.iconAndTitle {
    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;
    height: 46px;
    padding-left: 15px;
}

    .iconAndTitle * {
        font-family: "mainBoldFont";
    }

    .iconAndTitle > span {
        margin-left: 6px;
        word-break: keep-all;
        white-space: nowrap;
    }

    .iconAndTitle .other {
        height: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        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: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 10px;
    }

        .iconAndTitle .other .moreMatchesBtn > a,
        .moreMatchesBtn > a {
            min-width: 126px;
            height: 30px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            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: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            color: white;
            background: #013b7a;
            padding: 0 15px;
            font-size: 12px;
            word-break: keep-all;
            white-space: nowrap;
            cursor: pointer;
            box-sizing: border-box;
        }

        .iconAndTitle .other .moreBtn > span,
        .iconAndTitle .other .moreBtn > a {
            font-family: "mainBoldFont";
        }

.betNowBtn {
    width: 100px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ffaf15;
    cursor: pointer;
}

.icons {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
}

.icons2 {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/_icons/s_windows_icon_of.png);
}

.icons3 {
    display: inline-block;
    overflow: hidden;
}

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

.icons_aff {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 46px;
    height: 53px;
    background-image: url(../images/icon/icons_a.png);
}

.icons_vip {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 46px;
    height: 53px;
    background-image: url(../images/icon/icons_vip.png);
}

.icons_arrow {
    width: 9px;
    height: 8px;
    margin-left: 5px;
    background-position: -1480px -62px;
}

.icons_banner_boardcast {
    width: 31px;
    height: 20px;
    background-position: -1921px -25px;
}

.icons_bk8 {
    width: 72px;
    height: 40px;
    background-position: -684px -2px;
}

    .icons_bk8:hover {
        width: 72px;
        height: 40px;
        background-position: -610px -2px;
    }

.icons_bmm {
    width: 55px;
    height: 17px;
    background-position: -1967px -23px;
}

    .icons_bmm:hover {
        width: 55px;
        height: 17px;
        background-position: -130px -55px;
    }

.icons_chrome {
    width: 30px;
    height: 30px;
    background-position: -1429px -2px;
}

    .icons_chrome:hover {
        width: 30px;
        height: 30px;
        background-position: -1405px -34px;
    }

.icons_dice {
    width: 33px;
    height: 29px;
    background-position: -759px -43px;
}

.icons_eeziepay {
    width: 77px;
    height: 32px;
    background-image: url(../images/icon/eeziepay_of.png);
    background-repeat: no-repeat;
    background-position: center;
}

    .icons_eeziepay:hover {
        width: 77px;
        height: 32px;
        background-image: url(../images/icon/icons.png);
        background-position: -928px -40px;
    }

.icons_explore {
    width: 30px;
    height: 30px;
    background-position: -1397px -2px;
}

    .icons_explore:hover {
        width: 30px;
        height: 30px;
        background-position: -1373px -34px;
    }

.icons_fb {
    width: 30px;
    height: 30px;
    background-position: -1365px -2px;
}

    .icons_fb:hover {
        width: 30px;
        height: 30px;
        background-position: -1341px -34px;
    }

.icons_insta {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url(../images/icon/instagram_of.png);
}

    .icons_insta:hover {
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-image: url(../images/icon/instagram_ov.png);
    }

.icons_twitter {
    width: 32px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/icon/twitter_of.png);
}

    .icons_twitter:hover {
        width: 32px;
        height: 40px;
        background-repeat: no-repeat;
        background-image: url(../images/icon/twitter_ov.png);
    }

.icons_financing {
    width: 44px;
    height: 44px;
    background-position: -260px -2px;
}

.icons_footer_18 {
    width: 25px;
    height: 25px;
    background-position: -1665px -30px;
}

.icons_fox {
    width: 30px;
    height: 30px;
    background-position: -1333px -2px;
}

    .icons_fox:hover {
        width: 30px;
        height: 30px;
        background-position: -1309px -34px;
    }

.icons_gift {
    width: 41px;
    height: 41px;
    background-position: -567px -2px;
}

.icons_globe {
    width: 38px;
    height: 36px;
    background-position: -947px -2px;
}

    .icons_globe:hover {
        width: 38px;
        height: 36px;
        background-position: -907px -2px;
    }

.icons_header_indo {
    width: 26px;
    height: 26px;
    background-position: -1662px -2px;
}

.icons_header_logo {
    width: 126px;
    height: 70px;
    background-position: -2px -2px;
}

.icons_header_malay {
    width: 26px;
    height: 26px;
    background-position: -555px -46px;
}

.icons_header_more {
    width: 5px;
    height: 21px;
    background-position: -1878px -49px;
}

.icons_header_singa {
    width: 26px;
    height: 26px;
    background-position: -527px -46px;
}

.icons_header_thai {
    width: 26px;
    height: 26px;
    background-position: -499px -46px;
}

.icons_header_vietnam {
    width: 26px;
    height: 26px;
    background-size: 26px;
    background-image: url(../images/icon/lang_vn.png);
}

.icons_help {
    width: 37px;
    height: 37px;
    background-position: -868px -2px;
}

.icons_help2pay {
    width: 40px;
    height: 28px;
    background-image: url(../images/icon/help2pay_of.png);
    background-repeat: no-repeat;
    background-position: center;
}

    .icons_help2pay:hover {
        width: 40px;
        height: 28px;
        background-image: url(../images/icon/icons.png);
        background-position: -1563px -32px;
    }

.icons_cimb {
    width: 105px;
    height: 16px;
    background-image: url(../images/icon/cimb_nia_of.png);
    background-position: center;
}

    .icons_cimb:hover {
        width: 105px;
        height: 16px;
        background-image: url(../images/icon/cimb_nia_ov.png);
    }

.icons_mandiri {
    width: 85px;
    height: 25px;
    background-image: url(../images/icon/mandiri_of.png);
}

    .icons_mandiri:hover {
        width: 85px;
        height: 25px;
        background-image: url(../images/icon/mandiri_ov.png);
    }

.icons_bni {
    width: 62px;
    height: 18px;
    background-image: url(../images/icon/BNI_of.png);
}

    .icons_bni:hover {
        width: 62px;
        height: 18px;
        background-image: url(../images/icon/BNI_ov.png);
    }

.icons_bca {
    width: 58px;
    height: 18px;
    background-image: url(../images/icon/BCA_of.png);
}

    .icons_bca:hover {
        width: 58px;
        height: 18px;
        background-image: url(../images/icon/BCA_ov.png);
    }

.icons_bri {
    width: 86px;
    height: 20px;
    background-image: url(../images/icon/BRI_of.png);
}

    .icons_bri:hover {
        width: 86px;
        height: 20px;
        background-image: url(../images/icon/BRI_ov.png);
    }

.icons_hot {
    width: 24px;
    height: 28px;
    background-position: -1639px -32px;
}

.icons_itechlabs {
    width: 34px;
    height: 32px;
    background-position: -1202px -2px;
}

    .icons_itechlabs:hover {
        width: 34px;
        height: 32px;
        background-image: url(../images/icon/itech_labs_ov.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.icons_label {
    width: 20px;
    height: 25px;
    background-position: -1692px -29px;
}

.icons_language_closed {
    width: 36px;
    height: 36px;
    background-position: -987px -2px;
}

.icons_language_indo {
    width: 42px;
    height: 42px;
    background-position: -523px -2px;
}

.icons_language_malay {
    width: 42px;
    height: 42px;
    background-position: -479px -2px;
}

.icons_language_singa {
    width: 42px;
    height: 42px;
    background-position: -435px -2px;
}

.icons_language_thai {
    width: 42px;
    height: 42px;
    background-position: -391px -2px;
}

.icons_language_vietnam {
    width: 42px;
    height: 42px;
    background-size: 42px;
    background-image: url(/public/new_bk8/content/images/icon/lang_vn.png);
}

.icons_live {
    width: 44px;
    height: 43px;
    background-position: -345px -2px;
}

.icons_live_video {
    width: 32px;
    height: 23px;
    background-position: -1714px -27px;
}

.icons_livetv_live {
    width: 26px;
    height: 16px;
    background-position: -1982px -42px;
}

.icons_livetv_live_commentary {
    width: 29px;
    height: 25px;
    background-position: -380px -47px;
}

.icons_livetv_logo {
    width: 49px;
    height: 27px;
    background-position: -583px -45px;
}

.icons_livetv_watch_live_now {
    width: 55px;
    height: 21px;
    background-position: -1864px -26px;
}

.icons_m_logo {
    width: 33px;
    height: 33px;
    background-position: -1139px -2px;
}

.icons_playngo_logo {
    width: 45px;
    height: 33px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/icons_playngo_logo.png);
}

.icons_PP_logo {
    width: 35px;
    height: 52px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/icons_PP_logo.png);
}

.icons_SA_logo {
    width: 38px;
    height: 34px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/icons_SA_logo.png);
}

.icons_menu_live {
    width: 30px;
    height: 16px;
    background-position: -1994px -2px;
}

.icons_menu_logo {
    width: 27px;
    height: 33px;
    background-position: -1157px -37px;
    cursor: pointer;
}

.icon_menu_logo {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 29px;
    height: 33px;
    background-image: url(../images/icon/menu_home.png);
    cursor: pointer;
}

    .icon_menu_logo:hover {
        display: inline-block;
        overflow: hidden;
        background-repeat: no-repeat;
        width: 29px;
        height: 33px;
        background-image: url(../images/icon/menu_home_ov.png);
        cursor: pointer;
    }

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

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

.icons_new {
    width: 30px;
    height: 16px;
    background-position: -1692px -56px;
}

.icons_online {
    width: 42px;
    height: 28px;
    background-position: -1519px -32px;
}

.icons_online_chat_close {
    width: 10px;
    height: 10px;
    background-position: -1468px -62px;
}

.icons_p_logo {
    width: 33px;
    height: 33px;
    background-position: -1122px -38px;
}

.icons_pagcor {
    width: 123px;
    height: 28px;
    background-position: -1461px -2px;
}

    .icons_pagcor:hover {
        width: 123px;
        height: 28px;
        background-position: -634px -44px;
    }

.icons_guracao {
    width: 114px;
    height: 38px;
    background: url("../images/_firms/brand/guracao_gaming_of.png");
}

    .icons_guracao:hover {
        width: 114px;
        height: 38px;
        background: url("../images/_firms/brand/guracao_gaming_ov.png");
    }

.icons_paytrust {
    width: 95px;
    height: 20px;
    background-position: -1885px -49px;
}

    .icons_paytrust:hover {
        width: 95px;
        height: 20px;
        background-position: -1724px -52px;
    }

.icons_play {
    width: 14px;
    height: 17px;
    background-position: -1978px -2px;
}

.icons_popup_left_close {
    width: 22px;
    height: 22px;
    background-position: -1863px -2px;
}

.icons_popup_right_close {
    width: 31px;
    height: 31px;
    background-position: -895px -41px;
}

.icons_recommend_like {
    width: 25px;
    height: 22px;
    background-position: -1836px -2px;
}

.icons_remaining_time {
    width: 18px;
    height: 21px;
    background-position: -1916px -2px;
}

.icons_services {
    width: 44px;
    height: 45px;
    background-position: -214px -2px;
}

.icons_share {
    width: 18px;
    height: 19px;
    background-position: -1958px -2px;
}

.icons_side_menu_android {
    width: 27px;
    height: 32px;
    background-position: -1272px -2px;
}

    .icons_side_menu_android:hover,
    .positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_android, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_android {
        width: 27px;
        height: 32px;
        background-position: -1248px -36px;
    }

.icons_side_menu_arrow {
    width: 26px;
    height: 26px;
    background-position: -471px -46px;
}

.icons_side_menu_ios {
    width: 26px;
    height: 33px;
    background-position: -1186px -37px;
}

    .icons_side_menu_ios:hover,
    .positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_ios, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_ios {
        width: 26px;
        height: 33px;
        background-position: -1174px -2px;
    }

.icons_side_menu_windows {
    width: 37px;
    height: 37px;
    background-image: url(../images/_icons/s_windows_icon_of.png);
}

    .icons_side_menu_windows:hover,
    .positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_windows, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_windows {
        width: 37px;
        height: 37px;
        background-image: url(../images/_icons/s_windows_icon_ov.png);
    }

.icons_side_menu_line {
    width: 33px;
    height: 31px;
    background-position: -860px -41px;
}

    .icons_side_menu_line:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_line {
        width: 33px;
        height: 31px;
        background-position: -825px -41px;
    }

.icons_side_menu_livechat {
    width: 30px;
    height: 30px;
    background-position: -1301px -2px;
}

    .icons_side_menu_livechat:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_livechat {
        width: 30px;
        height: 30px;
        background-position: -1277px -36px;
    }

.icons_side_menu_mobile {
    width: 23px;
    height: 36px;
    background-position: -1078px -2px;
}

    .icons_side_menu_mobile:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_mobile {
        width: 23px;
        height: 36px;
        background-position: -1053px -2px;
    }

.icons_side_menu_pc {
    width: 28px;
    height: 26px;
    background-position: -441px -46px;
}

    .icons_side_menu_pc:hover,
    .positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_pc, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_pc {
        width: 28px;
        height: 26px;
        background-position: -411px -46px;
    }

.icons_side_menu_watsapp {
    width: 29px;
    height: 29px;
    background-position: -1437px -34px;
}

    .icons_side_menu_watsapp:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_watsapp {
        width: 29px;
        height: 29px;
        background-position: -794px -43px;
    }

.icons_side_menu_wechat {
    width: 32px;
    height: 28px;
    background-position: -1628px -2px;
}

    .icons_side_menu_wechat:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_wechat {
        width: 32px;
        height: 28px;
        background-position: -1605px -32px;
    }

.icons_side_menu_skype {
    width: 42px;
    height: 41px;
    background-image: url(../images/icon/skype_of.png);
}

    .icons_side_menu_skype:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_skype {
        width: 42px;
        height: 41px;
        background-image: url(../images/icon/skype_ov.png);
    }

.icons_side_menu_yahoo {
    width: 42px;
    height: 41px;
    background-image: url(../images/icon/yahoo_of.png);
}

    .icons_side_menu_yahoo:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_yahoo {
        width: 42px;
        height: 41px;
        background-image: url(../images/icon/yahoo_ov.png);
    }

.icons_side_menu_bbm {
    width: 42px;
    height: 41px;
    background-image: url(../images/icon/bbm_of.png);
}

    .icons_side_menu_bbm:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_bbm {
        width: 42px;
        height: 41px;
        background-image: url(../images/icon/bbm_ov.png);
    }

.icons_side_menu_telegram {
    width: 42px;
    height: 41px;
    background-image: url(../images/icon/telegram_of.png);
}

    .icons_side_menu_telegram:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_telegram {
        width: 42px;
        height: 41px;
        background-image: url(../images/icon/telegram_ov.png);
    }

.icons_side_menu_zalo {
    width: 42px;
    height: 41px;
    background-image: url(../images/icon/zalo_of.png);
    background-size: contain;
    background-repeat: no-repeat;
}

    .icons_side_menu_zalo:hover,
    .positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_zalo {
        width: 42px;
        height: 41px;
        background-image: url(../images/icon/zalo_ov.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

.icons_slot_arrow {
    width: 11px;
    height: 20px;
    background-position: -1954px -24px;
}

.icons_slot_big_promo_new {
    width: 63px;
    height: 37px;
    background-position: -803px -2px;
}

.icons_slot_new {
    width: 49px;
    height: 28px;
    background-position: -1468px -32px;
}

.icons_slot_search {
    width: 20px;
    height: 20px;
    background-position: -1936px -2px;
}

.icons_spade_logo {
    width: 34px;
    height: 34px;
    background-position: -1103px -2px;
}

.icons_sports_news {
    width: 26px;
    height: 36px;
    background-position: -1025px -2px;
}

.icons_star {
    width: 24px;
    height: 23px;
    background-position: -1748px -27px;
}

.icons_streaming_live {
    width: 55px;
    height: 21px;
    background-position: -1821px -51px;
}

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

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

.icons_tt {
    width: 67px;
    height: 22px;
    background-position: -1795px -27px;
}

    .icons_tt:hover {
        width: 67px;
        height: 22px;
        background-image: url(../images/icon/tt_ov.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.icons_verified {
    width: 122px;
    height: 23px;
    background-position: -1712px -2px;
}

    .icons_verified:hover {
        width: 122px;
        height: 23px;
        background-position: -256px -49px;
    }

.icons_video {
    width: 27px;
    height: 21px;
    background-position: -1887px -2px;
}

.icons_winner {
    width: 43px;
    height: 39px;
    background-position: -758px -2px;
}

.icons_youtube {
    width: 32px;
    height: 32px;
    background-position: -1238px -2px;
}

    .icons_youtube:hover {
        width: 32px;
        height: 32px;
        background-image: url(../images/icon/youtube_ov.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.icon_min_width {
    min-width: 157px;
}

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

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

    .firms_casino_logo_ag:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_ag,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_ag {
        width: 78px;
        height: 40px;
        background-position: -1616px -2px;
    }

.firms_casino_logo_allbet {
    width: 87px;
    height: 54px;
    background-position: -267px -2px;
}

    .firms_casino_logo_allbet:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_allbet,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_allbet {
        width: 87px;
        height: 54px;
        background-position: -178px -2px;
    }

.firms_casino_logo_dream {
    width: 102px;
    height: 47px;
    background-position: -460px -2px;
}

    .firms_casino_logo_dream:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_dream,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_dream {
        width: 102px;
        height: 47px;
        background-position: -356px -2px;
    }

.firms_casino_logo_evo_gaming {
    width: 93px;
    height: 30px;
    background-position: -471px -51px;
}

    .firms_casino_logo_evo_gaming:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_evo_gaming,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_evo_gaming {
        width: 93px;
        height: 30px;
        background-position: -376px -51px;
    }

.firms_casino_logo_gd {
    width: 78px;
    height: 32px;
    background-position: -1638px -44px;
}

    .firms_casino_logo_gd:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_gd,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_gd {
        width: 78px;
        height: 32px;
        background-position: -1202px -47px;
    }

.firms_casino_logo_gp {
    width: 68px;
    height: 46px;
    background-position: -980px -2px;
}

    .firms_casino_logo_gp:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_gp,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_gp {
        width: 68px;
        height: 46px;
        background-position: -910px -2px;
    }

.firms_casino_logo_pt {
    width: 66px;
    height: 39px;
    background-position: -1844px -2px;
}

    .firms_casino_logo_pt:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_pt,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_pt {
        width: 66px;
        height: 39px;
        background-position: -1776px -2px;
    }

.firms_casino_logo_sb {
    width: 111px;
    height: 35px;
    background-position: -1525px -44px;
}

    .firms_casino_logo_sb:hover,
    .casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_sb,
    .casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_sb {
        width: 111px;
        height: 35px;
        background-position: -1282px -46px;
    }

.firms_logo_918kiss {
    width: 69px;
    height: 38px;
    background-position: -1940px -42px;
}

    .firms_logo_918kiss:hover {
        width: 69px;
        height: 38px;
        background-position: -1940px -2px;
    }

.firms_logo_ag {
    width: 78px;
    height: 40px;
    background-position: -1536px -2px;
}

    .firms_logo_ag:hover {
        width: 78px;
        height: 40px;
        background-position: -1456px -2px;
    }

.firms_logo_allbet {
    width: 86px;
    height: 62px;
    background-position: -90px -2px;
}

    .firms_logo_allbet:hover {
        width: 86px;
        height: 62px;
        background-position: -2px -2px;
    }

.firms_logo_dreamgaming {
    width: 80px;
    height: 50px;
    background-image: url(../images/_firms/dreamgaming_of.png);
}

    .firms_logo_dreamgaming:hover {
        width: 80px;
        height: 50px;
        background-image: url(../images/_firms/dreamgaming_ov.png);
    }

.firms_logo_cashfish {
    width: 80px;
    height: 38px;
    background-position: -1858px -43px;
}

    .firms_logo_cashfish:hover {
        width: 80px;
        height: 38px;
        background-position: -1776px -43px;
    }

.firms_logo_cmd368 {
    width: 97px;
    height: 20px;
    background-position: -277px -58px;
}

    .firms_logo_cmd368:hover {
        width: 97px;
        height: 20px;
        background-position: -178px -58px;
    }

.firms_logo_betradar {
    width: 132px;
    height: 20px;
    background-image: url(../images/_firms/firms_logo_betradar.png);
}

    .firms_logo_betradar:hover {
        width: 132px;
        height: 20px;
        background-image: url(../images/_firms/firms_logo_betradar_over.png);
    }

.firms_logo_maxbet {
    width: 114px;
    height: 24px;
    background-position: -682px -51px;
}

    .firms_logo_maxbet:hover {
        width: 114px;
        height: 24px;
        background-position: -566px -51px;
    }

.firms_logo_ocean {
    width: 74px;
    height: 33px;
    background-position: -1126px -47px;
}

    .firms_logo_ocean:hover {
        width: 74px;
        height: 34px;
        background-position: -1050px -47px;
    }

.firms_logo_fishing_god {
    width: 74px;
    height: 50px;
    background-image: url(../images/_firms/hm_recommend_fishing_god_of.png);
}

    .firms_logo_fishing_god:hover {
        width: 74px;
        height: 50px;
        background-image: url(../images/_firms/hm_recommend_fishing_god_ov.png);
    }

.firms_logo_playtech {
    width: 66px;
    height: 42px;
    background-position: -1284px -2px;
}

    .firms_logo_playtech:hover {
        width: 66px;
        height: 42px;
        background-position: -1216px -2px;
    }

.firms_logo_spade {
    width: 77px;
    height: 46px;
    background-position: -831px -2px;
}

    .firms_logo_spade:hover {
        width: 77px;
        height: 46px;
        background-position: -752px -2px;
    }

.firms_slot_logo_918kiss {
    width: 63px;
    height: 36px;
    background-position: -1460px -44px;
}

    .firms_slot_logo_918kiss:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_918kiss,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_918kiss {
        width: 63px;
        height: 36px;
        background-position: -1395px -45px;
    }

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

    .firms_slot_logo_ag:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_ag,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_ag {
        width: 78px;
        height: 40px;
        background-position: -1616px -2px;
    }

.firms_slot_logo_gp {
    width: 68px;
    height: 46px;
    background-position: -980px -2px;
}

    .firms_slot_logo_gp:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_gp,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_gp {
        width: 68px;
        height: 46px;
        background-position: -910px -2px;
    }

.firms_slot_logo_mg {
    width: 81px;
    height: 43px;
    background-position: -1133px -2px;
}

    .firms_slot_logo_mg:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_mg,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_mg {
        width: 81px;
        height: 43px;
        background-position: -1050px -2px;
    }

.firms_slot_logo_pt {
    width: 66px;
    height: 39px;
    background-position: -1844px -2px;
}

    .firms_slot_logo_pt:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_pt,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_pt {
        width: 66px;
        height: 39px;
        background-position: -1776px -2px;
    }

.firms_slot_logo_pt2 {
    width: 66px;
    height: 39px;
    background-position: -1844px -2px;
}

    .firms_slot_logo_pt2:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_pt2,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_pt2 {
        width: 66px;
        height: 39px;
        background-position: -1776px -2px;
    }

.firms_slot_logo_sg {
    width: 92px;
    height: 47px;
    background-position: -658px -2px;
}

    .firms_slot_logo_sg:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_sg,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_sg {
        width: 92px;
        height: 47px;
        background-position: -564px -2px;
    }

.firms_slot_logo_ttg {
    width: 104px;
    height: 31px;
    background-position: -904px -50px;
}

    .firms_slot_logo_ttg:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_ttg,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_ttg {
        width: 104px;
        height: 31px;
        background-position: -798px -50px;
    }

.firms_slot_logo_ultimate {
    width: 50px;
    height: 41px;
    background-position: -1404px -2px;
}

    .firms_slot_logo_ultimate:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_ultimate,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_ultimate {
        width: 50px;
        height: 41px;
        background-position: -1352px -2px;
    }

.firms_slot_logo_playngo {
    display: inline-block;
    background-repeat: no-repeat;
    width: 59px;
    height: 46px;
    background-image: url(../images/icon/pngo_of.png);
}

    .firms_slot_logo_playngo:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_playngo,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_playngo {
        display: inline-block;
        background-repeat: no-repeat;
        width: 59px;
        height: 46px;
        background-image: url(../images/icon/pngo_ov.png);
    }

.firms_slot_logo_mgp {
    display: inline-block;
    background-repeat: no-repeat;
    width: 59px;
    height: 46px;
    background-image: url(../images/icon/mgp_of.png);
}

.firms_slot_logo_playngo:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_mgp,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_mgp {
    display: inline-block;
    background-repeat: no-repeat;
    width: 59px;
    height: 46px;
    background-image: url(../images/icon/mgp_ov.png);
}

.firms_slot_logo_sa_gaming {
    display: inline-block;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-image: url(../images/_firms/firms_slot_logo_sa.png);
}

    .firms_slot_logo_sa_gaming:hover {
        display: inline-block;
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        background-image: url(../images/_firms/firms_slot_logo_sa_over.png);
    }

.firms_slot_logo_sa {
    display: inline-block;
    background-repeat: no-repeat;
    width: 59px;
    height: 46px;
    background-image: url(../images/icon/sa_gaming_of.png);
}

    .firms_slot_logo_sa:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_sa,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_sa {
        display: inline-block;
        background-repeat: no-repeat;
        width: 59px;
        height: 46px;
        background-image: url(../images/icon/sa_gaming_ov.png);
    }

.firms_slot_logo_pp {
    display: inline-block;
    background-repeat: no-repeat;
    width: 59px;
    height: 46px;
    background-image: url(../images/icon/pp_gaming_of.png);
}

    .firms_slot_logo_pp:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_pp,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_pp {
        display: inline-block;
        background-repeat: no-repeat;
        width: 59px;
        height: 46px;
        background-image: url(../images/icon/pp_gaming_ov.png);
    }

.firms_slot_logo_mega {
    display: inline-block;
    background-repeat: no-repeat;
    width: 59px;
    height: 46px;
    background-image: url(../images/icon/mega_gaming_of.png);
}

    .firms_slot_logo_mega:hover,
    .slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_mega,
    .slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_mega {
        display: inline-block;
        background-repeat: no-repeat;
        width: 59px;
        height: 46px;
        background-image: url(../images/icon/mega_gaming_ov.png);
    }

/* end*/
/**for menu**/
ul.menunav .box {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    z-index: 100;
    width: 100%;
    z-index: 100;
    overflow: hidden;
}

ul.menunav .submenu {
    background: white;
    transform: translateY(-100%);
}

ul.menunav li:hover,
ul.menunav li:hover a span {
    font-weight: bold;
}

    ul.menunav li:hover .box {
        display: block;
        cursor: default;
    }

.submenu .container {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    /* flex-wrap: wrap; */
}

.navbar-center {
    justify-content: center;
}

.navbarCenterRow {
    padding-left: 0% !important;
    justify-content: center;
}

.navbarSubRow4 {
    width: 820px;
}

.navbarSubRow6 {
    width: 1230px;
}

.submenuRow {
    background: white;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}

.submenuRowContainer {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

ul.menunav li.slots .submenu .container {
    padding: 30px 0px;
    /* flex-wrap: wrap; */
}

.submenu .container section {
    cursor: pointer;
}

ul.menunav .fishing .submenu .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding: 20px 0px;
}

ul.menunav li:hover .submenu.on {
    transition: all .8s;
    transform: translateY(0);
}

ul.menunav .submenu .firms {
    /* opacity: 0.4; */
    transition: opacity 1s;
    opacity: 1;
}

    ul.menunav .submenu .firms.off {
        opacity: 0.4;
    }

#submenu .submenu .container section.on {
    transition: all 0.8s;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

#submenu .submenu .container section.off {
    opacity: 0.4;
}

.side_menu_download,
.side_menu_download_on,
.side_menu_DNSdownload,
.side_menu_DNSdownload_on {
    transition: all .5s;
}

    .side_menu_download.off,
    .side_menu_download_on.off,
    .side_menu_DNSdownload.off,
    .side_menu_DNSdownload_on.off {
        transform: translateX(-52px);
    }

.side_menu_contant,
.side_menu_contant_on {
    transition: all .5s;
}

    .side_menu_contant.off,
    .side_menu_contant_on.off {
        transform: translateX(52px);
    }

.sliderProvider,
#sliderCasino.slider,
#sliderNews.slider {
    background-color: transparent !important;
}

/* 非合图 */
.firms_home_subbutton_brand {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_home_subbutton_brand.png);
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

    .firms_home_subbutton_brand:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_home_subbutton_brand_over.png);
        background-repeat: no-repeat;
        margin-bottom: 5px;
    }

.firms_home_subbutton_vip {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_home_subbutton_vip.png);
    background-repeat: no-repeat;
    margin-bottom: 7px;
    margin-left: -8px;
}

.firms_poker_subbutton {
    width: 100%;
    height: 100%;
    background: url(../images/firms/idnpoker-subbutton-en.jpg);
    background-repeat: no-repeat;
}

.firms_home_subbutton_vip:hover {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_home_subbutton_vip_over.png);
    background-repeat: no-repeat;
    margin-bottom: 7px;
    margin-left: -8px;
}

.firms_asiagaming {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_asiagaming.png);
    background-repeat: no-repeat;
}

    .firms_asiagaming:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_asiagaming_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_ag {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_ag.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_ag:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_ag_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_allbet {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_allbet.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_allbet:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_allbet_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_dream {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_dream.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_dream:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_dream_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_evo {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_evo.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_evo:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_evo_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_gd {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_gd.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_gd:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_gd_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_gp {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_gp.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_gp:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_gp_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_pt {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_pt.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_pt:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_pt_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_pt2 {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_pt2.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_pt2:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_pt2_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_ebet {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_ebet.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_ebet:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_ebet_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_sexy {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_sexy.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_sexy:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_sexy_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_mgp {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_mgp.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_mgp:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_mgp_over.png);
        background-repeat: no-repeat;
    }

.firms_casino_subbutton_sa {
    width: 200px;
    height: 155px;
    background: url(../images/firms/firms_casino_subbutton_sa_gaming_of.png);
    background-repeat: no-repeat;
}

    .firms_casino_subbutton_sa:hover {
        width: 200px;
        height: 155px;
        background: url(../images/firms/firms_casino_subbutton_sa_gaming_ov.png);
        background-repeat: no-repeat;
    }

.firms_fishing_subbutton_cashfish {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_fishing_subbutton_cashfish.png);
    background-repeat: no-repeat;
}

    .firms_fishing_subbutton_cashfish:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_fishing_subbutton_cashfish_over.png);
        background-repeat: no-repeat;
    }

.firms_fishing_subbutton_gg_gaming {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_fishing_subbutton_gg_gaming.png);
    background-repeat: no-repeat;
}

    .firms_fishing_subbutton_gg_gaming:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_fishing_subbutton_gg_gaming_over.png);
        background-repeat: no-repeat;
    }

.firms_fishing_subbutton_sg_fishing {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_fishing_subbutton_fishing_god.png);
    background-repeat: no-repeat;
    margin-right: 20px;
}

    .firms_fishing_subbutton_sg_fishing:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_fishing_subbutton_fishing_god_over.png);
        background-repeat: no-repeat;
        margin-right: 20px;
    }

.firms_fishing_subbutton_sg_fishingwar {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_fishing_subbutton_fishing_war.png);
    background-repeat: no-repeat;
    margin-right: 20px;
}

    .firms_fishing_subbutton_sg_fishingwar:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_fishing_subbutton_fishing_war_over.png);
        background-repeat: no-repeat;
        margin-right: 20px;
    }

.firms_fishing_subbutton_sa_gaming {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_fishing_subbutton_sa_gaming.png);
    background-repeat: no-repeat;
    margin-right: 20px;
}

    .firms_fishing_subbutton_sa_gaming:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_fishing_subbutton_sa_gaming_over.png);
        background-repeat: no-repeat;
        margin-right: 20px;
    }

.firms_lottery_subbutton_qqthai {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_qqthai.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_qqthai:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_qqthai_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_qqkeno {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_qqkeno.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_qqkeno:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_qqkeno_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_qqkeno-thai {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_qqkeno-thai.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_qqkeno-thai:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_qqkeno-thai_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

/* start gameplay lottery */
.firms_lottery_subbutton_gameplay_fast3 {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_fast3.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_fast3:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_fast3_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_keno {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_keno.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_keno:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_keno_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_ladder {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_ladder.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_ladder:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_ladder_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_rps {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_rps.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_rps:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_rps_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_sode {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_sode.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_sode:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_sode_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_taixiu {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_taixiu.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_taixiu:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_taixiu_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_thor {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_thor.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_thor:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_thor_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_luckyderby {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton-lucky-derby.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_luckyderby:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton-lucky-derby_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_pk10 {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton-pk10.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_pk10:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton-pk10_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

.firms_lottery_subbutton_gameplay_thai-lottery {
    width: 178px;
    height: 155px;
    background: url(../images/firms/firms_lottery_subbutton_thai-lottery.png);
    background-repeat: no-repeat;
    display: inline-block;
}

    .firms_lottery_subbutton_gameplay_thai-lottery:hover {
        width: 178px;
        height: 155px;
        background: url(../images/firms/firms_lottery_subbutton_thai-lottery_over.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

/* end gameplay lottery */
.firms_gameplay {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_gameplay.png);
    background-repeat: no-repeat;
}

    .firms_gameplay:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_gameplay_over.png);
        background-repeat: no-repeat;
    }

.firms_kiss918 {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_kiss918.png);
    background-repeat: no-repeat;
}

    .firms_kiss918:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_kiss918_over.png);
        background-repeat: no-repeat;
    }

.firms_microgaming {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_microgaming.png);
    background-repeat: no-repeat;
}

    .firms_microgaming:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_microgaming_over.png);
        background-repeat: no-repeat;
    }

.firms_playtech {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_playtech.png);
    background-repeat: no-repeat;
}

    .firms_playtech:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_playtech_over.png);
        background-repeat: no-repeat;
    }

.firms_spadegaming {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_spadegaming.png);
    background-repeat: no-repeat;
}

    .firms_spadegaming:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_spadegaming_over.png);
        background-repeat: no-repeat;
    }

.firms_sagaming {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_sa_gaming_of.png);
    background-repeat: no-repeat;
}

    .firms_sagaming:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_sa_gaming_ov.png);
        background-repeat: no-repeat;
    }

.firms_pt2 {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_pt2_of.png);
    background-repeat: no-repeat;
}

    .firms_pt2:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_pt2_ov.png);
        background-repeat: no-repeat;
    }

.firms_pp {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms-pragmatic-play-of.png);
    background-repeat: no-repeat;
}

    .firms_pp:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms-pragmatic-play-ov.png);
        background-repeat: no-repeat;
    }

.firms_mega {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms-mega-of.png);
    background-repeat: no-repeat;
}

    .firms_mega:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms-mega-ov.png);
        background-repeat: no-repeat;
    }

.firms_subbutton_c_sport {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_subbutton_c_sport.png);
    background-repeat: no-repeat;
}

    .firms_subbutton_c_sport:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_subbutton_c_sport_over.png);
        background-repeat: no-repeat;
    }

.firms_subbutton_i_sport {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_subbutton_i_sport.png);
    background-repeat: no-repeat;
}

    .firms_subbutton_i_sport:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_subbutton_i_sport_over.png);
        background-repeat: no-repeat;
    }

.firms_subbutton_s_sport {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_subbutton_s_sport.png);
    background-repeat: no-repeat;
}

    .firms_subbutton_s_sport:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_subbutton_s_sport_over.png);
        background-repeat: no-repeat;
    }

.firms_subbutton_v_sport {
    width: 191px;
    height: 155px;
    background: url(../images/firms/firms_subbutton_v_sport.png);
    background-repeat: no-repeat;
}

    .firms_subbutton_v_sport:hover {
        width: 191px;
        height: 155px;
        background: url(../images/firms/firms_subbutton_v_sport_over.png);
        background-repeat: no-repeat;
    }

.firms_ttg {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_ttg.png);
    background-repeat: no-repeat;
}

    .firms_ttg:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_ttg_over.png);
        background-repeat: no-repeat;
    }

.firms_ultimate {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_ultimate.png);
    background-repeat: no-repeat;
}

    .firms_ultimate:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_ultimate_over.png);
        background-repeat: no-repeat;
    }

.firms_playngo {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_playngo.png);
    background-repeat: no-repeat;
}

    .firms_playngo:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_playngo_over.png);
        background-repeat: no-repeat;
    }

.firms_mgp {
    width: 205px;
    height: 155px;
    background: url(../images/firms/firms_mgp.png);
    background-repeat: no-repeat;
}

    .firms_mgp:hover {
        width: 205px;
        height: 155px;
        background: url(../images/firms/firms_mgp_over.png);
        background-repeat: no-repeat;
    }

.firms_live_casino_ag {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_ag.jpg);
}

    .firms_live_casino_ag:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_ag {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_ag_over.jpg);
    }

.firms_live_casino_allbet {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_allbet.jpg);
}

    .firms_live_casino_allbet:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_allbet {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_allbet_over.jpg);
    }

.firms_live_casino_dream {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_dream.png);
}

    .firms_live_casino_dream:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_dream {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_dream_over.png);
    }

.firms_live_casino_evo {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_evo.png);
}

    .firms_live_casino_evo:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_evo {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_evo_over.png);
    }

.firms_live_casino_gd {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_gd.png);
}

    .firms_live_casino_gd:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_gd {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_gd_over.png);
    }

.firms_live_casino_gp {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_gp.png);
}

    .firms_live_casino_gp:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_gp {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_gp_over.png);
    }

.firms_live_casino_pt {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_pt.jpg);
}

    .firms_live_casino_pt:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_pt {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_pt_over.jpg);
    }

.firms_live_casino_pt2 {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_pt2.jpg);
}

    .firms_live_casino_pt2:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_pt2 {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_pt2_over.jpg);
    }

.firms_live_casino_ebet {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_ebet.jpg);
}

    .firms_live_casino_ebet:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_ebet {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_ebet_over.jpg);
    }

.firms_live_casino_sexy {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_sexy.jpg);
}

    .firms_live_casino_sexy:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_sexy {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_sexy_over.jpg);
    }

.firms_live_casino_mgp {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_mgp.jpg);
}

    .firms_live_casino_mgp:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_mgp {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_mgp_over.jpg);
    }

.firms_live_casino_sa {
    width: 266px;
    height: 174px;
    background: url(../images/firms/firms_live_casino_sa_gaming_of.jpg);
}

    .firms_live_casino_sa:hover,
    .casinoGameList .imgItem:hover .firms_live_casino_sa {
        width: 266px;
        height: 174px;
        background: url(../images/firms/firms_live_casino_sa_gaming_ov.jpg);
    }

.firms_other_games_sports {
    width: 266px;
    height: 155px;
    background: url(../images/firms/firms_other_games_sports_of.png);
    background-repeat: no-repeat;
}

    .firms_other_games_sports:hover,
    .casinoGameList .imgItem:hover .firms_other_games_sports {
        width: 266px;
        height: 155px;
        background: url(../images/firms/firms_other_games_sports_ov.png);
        background-repeat: no-repeat;
    }

.firms_other_games_slots {
    width: 266px;
    height: 155px;
    background: url(../images/firms/firms_other_games_slots_of.png);
    background-repeat: no-repeat;
}

    .firms_other_games_slots:hover,
    .casinoGameList .imgItem:hover .firms_other_games_slots {
        width: 266px;
        height: 155px;
        background: url(../images/firms/firms_other_games_slots_ov.png);
        background-repeat: no-repeat;
    }

.firms_other_games_live_casino {
    width: 266px;
    height: 155px;
    background: url(../images/firms/firms_other_games_live_casino_of.png);
    background-repeat: no-repeat;
}

    .firms_other_games_live_casino:hover,
    .casinoGameList .imgItem:hover .firms_other_games_live_casino {
        width: 266px;
        height: 155px;
        background: url(../images/firms/firms_other_games_live_casino_ov.png);
        background-repeat: no-repeat;
    }

.firms_other_games_fishing {
    width: 266px;
    height: 155px;
    background: url(../images/firms/firms_other_games_fishing_of.png);
    background-repeat: no-repeat;
}

    .firms_other_games_fishing:hover,
    .casinoGameList .imgItem:hover .firms_other_games_fishing {
        width: 266px;
        height: 155px;
        background: url(../images/firms/firms_other_games_fishing_ov.png);
        background-repeat: no-repeat;
    }

.firms_other_games_lottery {
    width: 266px;
    height: 155px;
    background: url(../images/firms/firms_other_games_lottery_of.png);
    background-repeat: no-repeat;
}

    .firms_other_games_lottery:hover,
    .casinoGameList .imgItem:hover .firms_other_games_lottery {
        width: 266px;
        height: 155px;
        background: url(../images/firms/firms_other_games_lottery_ov.png);
        background-repeat: no-repeat;
    }

.firms_promotion_sub_menu_item {
    width: 191px;
    height: 155px;
    background-repeat: no-repeat;
    margin-right: 20px;
    margin-top: 10px;
}

/* code */
.icons_side_menu_line_code {
    width: 111px;
    height: 173px;
    background: url(../images/code/icons_side_menu_line_code.png);
}

/* bg */
.icons_Latest_Winner_bg {
    box-sizing: border-box;
    width: 345px;
    height: 220px;
    background: url(../images/bg/icons_Latest_Winner_bg.png);
}

.icons_livetv_provider_bg {
    width: 293px;
    height: 391px;
    background: url(../images/bg/icons_livetv_provider_bg.png);
}

.icons_logo {
    width: 155px;
    height: 185px;
    background: url(../images/bg/icons_logo.png);
}

.icons_slot_logo {
    width: 109px;
    height: 129px;
    background: url(../images/bg/icons_slot_logo.png);
}

.icons_side_menu_contant {
    width: 52px;
    height: 235px;
    background-image: unset;
}

.icons_side_menu_download {
    width: 52px;
    height: 235px;
    background-image: unset;
}

.icons_side_menu_DNSdownload {
    width: 52px;
    height: 235px;
    background-image: unset;
}

.dns_popup_backbutton {
    width: 150px;
    height: 40px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-image: linear-gradient(#ccc, #767676);
    color: white;
    font-size: 14px;
    border: none;
}

.dns_popup_greenbutton {
    width: 200px;
    height: 40px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    display: block;
    background-image: linear-gradient(#1edb1e, #30531f);
    color: white;
    font-size: 14px;
    border: none;
}

.dns_popup_bluebutton {
    width: 200px;
    height: 40px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    display: block;
    background-image: linear-gradient(#0061f3, #1f407c);
    color: white;
    font-size: 14px;
    border: none;
}

    .dns_popup_greenbutton:hover, .dns_popup_bluebutton:hover, .dns_popup_backbutton:hover {
        cursor: pointer;
    }

.dns_popupTitle {
    font-size: 18px;
    color: #0362CE;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    display: table;
    font-weight: bold;
}

.dns_leftDiv {
    width: 220px;
    height: 250px;
    background-color: #f2f2f2;
    border-radius: 6px;
}

.dns_rightDiv {
    width: 220px;
    height: 200px;
    background-color: #f2f2f2;
    border-radius: 6px;
    margin-left: auto;
}

.popup_iconImage {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    display: block;
}

/***slider***/
.slider .page_item {
    position: absolute;
}

.slider > span {
    position: absolute;
    width: 100%;
    /* height: 100%; */
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.slider .page_item.leave_active,
.slider .page_item.enter_active {
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

#sliderVideos {
    position: relative;
    overflow: hidden;
    height: 698px;
}

.videoBottomNotice.page_item.leave_active,
.videoBottomNotice.page_item.enter_active {
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

.slider .page_item.enter {
    transform: translateX(100%);
}

.slider .page_item.leave_to {
    transform: translateX(-100%);
}

.videoBottomNotice.page_item.enter {
    transform: translateX(100%);
}

.videoBottomNotice.page_item.leave_to {
    transform: translateX(-100%);
}

.none {
    display: none !important;
}

.popup {
    transition: transform 1s;
}

.pop_up_left.off {
    transform: translateX(-200px);
}

.pop_up_right.off {
    transform: translateX(397px);
}

.rightBottom.off {
    transform: translateY(70px);
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer;
}

.upcoming_event_container {
    display: none;
}

#homeVideoContainer {
    width: 100%;
    height: 453px;
}

footer .footertop .footertopContent .footertopItem .footerIconBox {
    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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 80px;
}

    footer .footertop .footertopContent .footertopItem .footerIconBox a {
        cursor: pointer;
    }

footer .footerbottom .footerbottomContent .footerbottomItem .footerIconBox {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    footer .footerbottom .footerbottomContent .footerbottomItem .footerIconBox > a {
        margin-right: 15px;
        margin-bottom: 8px;
        cursor: pointer;
    }

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 999 !important;
    top: 0;
    left: 0;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    transition: 0.3s;
    -webkit-animation: fadeEffect 0.3s;
    animation: fadeEffect 0.3s;
}

.overlay-content {
    position: relative;
    z-index: 999 !important;
    top: 20%;
    width: 100%;
    /* text-align: center; */
    margin-top: 30px;
    background-color: #003b79;
    min-height: 300px;
}

/* .overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
} */
.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay .overlay-close-lg {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    color: #818181;
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px;
    }

    .overlay .overlay-close-lg {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.overlay-container {
    margin-right: auto;
    margin-left: auto;
    width: 800px;
    line-height: 1.5;
}

.overlay-close-sm {
    cursor: pointer;
    color: #d9991d;
    height: 30px;
    font-weight: bold;
}

    .overlay-close-sm:hover {
        text-decoration: underline;
    }

.overlay-title {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
}

.overlay-body {
    color: #FFFFFF;
    font-size: 13px;
}

.overlay-footer {
    color: #FFFFFF;
    font-size: 24px;
}

.overlay-content-desc {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
}

.overlay-content-livechat:hover {
    cursor: pointer;
    text-decoration: underline;
}

.notification-container {
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #888;
    border-bottom: 1px solid #aaa;
    background-color: #fff;
    position: relative;
    margin-bottom: 1em;
    font-size: 13px;
    color: #666;
    font-weight: 500;
    padding: 10px 30px 11px 20px;
    min-width: 350px;
    max-width: 500px;
}

.notification-inner {
    padding: 1px 0 1px 40px;
    background-position: 0 center;
    background-repeat: no-repeat;
    min-height: 21px;
    background-image: url(../../content/images/icon/messenger_icon_info.gif);
}

.notification-success-icon {
    background-image: url(../../content/images/icon/success-green.png);
}

.notification-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #888;
    opacity: 1;
    font-weight: bold;
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding: 8px 10px 7px 7px;
    cursor: pointer;
    background: transparent;
    border: 0;
}

@media screen and (max-width: 768px) {
    .notification-container {
        max-width: 80%;
        min-width: 50%;
    }
}

.sportsbook-bg {
    background-image: url(../../content/images/background/sportsbook_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 910px;
    align: center;
    valign: top;
}

.cmd-bg {
    background-color: #DEDEDE;
}

.terms-container {
    height: 880px;
    background: #ffffff;
    margin: 0 auto;
    border: 1px solid #6d6d6d;
}

.terms-subnav-container {
    min-height: 65px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 15px;
}

.terms-subnav {
    width: 100%;
    min-height: 35px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    background: #003b79;
    color: #ffffff;
    font-size: 100%;
    padding: 0 10px;
}

.terms-content {
    position: relative;
    height: 787px;
    overflow-y: scroll;
    text-align: justify;
    line-height: 1;
    padding: 0 15px;
}

.row.col-xs-10.col-xs-offset-1 {
    padding-top: 15px;
    width: 83.33333%;
    float: left;
    margin-left: 8.33333%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.announcement-text {
    text-overflow: ellipsis;
    width: 180ch;
}

.centered-modal.in {
    cursor: pointer !important;
    display: flex !important;
}

.centered-modal.off {
    display: none !important;
}

.centered-modal .modal-dialog {
    margin: auto;
}

.message-content-text > tbody > tr:focus {
    background-color: #f5f5f5;
}

.message-content {
    min-height: 500px;
}

.hotGameText1 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: black;
}

.hotGameText2 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.member-benefits *::after,
.member-benefits *::before,
.member-benefits *,
.member-benefits {
    box-sizing: border-box !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    line-height: 13px !important;
}

.mainPromoContent {
    position: absolute;
    bottom: 173px;
    width: 100%;
    z-index: 1;
}

    .mainPromoContent .mainContentPromoContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainPromoContent .mainContentPromoContainer .page_no {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            justify-content: flex-end;
            padding-right: 10px;
        }

            .mainPromoContent .mainContentPromoContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainPromoContent .mainContentPromoContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainPromoContent .mainContentPromoContainer .page_no li > i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                .mainPromoContent .mainContentPromoContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

.imgBoxLive {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5px !important;
}

.slidePromo-container {
    width: 294px;
    min-height: 195px;
}

.mobile_nav {
    background-image: url(../images/icon/nav_mobile.png);
    height: 28px;
    width: 28px;
    margin-right: 3px;
    cursor: pointer;
}

.seo_topics {
    color: #013b7a;
}

.seo_topicsGames, .seo_topicsPromo, .seo_topicsLiveCasino, .seo_topicsAsiaTech, .seo_topicsIdnTech, .seo_topicsSpadeTech, .seo_topicsAppsTech, .seo_topicsPokerTips, .seo_topicsBallTips, .seo_topicsSlotTips {
    color: #575757;
    background: #e4e4e4;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
    flex-grow: 1;
}

.casino-th, .tips-th {
    display: flex;
    flex-wrap: wrap;
    color: #337ab7;
    font-size: 13px;
    line-height: 16px;
    margin-top: 5px;
}

.review-th {
    display: flex;
    flex-wrap: wrap;
    color: #337ab7;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}

.seo_topicsPromo, .seo_topicsBallTips, .seo_topicsIdnTech {
    margin-left: 3px;
    margin-right: 3px;
}

.seo_topicsSpadeTech {
    margin-right: 3px;
}

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

.brandSponsor {
    position: relative;
    color: black;
}

.brandImage {
    background: url("../images/_firms/brand/DBR_of.png");
    height: 87px;
    width: 209px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

    .brandImage:hover {
        background: url("../images/_firms/brand/DBR_ov.png");
        height: 87px;
        width: 209px;
        background-repeat: no-repeat;
        background-size: contain;
    }

.gameImage {
    background: url("../images/_firms/brand/guracao_gaming_of_bg.png");
    height: 45px;
    width: 124px;
}

    .gameImage:hover {
        background: url("../images/_firms/brand/guracao_gaming_ov_bg.png");
        height: 45px;
        width: 124px;
    }

.leftInnerContainer {
    flex-basis: 25%;
    margin-left: 20px;
}

.rightInnerContainer {
    height: 172px;
    flex-basis: 25%;
    margin-right: 50px;
}

.rightInnerContainer1 {
    height: 172px;
    flex-basis: 25%;
    margin-right: 51px;
    margin-left: 20px;
}

.centerInnerContainer {
    flex-basis: 25%;
}

.rvp-col:hover {
    cursor: pointer;
}

.ambassadorTitle {
    color: black;
    position: relative;
    margin-top: 11.2px;
}

.formerAmbassadorTitle {
    color: black;
    position: relative;
    margin-top: 11.2px;
    margin-right: 2px;
}

.ambassadorName {
    position: relative;
    color: black;
    margin: 0;
}

.formerAmbassadorName {
    position: relative;
    color: black;
    margin: 0;
}

.ambassadorImage {
    background: url("../images/_firms/brand/RVP_of.png");
    height: 217px;
    width: 200px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 768px) {
    .ambassadorImg {
        top: 1.5rem !important;
        left: 7.5rem !important;
        height: 9rem !important;
    }
}

.ambassadorImage:hover {
    background: url("../images/_firms/brand/RVP_ov.png");
    height: 217px;
    width: 200px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}

.AmbassadorSignature {
    background: url("../images/_firms/brand/signature.png");
    height: 70px;
    width: 60px;
    position: relative;
    background-repeat: no-repeat;
}

.formerAmbassadorSignature {
    background: url("../images/_firms/brand/JT_of.png");
    height: 69px;
    width: 129px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}

    .formerAmbassadorSignature:hover {
        background: url("../images/_firms/brand/JT_ov.png");
        height: 69px;
        width: 129px;
        position: relative;
        background-repeat: no-repeat;
        background-size: contain;
    }

.top-first-hr {
    flex-basis: 86%;
}

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

.top-last-hr {
    flex-basis: 8.5%;
}

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

.icons.hot-provider {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/_icons/hot_icon.png);
    width: 53px;
    height: 30px;
    position: absolute;
    bottom: 3px;
}

.icons.new-provider {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/_icons/new_icon.png);
    width: 53px;
    height: 30px;
    position: absolute;
    bottom: auto;
}

.icon-vip {
    background-image: url("../../images/mobile/com/icon_vip.png");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 0.86rem;
    height: 0.85rem;
    display: inline-block;
}

.layersMenu {
    margin-right: 6px !important;
}

/* Referral Module - Web*/
.new-bk8-setting .referralBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    height: 60px;
    background: rgba(252, 184, 17, 0.9);
    padding: 12px 20px;
    box-sizing: border-box;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 4px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-size: 16px;
    line-height: 26px;
}

    .new-bk8-setting .referralBox .referralCodeBox {
        display: flex;
        background-color: #fff;
        height: 100%;
        width: 18%;
        border-radius: 4px;
        border: dashed 2px #aaaead;
        padding: 0 12px;
        min-width: 200px;
    }

    .new-bk8-setting .referralBox .referralCode {
        width: 45%;
        line-height: 36px;
        padding-left: 0 5%;
        color: #728dab;
        font-weight: 600;
    }

    .new-bk8-setting .referralBox .referralCodeBox .shareButton,
    .referralRow3 .row3Box .detailBox .shareButton {
        width: 50%;
        border-radius: 5px;
        border: solid 2px #0066d1;
        margin: auto 0;
        text-align: center;
        color: #0066d1;
        cursor: pointer;
    }

    .new-bk8-setting .referralBox .referralImg img {
        height: 32px;
        margin: 12px 20px 0px 36px;
    }

    .new-bk8-setting .referralBox .referralDetail div {
        height: 16px;
        line-height: 16px;
        font-size: 15px;
        font-weight: 600;
    }

    .new-bk8-setting .referralBox .close {
        position: absolute;
        right: 20px;
        font-size: 32px;
        line-height: 1;
        border: none;
        background-color: unset !important;
        color: #000;
    }

.referralRow2 {
    display: flex;
}

    .referralRow2 .referralOption {
        width: 70%;
        margin: 25px 0;
    }

        .referralRow2 .referralOption .referralTicket .referOption {
            display: inline-block;
            width: 45%;
            margin-right: 3%;
        }

            .referralRow2 .referralOption .referralTicket .referOption img {
                width: 90%;
            }

        .referralRow2 .referralOption .referralTicket .referTicket {
            display: inline-block;
            overflow: hidden;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: 120px;
            font-size: 14px;
            color: #fff;
        }

        .referralRow2 .referralOption .referralTicket .ticket1 {
            background-image: url(../images/newSetting/referral-ticket-1.png);
        }

        .referralRow2 .referralOption .referralTicket .ticket2 {
            background-image: url(../images/newSetting/referral-ticket-2.png);
        }

        .referralRow2 .referralOption .referralTicket .optionSlash {
            font-size: 66px;
            line-height: 185px;
            width: 6%;
            color: #0455b0;
        }

@media (max-width: 1230px) {
    .referralRow2 .referralOption .referralTicket .optionSlash {
        padding-left: 3%;
    }
}

.referralRow2 .referralOption .referralTicket .referTicket .ticketHeader {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 900;
}

    .referralRow2 .referralOption .referralTicket .referTicket .ticketHeader .percent {
        color: #fcb811;
        font-size: 18px;
        font-weight: 900;
    }

.referralRow2 .referralOption .referralTicket .referTicket .ticketDesc {
    display: flex;
}

    .referralRow2 .referralOption .referralTicket .referTicket .ticketDesc div {
        width: 100px;
    }

.referralRow2 .termNCondition,
.referralRow3 .termNCondition {
    width: min-content;
    margin: 25px 0;
    background-color: #e1e1e1;
    color: #6a6a6a;
    padding: 15px;
}

    .referralRow2 .termNCondition .header,
    .referralRow3 .termNCondition .header {
        display: flex;
        height: 30px;
        width: min-content;
        min-width: 180px;
        white-space: nowrap;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 20px;
        color: #000;
    }

    .referralRow2 .termNCondition .icon-caution,
    .referralRow3 .termNCondition .icon-caution {
        background: #3A6F9A;
        vertical-align: middle;
        max-height: 25px;
        max-width: 160px;
        padding-right: 5px;
    }

    .referralRow2 .termNCondition .descBox,
    .referralRow3 .termNCondition .descBox {
        font-size: 14px;
    }

        .referralRow2 .termNCondition .descBox .desc,
        .referralRow3 .termNCondition .descBox .desc {
            display: inline;
            display: flex;
            margin: 10px 0;
        }

            .referralRow2 .termNCondition .descBox .desc div,
            .referralRow3 .termNCondition .descBox .desc div {
                width: 90%;
            }

        .referralRow2 .termNCondition .descBox .order,
        .referralRow3 .termNCondition .descBox .order {
            width: 10% !important;
        }

        .referralRow2 .termNCondition .descBox .desc span,
        .referralRow3 .termNCondition .descBox .desc span {
            color: #005ad5;
        }

.referralRow3 {
    display: flex;
    justify-content: flex-end;
}

    .referralRow2 .row3Box,
    .referralRow3 .row3Box {
        width: auto;
        margin: 20px;
        margin-left: 0;
    }

        .referralRow2 .row3Box .detailBox,
        .referralRow3 .row3Box .detailBox {
            border: 1px solid #d8d8d8;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background-color: #e2e2e2;
            margin-top: 10px;
            font-size: 16px;
            width: min-content;
        }

            .referralRow2 .row3Box .detailBox div,
            .referralRow3 .row3Box .detailBox div {
                margin: 12px 20px;
            }

            .referralRow2 .row3Box .detailBox .digit,
            .referralRow3 .row3Box .detailBox .digit {
                margin: 0;
                float: right;
                font-weight: 600;
                color: #0058ca;
            }

            .referralRow2 .row3Box .detailBox .shareButton,
            .referralRow3 .row3Box .detailBox .shareButton {
                width: auto;
                margin: auto;
                background-color: #fff;
                padding: 3px;
                margin: 0 20px;
                margin-bottom: 18px;
            }

.dropdownShareButton {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
    line-height: 18px;
}

.referralCodeBox .dropdownShareButton {
    top: 80%;
    left: 2%;
}

.dropdownShareButton img {
    width: 15%;
}

.dropdownShareButton a {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 0.8rem;
    color: black;
}

.dropdownShareButton :hover {
    background-color: #006CC0;
}

.shareButton:hover .dropdownShareButton {
    display: block;
}

.promocode-detail-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    opacity: 0.8;
    z-index: 999;
}

.promocode-detail-content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 450px;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding-left: 50px;
    border: solid 1px #d8d8d8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    z-index: 9999;
}

.promocode-detail-table {
    margin-top: 20px;
    margin-bottom: 35px;
}

.promocode-detail-content table tr td:first-of-type {
    height: 30px;
    width: 65%;
    text-align: left;
}

.promocode-detail-content table tr td:nth-of-type(2) {
    height: 30px;
    width: 35%;
    font-weight: bold;
    text-align: left;
}

.promocode-detail-content .promocode-header {
    color: royalblue;
    font-weight: 600;
}

.icon-close {
    background-image: url(../images/mobile/com/icon_close.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
}

/* end of Referral Module - Web */
.slider {
    position: relative;
    overflow: hidden;
}

    .slider > span {
        display: block;
        width: 100%;
    }

    .slider img {
        display: block;
        width: 100%;
        height: auto;
    }

.page_item {
    width: 100%;
}

.slider-enter-active, .slider-leave-active {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: absolute;
}

.slider-enter, .slider-leave-to {
    opacity: 0;
}

.mainContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .mainContent .mainContentContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainContent .mainContentContainer .page_no {
            position: absolute;
            top: 0;
            right: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainContent .mainContentContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainContent .mainContentContainer .page_no li > i {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

i.icon_dot {
    width: 8px !important;
    height: 8px !important;
}

.mainContent .mainContentContainer .page_no li.on > i {
    background: #0069d7;
    border: 1px solid #0069d7;
}

.sliderBanner .slider .mainContentContainer .page_no {
    position: absolute;
    top: auto;
    bottom: 60px;
    right: 16px;
    padding: 0 2.5px;
}

    .sliderBanner .slider .mainContentContainer .page_no li > i {
        display: inline-block;
        width: 40px;
        height: 5px;
        background: #fffdff;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        cursor: pointer;
    }

    .sliderBanner .slider .mainContentContainer .page_no li.on > i {
        background: #ffb514;
        border: 0;
    }

.sliderBanner .slider .page_item {
    position: absolute;
    left: 0;
    top: 0;
}

    .sliderBanner .slider .page_item > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .sliderBanner .slider .page_item .pageMainContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .sliderBanner .slider .page_item .pageMainContent .container {
            height: 100%;
        }

.casinoBanner .slider .mainContentContainer .page_no {
    position: absolute !important;
    top: auto !important;
    bottom: 30px !important;
    right: 16px !important;
    padding: 0 2.5px;
}

.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;
    }

.casinoFirmsContent {
    background: #f2f2f2;
    width: 100%;
    height: 120px;
    overflow: hidden;
    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;
}

    .casinoFirmsContent .tabPage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        width: 100%;
    }

        .casinoFirmsContent .tabPage > li {
            width: 160px;
            height: 120px;
            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;
            font-size: 13px;
            position: relative;
            -webkit-transition: background-color 0.5s;
            -o-transition: background-color 0.5s;
            transition: background-color 0.5s;
        }

            .casinoFirmsContent .tabPage > li:last-child::after {
                content: "";
                display: none;
                width: 1px;
                height: 103px;
                position: absolute;
                background: white;
                top: 50%;
                right: -1px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .casinoFirmsContent .tabPage > li:hover {
                background-color: #fcb913;
            }

                .casinoFirmsContent .tabPage > li:hover > span {
                    color: #01172f;
                }

            .casinoFirmsContent .tabPage > li::after {
                content: "";
                width: 1px;
                height: 103px;
                position: absolute;
                background: white;
                top: 50%;
                right: -1px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .casinoFirmsContent .tabPage > li > .i {
                height: 54px;
            }

            .casinoFirmsContent .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;
                margin-top: 10px;
                color: #0185be;
            }

            .casinoFirmsContent .tabPage > li.on {
                background: #fcb913;
            }

                .casinoFirmsContent .tabPage > li.on > span {
                    color: #01172f;
                }

.casinoGameList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .casinoGameList .imgItem {
        height: 230px;
        width: 266px;
        overflow: hidden;
        margin-right: 20px;
        margin-bottom: 21px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        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;
    }

        .casinoGameList .imgItem:hover {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .casinoGameList .imgItem.nomb {
            margin-bottom: 0;
        }

        .casinoGameList .imgItem .img {
            width: 266px;
            height: 174px;
            cursor: pointer;
            overflow: hidden;
        }

        .casinoGameList .imgItem .text {
            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;
            padding: 2px 15px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 52px;
            background: #f2f2f2;
            position: relative;
        }

            .casinoGameList .imgItem .text .left {
                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: start;
                -webkit-align-items: start;
                -ms-flex-align: start;
                align-items: start;
            }

                .casinoGameList .imgItem .text .left > p:nth-child(1) {
                    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;
                }

                    .casinoGameList .imgItem .text .left > p:nth-child(1) * {
                        font-family: "AvenirLT-MediumFont";
                    }

                    .casinoGameList .imgItem .text .left > p:nth-child(1) span {
                        font-weight: bold;
                        font-size: 16px;
                        word-break: keep-all;
                        white-space: nowrap;
                        font-family: "AvenirLT-MediumFont";
                    }

                    .casinoGameList .imgItem .text .left > p:nth-child(1) .icons_slot_new {
                        position: absolute;
                        top: 12px;
                        right: 18px;
                    }

                .casinoGameList .imgItem .text .left > p:nth-child(2) {
                    font-size: 12px;
                    color: #666666;
                }

    .casinoGameList .casinoLive {
        box-sizing: border-box;
        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: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: #0a1624;
        width: 554px;
        height: 337px;
        margin-right: 21px;
        position: relative;
        overflow: hidden;
        padding: 2px;
        padding-top: 0;
    }

        .casinoGameList .casinoLive .iconAndTitle {
            position: absolute;
            width: 100%;
            height: 62px;
            left: 0;
            top: 0;
            z-index: 1;
        }

            .casinoGameList .casinoLive .iconAndTitle > span {
                font-size: 18px;
                font-family: "AvenirLT-MediumFont";
                color: white;
            }

        .casinoGameList .casinoLive .swiper {
            width: 100%;
        }

            .casinoGameList .casinoLive .swiper .page_item {
                height: 272px;
            }

            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) .tableTitle {
                padding: 14px 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                -webkit-align-items: flex-end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-right: 12px;
                color: #616161;
                font-size: 14px;
            }

                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) .tableTitle .asiaLogo {
                    margin-left: 7px;
                    width: 146px;
                    height: 25px;
                    background: url("../assets/images/casino_logo_ag.png") no-repeat;
                }

            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table {
                width: 100%;
                border-collapse: collapse;
                background: #ffffff;
            }

                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr th,
                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td {
                    border: #9f9f9f 1px dotted;
                }

                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr {
                    height: 28px;
                }

                    .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td {
                        height: 28px;
                        vertical-align: middle;
                        text-align: center;
                    }

                        .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle {
                            display: inline-block;
                            width: 25px;
                            height: 25px;
                            text-align: center;
                            line-height: 22px;
                            -webkit-border-radius: 50%;
                            border-radius: 50%;
                            border: 2px solid black;
                            color: black;
                            font-size: 14px;
                        }

                            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_red {
                                border: 2px solid #dd0000;
                                color: #dd0000;
                            }

                            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_blue {
                                border: 2px solid #1818ff;
                                color: #1818ff;
                            }

                            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_green {
                                border: 2px solid #03ca03;
                                color: #03ca03;
                            }

            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) .tableTitle {
                padding: 14px 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                -webkit-align-items: flex-end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-right: 12px;
                color: #616161;
                font-size: 14px;
            }

                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) .tableTitle .asiaLogo {
                    margin-left: 7px;
                    width: 146px;
                    height: 25px;
                    background: url("../assets/images/casino_logo_ag.png") no-repeat;
                }

            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table {
                width: 100%;
                border-collapse: collapse;
                background: #ffffff;
            }

                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr th,
                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td {
                    border: #9f9f9f 1px dotted;
                }

                .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr {
                    height: 28px;
                }

                    .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td {
                        height: 28px;
                        vertical-align: middle;
                        text-align: center;
                    }

                        .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle {
                            display: inline-block;
                            width: 25px;
                            height: 25px;
                            text-align: center;
                            line-height: 22px;
                            -webkit-border-radius: 50%;
                            border-radius: 50%;
                            border: 2px solid black;
                            color: black;
                            font-size: 14px;
                        }

                            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_red {
                                border: 2px solid #dd0000;
                                color: #dd0000;
                            }

                            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_blue {
                                border: 2px solid #1818ff;
                                color: #1818ff;
                            }

                            .casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_green {
                                border: 2px solid #03ca03;
                                color: #03ca03;
                            }

            .casinoGameList .casinoLive .swiper .slider {
                height: 333px;
            }

                .casinoGameList .casinoLive .swiper .slider .mainContentContainer {
                    width: 100%;
                    margin: 0 auto;
                    padding: 0;
                }

                    .casinoGameList .casinoLive .swiper .slider .mainContentContainer .page_no {
                        position: absolute;
                        top: auto;
                        right: 30px;
                        bottom: 295px;
                        z-index: 3;
                    }

                .casinoGameList .casinoLive .swiper .slider img {
                    display: block;
                    width: 100%;
                    height: auto;
                }

                .casinoGameList .casinoLive .swiper .slider .page_item {
                    position: absolute;
                    left: 0;
                    top: 62px;
                }

                    .casinoGameList .casinoLive .swiper .slider .page_item > img {
                        display: block;
                        width: 100%;
                        height: auto;
                    }

                    .casinoGameList .casinoLive .swiper .slider .page_item .pageMainContent {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                    }

                        .casinoGameList .casinoLive .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
                            position: absolute;
                            right: 20px;
                            top: 0;
                        }

            .casinoGameList .casinoLive .swiper .tools {
                position: absolute;
                left: 26px;
                bottom: 25px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
            }

                .casinoGameList .casinoLive .swiper .tools .button_y {
                    height: 30px;
                    color: black;
                    padding: 0 10px;
                }

    .casinoGameList .topimgItem {
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
    }

        .casinoGameList .topimgItem > div:nth-child(3n) {
            margin-right: 0;
        }

.casinoMain {
    padding-top: 31px;
    padding-bottom: 33px;
}

    .casinoMain .container {
        box-sizing: border-box;
        padding: 0 13px;
    }

    .casinoMain .casinofirmsBox {
        margin-bottom: 21px;
    }

.slider {
    position: relative;
    overflow: hidden;
}

    .slider > span {
        display: block;
        width: 100%;
    }

.page_item {
    width: 100%;
}

.slider-enter-active,
.slider-leave-active {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: absolute;
}

.slider-enter,
.slider-leave-to {
    opacity: 0;
}

.mainContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .mainContent .mainContentContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainContent .mainContentContainer .page_no {
            position: absolute;
            top: 0;
            right: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainContent .mainContentContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainContent .mainContentContainer .page_no li > i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                .mainContent .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

.sliderBanner .slider .mainContentContainer .page_no {
    position: absolute;
    top: auto;
    bottom: 60px;
    right: 16px;
    padding: 0 2.5px;
}

    .sliderBanner .slider .mainContentContainer .page_no li > i {
        display: inline-block;
        width: 40px;
        height: 5px;
        background: #fffdff;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        cursor: pointer;
    }

    .sliderBanner .slider .mainContentContainer .page_no li.on > i {
        background: #ffb514;
    }

.sliderBanner .slider .page_item {
    position: absolute;
    left: 0;
    top: 0;
}

    .sliderBanner .slider .page_item > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .sliderBanner .slider .page_item .pageMainContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.banner .banner_swiper_container {
    position: relative;
}

    .banner .banner_swiper_container .button_y {
        position: absolute;
        left: 60px;
        bottom: 120px;
    }

#fishPage .img {
    position: relative;
}

    #fishPage .img > img {
        display: block;
        width: 100%;
        height: auto;
    }

#fishPage .provider-banner-div {
    position: relative;
    margin: 0 auto;
    background: #f2f2f2;
}

#livetvpage p,
#livetvpage section {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.livetv-container {
    width: 1440px;
    margin: 0 auto;
    padding: 0 19px;
}

.liveTvWatchList {
    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;
    width: 100%;
}

    .liveTvWatchList .liveTvWatchItem {
        margin-bottom: 10px !important;
        opacity: 0;
        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;
        width: 100%;
        position: relative;
    }

        .liveTvWatchList .liveTvWatchItem .tr {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
        }

            .liveTvWatchList .liveTvWatchItem .tr .td2 {
                width: 210px;
            }

            .liveTvWatchList .liveTvWatchItem .tr .td1,
            .liveTvWatchList .liveTvWatchItem .tr .td3 {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

            .liveTvWatchList .liveTvWatchItem .tr.tr1 {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                margin-bottom: 2px;
                height: 26px;
                background: #0a1624;
            }

                .liveTvWatchList .liveTvWatchItem .tr.tr1 .i {
                    width: 40px;
                    height: 26px;
                    background: #00b900;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -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;
                }

                .liveTvWatchList .liveTvWatchItem .tr.tr1 > 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;
                    font-family: "AvenirLT-MediumFont";
                    color: white;
                    margin-left: 14px;
                }

            .liveTvWatchList .liveTvWatchItem .tr.tr2 {
                height: 36px;
                padding-left: 6px;
                padding-right: 6px;
                box-sizing: border-box;
            }

                .liveTvWatchList .liveTvWatchItem .tr.tr2 .td1 {
                    height: 100%;
                    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;
                    font-family: "AvenirLT-MediumFont";
                    font-weight: bold;
                    font-size: 16px;
                }

                .liveTvWatchList .liveTvWatchItem .tr.tr2 .td3 {
                    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: end;
                    -webkit-justify-content: flex-end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                }

                .liveTvWatchList .liveTvWatchItem .tr.tr2 .td2 {
                    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;
                }

.watch_button {
    cursor: pointer;
}

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2.watchcolor {
    height: 100%;
    background: #00b900;
}

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2.commcolor {
    height: 100%;
    background: #001eba;
}

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2.statecolor {
    height: 100%;
    background: #24B5DA;
}

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2 > span {
    font-size: 16px;
    font-family: "AvenirLT95-BlackFont";
    color: white;
}

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2 > i {
    margin-right: 10px;
}

.liveTvWatchList .liveTvWatchItem .tr.tr3 {
    height: 60px;
    margin-bottom: 2px;
}

    .liveTvWatchList .liveTvWatchItem .tr.tr3 .score {
        min-width: 60px;
        width: 60px;
        height: 60px;
        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-family: "AvenirLT-MediumFont";
        font-size: 36px;
        color: white;
        background: #9b9b9b;
    }

    .liveTvWatchList .liveTvWatchItem .tr.tr3 .img {
        width: 80px;
        height: 100%;
        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;
    }

    .liveTvWatchList .liveTvWatchItem .tr.tr3 .teamname {
        font-size: 20px;
        font-family: "AvenirLT-MediumFont";
    }

    .liveTvWatchList .liveTvWatchItem .tr.tr3 .td1 {
        height: 100%;
        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;
        background: #e5e5e5;
    }

        .liveTvWatchList .liveTvWatchItem .tr.tr3 .td1 .img {
            margin-left: 10px;
        }

    .liveTvWatchList .liveTvWatchItem .tr.tr3 .td3 {
        background: #e5e5e5;
        height: 100%;
        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: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .liveTvWatchList .liveTvWatchItem .tr.tr3 .td3 .img {
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-right: 10px;
        }

    .liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 {
        background: #0a1624;
        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;
    }

        .liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 .countdown {
            font-size: 24px;
            color: white;
            font-family: "AvenirLT95-BlackFont";
            line-height: 100%;
        }

        .liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 > div {
            line-height: 100%;
            width: 90px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 > div > span {
                font-size: 12px;
                font-family: "AvenirLT45-BookFont";
                color: #a5a7aa;
                line-height: 100%;
            }

.liveTvWatchList .liveTvWatchItem .tr.tr4 {
    height: 25px;
}

    .liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 {
        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: #9b9b9b;
    }

        .liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 > span {
            font-size: 16px;
            color: white;
            font-family: "AvenirLT45-BookFont";
        }

            .liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 > span:nth-child(1) {
                font-weight: bold;
                letter-spacing: 2px;
            }

            .liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 > span:nth-child(2) {
                margin: 0 5px;
            }

.liveTvWatchList .liveTvWatchItem::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
}

.liveTvWatchList .liveTvWatchItem.liveTvWatchItem_comm .tr1 > span {
    margin-left: 18px;
}

.slider,
.sliderProvider {
    position: relative;
    overflow: hidden;
}

    .slider > span,
    .sliderProvider > span {
        display: block;
        width: 100%;
    }

    .sliderProvider img {
        display: block;
        width: 100%;
        height: auto;
    }

.topProviderImg {
    max-height: 77px;
}

.page_item {
    width: 100%;
}

.slider-enter-active,
.slider-leave-active,
.sliderProvider-enter-active,
.sliderProvider-leave-active {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: absolute;
}

.slider-enter,
.slider-leave-to,
.sliderProvider-enter,
.sliderProvider-leave-to {
    opacity: 0;
}

.mainContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .mainContent .mainContentContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainContent .mainContentContainer .page_no {
            position: absolute;
            top: 0;
            right: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainContent .mainContentContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainContent .mainContentContainer .page_no li > i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                .mainContent .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

#livetvpage .livetvmain {
    padding-top: 40px;
    padding-bottom: 97px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#livetvpage > .livetv-container {
    padding: 0 13px;
    width: 1440px;
    box-sizing: border-box;
}

#livetvpage .livetvmain .liveList {
    width: 1030px;
    margin-right: 6.4356%;
}

#livetvpage .livetvmain .livetvmainright {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 294px;
}

    #livetvpage .livetvmain .livetvmainright .imgBox {
        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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #livetvpage .livetvmain .livetvmainright .imgBox .img {
            width: 318px;
            background-repeat: no-repeat;
            background-position: top;
            background-size: cover;
            overflow: hidden;
            cursor: pointer;
            position: relative;
        }

            #livetvpage .livetvmain .livetvmainright .imgBox .img .betNow {
                position: absolute;
                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;
                width: 100%;
                left: 0;
                bottom: 40px;
            }

                #livetvpage .livetvmain .livetvmainright .imgBox .img .betNow > span {
                    font-family: "buttonBold";
                }

        #livetvpage .livetvmain .livetvmainright .imgBox .text {
            width: 293px;
            padding: 0 18px;
            font-size: 14px;
            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;
        }

            #livetvpage .livetvmain .livetvmainright .imgBox .text .one {
                font-family: "mainBoldFont";
                line-height: 38px;
                position: relative;
                font-size: 16px;
            }

                #livetvpage .livetvmain .livetvmainright .imgBox .text .one::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 1px;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
                }

            #livetvpage .livetvmain .livetvmainright .imgBox .text .two {
                font-size: 14px;
                color: #686868;
                margin-top: 10px;
            }

    #livetvpage .livetvmain .livetvmainright .iconsbk8 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 2px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg {
        width: 100%;
        height: 390px;
        background-color: #dddbdc;
        padding-top: 113px;
    }

        #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider,
        #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider {
            height: 278px;
        }

            #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer,
            #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer {
                width: 100%;
                margin: 0 auto;
                padding: 0;
            }

                #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer .page_no,
                #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer .page_no {
                    position: absolute;
                    top: auto;
                    right: auto;
                    left: 28px;
                    bottom: 20px;
                    z-index: 3;
                }

                    #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer .page_no li > i,
                    #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
                        border: none;
                        background: white;
                        -webkit-border-radius: 50%;
                        border-radius: 50%;
                        cursor: pointer;
                    }

                    #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer .page_no li.on > i,
                    #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
                        background: #0069d7;
                        border: 1px solid #0069d7;
                    }

        #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0 24px;
            padding-bottom: 55px;
            box-sizing: border-box;
        }

            #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem > div:nth-child(2n) {
                margin-right: 0;
            }

            #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem .swiperimgBox {
                width: 116px;
                height: 103px;
                background: white;
                border: 1px solid white;
                margin-right: 9px;
                margin-bottom: 8px;
                cursor: pointer;
            }

                #livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem .swiperimgBox > p {
                    width: 116px;
                    height: 24px;
                    font-family: "mainBoldFont";
                    font-size: 12px;
                    text-align: center;
                    line-height: 24px;
                    font-weight: bold;
                }

.watch-container {
    width: 100%;
    height: 100%;
}

.livetv-sportsbook-container {
    background: #ffffff;
}

#livetvpage .live-betNow {
    font-family: "buttonBold";
    color: #000;
}

.livetvTeamLogo {
    max-width: 80px;
    height: 40px;
}

.liveTvWatchList .td3 .teamname {
    text-align: right;
}

.liveTvWatchList .td1 .teamname {
    text-align: left;
}

#livetvpage .livetv-break {
    display: flex;
}

#livetvpage .livetv-break-container {
    display: flex;
    margin: auto;
    margin-top: 100px;
}

#livetvpage .livetv-break-img-container {
    margin-right: 38px;
}

    #livetvpage .livetv-break-img-container img {
        display: block;
        height: 92px;
    }

#livetvpage .livetv-break-text-container {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.slider {
    position: relative;
    overflow: hidden;
    background-color: #0a1624;
}

    .slider > span {
        display: block;
        width: 100%;
    }

.page_item {
    width: 100%;
}

.mainContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .mainContent .mainContentContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainContent .mainContentContainer .page_no {
            position: absolute;
            top: 0;
            right: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainContent .mainContentContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainContent .mainContentContainer .page_no li > i {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                .mainContent .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

.sliderBanner .slider .mainContentContainer .page_no {
    position: absolute;
    top: auto;
    bottom: 60px;
    right: 16px;
    padding: 0 2.5px;
}

    .sliderBanner .slider .mainContentContainer .page_no li > i {
        display: inline-block;
        width: 40px;
        height: 5px;
        background: #fffdff;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        cursor: pointer;
    }

    .sliderBanner .slider .mainContentContainer .page_no li.on > i {
        background: #ffb514;
        border: 0;
    }

.sliderBanner .slider .page_item {
    position: absolute;
    left: 0;
    top: 0;
}

    .sliderBanner .slider .page_item > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .sliderBanner .slider .page_item .pageMainContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .sliderBanner .slider .page_item .pageMainContent .container {
            height: 100%;
        }

.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: #003a79;
            }

                #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;
            }

            #mobilePage .mobileMainContent .downloadTabPage .tabPage > li.on {
                -webkit-transition: none;
                -o-transition: none;
                transition: none;
                background: #003a79;
            }

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

    #mobilePage .mobileMainContent .downloadList {
        padding: 0 100px;
        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,
                #mobilePage .mobileMainContent .appBanner .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 .appBanner .firmsdownicon {
        width: 99px;
        height: 99px;
        margin-right: 24px;
    }

    #mobilePage .mobileMainContent .appBanner .downloadBtn {
        position: relative;
        display: flex;
        top: 10rem;
        left: 50%;
        width: 40%;
        height: 99px;
    }

@media only screen and (max-width: 1150px) {
    #mobilePage .mobileMainContent .appBanner .downloadBtn {
        top: 7rem;
    }
}

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

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

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

#mobilePage .mobileMainContent .downloadList .downItem .p {
    width: 195px;
    height: 33px;
    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: #003b79;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
}

    #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;
    }

.promosMain {
    padding-top: 33px;
    padding-bottom: 187px;
    box-sizing: box-sizing;
}

    .promosMain .container {
        box-sizing: border-box;
        padding: 0 13px;
    }

    .promosMain .promosTab .tabPage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background: #e3e3e3;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

        .promosMain .promosTab .tabPage > li {
            width: 160px;
            height: 40px;
        }

            .promosMain .promosTab .tabPage > li > i {
                display: none;
            }

            .promosMain .promosTab .tabPage > li > span {
                width: 100%;
                height: 100%;
                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: "tabFont";
            }

            .promosMain .promosTab .tabPage > li:hover {
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
                background-color: #003a79;
            }

                .promosMain .promosTab .tabPage > li:hover > span {
                    color: white;
                }

            .promosMain .promosTab .tabPage > li.on {
                -webkit-transition: none;
                -o-transition: none;
                transition: none;
                background: #003a79;
            }

                .promosMain .promosTab .tabPage > li.on > span {
                    color: white;
                }

    .promosMain .promosList {
        padding-top: 5px;
    }

        .promosMain .promosList .promosItem {
            width: 100%;
            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;
            animation-duration: 0.5s;
            animation-name: promoAnimation;
            /*margin-top: 32px;*/
            margin-top: 10px !important;
            background-color: #0f0f0f !important;
        }

            .promosMain .promosList .promosItem .absolute {
                position: absolute;
            }

            .promosMain .promosList .promosItem .img {
                width: 330px;
                height: 158px;
                overflow: hidden;
                margin-right: 44px;
            }

            .promosMain .promosList .promosItem .text {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
                height: 100%;
                position: relative;
                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;
                height: 158px;
            }

                .promosMain .promosList .promosItem .text::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 1px;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
                }

                .promosMain .promosList .promosItem .text > p {
                    line-height: 100%;
                }

                .promosMain .promosList .promosItem .text .pheader {
                    font-size: 24px;
                    color: white;
                    font-family: "mainBoldFont";
                    margin: 0;
                    padding: 5px 0 0 0;
                }

                .promosMain .promosList .promosItem .text .pcontent {
                    font-size: 18px;
                    color: #989898;
                    width: 80%;
                    margin: 0;
                    padding-top: 8px;
                }

                .promosMain .promosList .promosItem .text .moreinfo {
                    font-size: 14px;
                    left: -2px;
                    bottom: 22px;
                    height: 30px;
                    padding: 0 20px;
                    color: white;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    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-family: "buttonBold";
                    background: #013b7a;
                    cursor: pointer;
                    font-weight: bold;
                }

.applynow {
    font-size: 14px;
    height: 30px;
    color: white;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    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-family: "buttonBold";
    background: #fcb813;
    cursor: pointer;
    top: 31%;
    width: 50%;
    font-weight: bold;
}

.applynow2 {
    font-size: 14px;
    height: 30px;
    color: white;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    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-family: "buttonBold";
    background: #fcb813;
    cursor: pointer;
    top: 31%;
    width: 91px;
    font-weight: bold;
}

.promosMain .promosList .promosItem .text .applynow {
    top: auto;
    left: 129px;
    bottom: 22px;
    margin-left: auto;
    width: auto;
    font-weight: bold;
}

.joinNow {
    font-size: 14px;
    height: 30px;
    color: white;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    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-family: "buttonBold";
    background: #cc001b;
    cursor: pointer;
    top: 31%;
    width: 82px;
    font-weight: bold;
}

.promosMain .promosList .promosItem .text .gametype {
    font-size: 14px;
    right: 24px;
    bottom: 25px;
    color: #33a3dc;
}

.promosMain .promosList .promosItem .text .remaining {
    font-size: 14px;
    right: 24px;
    bottom: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .promosMain .promosList .promosItem .text .remaining > div:nth-child(1) {
        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: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .promosMain .promosList .promosItem .text .remaining > div:nth-child(1) > span {
            color: #8d8d8d;
        }

        .promosMain .promosList .promosItem .text .remaining > div:nth-child(1) .icons_remaining_time {
            margin-right: 10px;
        }

    .promosMain .promosList .promosItem .text .remaining > div:nth-child(2) > span {
        color: #cc001b;
    }

.promo-list-title {
    display: -webkit-box;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    max-height: 60px;
    font-size: 20px;
    color: white;
    padding: 5px 7px 0;
    font-weight: bold;
}

.promo-list-desp {
    display: -webkit-box;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    font-size: 14px;
    color: #a1a1a1;
    padding: 0 7px;
    margin: -18px 0;
}

.promo-list-container {
    min-height: 80px;
}

.form-control, select {
    border: 1px solid #ccc;
    width: 100%;
    padding: 12px 10px;
    margin: 8px 0;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none;
}

.remaining-time {
    position: relative;
    left: 2%;
    top: -3px;
    font-size: 13px;
}

.control-label {
    margin-right: 3px;
    margin-top: 18px;
}

.remaining-time2 {
    margin: 0 5px;
    color: #cc001b;
    font-size: 13px;
}

.more-info-img {
    width: 330px;
    height: 158px;
    overflow: hidden;
    margin: 20px;
    display: block;
}

.promotionContent > ol > li, .promotionContent > ul > li {
    list-style: unset;
}

.promosList .promo-img-deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 330px;
    height: 158px;
    background: transparent;
}

.promo-detail-container .promo-img-deco {
    position: absolute;
    top: 0;
    left: 20px;
    width: 330px;
    height: 158px;
    background: transparent;
}

.slide-pages li {
    display: inline-block;
    color: #fff;
}

    .slide-pages li.pages_style_dots {
        padding: 0 5px;
    }

        .slide-pages li.pages_style_dots > i {
            display: inline-block;
            width: 10px;
            height: 10px;
            border: 1px solid #9d9d9d;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            cursor: pointer;
        }

        .slide-pages li.pages_style_dots.on > i {
            background: #0069d7;
            border: 1px solid #0069d7;
        }

    .slide-pages li.pages_style_square {
        padding: 0 2.5px;
    }

        .slide-pages li.pages_style_square > i {
            display: inline-block;
            width: 40px;
            height: 5px;
            background: #fffdff;
            cursor: pointer;
        }

        .slide-pages li.pages_style_square.on > i {
            background: #ffb514;
        }

.slider {
    position: relative;
    overflow: hidden;
    background-color: #0a1624;
}

    .slider > span {
        display: block;
        width: 100%;
    }

.page_item {
    width: 100%;
}

.slider-enter-active,
.slider-leave-active {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: absolute;
}

.slider-enter,
.slider-leave-to {
    opacity: 0;
}

.mainContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .mainContent .mainContentContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainContent .mainContentContainer .page_no {
            position: absolute;
            top: 0;
            right: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainContent .mainContentContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainContent .mainContentContainer .page_no li > i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                .mainContent .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

.slotbanner .sliderBanner .slider .mainContentContainer .page_no {
    position: absolute;
    top: auto;
    bottom: 30px !important;
    right: 16px !important;
    padding: 0 2.5px !important;
}

.sliderBanner .slider .mainContentContainer .page_no li > i {
    display: inline-block;
    width: 40px;
    height: 5px;
    background: #fffdff;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    cursor: pointer;
}

.sliderBanner .slider .mainContentContainer .page_no li.on > i {
    background: #ffb514;
}

.sliderBanner .slider .page_item {
    position: absolute;
    left: 0;
    top: 0;
}

    .sliderBanner .slider .page_item > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .sliderBanner .slider .page_item .pageMainContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .sliderBanner .slider .page_item .pageMainContent .container {
            height: 100%;
        }

.slotbanner {
    overflow: hidden;
}

    .slotbanner .container {
        box-sizing: border-box;
        padding: 0 13px;
    }

    .slotbanner .slider .mainContentContainer .page_no {
        position: absolute;
        top: auto;
        bottom: 30px;
        right: 16px;
        padding: 0 2.5px;
    }

    .slotbanner .banner_swiper_container {
        position: relative;
    }

        .slotbanner .banner_swiper_container .swiper_item {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

            .slotbanner .banner_swiper_container .swiper_item .slotBannerItem {
                position: absolute;
                left: 0;
                top: 0;
            }

            .slotbanner .banner_swiper_container .swiper_item img {
                display: block;
                width: 100%;
                height: auto;
            }

        .slotbanner .banner_swiper_container .banner_pageination {
            position: absolute;
            bottom: 70px;
            right: 246px;
        }

        .slotbanner .banner_swiper_container .icons_Latest_Winner_bg {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 0 26px;
            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: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-transform: translateY(220px);
            -ms-transform: translateY(220px);
            transform: translateY(220px);
        }

            .slotbanner .banner_swiper_container .icons_Latest_Winner_bg.on {
                -webkit-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: end;
                -webkit-align-items: flex-end;
                -ms-flex-align: end;
                align-items: flex-end;
                height: 40px;
            }

                .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top > span {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    padding-bottom: 3px;
                    font-family: "mainBoldFont";
                    color: #ffffff;
                    font-size: 20px;
                    padding-left: 5px;
                }

                .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch > div {
                        padding: 0 5px;
                        font-size: 0;
                    }

                        .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch > div > span {
                            font-size: 14px;
                            color: #ffffff;
                        }

                            .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch > div > span.nowPage {
                                color: #12b5fc;
                            }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch .icons_slot_arrow {
                        cursor: pointer;
                    }

            .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut {
                height: 170px;
                position: relative;
                overflow: hidden;
            }

                .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom {
                    width: 100%;
                    background: #01172f;
                    height: 170px;
                }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section {
                        height: 56px;
                        border-bottom: 1px solid #016895;
                        margin-left: 10px;
                        margin-right: 10px;
                        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;
                        color: white;
                    }

                        .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section:last-child {
                            border-bottom: none;
                        }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom.leave_active > section:last-child {
                        border-bottom: 1px solid #016895 !important;
                    }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section * {
                        font-size: 16px;
                    }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section .tr {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        width: 100%;
                        -webkit-box-pack: justify;
                        -webkit-justify-content: space-between;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section .gamename {
                        color: #8c8c8c;
                    }

                    .slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section .usd {
                        color: #016895;
                    }

.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;
    }

.slotFirmsContent {
    background: #f2f2f2;
    width: 100%;
    height: 120px;
    overflow: hidden;
    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;
    position: relative;
}

    .slotFirmsContent .tabPage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        width: 100%;
    }

        .slotFirmsContent .tabPage > li {
            -webkit-transition: background-color .5s;
            -o-transition: background-color .5s;
            transition: background-color .5s;
            width: 157px;
            height: 120px;
            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;
            font-size: 13px;
            position: relative;
        }

            .slotFirmsContent .tabPage > li:last-child::after {
                content: "";
                display: none;
                width: 1px;
                height: 103px;
                position: absolute;
                background: white;
                top: 50%;
                right: -1px;
            }

            .slotFirmsContent .tabPage > li:hover {
                background-color: #fcb913;
            }

                .slotFirmsContent .tabPage > li:hover > span {
                    color: #01172f;
                }

            .slotFirmsContent .tabPage > li::after {
                content: "";
                width: 1px;
                height: 103px;
                position: absolute;
                background: white;
                top: 50%;
                right: -1px;
            }

            .slotFirmsContent .tabPage > li > .i {
                height: 47px;
            }

            .slotFirmsContent .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;
                margin-top: 10px;
                color: #0185be;
            }

            .slotFirmsContent .tabPage > li.on {
                background: #fcb913;
            }

                .slotFirmsContent .tabPage > li.on > span {
                    color: #01172f;
                }

.main-banner-carousel_chevron {
    background-color: #191919;
    cursor: pointer;
    display: none;
    height: 60px;
    opacity: .9;
    position: absolute;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    border-color: #00fff2;
    margin-top: -60px;
}

.slotFirmsContent:hover + div > .main-banner-carousel_chevron {
    display: block;
}

.main-banner-carousel_chevron:hover {
    opacity: 1;
    display: block;
}

    .main-banner-carousel_chevron:hover::before {
        border-color: #fff;
    }

.main-banner-carousel_chevron-left {
    left: 0;
}

    .main-banner-carousel_chevron-left::before {
        border-color: #00fff2;
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: '';
        display: inline-block;
        height: 15px;
        left: 11px;
        position: relative;
        top: 25px;
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        vertical-align: top;
        width: 15px;
    }

.main-banner-carousel_chevron-right {
    right: 0;
}

    .main-banner-carousel_chevron-right::before {
        border-color: #00fff2;
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: '';
        display: inline-block;
        height: 15px;
        left: 3px;
        position: relative;
        top: 25px;
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        vertical-align: top;
        width: 15px;
    }

.slotTabPage .tabPage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1128px;
    background: #e3e3e3;
    padding: 0;
    margin: 0;
}

    .slotTabPage .tabPage > li {
        width: 160px;
        height: 40px;
    }

        .slotTabPage .tabPage > li :hover {
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
            background-color: #003a79;
            color: white;
        }

        .slotTabPage .tabPage > li > i {
            display: none;
        }

        .slotTabPage .tabPage > li > span {
            width: 100%;
            height: 100%;
            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: 'tabFont';
        }

        .slotTabPage .tabPage > li.on {
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            background: #003a79;
        }

            .slotTabPage .tabPage > li.on > span {
                color: white;
            }

.slotGameList .imgItem {
    height: 230px;
    width: 94%;
    position: relative;
    margin-right: 20px;
    margin-bottom: 21px;
    top: 0;
    cursor: pointer;
}

    .slotGameList .imgItem .imgItemOverBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        /* display: none; */
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    .slotGameList .imgItem:hover .imgItemOverBox {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.slotGameList .imgItemOverBox {
    cursor: default;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    background: white;
    width: 340px;
    height: 288px;
    margin-left: -37px;
    margin-top: -29px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 19px;
    padding-bottom: 8px;
}

.slotGameList .imgItem .imgItemOverBox .text {
    box-sizing: border-box;
    background: white;
    padding-left: 10px;
    width: 287px;
}

.slotGameList .imgItem .imgItemOverBox .img {
    width: 287px;
    height: 190px;
    overflow: hidden;
    position: relative;
}

    .slotGameList .imgItem .imgItemOverBox .img > img {
        width: 287px;
        height: 190px;
    }

.slotGameList .imgItem .imgItemOverBox .img_overlay {
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    cursor: default;
}

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay {
    position: absolute;
    left: 0;
    top: 190px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    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;
}

.slotGameList .imgItem .imgItemOverBox .img:hover > .img_overlay {
    top: 0;
}

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay * {
    margin: 8px 0;
    color: white;
}

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay > span {
    width: 125px;
}

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay > .button_y {
    color: black !important;
}

.button_b_span {
    font-family: "buttonBold";
}

.button_y_span {
    font-family: "buttonBold";
    color: black !important;
}

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    font-size: 14px;
    margin-top: -5px;
    cursor: pointer;
}

    .slotGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav .icons_addtofavourites {
        margin-right: 8px;
        width: 14px;
        height: 13px;
        background: url(../assets/images/icons_addtofavourites.png) no-repeat;
    }

.slotGameList .imgItem .imgItemOverBox .text.textbottom {
    height: 35px !important;
}

    .slotGameList .imgItem .imgItemOverBox .text.textbottom .left > p:nth-child(1) span {
        font-family: 'mainFont';
        font-size: 12px;
        color: #666666;
    }

.slotGameList .imgItem .imgItemOverBox .text.texttop .left > p:nth-child(1) .icons_slot_new {
    right: 6px;
}

.slotGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(1) .icons_slot_new {
    position: absolute;
    top: 12px;
    right: 18px;
}

.slotGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(2) {
    font-size: 12px;
    color: #666666;
}

.slotGameList .imgItem:hover {
    /* top: -10px; */
    /* -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); */
}

.slotGameList .imgItem.nomb {
    margin-bottom: 0;
}

.slotGameList .imgItem .img {
    width: 266px;
    height: 174px;
    cursor: pointer;
    overflow: hidden;
}

.slotGameList .imgItem .text {
    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;
    padding: 2px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 56px;
    background: #f2f2f2;
    position: relative;
}

    .slotGameList .imgItem .text .left {
        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: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
    }

        .slotGameList .imgItem .text .left > p:nth-child(1) {
            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;
        }

            .slotGameList .imgItem .text .left > p:nth-child(1) * {
                font-family: "mainBoldFont";
            }

            .slotGameList .imgItem .text .left > p:nth-child(1) span {
                font-size: 16px;
                word-break: keep-all;
            }

            .slotGameList .imgItem .text .left > p:nth-child(1) .icons_slot_new {
                position: absolute;
                top: 12px;
                right: 18px;
            }

        .slotGameList .imgItem .text .left > p:nth-child(2) {
            font-size: 12px;
            color: #666666;
        }

.slotGameList .slotGameList_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .slotGameList .slotGameList_top .swiper {
        width: 552px;
        height: 480px;
        margin-right: 21px;
        position: relative;
        overflow: hidden;
    }

        .slotGameList .slotGameList_top .swiper .slider {
            height: 480px;
        }

            .slotGameList .slotGameList_top .swiper .slider .slider-enter-active,
            .slotGameList .slotGameList_top .swiper .slider .slider-leave-active {
                -webkit-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
                position: absolute;
            }

            .slotGameList .slotGameList_top .swiper .slider .mainContentContainer {
                width: 100%;
                margin: 0 auto;
                padding: 0;
            }

                .slotGameList .slotGameList_top .swiper .slider .mainContentContainer .page_no {
                    position: absolute;
                    top: auto;
                    right: 30px;
                    bottom: 20px;
                    z-index: 3;
                }

            .slotGameList .slotGameList_top .swiper .slider img {
                display: block;
                width: 100%;
                height: auto;
            }

            .slotGameList .slotGameList_top .swiper .slider .page_item {
                position: absolute;
                left: 0;
                top: 0;
            }

                .slotGameList .slotGameList_top .swiper .slider .page_item > img {
                    display: block;
                    width: 100%;
                    height: auto;
                }

                .slotGameList .slotGameList_top .swiper .slider .page_item .pageMainContent {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                }

                    .slotGameList .slotGameList_top .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
                        position: absolute;
                        right: 20px;
                        top: 0;
                    }

        .slotGameList .slotGameList_top .swiper .bottomNotice {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 208px;
            background: #0a1623;
            padding: 0px;
            color: white;
            font-size: 20px;
            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: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .slotGameList .slotGameList_top .swiper .bottomNotice {
            box-sizing: border-box;
            height: 144px;
            background: #f2f2f2;
            padding: 24px 36px;
        }

            .slotGameList .slotGameList_top .swiper .bottomNotice .icons_slot_logo {
                position: absolute;
                right: 0;
                bottom: 0;
                z-index: -1;
            }

            .slotGameList .slotGameList_top .swiper .bottomNotice .pheader {
                font-size: 24px;
                color: black;
                margin: 0;
            }

            .slotGameList .slotGameList_top .swiper .bottomNotice .pcontent,
            .slotGameList .slotGameList_top .swiper .bottomNotice .ptime {
                font-size: 14px;
                color: #666666;
            }

            .slotGameList .slotGameList_top .swiper .bottomNotice .pcontent {
                line-height: 18px;
                margin: 0;
                margin-top: 10px;
                width: 80%;
            }

            .slotGameList .slotGameList_top .swiper .bottomNotice .ptime {
                margin: 0;
                margin-top: 10px;
            }

        .slotGameList .slotGameList_top .swiper .tools {
            position: absolute;
            left: 31px;
            bottom: 26px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .slotGameList .slotGameList_top .swiper .tools > span {
                font-family: "buttonBold";
                cursor: pointer;
                height: 34px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                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;
                padding: 0 20px;
            }

                .slotGameList .slotGameList_top .swiper .tools > span.playnow {
                    background: #013b7a;
                    color: white;
                    margin-right: 5px;
                }

                .slotGameList .slotGameList_top .swiper .tools > span.demo {
                    background: #ffc438;
                }

    .slotGameList .slotGameList_top .topimgItem {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
    }

        .slotGameList .slotGameList_top .topimgItem > div:nth-child(3n) {
            margin-right: 0;
        }

.slotGameList .bottomimgItem {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}

    .slotGameList .bottomimgItem > div:nth-child(5n) {
        margin-right: 0;
    }

.slotMain {
    padding-top: 37px;
    padding-bottom: 110px;
}

    .slotMain .container {
        box-sizing: border-box;
        padding: 0 13px;
    }

    .slotMain .slotfirmBox {
        padding-bottom: 10px;
    }

    .slotMain .slottabAndSearchBox {
        margin-top: 10px;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }

        .slotMain .slottabAndSearchBox .searchBox {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 40px;
            background: #f2f2f2;
            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;
            padding: 0 20px;
            margin: 0;
        }

            .slotMain .slottabAndSearchBox .searchBox > input {
                margin-left: 10px;
                border: none;
                outline: none;
                height: 16px;
                color: #858585;
                font-size: 16px;
                background: #f2f2f2;
            }

#sliderWinner .page_item.enter {
    -webkit-transform: translateY(170px);
    -ms-transform: translateY(170px);
    transform: translateY(170px);
}

#sliderWinner .page_item.leave_to {
    -webkit-transform: translateY(-170px);
    -ms-transform: translateY(-170px);
    transform: translateY(-170px);
}

.newGameContent {
    position: absolute;
}

    .newGameContent.page_item.enter {
        transform: translateX(100%);
    }

    .newGameContent.page_item.leave_to {
        transform: translateX(-100%) !important;
    }

.slotMain .slotGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

    .slotMain .slotGrid .slotSwiper {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
    }

.text-center {
    text-align: center;
}

.message-content-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
        .open > .btn-default.dropdown-toggle:hover,
        .open > .btn-default.dropdown-toggle:focus,
        .open > .btn-default.dropdown-toggle.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
        background-image: none;
    }

    .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
        .open > .btn-primary.dropdown-toggle:hover,
        .open > .btn-primary.dropdown-toggle:focus,
        .open > .btn-primary.dropdown-toggle.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
        background-image: none;
    }

    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active,
    .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
        .open > .btn-success.dropdown-toggle:hover,
        .open > .btn-success.dropdown-toggle:focus,
        .open > .btn-success.dropdown-toggle.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active, .btn-success.active,
    .open > .btn-success.dropdown-toggle {
        background-image: none;
    }

    .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
    fieldset[disabled] .btn-success:hover,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active,
    .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
        .open > .btn-info.dropdown-toggle:hover,
        .open > .btn-info.dropdown-toggle:focus,
        .open > .btn-info.dropdown-toggle.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active, .btn-info.active,
    .open > .btn-info.dropdown-toggle {
        background-image: none;
    }

    .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
    fieldset[disabled] .btn-info:hover,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active,
    .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
        .open > .btn-warning.dropdown-toggle:hover,
        .open > .btn-warning.dropdown-toggle:focus,
        .open > .btn-warning.dropdown-toggle.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active, .btn-warning.active,
    .open > .btn-warning.dropdown-toggle {
        background-image: none;
    }

    .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning:hover,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active,
    .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
        .open > .btn-danger.dropdown-toggle:hover,
        .open > .btn-danger.dropdown-toggle:focus,
        .open > .btn-danger.dropdown-toggle.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active, .btn-danger.active,
    .open > .btn-danger.dropdown-toggle {
        background-image: none;
    }

    .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger:hover,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:hover,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

/* bootstrap modal style */
.close {
    float: right;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-shadow: 0 0px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    width: 20px;
    margin: 5px 0px 0px 0px;
    font-size: 36px;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    /* border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2); */
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header:before, .modal-header:after {
        content: " ";
        display: table;
    }

    .modal-header:after {
        clear: both;
    }

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

/* end bootstrap modal style */
/* bootstrap glyphicon style */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../../content/fonts/glyphicons-halflings-regular.eot");
    src: url("../../content/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../content/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../content/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #337ab7;
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #777777;
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:hover,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar:before, .btn-toolbar:after {
        content: " ";
        display: table;
    }

    .btn-toolbar:after {
        clear: both;
    }

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
        content: " ";
        display: table;
    }

    .btn-group-vertical > .btn-group:after {
        clear: both;
    }

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell;
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > th,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > th,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > th,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > th,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

.table > thead > tr > th {
    background-color: #CCC;
    border-bottom: 0px solid #ddd;
    color: #fff;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 10px;
}

/* end bootstrap glyphicon style */
/* bootstrap pagination style */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857;
            text-decoration: none;
            color: #337ab7;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > a:focus,
        .pagination > li > span:hover,
        .pagination > li > span:focus {
            z-index: 2;
            color: #23527c;
            background-color: #eeeeee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
    .pagination > .active > span,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
        cursor: default;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

    .pager:before, .pager:after {
        content: " ";
        display: table;
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #777777;
        background-color: #fff;
        cursor: not-allowed;
    }

/* end bootstrap pagination style */
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default,
.uib-datepicker-popup > li > div.uib-datepicker > table .btn-default {
    border: 0;
}

.datetime-picker-dropdown > li.date-picker-menu div > table:focus,
.uib-datepicker-popup > li > div.uib-datepicker > table:focus {
    outline: none;
}

.slider.slider-horizontal {
    width: 210px;
    height: 20px;
    overflow: unset !important;
}

    .slider.slider-horizontal .slider-track {
        height: 10px;
        width: 100%;
        margin-top: -5px;
        top: 50%;
        left: 0;
    }

    .slider.slider-horizontal .slider-selection,
    .slider.slider-horizontal .slider-track-low,
    .slider.slider-horizontal .slider-track-high {
        height: 100%;
        top: 0;
        bottom: 0;
    }

    .slider.slider-horizontal .slider-tick,
    .slider.slider-horizontal .slider-handle {
        margin-left: -10px;
    }

        .slider.slider-horizontal .slider-tick.triangle,
        .slider.slider-horizontal .slider-handle.triangle {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            border-width: 0 10px 10px 10px;
            width: 0;
            height: 0;
            border-bottom-color: #2e6da4;
            margin-top: 0;
        }

    .slider.slider-horizontal .slider-tick-container {
        white-space: nowrap;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .slider.slider-horizontal .slider-tick-label-container {
        white-space: nowrap;
        margin-top: 20px;
    }

        .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
            padding-top: 4px;
            display: inline-block;
            text-align: center;
        }

    .slider.slider-horizontal.slider-rtl .slider-track {
        left: initial;
        right: 0;
    }

    .slider.slider-horizontal.slider-rtl .slider-tick,
    .slider.slider-horizontal.slider-rtl .slider-handle {
        margin-left: initial;
        margin-right: -10px;
    }

    .slider.slider-horizontal.slider-rtl .slider-tick-container {
        left: initial;
        right: 0;
    }

.slider.slider-vertical {
    height: 210px;
    width: 20px;
}

    .slider.slider-vertical .slider-track {
        width: 10px;
        height: 100%;
        left: 25%;
        top: 0;
    }

    .slider.slider-vertical .slider-selection {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .slider.slider-vertical .slider-track-low,
    .slider.slider-vertical .slider-track-high {
        width: 100%;
        left: 0;
        right: 0;
    }

    .slider.slider-vertical .slider-tick,
    .slider.slider-vertical .slider-handle {
        margin-top: -10px;
    }

        .slider.slider-vertical .slider-tick.triangle,
        .slider.slider-vertical .slider-handle.triangle {
            border-width: 10px 0 10px 10px;
            width: 1px;
            height: 1px;
            border-left-color: #2e6da4;
            border-right-color: #2e6da4;
            margin-left: 0;
            margin-right: 0;
        }

    .slider.slider-vertical .slider-tick-label-container {
        white-space: nowrap;
    }

        .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
            padding-left: 4px;
        }

    .slider.slider-vertical.slider-rtl .slider-track {
        left: initial;
        right: 25%;
    }

    .slider.slider-vertical.slider-rtl .slider-selection {
        left: initial;
        right: 0;
    }

    .slider.slider-vertical.slider-rtl .slider-tick.triangle,
    .slider.slider-vertical.slider-rtl .slider-handle.triangle {
        border-width: 10px 10px 10px 0;
    }

    .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
        padding-left: initial;
        padding-right: 4px;
    }

.slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}

.slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}

.slider input {
    display: none;
}

.slider .tooltip.top {
    margin-top: -36px;
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.slider .hide {
    display: none;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
    /* background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x; */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

    .slider-selection.tick-slider-selection {
        background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
    }

.slider-track-low,
.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 0px solid transparent;
}

    .slider-handle.round {
        border-radius: 50%;
    }

    .slider-handle.triangle {
        background: transparent none;
    }

    .slider-handle.custom {
        background: transparent none;
    }

        .slider-handle.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

.slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}

    .slider-tick.round {
        border-radius: 50%;
    }

    .slider-tick.triangle {
        background: transparent none;
    }

    .slider-tick.custom {
        background: transparent none;
    }

        .slider-tick.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

    .slider-tick.in-selection {
        background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
        opacity: 1;
    }

/* carousel style */
.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        padding: 0px;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover, .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        margin-left: 5px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: transparent;
    }

    .carousel-indicators .active {
        margin: 0;
        margin-left: 5px;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

/* end carousel style */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:before, .panel-body:after {
        content: " ";
        display: table;
    }

    .panel-body:after {
        clear: both;
    }

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.fade {
    -webkit-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.new_setting {
    width: 980px;
    margin: 0 auto;
    background: white;
    padding: 15px;
}

    .new_setting .tab_layer {
        background: #eeeeee;
        height: 80px;
        width: 100%;
        display: flex;
    }

        .new_setting .tab_layer .tab_content {
            width: 50%;
        }

        .new_setting .tab_layer .header {
            display: flex;
            font-size: 18px;
            font-weight: 600;
        }

            .new_setting .tab_layer .header img {
                width: 40px;
                margin: 0 auto;
            }

        .new_setting .tab_layer a {
            color: #7f7f7f;
            font-size: 14px;
        }

            .new_setting .tab_layer a + .current {
                color: #044a98;
            }

            .new_setting .tab_layer a:hover,
            .new_setting .tab_layer a:focus {
                text-decoration: none;
            }

        .new_setting .tab_layer .tab_area {
            display: flex;
            padding-right: 2px;
        }

            .new_setting .tab_layer .tab_area .tab_item {
                width: 80px;
                height: 80px;
                text-align: center;
                padding: 10px;
                cursor: pointer;
            }

            .new_setting .tab_layer .tab_area .current {
                background: white;
                border-top: 2px solid #eeeeee;
                color: #044a98;
            }

            .new_setting .tab_layer .tab_area .tab_item:hover {
                background: white;
            }

            .new_setting .tab_layer .tab_area .profile_tab {
                background-image: url("../images/icon/menu_my-account.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                min-height: 35px;
            }

            .new_setting .tab_layer .tab_area .current .profile_tab {
                background-image: url("../images/icon/menu_my-account_o.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

            .new_setting .tab_layer .tab_area .transfer_tab {
                background-image: url("../images/icon/menu_transfer.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                min-height: 35px;
            }

            .new_setting .tab_layer .tab_area .current .transfer_tab {
                background-image: url("../images/icon/menu_transfer_o.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

            .new_setting .tab_layer .tab_area .deposit_tab {
                background-image: url("../images/icon/menu_deposit.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                min-height: 35px;
            }

            .new_setting .tab_layer .tab_area .current .deposit_tab {
                background-image: url("../images/icon/menu_deposit_o.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

            .new_setting .tab_layer .tab_area .withdraw_tab {
                background-image: url("../images/icon/menu_withdraw.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                min-height: 35px;
            }

            .new_setting .tab_layer .tab_area .current .withdraw_tab {
                background-image: url("../images/icon/menu_withdraw_o.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

            .new_setting .tab_layer .tab_area .history_tab {
                background-image: url("../images/icon/menu_history.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                min-height: 35px;
            }

            .new_setting .tab_layer .tab_area .current .history_tab {
                background-image: url("../images/icon/menu_history_o.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

    .new_setting .wallet_layer {
        display: flex;
        width: fit-content;
        height: 50px;
        align-items: center;
        padding-left: 15px;
        font-size: 13px;
    }

        .new_setting .wallet_layer .separator,
        .new_setting .transfer_container .separator {
            width: 5px !important;
            padding: 0 !important;
        }

        .new_setting .wallet_layer .balance_display {
            color: #016cbf;
            font-size: 20px;
            font-weight: 600;
            position: relative;
            top: -12px;
        }

        .new_setting .wallet_layer .balance_refresh {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .new_setting .wallet_layer .triangle {
            height: 0px;
            border-right: solid 8px #cccccc;
            border-bottom: solid 8px transparent;
            border-top: solid 8px transparent;
            display: inline-block;
            vertical-align: middle;
        }

        .new_setting .wallet_layer .restore_button {
            border: 1px solid #1f5389;
            border-radius: 3px;
            background: #eeeeee;
            padding: 3px 25px;
            cursor: pointer;
        }

            .new_setting .wallet_layer .restore_button:hover,
            .new_setting .transfer_container .transfer_general .transfer_button:hover {
                background: #dddddd;
            }

    .new_setting .transfer_container {
        margin-left: 30px;
        margin-right: 30px;
    }

        .new_setting .transfer_container .transfer_general {
            display: flex;
            font-size: 13px;
        }

            .new_setting .transfer_container .transfer_general .dropdown,
            .new_setting .transfer_container .transfer_general .text-input {
                width: 150px;
                height: 20px;
                line-height: 25px;
                border: 1px solid #cdcdcd;
                padding-left: 5px;
                padding: unset;
            }

            .new_setting .transfer_container .transfer_general .transfer_button {
                cursor: pointer;
                background: #eeeeee;
                font-size: 12px;
                border: 1px solid #285791;
                border-radius: 3px;
                padding: 3px 15px;
            }

        .new_setting .transfer_container .transfer_provider {
            width: 100%;
        }

            .new_setting .transfer_container .transfer_provider .transfer_table {
                width: 100%;
                border-width: 1px;
                border-color: black;
                font-size: 13px;
            }

                .new_setting .transfer_container .transfer_provider .transfer_table td {
                    border-width: 1px;
                    border-color: black;
                    border-style: inset;
                    height: 40px;
                }

                .new_setting .transfer_container .transfer_provider .transfer_table .provider {
                    text-align: center;
                    background: #eeeeee;
                }

                .new_setting .transfer_container .transfer_provider .transfer_table .balance_display {
                    display: flex;
                }

                .new_setting .transfer_container .transfer_provider .transfer_table .all_in_btn {
                    width: 110px;
                    height: 24px;
                    line-height: 18px;
                    border: 1px solid #1f5389;
                    background: #eeeeee;
                    border-radius: 3px;
                    cursor: pointer;
                }

                .new_setting .transfer_container .transfer_provider .transfer_table .balance {
                    text-align: center;
                    font-align: 15px;
                }

    .new_setting .history_container .tab_item {
        width: auto;
        height: 15px;
        margin-right: 3px;
    }

    .new_setting .history_container .history_content {
        margin-left: 12px;
        position: relative;
        top: 30px;
    }

        .new_setting .history_container .history_content .query_layer {
            font-size: 12px;
            line-height: 18px;
        }

            .new_setting .history_container .history_content .query_layer .label_column {
                width: auto;
            }

            .new_setting .history_container .history_content .query_layer .input_column {
                width: 120px;
            }

            .new_setting .history_container .history_content .query_layer .input_separator {
                width: 15px;
            }

            .new_setting .history_container .history_content .query_layer .middle_separator {
                width: 50px;
            }

            .new_setting .history_container .history_content .query_layer .text-input {
                border: 1px solid #ccc;
                padding: 0px 10px;
                height: 19px;
            }

            .new_setting .history_container .history_content .query_layer .input_button {
                border: 1px solid #26588d;
                background: #eeeeee;
                padding: 0px 15px;
                height: 22px;
            }

            .new_setting .history_container .history_content .query_layer .row_separator {
                height: 10px;
            }

            .new_setting .history_container .history_content .query_layer .select_input {
                border: 1px solid #ccc;
                width: 195px;
                height: 22px;
            }

            .new_setting .history_container .history_content .query_layer .btn-calendar {
                height: 21px;
            }

                .new_setting .history_container .history_content .query_layer .btn-calendar i.glyphicon {
                    top: -5px;
                }

        .new_setting .history_container .history_content .result_layer {
            margin-top: 20px;
        }

            .new_setting .history_container .history_content .result_layer .amount_txt {
                color: #3a84c6 !important;
            }

            .new_setting .history_container .history_content .result_layer .failed_txt {
                color: #ff1a1c !important;
            }

            .new_setting .history_container .history_content .result_layer .pending_txt {
                color: #feb418 !important;
            }

            .new_setting .history_container .history_content .result_layer .success_txt {
                color: #1ec41b !important;
            }

/* Start -- css for sub tab*/
.setting_sub_layer_container {
    margin-left: 6px;
}

    .setting_sub_layer_container .sub_inner_tab_layer {
        background-color: white;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        margin-left: 10px;
    }

    .setting_sub_layer_container > div > ul {
        border-bottom: none !important;
        padding: 0;
    }

    .setting_sub_layer_container > nav-tabs {
        border-bottom: none !important;
    }

.nav-tabs > li {
    float: left;
    margin-bottom: -2px;
}

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1;
        border: 1px solid #CCC;
        border-radius: 0px;
        padding: 5px 15px;
        height: 30px;
        font-weight: bold;
        color: #3A3A3A;
    }

        .nav-tabs > li > a:hover {
            background-color: transparent;
            border: 1px solid #AAA;
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #fff;
        border: 1px solid #0b67c7;
        cursor: default;
        height: 30px;
    }

.setting_sub_layer_container .header_img {
    position: relative;
    top: 3px;
    height: 15px;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.setting_sub_layer_container .tab_header {
    font-weight: bolder;
}

.setting_sub_layer_container > nav-tabs > li > a {
    color: #CCC;
    padding: 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    min-width: auto;
    padding: 10px;
}

.sub_inner_tab_layer.uib-tab.nav-item.active:after {
    content: "";
    position: relative;
    top: 6px;
    left: 50%;
    margin-left: -20px;
    border-style: solid;
    border-width: 10px 20px 0;
    border-color: #CCC transparent;
    display: block;
    width: 0;
    z-index: 1;
}

/* End -- css for sub tab*/
/* Start -- css for sub tab content*/
.setting_sub_container {
    font-size: 11px;
    color: #000000;
    margin-top: 60px;
    margin-left: 20px;
    margin-right: 20px;
}

    .setting_sub_container .form-control {
        display: block;
        padding: 3px 12px;
        font-size: 11px;
        line-height: 1.42857;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        height: 20px;
    }

.sub-setting-layer .setting-msg .help-block {
    margin: 0 auto !important;
}

.setting_sub_container .form-group {
    margin-bottom: auto !important;
}

.setting_sub_container .setting-button {
    font-size: 11px;
    height: 23px;
    line-height: 11px;
    border: 1px solid #003b79;
    background-color: #eeeeee;
    color: black !important;
}

.setting_sub_container > table > thead > tr > th {
    color: #000000;
}

/* End -- css for sub tab content*/
/* Start -- css for table*/
.new-setting-table > thead {
    border: 1px solid #000000;
    border-right: 1px solid #000000;
}

.new-setting-table > tbody > tr {
    border: 1px solid #000000;
}

    .new-setting-table > tbody > tr > td {
        border-top: 1px solid #000000 !important;
        padding: 4px;
    }

.setting_sub_container > .pagination {
    margin: 0px auto;
}

    .setting_sub_container > .pagination > .disabled > span,
    .setting_sub_container > .pagination > .disabled > span:hover,
    .setting_sub_container > .pagination > .disabled > span:focus,
    .setting_sub_container > .pagination > .disabled > a,
    .setting_sub_container > .pagination > .disabled > a:hover,
    .setting_sub_container > .pagination > .disabled > a:focus {
        border-color: snow;
    }

    .setting_sub_container > .pagination > .active > a,
    .setting_sub_container > .pagination > .active > a:hover,
    .setting_sub_container > .pagination > .active > a:focus,
    .setting_sub_container > .pagination > .active > span,
    .setting_sub_container > .pagination > .active > span:hover,
    .setting_sub_container > .pagination > .active > span:focus {
        color: grey !important;
        background-color: transparent !important;
        border-color: #fff !important;
    }

/* End -- css for table*/
/* Start -- Member Account Tab */
.setting_profile_tab .profile_tab {
    width: auto;
    height: 15px;
    margin-right: 3px;
}

.setting_profile_tab .pass_tab {
    width: auto;
    height: 15px;
    margin-right: 3px;
}

.setting_profile_tab .providerPass_tab {
    width: auto;
    height: 15px;
    margin-right: 3px;
}

.setting_profile_tab .inbox_tab {
    width: auto;
    height: 15px;
    margin-right: 3px;
}

.setting_profile_tab .bank_tab {
    width: auto;
    height: 15px;
    margin-right: 3px;
}

.setting_profile_content > table > tbody > tr {
    line-height: 35px;
}

.setting_profile_content .setting-label {
    width: 100px;
}

.setting_profile_content .setting-mandatory {
    width: 1px;
    color: red;
}

.setting_profile_content .setting-input {
    width: 50px;
}

.setting_password_content > form > div > table > tbody > tr {
    line-height: 35px;
}

.setting_password_content .setting-label {
    width: 120px;
}

.setting_password_content .setting-mandatory {
    width: 1px;
    color: red;
}

.setting_password_content .setting-input {
    width: 50px;
}

.setting_password_content .setting-help-block {
    padding-left: 10px;
}

    .setting_password_content .setting-help-block .help-block {
        margin: 0 auto !important;
    }

.setting_password_content .setting-button {
    margin-left: 385px;
}

.setting_propassword_content > form > div > table > tbody > tr {
    line-height: 35px;
}

.setting_propassword_content .setting-label {
    width: 120px;
}

.setting_propassword_content .setting-mandatory {
    width: 1px;
    color: red;
}

.setting_propassword_content .setting-input {
    width: 50px;
}

.setting_propassword_content .setting-help-block {
    padding-left: 10px;
}

    .setting_propassword_content .setting-help-block .help-block {
        margin: 0 auto !important;
    }

.setting_propassword_content .setting-button {
    margin-left: 385px;
}

.setting_bank_content > form > div > table > tbody > tr {
    line-height: 35px;
}

.setting_bank_content .setting-label {
    width: 120px;
}

.setting_bank_content .setting-mandatory {
    width: 1px;
    color: red;
}

.setting_bank_content .setting-input {
    width: 50px;
}

.setting_bank_content .setting-help-block {
    padding-left: 10px;
}

    .setting_bank_content .setting-help-block .help-block {
        margin: 0 auto !important;
    }

.setting_bank_content .setting-button {
    margin-left: 385px;
}

/* End -- Member Account Tab */
.outerDiv {
    margin: 0px auto;
    padding: 5px;
    display: flex;
}

.leftDiv {
    color: #000000;
    width: 58%;
    float: left;
}

.rightDiv {
    color: #000000;
    width: 40%;
    float: right;
    padding-right: 30px;
}

.setting-onlinetransfer-wrap {
    color: #000;
    font-weight: bold;
}

/* Start -- Withdraw Tab */
.setting_withdraw_content {
    margin-top: 0px;
}

    .setting_withdraw_content > label {
        font-size: 14px;
        padding: 2px;
        margin-bottom: 5px;
        font-weight: 900;
    }

    .setting_withdraw_content .leftDiv > form > div > table > tbody > tr {
        line-height: 35px;
    }

    .setting_withdraw_content .setting-label {
        width: 120px;
    }

    .setting_withdraw_content .setting-mandatory {
        width: 1px;
        color: red;
    }

    .setting_withdraw_content .setting-input {
        width: 50px;
    }

    .setting_withdraw_content .setting-help-block {
        padding-left: 10px;
    }

        .setting_withdraw_content .setting-help-block .help-block {
            margin: 0 auto !important;
        }

    .setting_withdraw_content .setting-button {
        margin-left: 360px !important;
    }

/* End -- Withdraw Tab */
/* Start -- quickyPay Tab */
.setting_deposit_tab .quickyPay_tab {
    width: auto;
    height: 15px;
    margin-right: 3px;
}

.setting_deposit_tab .deposit_tab {
    width: auto;
    height: 15px;
    margin-right: 3px;
}

.setting_quickPay_content > label {
    font-size: 14px;
    padding: 2px;
    margin-bottom: 5px;
    font-weight: 900;
}

.setting_quickPay_content .setting-label {
    width: 120px;
}

.setting_quickPay_content .setting-mandatory {
    width: 1px;
    color: red;
}

.setting_quickPay_content .setting-input {
    width: auto;
}

.setting_quickPay_content .setting-help-block {
    padding-left: 10px;
}

    .setting_quickPay_content .setting-help-block .help-block {
        margin: 0 auto !important;
    }

.setting_quickPay_content .setting-button {
    margin-left: 354px !important;
}

.setting_bankTransfer_content > label {
    font-size: 14px;
    font-weight: 900;
    padding: 2px;
    margin-bottom: 5px;
}

.setting_bankTransfer_content .setting-label {
    width: 120px;
}

.setting_bankTransfer_content .setting-mandatory {
    width: 1px;
    color: red;
}

.setting_bankTransfer_content .setting-input {
    width: auto;
}

.setting_bankTransfer_content .setting-help-block {
    padding-left: 10px;
}

    .setting_bankTransfer_content .setting-help-block .help-block {
        margin: 0 auto !important;
    }

.setting_bankTransfer_content .setting-button {
    margin-left: 10px !important;
}

.setting_bankTransfer_content .btn-calendar {
    height: 21px;
}

    .setting_bankTransfer_content .btn-calendar i.glyphicon {
        top: -5px;
    }

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.file-button {
    width: 100px;
    height: 20px;
}

.btn-uploadfile {
    background-color: #ED1C24;
    color: white;
}

    .btn-uploadfile:hover {
        color: white;
    }

.radionbutton-display {
    margin-left: 16px;
    margin-bottom: 5px;
    min-width: 100px;
    max-width: 297px;
}

.text-field-must-12 {
    font-size: 12px;
    color: red;
    margin-right: 3px;
}

/* End -- quickyPay Tab */
/* add member bank dialog */
.setting-account-textwrap {
    font-size: 13px;
    color: #666666;
    margin-left: -15px;
    margin-right: 15px;
    color: #6a8cb0;
}

.item-display {
    display: flex;
    margin-bottom: 10px;
}

.member-dialog-form {
    display: block;
    border-radius: 0;
    height: 34px;
    margin: 0;
    font-size: 13px;
    padding: 3px 12px;
    line-height: 1.42857;
    font-family: Helvetica;
}

    .member-dialog-form:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .member-dialog-form:hover {
        border: 1px solid #006CC0;
    }

.form-sm-length {
    width: 199.33px;
    float: left;
}

.form-md-length {
    width: 348.83px;
}

.new-BK8-addmember-font {
    font-family: Helvetica;
}

.new-BK8-addmember-btn-font {
    font-family: Helvetica;
    font-size: 16px;
}

.new-bk8-setting {
    margin: 0;
    padding: 0;
    padding-right: 0px !important;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica;
    padding-top: 41px;
    background-image: url(../images/newSetting/bg.jpg);
    width: 100%;
    height: 100%;
    background-position: -42px -128px;
    background-repeat: no-repeat;
    padding-top: 41px;
}

    .new-bk8-setting * {
        font-family: Helvetica;
    }

        .new-bk8-setting *:focus {
            outline: none !important;
        }

    .new-bk8-setting ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #c5c8cc !important;
    }

    .new-bk8-setting ::-moz-placeholder {
        /* Firefox 19+ */
        color: #c5c8cc !important;
    }

    .new-bk8-setting :-ms-input-placeholder {
        /* IE 10+ */
        color: #c5c8cc !important;
    }

    .new-bk8-setting :-moz-placeholder {
        /* Firefox 18- */
        color: #c5c8cc !important;
    }

    .new-bk8-setting input {
        display: flex;
        position: relative;
        cursor: pointer;
        align-items: center;
        border: none;
        color: black;
        min-width: 240px;
        padding: 0px;
    }

    .new-bk8-setting input {
        -webkit-appearance: textfield;
        background-color: transparent;
    }

        .new-bk8-setting input[type="button"], .new-bk8-setting input[type="submit"], .new-bk8-setting input[type="reset"],
        .new-bk8-setting input[type="file"]::-webkit-file-upload-button, .new-bk8-setting button {
            border-color: transparent;
            border-style: solid;
            border-width: 0px;
        }

    .new-bk8-setting .inputWithdraw {
        border: 1px solid silver;
        background-color: #fff;
        color: #999;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

    .new-bk8-setting .inputDeposit {
        border: 1px solid silver;
        background-color: #fff;
        color: #999;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

    .new-bk8-setting input[type="radio"], .new-bk8-setting input[type="checkbox"] {
        background-color: initial;
        cursor: default;
        margin: 0px;
        padding: initial;
        border: initial;
    }

    .new-bk8-setting p, .new-bk8-setting ol, .new-bk8-setting ul {
        margin-top: 0px;
    }

    .new-bk8-setting a {
        color: #171717;
    }

    .new-bk8-setting ul, .new-bk8-setting menu, .new-bk8-setting dir {
        display: block;
        list-style-type: disc;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;
    }

    .new-bk8-setting hr {
        margin-top: 1px;
        margin-bottom: 1px;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

.hr-dotted {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 24px;
    margin-right: 24px;
    border: 0;
    border-top: 1px dashed #959595;
}

.new-bk8-setting::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.new-bk8-setting::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

.new-bk8-setting::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

.new-bk8-setting::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

.new-bk8-setting .vl {
    border-left: 1px dotted #858585;
    height: 30px;
}

.new-bk8-setting .pl-5 {
    padding-left: 5px;
}

.new-bk8-setting .pl-10 {
    padding-left: 10px;
}

.new-bk8-setting .pl-15 {
    padding-left: 15px;
}

.new-bk8-setting .pl-20 {
    padding-left: 20px;
}

.new-bk8-setting .pr-5 {
    padding-right: 5px;
}

.new-bk8-setting .pr-10 {
    padding-right: 10px;
}

.new-bk8-setting .pr-15 {
    padding-right: 15px;
}

.new-bk8-setting .pr-20 {
    padding-right: 20px;
}

.new-bk8-setting .ml-5 {
    margin-left: 5px;
}

.new-bk8-setting .ml-10 {
    margin-left: 10px;
}

.new-bk8-setting .ml-15 {
    margin-left: 15px;
}

.new-bk8-setting .ml-20 {
    margin-left: 20px;
}

.new-bk8-setting .ml-25 {
    margin-left: 25px;
}

.new-bk8-setting .ml-30 {
    margin-left: 30px;
}

.new-bk8-setting .ml-35 {
    margin-left: 35px;
}

.new-bk8-setting .ml-40 {
    margin-left: 40px;
}

.new-bk8-setting .ml-45 {
    margin-left: 45px;
}

.new-bk8-setting .mb-5 {
    margin-bottom: 5px;
}

.new-bk8-setting .mb-10 {
    margin-bottom: 10px;
}

.new-bk8-setting .mb-15 {
    margin-bottom: 15px;
}

.new-bk8-setting .mb-20 {
    margin-bottom: 20px;
}

.new-bk8-setting .mb-25 {
    margin-bottom: 25px;
}

.new-bk8-setting .mt-5 {
    margin-top: 5px;
}

.new-bk8-setting .mt-10 {
    margin-top: 10px;
}

.new-bk8-setting .mt-15 {
    margin-top: 15px;
}

.new-bk8-setting .mt-20 {
    margin-top: 20px;
}

.new-bk8-setting .mt-25 {
    margin-top: 25px;
}

.new-bk8-setting .mt-30 {
    margin-top: 30px;
}

.new-bk8-setting .mt-35 {
    margin-top: 35px;
}

.new-bk8-setting .mt-40 {
    margin-top: 40px;
}

.new-bk8-setting .mt-45 {
    margin-top: 45px;
}

.new-bk8-setting .mt-50 {
    margin-top: 50px;
}

.new-bk8-setting .mt-55 {
    margin-top: 55px;
}

.new-bk8-setting .mt-60 {
    margin-top: 60px;
}

.new-bk8-setting .mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.new-bk8-setting .my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.new-bk8-setting .font-12 {
    font-size: 12px;
}

.new-bk8-setting .font-14 {
    font-size: 14px;
}

.new-bk8-setting .font-16 {
    font-size: 16px;
}

.new-bk8-setting .text-bold {
    font-family: 'AvenirLT95-BlackFont';
}

.new-bk8-setting .text-title {
    font-family: 'AvenirLT45-BookFont';
}

/*********************************************************************************/
/* Text Color                                                                    */
/*********************************************************************************/
.new-bk8-setting .light-blue {
    color: #3f8fcb;
}

.new-bk8-setting .text-blue {
    color: #6a8cb0;
}

.new-bk8-setting .dark-blue {
    color: #0066d1;
}

.new-bk8-setting .light-gray {
    color: #656565;
}

.new-bk8-setting .light-gray-1 {
    color: #bfbfbf;
}

.new-bk8-setting .gray {
    color: #858585;
}

.new-bk8-setting .red {
    color: #cc1800;
}

.new-bk8-setting .green {
    color: #08b200;
}

.new-bk8-setting .black {
    color: #000000;
}

.new-bk8-setting .white {
    color: #ffffff;
}

.new-bk8-setting .account-text {
    color: #6a8cb0;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
}

.new-bk8-setting .gray-999 {
    color: #999999;
}

.new-bk8-setting .bg-blue {
    background-color: rgba(129, 157, 187, 0.15);
}

/*********************************************************************************/
/* Width                                                                         */
/*********************************************************************************/
.new-bk8-setting .w-170 {
    width: 170px;
}

.new-bk8-setting .w-290 {
    width: 290px;
}

.new-bk8-setting .w-300 {
    width: 300px;
}

.new-bk8-setting .w-130 {
    width: 130px;
}

.new-bk8-setting .w-150 {
    width: 150px;
}

.new-bk8-setting .h-30 {
    height: 30px;
}

.new-bk8-setting .h-40 {
    height: 40px;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting .w-170 {
        width: 150px;
    }

    .new-bk8-setting .w-300 {
        width: 260px;
    }
}

/*********************************************************************************/
/* Wrapper & Container                                                           */
/*********************************************************************************/
.new-bk8-setting #wrapper {
    background-position: top;
    background-size: auto;
    width: 100%;
    padding: 0px 0px;
}

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

@media screen and (max-width: 1199px) {
    .new-bk8-setting .container {
        min-width: 1000px;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0px 10px;
    }
}

.new-bk8-setting .text-center {
    text-align: center;
}

/*********************************************************************************/
/* Button                                                                        */
/*********************************************************************************/
.new-bk8-setting button.gradientBtn {
    border-radius: 4px;
    width: 188px;
    height: 40px;
    background: #0062c9;
    background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    color: #fff;
    cursor: pointer;
    font-size: inherit;
}

    .new-bk8-setting button.gradientBtn:disabled {
        background: -moz-linear-gradient(top, #e0e0e0 0%, #003679 102%);
        background: -webkit-linear-gradient(top, #e0e0e0 0%, #003679 102%);
        background: linear-gradient(to bottom, #e0e0e0 0%, #003679 102%);
        cursor: not-allowed;
    }

.new-bk8-setting button.gradientBtnRed {
    border-radius: 4px;
    width: 68px;
    height: 40px;
    background: #0062c9;
    background: -moz-linear-gradient(top, #cc001b 0%, #940014 102%);
    background: -webkit-linear-gradient(top, #cc001b 0%, #940014 102%);
    background: linear-gradient(to bottom, #cc001b 0%, #940014 102%);
    color: #fff;
    cursor: pointer;
}

.new-bk8-setting button.gradientBtnDefault {
    border-radius: 4px;
    width: 68px;
    height: 40px;
    background: #0062c9;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #878787 100%);
    background: -webkit-linear-gradient(top, #d3d3d3 0%, #878787 100%);
    background: linear-gradient(to bottom, #d3d3d3 0%, #878787 100%);
    color: #fff;
    cursor: pointer;
}

.new-bk8-setting button.gradientBtnGray, .new-bk8-setting label.gradientBtnGray {
    border-radius: 4px;
    width: 188px;
    height: 40px;
    background: #0062c9;
    background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    color: #858585;
    cursor: pointer;
    border: 1px solid silver;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
.new-bk8-setting .header {
    width: 100%;
}

    .new-bk8-setting .header .headerContent {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 82px;
    }

.new-bk8-setting .headerContent > a {
    margin-top: auto;
}

.new-bk8-setting .header .headerContent .icons_header_logo {
    float: left;
    cursor: pointer;
}

.new-bk8-setting .header .headerContent .right {
    float: right;
    font-size: 12px;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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: 8px;
}

    .new-bk8-setting .header .headerContent .right .loginBar {
        float: left;
        height: 100%;
        min-width: 480px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }

        .new-bk8-setting .header .headerContent .right .loginBar .tools {
            position: absolute;
            padding-left: 46px;
            left: 0;
            bottom: 10px;
            width: 100%;
            color: #6d6d6d;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .new-bk8-setting .header .headerContent .right .loginBar .tools > div {
                line-height: 100%;
            }

                .new-bk8-setting .header .headerContent .right .loginBar .tools > div.forgot > span {
                    color: #6d6d6d;
                }

            .new-bk8-setting .header .headerContent .right .loginBar .tools .username-container,
            .new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container {
                position: relative;
            }

                .new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .floating-menu {
                    position: absolute;
                    z-index: 4;
                    background: #f5f5f5;
                    width: 135px;
                    padding: 2px;
                    left: -40px;
                    top: 29px;
                }

                .new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .triangle {
                    position: absolute;
                    z-index: 4;
                    width: 18px;
                    left: 14px;
                    top: 15px;
                    border-bottom: solid 15px #f5f5f5;
                    border-left: solid 15px transparent;
                    border-right: solid 15px transparent;
                }

                .new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item {
                    padding: 10px 8px;
                    pointer: cursor;
                }

                .new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item {
                    padding: 10px 8px;
                    pointer: cursor;
                    display: flex;
                }

                    .new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item .menu-span {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                    }

                    .new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item:hover,
                    .new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item:hover {
                        color: white;
                        background: #0166d2;
                    }

                .new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu {
                    position: absolute;
                    z-index: 4;
                    background: #f5f5f5;
                    width: 115px;
                    padding: 2px;
                    left: -40px;
                    top: 29px;
                }

                .new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .triangle {
                    position: absolute;
                    z-index: 4;
                    width: 18px;
                    left: 4px;
                    top: 15px;
                    border-bottom: solid 15px #f5f5f5;
                    border-left: solid 15px transparent;
                    border-right: solid 15px transparent;
                }

                .new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item > img {
                    height: 20px;
                    margin-left: 5px;
                }

            .new-bk8-setting .header .headerContent .right .loginBar .tools .username {
                color: #3e7cda;
                font-weight: 900;
            }

            .new-bk8-setting .header .headerContent .right .loginBar .tools .timeNow {
                font-size: 12px;
            }

        .new-bk8-setting .header .headerContent .right .loginBar input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
        }

        .new-bk8-setting .header .headerContent .right .loginBar ::-webkit-input-placeholder,
        .new-bk8-setting .header .headerContent .right .loginBar ::-moz-placeholder,
        .new-bk8-setting .header .headerContent .right .loginBar :-ms-input-placeholder {
            font-size: 12px;
        }

        .new-bk8-setting .header .headerContent .right .loginBar > div {
            float: left;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 12px;
        }

            .new-bk8-setting .header .headerContent .right .loginBar > div.username,
            .new-bk8-setting .header .headerContent .right .loginBar > div.password {
                width: 116px;
                height: 30px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                background: white;
                border: 1px solid #003a76;
                padding-left: 15px;
                box-sizing: border-box;
            }

                .new-bk8-setting .header .headerContent .right .loginBar > div.username > input,
                .new-bk8-setting .header .headerContent .right .loginBar > div.password > input {
                    width: 98%;
                    border: 0;
                }

        .new-bk8-setting .header .headerContent .right .loginBar .login {
            color: white;
            width: 100px;
            height: 30px;
            border: 0px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            background: #fdb813;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -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;
            font-family: "buttonBold";
            cursor: pointer;
        }

        .new-bk8-setting .header .headerContent .right .loginBar .joinnow {
            color: white;
            width: 100px;
            height: 30px;
            border: 0px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            background: #cc001b;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -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;
            font-family: "buttonBold";
            font-weight: bold;
            cursor: pointer;
            word-break: keep-all;
            white-space: nowrap;
        }

            .new-bk8-setting .header .headerContent .right .loginBar .login > span,
            .new-bk8-setting .header .headerContent .right .loginBar .joinnow > span {
                font-family: "buttonBold";
                font-size: 12px;
            }

    .new-bk8-setting .header .headerContent .right .languageTog {
        float: right;
        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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 46px;
        margin-left: 15px;
    }

        .new-bk8-setting .header .headerContent .right .languageTog .region,
        .new-bk8-setting .header .headerContent .right .languageTog .icons_header_more {
            cursor: pointer;
        }

    .new-bk8-setting .header .headerContent .right .loginBar .space,
    .new-bk8-setting .header .headerContent .right .tools .space {
        flex-grow: 1;
    }

    .new-bk8-setting .header .headerContent .right .loginBar .livechat {
        background: url("../images/newSetting/icon/contact_dd_livechat.png");
        width: 28px;
        height: 28px;
        margin-right: 10px;
        cursor: pointer;
    }

    .new-bk8-setting .header .headerContent .right .loginBar .message {
        background: url("../images/newSetting/icon/nav_mail_icon.png");
        width: 28px;
        height: 28px;
        margin-right: 10px;
        position: relative;
        cursor: pointer;
    }

        .new-bk8-setting .header .headerContent .right .loginBar .message .nav-mail-counter {
            position: absolute;
            top: -6px;
            right: 18px;
            background: red;
            color: white;
            width: 16px;
            height: 16px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            font-size: 10px;
            line-height: 17px;
            text-align: center;
        }

    .new-bk8-setting .header .headerContent .right .loginBar .deposit {
        color: white;
        width: 84px;
        height: 30px;
        border: 0px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #0166d2 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -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;
        font-family: "buttonBold";
        font-weight: bold;
        cursor: pointer;
        margin-right: 5px;
    }

    .new-bk8-setting .header .headerContent .right .loginBar .logout {
        color: white;
        width: 86px;
        height: 30px;
        border: 0px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #959595 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -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;
        font-family: "buttonBold";
        font-weight: bold;
        cursor: pointer;
        word-break: keep-all;
        white-space: nowrap;
        margin-right: 5px;
    }

/*********************************************************************************/
/* menu                                                                        */
/*********************************************************************************/
.new-bk8-setting .menu {
    position: relative;
}

    .new-bk8-setting .menu .menuBox {
        background: #013b7a;
        margin: 0px -19px;
    }

        .new-bk8-setting .menu .menuBox .menuContent {
            font-size: 12px;
            height: 46px;
            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;
            margin-bottom: 1px;
        }

            .new-bk8-setting .menu .menuBox .menuContent .menunav {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                height: 100%;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                color: white;
                padding-left: 5px;
                margin-bottom: 0px;
            }

                .new-bk8-setting .menu .menuBox .menuContent .menunav > li {
                    height: 46px;
                    height: 100%;
                    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;
                    cursor: pointer;
                    line-height: 100%;
                    margin-top: 1px;
                    font-family: 'mainFont';
                    font-size: 13px;
                    text-align: center;
                    color: white;
                    margin: 0 21px;
                }

                    .new-bk8-setting .menu .menuBox .menuContent .menunav > li .icons_menu_live {
                        position: absolute;
                        top: 17px;
                    }

.new-bk8-setting .icons_menu_live {
    width: 30px;
    height: 16px;
}

.new-bk8-setting .icons {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/newSetting/headerMenu/headerMenu_liveIcon.png);
}

/*********************************************************************************/
/* Top Content                                                                      */
/*********************************************************************************/
.new-bk8-setting .profileBox .profileItemDetail {
    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;
    height: 100%;
}

.new-bk8-setting .profileItemDetail_userVerificationStatus {
    display: inline-flex;
    align-items: center;
}

.new-bk8-setting .profileBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    height: 86px;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px 20px;
    box-sizing: border-box;
    align-items: center;
    margin-bottom: 23px;
    border-radius: 4px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.new-bk8-setting img.upperElementEightIcon {
    margin-right: 10px;
    width: 47px;
    height: 55px;
}

.new-bk8-setting .profileItemDetail:hover .tooltip.nonDiamond {
    visibility: visible;
}

.new-bk8-setting .tooltip {
    height: 72px;
    width: 136px;
    background: #f2f2f2;
    position: absolute;
    top: 83px;
    z-index: 100;
    left: -25px;
    border: 1px solid #b5aaaa;
    visibility: hidden;
}

    .new-bk8-setting .tooltip a {
        font-size: 12px;
        margin-left: 14px;
        color: #a29999;
    }

    .new-bk8-setting .tooltip img {
        margin-top: 12px;
        margin-left: 10px;
    }

    .new-bk8-setting .tooltip::before,
    .new-bk8-setting .tooltip::after {
        content: "";
        position: absolute;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        top: -16%;
        left: 48%;
        margin-left: -10px;
    }

    .new-bk8-setting .tooltip::after {
        border-bottom: 13px solid #f2f2f2;
        margin-top: 0px;
        z-index: 1;
    }

    .new-bk8-setting .tooltip::before {
        border-bottom: 13px solid #b5aaaa;
        margin-top: -2px;
    }

.new-bk8-setting .rightContentBox1 {
    padding-right: 37px;
}

.new-bk8-setting .leftContentBox2 {
    padding-left: 20px;
    padding-right: 30px;
}

.new-bk8-setting .rightContentBox2 {
    padding-right: 15px;
}

.new-bk8-setting .leftContentBox3 {
    padding-left: 18px;
    padding-right: 14px;
}

.new-bk8-setting .userVerificationStatusText {
    display: inline-block;
    padding-right: 37px;
}

.new-bk8-setting .profileItemDetail.contentBox4 {
    position: absolute;
    right: 20px;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting .profileBox {
        padding: 15px 10px;
        width: 100%;
        max-width: 1200px;
    }

    .new-bk8-setting .font-14 {
        font-size: 13px;
    }

    .new-bk8-setting .font-16 {
        font-size: 14px;
    }

    .new-bk8-setting .rightContentBox1 {
        padding-right: 15px;
    }

    .new-bk8-setting .userVerificationStatusText {
        display: inline-block;
        padding-right: 17px;
    }

    .new-bk8-setting .profileItemDetail.contentBox4 {
        position: absolute;
        right: 20px;
    }

    .new-bk8-setting img.upperElementEightIcon {
        margin-right: 10px;
        width: 37px;
        height: auto;
    }
}

.new-bk8-setting .reload svg {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    width: 18px;
    height: 18px;
    cursor: pointer;
}

    .new-bk8-setting .reload svg path {
        fill: #0066d1;
    }

.new-bk8-setting .btn--restoreBtn {
    background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
    display: flex;
    width: fit-content;
    width: -moz-fit-content;
    height: 40px;
    color: #858585;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .new-bk8-setting .btn--restoreBtn:disabled {
        cursor: not-allowed;
    }

        .new-bk8-setting .btn--restoreBtn:disabled img {
            filter: grayscale(100%);
        }

.new-bk8-setting img.verificationIcon {
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.new-bk8-setting ul.breadcrumb {
    list-style: none;
    padding: 0px;
}

    /* Display list items side by side */
    .new-bk8-setting ul.breadcrumb li {
        display: inline;
        margin: 0 5px 0 5px;
    }

        /* Add a slash symbol (/) before/behind each list item */
        .new-bk8-setting ul.breadcrumb li + li:before {
            color: #858585;
            content: "/\00a0";
        }

        /* Add a color to all links inside the list */
        .new-bk8-setting ul.breadcrumb li a {
            color: #858585;
            text-decoration: none;
        }

/*********************************************************************************/
/* tab-content                                                                   */
/*********************************************************************************/
.new-bk8-setting .tabContentHeader {
    height: 54px;
    align-items: center;
    display: flex;
    position: relative;
}

.new-bk8-setting .userActivity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flow-root;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: 30px;
}

.new-bk8-setting .userActivityMenuPart {
    width: 19.17%;
    box-sizing: border-box;
    display: inline-block;
    min-height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
}

.new-bk8-setting .userActivityMenuItem > img {
    margin-left: 10px;
    width: 24px;
    height: auto;
}

.new-bk8-setting .userActivityMenuItem > a,
.new-bk8-setting .userActivityMenuItem > span {
    margin-left: 10px;
}

.new-bk8-setting .userActivityTitle {
    padding-top: 22px;
}

.new-bk8-setting .userActivityTitleSecond {
    padding-top: 20px;
}

.new-bk8-setting #userActivity-nav {
    height: 100%;
    width: 100%;
}

    .new-bk8-setting #userActivity-nav > ul {
        float: left;
        display: block;
        position: relative;
        top: 0;
        border-right-width: 0;
        margin: auto 0 !important;
        padding: 0;
        border-radius: 4px;
        padding-left: 21px;
        padding-right: 21px;
        min-height: 520px;
    }

        .new-bk8-setting #userActivity-nav > ul > li {
            height: 40px;
            background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
            background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
            background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
            background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
            background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
            -webkit-transition: background-color .2s ease-out;
            -moz-transition: background-color .2s ease-out;
            -ms-transition: background-color .2s ease-out;
            -o-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out;
            background-clip: padding-box;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            box-shadow: 0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
            display: flex;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
            color: #858585;
            font-size: 14px;
            cursor: pointer;
        }

            .new-bk8-setting #userActivity-nav > ul > li.current {
                color: #fff;
                background: #0066d1;
                height: 40px;
            }

            .new-bk8-setting #userActivity-nav > ul > li.first.current > a > span {
                color: #fff;
            }

            .new-bk8-setting #userActivity-nav > ul > li.last {
                border-bottom: none;
            }

    .new-bk8-setting #userActivity-nav > div.tab-content {
        background-color: rgba(255, 255, 255, 0.8);
        display: block;
        width: 79.58%;
        border-radius: 4px;
        min-height: 900px;
        float: right;
    }

.new-bk8-setting .tContent_textContent {
    line-height: 0.8;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting .userActivity {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flow-root;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
    }

    .new-bk8-setting #userActivity-nav > ul {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*********************************************************************************/
/* Options-Select-with-Image                                                     */
/*********************************************************************************/
.new-bk8-setting .radio-tile-group {
    display: flex;
    flex-wrap: wrap;
}

.new-bk8-setting .left-title {
    width: 110px;
    margin-left: 45px;
    margin-right: 35px;
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.new-bk8-setting .left-titleDeposit {
    margin-left: 27px;
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.new-bk8-setting .user-bank-account {
    background-color: #004997;
    color: white;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid silver;
}

.new-bk8-setting .profileItemDetail_userVerificationIconGroup {
    display: flex;
}

.new-bk8-setting .user-bank-detail {
    line-height: 1.5;
    font-weight: normal;
}

.new-bk8-setting .left-titleWithdrawBank {
    width: 110px;
    margin-left: 45px;
    margin-right: 35px;
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.new-bk8-setting .left-titleWithdrawBank-special-row {
    margin-top: 21px;
    display: grid;
    grid-template-columns: 186px 1fr;
}

.new-bk8-setting .left-titleWithdraw {
    margin-left: 42px;
    width: 141px;
}

.new-bk8-setting .left-titleHistory {
    margin-left: 42px;
    width: 141px;
}

.new-bk8-setting .left-title-bankDetails {
    margin-left: 42px;
    width: 143px;
    display: inline-flex;
    align-items: center;
}

.new-bk8-setting .left-title-password {
    margin-left: 42px;
    width: 143px;
    display: inline-flex;
    align-items: center;
}

.new-bk8-setting label {
    display: inline-block;
    margin-right: 15px;
    color: #858585;
}

    .new-bk8-setting label > input {
        /* HIDE RADIO */
        visibility: hidden;
        /* Makes input not-clickable */
        position: absolute;
        /* Remove input from document flow */
    }

        .new-bk8-setting label > input + img {
            /* IMAGE STYLES */
            color: #858585;
            cursor: pointer;
            justify-content: center;
            align-items: center;
            display: inline-grid;
            border: 1px solid silver;
            background-color: #fff;
            border-radius: 6px;
        }

        .new-bk8-setting label > input:checked + img {
            background-image: url(../images/newSetting/tContent_depositContent_largeActive.png);
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid #0066d1;
            color: #0066d1;
            -webkit-filter: inherit;
            filter: inherit;
        }

            .new-bk8-setting label > input:checked + img + div {
                /* (RADIO CHECKED) IMAGE STYLES */
                color: #0066d1;
            }

    .new-bk8-setting label.LayerDepositOption {
        display: inline-block;
        margin-right: 12px;
        color: #858585;
    }

        .new-bk8-setting label.LayerDepositOption > input {
            /* HIDE RADIO */
            visibility: hidden;
            /* Makes input not-clickable */
            position: absolute;
            /* Remove input from document flow */
        }

            .new-bk8-setting label.LayerDepositOption > input + img {
                /* IMAGE STYLES */
                color: #858585;
                cursor: pointer;
                justify-content: center;
                align-items: center;
                display: inline-grid;
                border: 1px solid silver;
                background-color: #fff;
                border-radius: 4px;
            }

            .new-bk8-setting label.LayerDepositOption > input:checked + img {
                /* (RADIO CHECKED) IMAGE STYLES */
                background-image: url(../images/newSetting/tContent_depositContent_smallActive.png);
                background-position: center;
                background-repeat: no-repeat;
                border: 1px solid #0066d1;
                color: #0066d1;
            }

.new-bk8-setting div.gridDepositOptions {
    display: grid;
    grid-template-columns: 194px 194px;
}

    .new-bk8-setting div.gridDepositOptions > div {
        margin: 1px 1px 15px 1px;
        height: 40px;
        position: relative;
        cursor: pointer;
    }

        .new-bk8-setting div.gridDepositOptions > div.bankOnline:before {
            position: absolute;
            content: '';
            background-color: #10ff00;
            border-radius: 50%;
            width: 7px;
            height: 7px;
            left: 34px;
            z-index: 89;
        }

        .new-bk8-setting div.gridDepositOptions > div.bankOffline:before {
            position: absolute;
            content: '';
            background-color: #FF0000;
            border-radius: 50%;
            width: 7px;
            height: 7px;
            left: 34px;
            z-index: 89;
        }

        .new-bk8-setting div.gridDepositOptions > div > div {
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            margin-left: 50px;
            color: #858585;
            font-size: 12px;
            line-height: 1;
            text-align: left;
        }

        .new-bk8-setting div.gridDepositOptions > div > img {
            float: left;
            border: 1px solid silver;
            border-radius: 4px;
        }

        .new-bk8-setting div.gridDepositOptions > div.checkedDepositOption > img {
            background-image: url(../images/newSetting/tContent_depositContent_smallActive.png);
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid #0066d1;
            border-radius: 4px;
        }

        .new-bk8-setting div.gridDepositOptions > div.checkedDepositOption > div {
            color: #0066d1;
        }

.new-bk8-setting div.floatingBankStatusBox {
    position: absolute;
    z-index: 90;
    background-color: #ebebeb;
    width: 240px;
    height: 45px;
    filter: drop-shadow(0 0 5px #777);
}

.new-bk8-setting div.bank-status-content-div {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    justify-content: center;
}

.new-bk8-setting div.deposit-top-right-box {
    width: 190px;
    background-color: grey;
    height: 40px;
    margin-top: 15px;
    margin-right: 20px;
    border-top: 1px solid grey;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
}

    .new-bk8-setting div.deposit-top-right-box:before {
        position: absolute;
        content: '';
        background-color: #FF0000;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        left: 35px;
        bottom: 28px;
        z-index: 89;
    }

    .new-bk8-setting div.deposit-top-right-box.open {
        background-color: #0066d1;
        border-top: 1px solid #0066d1;
    }

.new-bk8-setting .label-bank-status-offline {
    color: white;
    margin-right: 0;
    background-color: #FF0000;
    width: 45px;
    height: 18px;
    padding: 2px 3px 0px 2px;
    font-size: 12px;
}

.new-bk8-setting .label-bank-status-online {
    color: white;
    margin-right: 0;
    width: 40px;
    padding: 2px 3px 0px 2px;
    font-size: 12px;
    height: 19px;
}

.new-bk8-setting div.bank-maintenance-status-indicator-board {
    border: 1px solid lightgrey;
    position: absolute;
    background-color: #ebebeb;
    display: none;
    width: 295px;
}

    .new-bk8-setting div.bank-maintenance-status-indicator-board.open {
        display: block;
    }

.new-bk8-setting label.LayerDepositOption > input:checked + img + div {
    /* (RADIO CHECKED) IMAGE STYLES */
    color: #0066d1;
}

.new-bk8-setting .radio-tile-group .input-container {
    position: relative;
}

    .new-bk8-setting .radio-tile-group .input-container .radio-button {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .new-bk8-setting .radio-tile-group .input-container .radio-tile4 .icon {
        width: 80px;
        height: 40px;
        background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
        background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
        background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
        background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
        background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
        -webkit-transition: background-color .2s ease-out;
        -moz-transition: background-color .2s ease-out;
        -ms-transition: background-color .2s ease-out;
        -o-transition: background-color .2s ease-out;
        transition: background-color .2s ease-out;
        background-clip: padding-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid silver;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
        color: #858585;
        font-size: 14px;
    }

    .new-bk8-setting .radio-tile-group .input-container .radio-button:checked + .radio-tile4 .icon {
        border: 1px solid #0066d1;
        border-radius: 4px;
        color: #0066d1;
    }

.new-bk8-setting .formMessage {
    display: inline-flex;
    align-items: center;
}

.new-bk8-setting .selectDropDown {
    color: #999999;
    border: 1px solid silver;
    background-color: #fff;
    width: 300px;
    height: 40px;
    border-radius: 4px;
    align-items: center;
}

.new-bk8-setting .selectDropDown2 {
    color: #999999;
    border: 1px solid silver;
    background-color: #fff;
    width: 170px;
    height: 40px;
    border-radius: 4px;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting .radio-tile-group .form-input-container .amount-input {
        font-size: 13px;
    }
}

/*********************************************************************************/
/* Option-Select                                                             */
/*********************************************************************************/
/* ===== Select Box ===== */
.new-bk8-setting .custom-select {
    position: relative;
    font-family: Helvetica;
    cursor: pointer;
    border: 1px solid silver;
    background-color: #fff;
    border-radius: 4px;
    color: #999;
}

    .new-bk8-setting .custom-select select {
        display: none;
        /*hide original SELECT element: */
    }

/* Style the arrow inside the select element: */
.new-bk8-setting .select-selected:after {
    position: absolute;
    content: url(../images/newSetting/tContent_Content_formDropdown.png);
    right: 15px;
    top: calc(50% - 0.5em);
}

/* Point the arrow upwards when the select box is open (active): */
.new-bk8-setting .select-selected.select-arrow-active:after {
    transform: rotateX(-180deg);
}

/* style the items (options), including the selected item: */
.new-bk8-setting .select-items div, .select-selected {
    position: relative;
    cursor: pointer;
    height: 40px;
    align-items: center;
    display: flex;
    color: #999;
    padding-left: 15px;
}

/* Style items (options): */
.new-bk8-setting .select-items {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: white;
}

/* Hide the items when the select box is closed: */
.new-bk8-setting .select-hide {
    display: none;
}

.new-bk8-setting .select-items div:hover, .new-bk8-setting .same-as-selected {
    background-color: #e6e6e6;
}

/*********************************************************************************/
/* ContentItem-Transfer                                                          */
/*********************************************************************************/
/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* IE */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blink-image {
    -moz-animation: blink normal 1s infinite ease-in-out;
    /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out;
    /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out;
    /* IE */
    animation: blink normal 1s infinite ease-in-out;
    /* Opera and prob css3 final iteration */
}

.new-bk8-setting .OptionItemBoxDiv {
    width: 210px;
    height: 60px;
    margin-right: 18px;
    position: relative;
}

    .new-bk8-setting .OptionItemBoxDiv:nth-child(4n) {
        margin-right: 0px;
    }

.new-bk8-setting #weeklyProgressBar {
    height: 5px;
    background: #e2e2e2;
    box-sizing: border-box;
    width: 100px;
}

.new-bk8-setting .weeklyCompleteBar {
    height: 5px;
    background: #0166d2;
}

.new-bk8-setting .weekly-padding {
    padding-right: 35px;
}

.new-bk8-setting .weekly-top-right {
    width: 33%;
}

    .new-bk8-setting .weekly-top-right .weekly-top-right-div {
        display: flex;
        justify-content: space-evenly;
        background: #E2E2E2;
        height: 30px;
        border-radius: 6px;
        align-items: center;
        color: #585858;
    }

.new-bk8-setting .tooltip-weekly .weekly-container {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    align-items: center;
    margin-top: 15px;
}

    .new-bk8-setting .tooltip-weekly .weekly-container .weekly-container-progress-div {
        display: flex;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
        margin-top: 1px;
    }

    .new-bk8-setting .tooltip-weekly .weekly-container .weekly-container-progress-begining {
        color: #0166d2;
        align-self: center;
    }

    .new-bk8-setting .tooltip-weekly .weekly-container .weekly-container-progress-target {
        color: #9b9b9b;
        align-self: center;
    }

.new-bk8-setting .weekly-turnover-container {
    height: 28px;
    background: #E2E2E2;
    width: 100%;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    position: relative;
    top: -8px;
    z-index: 1;
    font-size: 12px;
}

.new-bk8-setting .weekly-turnover-container-top {
    height: 10px !important;
    border-radius: 0px !important;
    top: -3px !important;
}

.new-bk8-setting .weekly-turnover-container-bottom {
    height: 20px !important;
    z-index: 3;
}

.new-bk8-setting .weekly-turnover-container-inner {
    display: flex;
    justify-content: space-between;
}

.new-bk8-setting .weekly-turnover-container-left {
    padding-left: 10px;
    display: flex;
    flex-direction: row;
}

    .new-bk8-setting .weekly-turnover-container-left img {
        height: 14px;
        margin-left: 5px;
    }

.new-bk8-setting .tooltip-weekly {
    min-height: 72px;
    width: 136px;
    background: linear-gradient(0deg, #e4e4e4 0, #ffffff 100%);
    position: absolute;
    top: 26px;
    z-index: 100;
    left: -56px;
    border: 1px solid #969696;
    display: flex;
    flex-direction: column;
}

    .new-bk8-setting .tooltip-weekly a {
        font-size: 12px;
        margin-left: 14px;
        color: #a29999;
    }

.new-bk8-setting .reload-weekly svg {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin-top: 3px;
}

    .new-bk8-setting .reload-weekly svg path {
        fill: #0066d1;
    }

.new-bk8-setting .tooltip-weekly::before,
.new-bk8-setting .tooltip-weekly::after {
    content: "";
    position: absolute;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    top: -12px;
    left: 48%;
    margin-left: -10px;
}

.new-bk8-setting .tooltip-weekly::after {
    border-bottom: 13px solid #ffffff;
    margin-top: 0px;
    z-index: 1;
}

.new-bk8-setting .tooltip-weekly::before {
    border-bottom: 13px solid #969696;
    margin-top: -2px;
}

.new-bk8-setting .OptionItemBox {
    width: 210px;
    height: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 4px;
    align-items: end;
    margin-right: 18px;
    z-index: 2;
}

.new-bk8-setting .OptionItemBox-last {
    width: 210px;
    height: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 4px;
    align-items: end;
    margin-right: 0px;
}

@media screen and (max-width: 1220px) {
    .new-bk8-setting .OptionItemBoxDiv:nth-child(n+4) {
        margin-top: 45px;
    }

    .new-bk8-setting .weekly-padding {
        padding-right: 250px;
    }

    .new-bk8-setting .weekly-top-right {
        width: 44%;
    }
}

@media screen and (max-width: 1240px) {
    .new-bk8-setting .OptionItemBoxDiv {
        margin-right: 12px;
    }

    .new-bk8-setting .OptionItemBox {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        border: 1px solid silver;
        background-color: #fff;
        border-radius: 4px;
        align-items: end;
        margin-right: 12px;
    }

    .new-bk8-setting .OptionItemBox-last {
        width: 180px;
        height: 60px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        border: 1px solid silver;
        background-color: #fff;
        border-radius: 4px;
        align-items: end;
        margin-right: 0px;
    }

    .new-bk8-setting .left-title {
        width: 110px;
        margin-left: 20px;
        margin-right: 35px;
        height: 40px;
        display: inline-flex;
        align-items: center;
    }

    .new-bk8-setting .left-titleDeposit {
        margin-left: 20px;
        height: 40px;
        display: inline-flex;
        align-items: center;
    }

    .new-bk8-setting .left-titleWithdrawBank {
        width: 82px;
        margin-left: 20px;
        margin-right: 35px;
        height: 40px;
        display: inline-flex;
        align-items: center;
    }

    .new-bk8-setting .left-titleWithdrawBank-special-row {
        margin-top: 21px;
        display: grid;
        grid-template-columns: 134px 1fr;
    }

    .new-bk8-setting .left-titleWithdraw {
        margin-left: 20px;
        width: 110px;
    }

    .new-bk8-setting .left-titleHistory {
        margin-left: 20px;
        width: 110px;
    }

    .new-bk8-setting .left-title-bankDetails {
        margin-left: 20px;
        width: 143px;
    }
}

.new-bk8-setting button.optionItemBottomContent-Button {
    display: flex;
    height: 22px;
    width: 64px;
    border: 1px solid #0066d1;
    justify-content: center;
    align-items: center;
    color: #0066d1;
    border-radius: 4px;
    font-size: 14px;
    background: transparent;
    cursor: pointer;
}

    .new-bk8-setting button.optionItemBottomContent-Button:disabled {
        color: grey;
        border-color: grey;
    }

.new-bk8-setting .left-contentOptionItem {
    padding-left: 10px;
    top: 0px;
    position: absolute;
}

.new-bk8-setting .optionItemTitle {
    margin-bottom: 7px;
    margin-top: 5px;
}

.new-bk8-setting .right-contentOptionItem {
    text-align: right;
    margin-top: 18px;
    float: right;
    position: absolute;
    right: 10px;
    top: 0px;
}

/*********************************************************************************/
/* History.                                                                      */
/*********************************************************************************/
.new-bk8-setting .tContent_textContentHistory {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #858585;
    background: transparent;
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
    align-items: center;
    height: 26px;
}

.new-bk8-setting .radio-tile-group .input-container .radio-button:checked + .radio-tile-transactiontype .tContent_textContentHistory {
    border: 1px solid #0066d1;
    border-radius: 4px;
    color: #0066d1;
    background: white;
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
    align-items: center;
}

.cursorily {
    cursor: pointer;
}

.hov:hover {
    color: #000;
}

.ico-size {
    font-size: 16px;
}

.ico-size-month {
    font-size: 26px !important;
    line-height: 26px !important;
}

.ico-size-large {
    font-size: 40px !important;
    line-height: 30px;
}

.dtp_main {
    width: 100%;
    margin: 13px;
}

    .dtp_main span,
    .dtp_main i {
        display: inline-block;
        padding-right: 8px;
    }

.dtp_modal-win {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #eeeeee;
    opacity: 0.6;
}

.dtp_modal-content {
    background-color: #fff;
    border-radius: 10px;
    width: 624px;
    position: absolute;
    z-index: 1000;
    top: 100px;
    left: 100px;
    font-size: 14px;
    font-weight: normal;
}

.dtp_modal-content-no-time {
    background-color: #fff;
    border-radius: 10px;
    width: 312px;
    position: absolute;
    z-index: 1000;
    top: 100px;
    left: 100px;
    font-size: 16px;
    font-weight: normal;
}

.dtp_modal-cell-date {
    width: 312px;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dtp_modal-cell-time {
    width: 311px;
    float: left;
    direction: ltr;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dtp_modal-months {
    color: #7d7d7d;
    text-align: center;
    font-size: 16px;
    padding: 0 20px;
}

    .dtp_modal-months span {
        display: inline-block;
        padding: 10px 20px;
        width: 182px;
    }

.dtp_modal-calendar {
    width: 266px;
    margin-left: 22px;
    color: #858585;
}

.dtp_modal-calendar-cell {
    width: 38px;
    padding: 7px 0;
    display: inline-block;
    text-align: center;
}

.dtp_modal-colored {
    color: #0066d1;
}

.dtp_modal-grey {
    color: #7d7d7d;
}

.dtp_modal-cell-selected {
    background: #0066d1;
    color: #ffffff !important;
    border-radius: 48%;
    transition: background-color 1s ease-out;
}

.dtp_modal-time-block {
    height: 212px;
    width: 310px;
}

.dpt_modal-button {
    background-color: #0066d1;
    color: #fff;
    font-size: 14px;
    padding: 8px 40px;
    float: left;
    text-align: center;
    display: inline-block;
    margin-left: 22px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dtp_modal-time-line {
    text-align: center;
    color: #7d7d7d;
    font-size: 16px;
    padding-top: 15px;
}

.dtp_modal-time-mechanic {
    padding-top: 16px;
}

.dtp_modal-append {
    color: #7d7d7d;
    padding-left: 108px;
    font-weight: normal;
}

.dtp_modal-midle {
    display: inline-block;
    width: 40px;
}

.dtp_modal-midle-dig {
    display: inline-block;
    width: 16px;
    text-align: center;
}

.dtp_modal-digits {
    font-size: 50px;
    padding-left: 96px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a.chevron-left {
    position: relative;
    content: url(../images/newSetting/tContent_Content_formDropdown.png);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-bottom: 6px;
}

a.chevron-right {
    position: relative;
    content: url(../images/newSetting/tContent_Content_formDropdown.png);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-bottom: 6px;
}

i.chevron-top {
    position: relative;
    content: url(../images/newSetting/tContent_Content_formDropdown.png);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 20px;
    margin-left: 15px;
}

i.chevron-down {
    position: relative;
    content: url(../images/newSetting/tContent_Content_formDropdown.png);
    margin-top: 20px;
    margin-left: 15px;
}

/*********************************************************************************/
/* Date Picker                                                                   */
/*********************************************************************************/
.new-bk8-setting .datePickerBox.w-130.h-40 {
    position: relative;
    border: 1px solid silver;
    background: #fff;
    border-radius: 4px;
}

.dateTimePickerBox {
    display: flex;
    cursor: pointer;
    border: none;
    background-color: white;
    height: 40px;
    align-items: center;
    font-size: 14px;
    color: #999;
    border: 1px solid silver;
    border-radius: 4px;
}

img.datetimePicker {
    margin-right: 9px;
}

.new-bk8-setting input.datepicker {
    display: flex;
    cursor: pointer;
    border: none;
    background-color: transparent;
    height: 40px;
    align-items: center;
    font-size: 14px;
    color: #999;
    padding-left: 13px;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting input.datepicker {
        font-size: 13px;
    }
}

.new-bk8-setting .contextmenu {
    position: absolute;
    line-height: 20px;
    font-size: 14px;
    width: 140%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
    height: 180px;
    border-radius: 4px;
    padding: 10px;
    top: 45px !important;
    color: #858585;
    z-index: 99;
}

.new-bk8-setting a.previous, .new-bk8-setting a.next, .new-bk8-setting .days a {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    width: 20px;
    padding: 3px;
    color: #858585;
}

.new-bk8-setting .selected {
    background: #0066d1;
    color: #ffffff !important;
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgba(0, 102, 209, 0.5);
}

.new-bk8-setting input.datepicker:focus + div.contextmenu {
    display: block;
}

.new-bk8-setting input.datepicker:focus + div.contextmenu, .new-bk8-setting div.contextmenu:hover {
    display: block;
}

.new-bk8-setting .days {
    margin: 10px 0px;
}

.new-bk8-setting .yearMonth {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid silver;
}

.new-bk8-setting img.datePicker {
    position: absolute;
    right: 9px;
    top: 10px;
    z-index: 2;
}

/*********************************************************************************/
/* Table Style                                                                  */
/*********************************************************************************/
.new-bk8-setting table {
    display: table;
    border-collapse: separate;
    border-spacing: 0px;
    border-color: #819dbb !important;
}

.new-bk8-setting table {
    width: 100%;
}

.new-bk8-setting td, .new-bk8-setting th {
    border: transparent;
    display: table-cell;
    vertical-align: inherit;
    height: 42px;
    text-align: center;
    font-size: 14px;
    color: #999999;
}

.new-bk8-setting th {
    font-weight: normal;
    text-align: -internal-center;
    font-size: 14px;
}

.new-bk8-setting tr {
    height: 51px;
    border-top: 1px solid #e3e4e4;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting td, .new-bk8-setting th {
        font-size: 13px;
    }

    .new-bk8-setting th {
        font-size: 13px;
    }
}

/*********************************************************************************/
/* Loader Style                                                                  */
/*********************************************************************************/
.new-bk8-setting #loader {
    position: absolute;
    left: 52%;
    top: 60%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 4px solid #ececec;
    border-radius: 50%;
    border-top: 4px solid #0066d1;
    width: 36px;
    height: 36px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.new-bk8-setting .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

.new-bk8-setting #myDiv {
    display: none;
    text-align: center;
}

.new-bk8-setting .hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.new-bk8-setting .tabContentNav {
    display: inline-block;
    right: 40px;
    position: absolute;
    top: 18px;
}

.new-bk8-setting #example-one .nav {
    display: flex;
}

    .new-bk8-setting #example-one .nav li {
        width: 98px;
        height: 36px;
    }

        .new-bk8-setting #example-one .nav li.last {
            margin-right: 0;
        }

        .new-bk8-setting #example-one .nav li a {
            background: #e1e1e1;
            color: #858585;
            border: 0;
            width: 98px;
            height: 36px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
        }

            .new-bk8-setting #example-one .nav li a:hover {
                background-color: #e1e1e1;
            }

.new-bk8-setting #example-one ul {
    list-style: none;
}

    .new-bk8-setting #example-one ul li a {
        display: block;
        color: #666;
    }

        .new-bk8-setting #example-one ul li a:hover {
            background: #0066d1;
            color: white;
        }

    .new-bk8-setting #example-one ul li:last-child a {
        border: none;
    }

    .new-bk8-setting #example-one ul li.nav-one a.current, .new-bk8-setting #example-one ul.featured li a:hover {
        background-color: #0066d1;
        color: white;
    }

    .new-bk8-setting #example-one ul li.nav-two a.current, .new-bk8-setting #example-one ul.core li a:hover {
        background-color: #0066d1;
        color: white;
    }

    .new-bk8-setting #example-one ul li.nav-three a.current, .new-bk8-setting #example-one ul.jquerytuts li a:hover {
        background-color: #8d01b0;
        color: white;
    }

    .new-bk8-setting #example-one ul li.nav-four a.current, .new-bk8-setting #example-one ul.classics li a:hover {
        background-color: #FE4902;
        color: white;
    }

.new-bk8-setting .messaging-title {
    display: flex;
    height: 47px;
    border-top: 1px solid #d8dcdd;
    border-bottom: 1px solid #d8dcdd;
}

.new-bk8-setting .messaging-title-sub {
    display: flex;
    height: 59px;
    border-bottom: 1px solid #d8dcdd;
}

.new-bk8-setting .messaging-date {
    width: 128px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.new-bk8-setting .messaging-subject {
    margin-left: 30px;
    width: 575px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.new-bk8-setting .messaging-remark {
    width: 142px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.new-bk8-setting .iconMessaging {
    opacity: 0.3;
    padding: 7px;
}

.new-bk8-setting .iconMessagingfeedback {
    opacity: 0.3;
}

    .new-bk8-setting .iconMessagingfeedback:hover {
        opacity: 1;
    }

.new-bk8-setting .iconMessaging:hover {
    opacity: 1;
}

.new-bk8-setting .buttonMessaging {
    margin: 3px;
}

.new-bk8-setting .messaging-feedback {
    margin-left: 65px;
    margin-right: 65px;
    color: #858585;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting .tabContentNav {
        display: inline-block;
        right: 20px;
        position: absolute;
        top: 18px;
    }

    .new-bk8-setting .messaging-date {
        width: 138px;
    }

    .new-bk8-setting .messaging-remark {
        padding: 0px 20px;
    }
}

.new-bk8-setting .editProfile-col-12 {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-between;
}

.new-bk8-setting .editProfile-col-3-5 {
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28.5%;
    height: 240px;
    padding-top: 28px;
    padding-left: 43px;
}

.new-bk8-setting .editProfile-col-5 {
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 42%;
    height: 240px;
    padding-top: 28px;
    padding-left: 43px;
}

.new-bk8-setting .bankDetailsContent {
    display: flex;
    align-items: center;
}

.new-bk8-setting img.editProfile-bankType {
    width: 28px;
    height: 28px;
    margin-right: 15px;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting .editProfile-col-3-5 {
        padding-left: 23px;
    }

    .new-bk8-setting .editProfile-col-5 {
        padding-left: 23px;
    }
}

/*********************************************************************************/
/*Bank Details                                                                   */
/*********************************************************************************/
.new-bk8-setting .bank-title {
    display: flex;
    height: 47px;
    border-top: 1px solid #d8dcdd;
    border-bottom: 1px solid #d8dcdd;
    width: 100%;
    align-items: center;
}

.new-bk8-setting .bank-title-child {
    display: flex;
    height: 60px;
    border-bottom: 1px solid #d8dcdd;
    width: 100%;
    align-items: center;
}

.new-bk8-setting .bankDetails-bank-col {
    display: flex;
    width: 17%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.new-bk8-setting .bankDetails-branch-col {
    display: flex;
    width: 20%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.new-bk8-setting .bankDetails-accountName-col {
    display: flex;
    width: 23%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.new-bk8-setting .bankDetails-accountNo-col {
    display: flex;
    width: 20%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.new-bk8-setting .bankDetails-bank-col-detail {
    display: flex;
    width: 17%;
    height: 100%;
    align-items: center;
}

.new-bk8-setting img.bankDetails-img {
    padding-left: 36px;
    padding-right: 12px;
    width: 33px;
    height: 34px;
}

.new-bk8-setting .iconbankDetails {
    opacity: 0.3;
    padding-left: 112px;
    cursor: pointer;
}

.new-bk8-setting .bankDetails-remark-button {
    margin-left: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-bk8-setting .buttonBankDetails {
    margin: 3px;
}

@media screen and (max-width: 1199px) {
    .new-bk8-setting .bankDetails-remark-button {
        margin-left: 10px;
    }

    .new-bk8-setting img.bankDetails-img {
        padding-left: 20px;
        padding-right: 12px;
    }
}

@media screen and (max-width: 1220px) {
    .new-bk8-setting .OptionItemBoxDiv {
        margin-right: 12px;
    }

        .new-bk8-setting .OptionItemBoxDiv:nth-child(4n) {
            margin-right: 12px;
        }

    .new-bk8-setting .weekly-padding {
        width: 680px;
        padding-right: 115px;
    }
}

@media screen and (max-width: 999px) {
    .new-bk8-setting .weekly-padding {
        padding-right: 115px;
    }

    .new-bk8-setting .container {
        min-width: 100%;
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .new-bk8-setting #wrapper {
        background-position: top;
        background-size: auto;
        width: 100%;
        padding: 0px 19px;
    }

    .new-bk8-setting .OptionItemBoxDiv {
        margin-right: 12px;
    }

        .new-bk8-setting .OptionItemBoxDiv:nth-child(4n) {
            margin-right: 12px;
        }

    .new-bk8-setting .OptionItemBox {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        border: 1px solid silver;
        background-color: #fff;
        border-radius: 4px;
        align-items: flex-end;
        margin-right: 10px;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../../content/fonts/glyphicons-halflings-regular.eot");
    src: url("../../content/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../content/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../content/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-ok:before {
    content: "\e013";
}

.red-color {
    color: red;
}

.green-color {
    color: green;
}

.new-bk8-setting ul.pagination-sm {
    display: inline-block;
    margin-top: 20px;
}

.new-bk8-setting jhi-item-count div {
    margin-top: 20px;
}

.new-bk8-setting .bankAccount-icon {
    margin-left: 35px;
    margin-right: 8px;
    cursor: pointer;
}

.new-bk8-setting .history-table {
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;
}

    .new-bk8-setting .history-table th {
        border: 0;
    }

.new-bk8-setting .history-row-color-bar {
    height: 50px;
    height: 50px;
    width: 100%;
    position: absolute;
}

.new-bk8-setting input::-webkit-outer-spin-button,
.new-bk8-setting input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.new-bk8-setting input[type=number] {
    -moz-appearance: textfield;
}

.new-bk8-setting .settings-subtab-header {
    width: fit-content;
    width: -moz-fit-content;
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #e1e1e1;
    color: white;
    height: 36px;
    border: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

    .new-bk8-setting .settings-subtab-header a {
        color: white;
    }

    .new-bk8-setting .settings-subtab-header.active {
        background-color: #0066d1;
    }

.new-bk8-setting .referral-cpy-btn {
    margin-left: 10px;
    background-color: #6a8cb0;
    padding: 2px;
    vertical-align: bottom;
}

.notification-btn-box {
    position: absolute;
    right: 26%;
}

.notification-btn {
    background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
    display: flex;
    width: fit-content;
    width: -moz-fit-content;
    height: 40px;
    color: #858585;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding-right: 15px;
}

    .notification-btn.subscribed {
        color: #fff;
        background: #0066d1;
        height: 40px;
    }

.container-with-important-notice {
    display: flex;
}

.container-left {
    width: 70%;
}

.important-notice {
    background: #eeeeee;
    width: 20%;
    padding: 20px 20px 0px 20px;
    margin: 20px;
    font-size: 12px;
    height: fit-content;
}

.important-notice-img {
    vertical-align: middle;
}

.important-notice-title {
    padding: 10px;
    font-size: 13px;
}

.important-notice-content {
    color: #858585;
}

.slide-pages li {
    display: inline-block;
    color: #fff;
}

    .slide-pages li.pages_style_dots {
        padding: 0 5px;
    }

        .slide-pages li.pages_style_dots > i {
            display: inline-block;
            width: 10px;
            height: 10px;
            border: 1px solid #9d9d9d;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            cursor: pointer;
        }

        .slide-pages li.pages_style_dots.on > i {
            background: #0069d7;
            border: 1px solid #0069d7;
        }

    .slide-pages li.pages_style_square {
        padding: 0 2.5px;
    }

        .slide-pages li.pages_style_square > i {
            display: inline-block;
            width: 40px;
            height: 5px;
            background: #fffdff;
            cursor: pointer;
        }

        .slide-pages li.pages_style_square.on > i {
            background: #ffb514;
        }

.slider {
    position: relative;
    overflow: hidden;
    background-color: #0a1624;
}

    .slider > span {
        display: block;
        width: 100%;
    }

    .slider img {
        display: block;
        width: 100%;
        height: auto;
    }

.page_item {
    width: 100%;
}

.slider-enter-active,
.slider-leave-active {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: absolute;
}

.slider-enter,
.slider-leave-to {
    opacity: 0;
}

.mainContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .mainContent .mainContentContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainContent .mainContentContainer .page_no {
            position: absolute;
            top: 0;
            right: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainContent .mainContentContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainContent .mainContentContainer .page_no li > i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                .mainContent .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

.sliderBanner .slider .mainContentContainer {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 16px;
    justify-content: flex-end;
}

    .sliderBanner .slider .mainContentContainer .page_no {
        position: absolute;
        top: auto;
        bottom: 60px;
        right: 16px;
        padding: 0 2.5px;
    }

        .sliderBanner .slider .mainContentContainer .page_no li > i {
            display: inline-block;
            width: 40px;
            height: 5px;
            background: #fffdff;
            -webkit-border-radius: 0;
            border-radius: 0;
            border: none;
            cursor: pointer;
        }

        .sliderBanner .slider .mainContentContainer .page_no li.on > i {
            background: #ffb514;
        }

.sliderBanner .slider img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.sliderBanner .slider .page_item {
    position: absolute;
    left: 0;
    top: 0;
}

    .sliderBanner .slider .page_item > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .sliderBanner .slider .page_item .pageMainContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .sliderBanner .slider .page_item .pageMainContent .container {
            height: 100%;
        }

#rootPage .sliderBanner .slider .mainContentContainer .page_no {
    bottom: 25px !important;
}

.banner .banner_swiper_container {
    position: relative;
}

    .banner .banner_swiper_container .notice {
        width: 100%;
        left: 0;
        bottom: 0;
        background: #0a1624;
        overflow: hidden;
    }

        .banner .banner_swiper_container .notice .container {
            box-sizing: border-box;
        }

        .banner .banner_swiper_container .notice .noticeContent {
            height: 44px;
            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;
            color: #c1c6cc;
        }

            .banner .banner_swiper_container .notice .noticeContent > div {
                width: 100%;
                height: 100%;
                padding-left: 20px;
                font-size: 14px;
                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;
                margin-left: 20px;
            }

                .banner .banner_swiper_container .notice .noticeContent > div > div {
                    padding-left: 10px;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    position: relative;
                    will-change: transform;
                }

#announcement-list-page,
#announcement-list-page2 {
    will-change: transform;
    transform: translate3d(1440px, 0, 0);
}

@-webkit-keyframes noticeenter {
    from {
        -webkit-transform: translate3d(1400px, 0, 0);
        transform: translate3d(1440px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes noticeleave {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.banner .banner_swiper_container .notice .noticeContent > div > div > div {
    line-height: 100%;
    font-size: 14px;
    word-break: keep-all;
    white-space: nowrap;
}

/* .banner .banner_swiper_container .notice .noticeContent .yellow {
  color: #f8b61a;
}

.banner .banner_swiper_container .notice .noticeContent .red {
  color: #ee051b;
} */
.notice-parent {
    height: 44px;
    display: block;
    padding-left: 10px !important;
}

.notice-item {
    position: absolute;
    /* top: 50%; */
}

.notice-item-leave-active,
.notice-item-enter-active {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.notice-item-leave-to {
    opacity: 0;
}

.notice-item-enter {
    opacity: 0;
    top: 42px;
}

.banner_swiper_container .notice .noticeContent,
.banner_swiper_container .notice .noticeContent * {
    font-family: "menuFont";
    font-size: 14px;
    word-break: break-all;
    white-space: nowrap;
}

    .banner_swiper_container .notice .noticeContent .yellow {
        color: #f8b61a;
    }

    .banner_swiper_container .notice .noticeContent .red {
        color: #ee051b;
    }

.recommendedContent .recommendedBottom {
    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;
    height: 80px;
    background: #ebebeb;
    color: #6d6d6d;
    font-size: 12px;
    padding: 10px 15px;
    box-sizing: border-box;
    overflow: auto;
}

    .recommendedContent .recommendedBottom .bigItem {
        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;
        height: 100%;
    }

        .recommendedContent .recommendedBottom .bigItem .title {
            height: 100%;
            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;
            white-space: nowrap;
        }

            .recommendedContent .recommendedBottom .bigItem .title > span {
                white-space: nowrap;
            }

        .recommendedContent .recommendedBottom .bigItem .detail {
            height: 100%;
            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;
            cursor: pointer;
        }

            .recommendedContent .recommendedBottom .bigItem .detail > div {
                margin-right: 45px;
                position: relative;
            }

.hotGamesContent {
    margin-top: 25px;
    padding-bottom: 50px;
    position: relative;
}

    .hotGamesContent::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
    }

    .hotGamesContent .imgBanner {
        overflow: hidden;
        position: relative;
    }

        .hotGamesContent .imgBanner .imgContainer {
            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;
        }

        .hotGamesContent .imgBanner .imgItem {
            margin-right: 20px;
            height: 100%;
            width: 266px;
            /* height: 179px; */
        }

            .hotGamesContent .imgBanner .imgItem .img {
                width: 266px;
                height: 179px;
                cursor: pointer;
                overflow: hidden;
                box-sizing: border-box;
            }

            .hotGamesContent .imgBanner .imgItem .text {
                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;
                padding: 2px 15px;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                height: 55px;
                background: #f2f2f2;
            }

                .hotGamesContent .imgBanner .imgItem .text .left {
                    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: start;
                    -webkit-align-items: start;
                    -ms-flex-align: start;
                    align-items: start;
                }

                    .hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) {
                        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;
                    }

                        .hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) * {
                            font-family: "mainBoldFont";
                        }

                        .hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) span {
                            font-size: 16px;
                            word-break: keep-all;
                            white-space: nowrap;
                        }

                        .hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) .icons_new {
                            margin-left: 10px;
                        }

                    .hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(2) {
                        font-size: 12px;
                        color: #666666;
                    }

.imgContainer {
    position: absolute;
}

.imgBanner {
    height: 235px;
}

.hotgames-enter-active {
    -webkit-animation: enter 20s linear;
    animation: enter 20s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.hotgames-leave-active {
    -webkit-animation: leave 20s linear;
    animation: leave 20s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes enter {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes leave {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.bottomNotice {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 204px;
    background: #0a1623;
    padding: 30px 48px;
    color: white;
    font-size: 20px;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .bottomNotice .icons_logo {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .bottomNotice > p {
        width: 430px;
    }

    .bottomNotice .pheader {
        font-family: "mainBoldFont";
        font-size: 32px;
    }

    .bottomNotice .pcontent {
        margin-top: 5px;
        line-height: 28px;
    }

    .bottomNotice .ptime {
        font-size: 18px;
        line-height: 100%;
        margin-top: 20px;
    }

.lastestHighlightVideo {
    position: relative;
}

    .lastestHighlightVideo .iconAndTitle {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        background: white;
    }

.lastestHighlightVideo {
    height: 685px;
    /* overflow: hidden; */
}

    .lastestHighlightVideo .slider {
        position: relative;
        padding-top: 46px;
        height: 486px;
    }

        .lastestHighlightVideo .slider > span {
            top: 46px;
        }

        .lastestHighlightVideo .slider .mainContentContainer {
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }

            .lastestHighlightVideo .slider .mainContentContainer .page_no {
                top: -514px;
                right: 20px;
                z-index: 3;
            }

        .lastestHighlightVideo .slider img {
            display: block;
            width: 100%;
            height: auto;
        }

        .lastestHighlightVideo .slider .page_item {
            position: absolute;
            left: 0;
            top: -2px;
            height: 470px;
            overflow: hidden;
        }

            .lastestHighlightVideo .slider .page_item > div,
            .lastestHighlightVideo .slider .loading > div {
                height: 458px;
                overflow: hidden;
            }

        .lastestHighlightVideo .slider .loading img {
            display: block;
            width: auto;
            height: auto;
            position: absolute;
            left: 47%;
            top: 44%;
        }

        .lastestHighlightVideo .slider .page_item .pageMainContent {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

            .lastestHighlightVideo .slider .page_item .pageMainContent .icons_slot_big_promo_new {
                position: absolute;
                right: 20px;
                top: 0;
            }

    .lastestHighlightVideo .bottomNotice {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 200px;
        background: #0a1623;
        padding: 30px 48px;
        color: white;
        font-size: 20px;
        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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .lastestHighlightVideo .bottomNotice .icons_logo {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .lastestHighlightVideo .bottomNotice > p {
            width: 430px;
        }

        .lastestHighlightVideo .bottomNotice .pheader {
            font-size: 32px;
        }

        .lastestHighlightVideo .bottomNotice .pcontent {
            line-height: 28px;
        }

        .lastestHighlightVideo .bottomNotice .ptime {
            font-size: 18px;
            line-height: 100%;
        }

    .lastestHighlightVideo .tools {
        position: absolute;
        left: 44px;
        bottom: 38px;
        height: 34px;
        background: green;
        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-border-radius: 2px;
        border-radius: 2px;
        overflow: hidden;
        color: white;
    }

        .lastestHighlightVideo .tools .play {
            width: 38px;
            height: 100%;
            background: #003b79;
            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;
            cursor: pointer;
        }

        .lastestHighlightVideo .tools .video_time {
            height: 100%;
            background: #0a1623;
            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;
            padding: 0 8px;
        }

        .lastestHighlightVideo .tools .share {
            height: 100%;
            background: #fcb813;
            padding: 0 8px;
            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;
            cursor: pointer;
        }

            .lastestHighlightVideo .tools .share > span {
                font-family: "buttonBold";
            }

            .lastestHighlightVideo .tools .share .icons_share {
                margin-right: 6px;
            }

    .lastestHighlightVideo .swiperitem1 {
        width: 805px;
        height: 643px;
        overflow: hidden;
        position: relative;
    }

        .lastestHighlightVideo .swiperitem1 .bottomNotice {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 205px;
            background: #0a1623;
            padding: 30px 48px;
            color: white;
            font-size: 20px;
            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: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .lastestHighlightVideo .swiperitem1 .bottomNotice .icons_logo {
                position: absolute;
                right: 0;
                bottom: 0;
            }

            .lastestHighlightVideo .swiperitem1 .bottomNotice > p {
                width: 430px;
            }

            .lastestHighlightVideo .swiperitem1 .bottomNotice .pheader {
                font-size: 32px;
            }

            .lastestHighlightVideo .swiperitem1 .bottomNotice .pcontent {
                line-height: 28px;
            }

            .lastestHighlightVideo .swiperitem1 .bottomNotice .ptime {
                font-size: 18px;
                line-height: 100%;
            }

        .lastestHighlightVideo .swiperitem1 .tools {
            position: absolute;
            left: 44px;
            bottom: 242px;
            height: 34px;
            background: green;
            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-border-radius: 2px;
            border-radius: 2px;
            overflow: hidden;
            color: white;
        }

            .lastestHighlightVideo .swiperitem1 .tools .play {
                width: 38px;
                height: 100%;
                background: #003b79;
                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;
                cursor: pointer;
            }

            .lastestHighlightVideo .swiperitem1 .tools .video_time {
                height: 100%;
                background: #0a1623;
                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;
                padding: 0 8px;
            }

            .lastestHighlightVideo .swiperitem1 .tools .share {
                height: 100%;
                background: #fcb813;
                padding: 0 8px;
                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;
                cursor: pointer;
            }

                .lastestHighlightVideo .swiperitem1 .tools .share > span {
                    font-family: "buttonBold";
                }

                .lastestHighlightVideo .swiperitem1 .tools .share .icons_share {
                    margin-right: 6px;
                }

.content-enter-active,
.content-leave-active {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
}

.content-enter-active {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.content-enter,
.content-leave-to {
    opacity: 0;
}

.upcomingMatches .imgBox {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 3px solid #ebebeb;
}

    .upcomingMatches .imgBox .img {
        width: 293px;
        height: 195px;
        overflow: hidden;
        border-bottom: 8px solid #faba12;
        position: relative;
    }

        .upcomingMatches .imgBox .img .betNow {
            position: absolute;
            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;
            width: 100%;
            left: 0;
            bottom: 40px;
        }

            .upcomingMatches .imgBox .img .betNow > span {
                font-family: "buttonBold";
            }

    .upcomingMatches .imgBox .text {
        width: 293px;
        padding: 0 18px;
        font-size: 14px;
        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;
    }

        .upcomingMatches .imgBox .text .one {
            font-family: "mainBoldFont";
            line-height: 38px;
            position: relative;
        }

            .upcomingMatches .imgBox .text .one::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
            }

        .upcomingMatches .imgBox .text .two {
            color: #686868;
            margin-top: 10px;
        }

.liveCasino {
    margin-top: 10px;
    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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 591px;
    height: 326px;
    margin-right: 19px;
    position: relative;
    overflow: hidden;
}

    .liveCasino .iconAndTitle {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

    .liveCasino .swiper {
        width: 100%;
    }

        .liveCasino .swiper .slider {
            position: relative;
            height: 333px;
        }

            .liveCasino .swiper .slider > span {
                top: 60px;
            }

            .liveCasino .swiper .slider .mainContentContainer {
                width: 100%;
                margin: 0 auto;
                padding: 0;
            }

                .liveCasino .swiper .slider .mainContentContainer .page_no {
                    position: absolute;
                    top: auto;
                    right: 20px;
                    bottom: 296px;
                    z-index: 3;
                }

            .liveCasino .swiper .slider img {
                display: block;
                width: 100%;
                height: auto;
            }

            .liveCasino .swiper .slider .page_item {
                position: absolute;
                left: 0;
                height: 272px;
            }

                .liveCasino .swiper .slider .page_item > img {
                    display: block;
                    width: 100%;
                    height: auto;
                }

                .liveCasino .swiper .slider .page_item .pageMainContent {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                }

                    .liveCasino .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
                        position: absolute;
                        right: 20px;
                        top: 0;
                    }

        .liveCasino .swiper .tools {
            position: absolute;
            left: 26px;
            bottom: 25px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .liveCasino .swiper .tools .button_y {
                height: 30px;
                color: black;
                padding: 0 10px;
                min-width: unset;
            }

        .liveCasino .swiper #sliderCasino span .page_item {
            padding-left: 25px;
            padding-right: 179px;
            background: #f3f3f3 url("../images/casino_bg.png") no-repeat right bottom;
            box-sizing: border-box;
        }

            .liveCasino .swiper #sliderCasino span .page_item .tableTitle {
                padding: 14px 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                -webkit-align-items: flex-end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-right: 12px;
                color: #616161;
                font-size: 14px;
            }

                .liveCasino .swiper #sliderCasino span .page_item .tableTitle .asiaLogo {
                    margin-left: 7px;
                    width: 146px;
                    height: 25px;
                    background: url("../images/casino_logo_gd.png") no-repeat;
                }

            .liveCasino .swiper #sliderCasino span .page_item table {
                width: 100%;
                border-collapse: collapse;
                background: #ffffff;
            }

                .liveCasino .swiper #sliderCasino span .page_item table tr th,
                .liveCasino .swiper #sliderCasino span .page_item table tr td {
                    border: #9f9f9f 1px dotted;
                }

                .liveCasino .swiper #sliderCasino span .page_item table tr {
                    height: 28px;
                }

                    .liveCasino .swiper #sliderCasino span .page_item table tr td {
                        height: 28px;
                        vertical-align: middle;
                        text-align: center;
                        min-width: 25px;
                        min-height: 25px;
                    }

                        .liveCasino .swiper #sliderCasino span .page_item table tr td .empty-circle {
                            padding: 0;
                            margin: 0;
                            box-sizing: border-box;
                        }

                        .liveCasino .swiper #sliderCasino span .page_item table tr td .circle {
                            display: inline-block;
                            width: 25px;
                            height: 25px;
                            text-align: center;
                            line-height: 22px;
                            -webkit-border-radius: 50%;
                            border-radius: 50%;
                            border: 2px solid black;
                            color: black;
                            font-size: 14px;
                            padding: 0;
                            margin: 0;
                            box-sizing: border-box;
                        }

                            .liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_red {
                                border: 2px solid #dd0000;
                                color: #dd0000;
                            }

                            .liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_blue {
                                border: 2px solid #1818ff;
                                color: #1818ff;
                            }

                            .liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_green {
                                border: 2px solid #03ca03;
                                color: #03ca03;
                            }

                            .liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_filled_red {
                                border: 2px solid red;
                                color: white;
                                background: red;
                            }

                            .liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_filled_black {
                                border: 2px solid black;
                                color: white;
                                background: black;
                            }

.liveGdResultTd {
    width: 42px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.sportsNewsContent {
    width: 49.78%;
    position: relative;
}

    .sportsNewsContent .iconAndTitle {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }

    .sportsNewsContent .sportsContentBox {
        width: 100%;
        height: 366px;
        min-height: 366px;
        position: relative;
        overflow: hidden;
    }

        .sportsNewsContent .sportsContentBox .sportsNewsBox {
            padding-left: 15px;
            width: 100%;
            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;
        }

            .sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem {
                padding: 20px 0;
                position: relative;
                width: 100%;
                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;
            }

            .sportsNewsContent .sportsContentBox .sportsNewsBox > .sportsNewsItem::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
            }

            .sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem p {
                width: 608px;
            }

                .sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem p:nth-child(2) {
                    font-size: 13px;
                    color: #666666;
                }

            .sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem .pheader {
                font-family: "mainBoldFont";
                font-size: 14px;
                margin-bottom: 6px;
                color: black;
            }

            .sportsNewsContent .sportsContentBox .sportsNewsBox > section:last-child::after {
                content: "" !important;
                display: none;
            }

        .sportsNewsContent .sportsContentBox .slider {
            height: 366px;
            padding-top: 57px;
        }

            .sportsNewsContent .sportsContentBox .slider > span {
                top: 46px;
            }

            .sportsNewsContent .sportsContentBox .slider .page_no {
                position: absolute;
                top: auto;
                right: 10px;
                bottom: 338px;
                z-index: 3;
                display: none;
            }

            .sportsNewsContent .sportsContentBox .slider .page_item {
                height: 303px;
            }

            .sportsNewsContent .sportsContentBox .slider .news_iframe {
                width: 101%;
                height: 100%;
                padding-left: 8px;
                height: 80%;
                box-sizing: border-box;
                border: 0;
            }

            .sportsNewsContent .sportsContentBox .slider .slider-enter-active,
            .sportsNewsContent .sportsContentBox .slider .slider-leave-active {
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
                position: absolute;
            }

            .sportsNewsContent .sportsContentBox .slider .slider-enter-active {
                -webkit-transition-delay: 0.5s;
                -o-transition-delay: 0.5s;
                transition-delay: 0.5s;
            }

            .sportsNewsContent .sportsContentBox .slider .slider-enter,
            .sportsNewsContent .sportsContentBox .slider .slider-leave-to {
                opacity: 0;
            }

.liveStreamingContent {
    width: 42%;
}

    .liveStreamingContent * {
        font-family: "mainBoldFont";
    }

    .liveStreamingContent .dateAndList {
        padding-left: 15px;
    }

        .liveStreamingContent .dateAndList .dateBox {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 10px 0;
            position: relative;
        }

            .liveStreamingContent .dateAndList .dateBox::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
            }

            .liveStreamingContent .dateAndList .dateBox > span {
                font-size: 14px;
                word-break: keep-all;
                white-space: nowrap;
                margin-right: 10px;
            }

        .liveStreamingContent .dateAndList .streamingList {
            padding: 10px 0;
            height: 130px;
            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-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            position: relative;
        }

            .liveStreamingContent .dateAndList .streamingList::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
            }

            .liveStreamingContent .dateAndList .streamingList .streamingItem {
                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: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .liveStreamingContent .dateAndList .streamingList .streamingItem .left {
                    width: 500px;
                    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;
                }

                    .liveStreamingContent .dateAndList .streamingList .streamingItem .left > div:nth-child(1) {
                        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: end;
                        -webkit-justify-content: flex-end;
                        -ms-flex-pack: end;
                        justify-content: flex-end;
                    }

                    .liveStreamingContent .dateAndList .streamingList .streamingItem .left > div:nth-child(3) {
                        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: start;
                        -webkit-justify-content: flex-start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                    }

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

                        .liveStreamingContent .dateAndList .streamingList .streamingItem .left .teamBox > span {
                            font-size: 14px;
                        }

                        .liveStreamingContent .dateAndList .streamingList .streamingItem .left .teamBox .iconBox {
                            width: 40px;
                            height: 100%;
                            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;
                        }

                    .liveStreamingContent .dateAndList .streamingList .streamingItem .left .time {
                        margin: 0 10px;
                    }

                        .liveStreamingContent .dateAndList .streamingList .streamingItem .left .time > span {
                            display: inline-block;
                            width: 74px;
                            height: 26px;
                            color: white;
                            font-size: 14px;
                            background: #767570;
                            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;
                        }

.iconTitleBox {
    padding-bottom: 90px;
}

    .iconTitleBox .container {
        padding: 0 19px;
    }

    .iconTitleBox .VideoAndMatchesContent {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 10px;
    }

        .iconTitleBox .VideoAndMatchesContent .lastestHighlightVideo {
            width: 57.5%;
            height: 690px;
        }

        .iconTitleBox .VideoAndMatchesContent .matchesAndCasino {
            width: 42%;
            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;
        }

            .iconTitleBox .VideoAndMatchesContent .matchesAndCasino > div {
                width: 100%;
            }

    .iconTitleBox .sportsAndStreamingContent {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 20px;
    }

.iconAndTitle {
    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;
    height: 46px;
    padding-left: 15px;
}

    .iconAndTitle * {
        font-family: "mainBoldFont";
    }

    .iconAndTitle > span {
        margin-left: 6px;
        word-break: keep-all;
        white-space: nowrap;
    }

    .iconAndTitle .other {
        height: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        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: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 10px;
    }

.betNowBtn {
    width: 100px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ffaf15;
    cursor: pointer;
}

#sliderVideo .leave_to {
    transform: translateY(-100%);
}

#sliderVideo .enter {
    transform: translateY(100%);
}

#sliderNotice .page_item.leave_active,
#sliderNotice .page_item.enter_active {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#sliderNotice .page_item.leave_to {
    transform: translateY(-40px);
    opacity: 0;
}

#sliderNotice .page_item.enter {
    transform: translateY(40px);
    opacity: 1;
}

.hotGamesContent .slider .page_item.leave,
.hotGamesContent .slider .page_item.leave_to,
.hotGamesContent .slider .page_item.enter,
.hotGamesContent .slider .page_item.enter_to {
    transform: none;
}

.hotGamesContent .slider .page_item.leave_to,
.hotGamesContent .slider .page_item.enter {
    opacity: 0;
}

.imgBoxHeight {
    height: 305.04px;
}

.sitemap-seperator {
    content: "";
    position: absolute;
    margin-left: -15px;
    width: 1271.99px;
    height: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
}

.sitemap a:link,
.sitemap a:visited {
    color: #0070d1;
}

.sitemap a:hover {
    color: #0070d1;
    text-decoration: underline;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.pdleft10 {
    display: block;
    padding-left: 10px;
    padding-top: 10px;
}

.pdleft30 {
    display: block;
    padding-left: 30px;
}

.textAlignLeft {
    text-align: left !important;
}

/* ------- rules & regulations -------- */
.sports-rr {
    width: 100vw;
    height: 98vh;
    overflow: hidden;
}

.rr-header {
    background-color: #013B7A;
    text-align: center;
    padding: 10px 15px;
    font-family: Arial;
    margin: 0 auto;
    font-weight: bold;
    color: white;
}

.rr-header2 {
    height: 15vh;
    position: fixed;
    width: 100%;
}

    .rr-header2 .title {
        width: 100%;
        height: 3vh;
        background-color: #013B7A;
        text-align: center;
        padding: 1vh 15px;
        font-family: Arial;
        margin: 0 auto;
        font-weight: bold;
        color: white;
    }

    .rr-header2 .rr-navbar {
        height: 10vh;
        max-width: 960px;
        margin: auto;
    }

@media (max-width: 1200px) {
    .rr-header2 {
        width: 100vw;
    }

        .rr-header2 .rr-navbar {
            min-width: unset;
            max-width: unset;
            margin: 0 20px;
        }
}

.rr-body {
    position: fixed;
    width: 100%;
    margin-top: 15vh !important;
}

.rr-container {
    position: relative;
    height: 80vh !important;
    overflow: hidden;
    background-color: #F5F5F5;
    margin: 0 20px;
}

.rr-content {
    position: absolute;
    color: #013B7A;
    width: 70%;
    left: 30%;
    overflow: scroll;
    height: 80%;
    padding-bottom: 15%;
}

.rr-menu {
    width: 100%;
    display: flex;
    padding-left: 0;
    margin: 0;
    margin-top: 1.5rem;
}

.menu-tab, .menu-tab-active {
    text-align: center;
    margin: 0 auto;
    width: 25%;
}

.menu-tab {
    background-color: #DBDBDB;
    white-space: nowrap;
}

.menu-tab-active {
    background-color: #f5f5f5;
}

.menu-tab-word {
    color: #013B7A;
    position: relative;
    bottom: 25%;
    font-weight: bold;
}

.clickableArea {
    display: inline-block;
    width: 100%;
    height: 42px;
}

.clickableArea2 {
    display: inline;
}

.sport_menu {
    max-height: 80% !important;
}

.csport_menu {
    width: 25%;
    position: fixed;
    overflow-y: scroll;
    min-height: 35.5%;
    max-height: 80%;
}

.isport_menu {
    width: 25%;
    position: fixed;
    overflow-y: scroll;
    min-height: 32.5%;
    max-height: 80%;
}

.ssport_menu {
    width: 25%;
    position: fixed;
    overflow-y: scroll;
    min-height: 19.5%;
    max-height: 80%;
}

.vsport_menu {
    width: 25%;
    position: fixed;
    overflow-y: scroll;
    min-height: 29%;
    max-height: 80%;
}

.csport_menu_cn {
    width: 25%;
    position: fixed;
    overflow-y: scroll;
    min-height: 32.5%;
    max-height: 80%;
}

.isport_menu_cn {
    width: 25%;
    position: fixed;
    overflow-y: scroll;
    min-height: 37.5%;
    max-height: 80%;
}

.csport_menu_th {
    width: 25%;
    position: fixed;
    overflow-y: scroll;
    min-height: 40%;
    max-height: 80%;
}

.tnc_main_content {
    height: 787px;
    overflow-y: scroll;
    text-align: justify;
    line-height: 1;
    padding: 0 15px;
    margin-top: 18px;
}

.tnc_submenu {
    width: 26%;
    display: block;
}

.tnc_submenu_content {
    padding-left: 0;
    margin: 0;
    position: absolute;
    height: 87.9%;
    overflow-y: scroll;
    width: 25%;
}

.tnc_content {
    width: 70%;
    color: #013B7A;
    padding-right: 25px;
}

.tnc_zh_content {
    width: 70%;
    color: #013B7A;
    padding-right: 25px;
    line-height: 1.6;
}

.submenu-tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    background-color: #013B7A;
    padding: 14px;
    height: 22px;
}

.submenu-tab-header-word {
    color: white;
}

.submenu-tab {
    margin: 0 auto;
    font-weight: bold;
    background-color: #DBDBDB;
    text-align: left;
}

    .submenu-tab:active, .submenu-tab.active {
        background: #efefef;
    }

.tnc-submenu-tab {
    margin: 0 auto;
    font-weight: bold;
    background-color: #efefef;
    padding: 14px;
    text-align: left;
}

    .tnc-submenu-tab .submenu-tab-word {
        line-height: 18px;
    }

.submenu-tab-word {
    display: inline-flex;
    align-items: top;
    width: 85%;
    padding: 10px;
    padding-right: 10%;
    color: #013B7A;
    font-size: 15px;
}

    .submenu-tab-word div {
        width: 12%;
        min-width: 12%;
    }

.tnc-submenu-tab .submenu-tab-word div {
    width: 10%;
    min-width: 24px;
}

.submenu_ul .submenu-tab-word div {
    width: 24% !important;
    min-width: 24%;
}

.csport-container {
    position: relative;
    height: 580px;
    text-align: justify;
    overflow-y: scroll;
}

td.active {
    display: table-cell;
}

.fs_Bold {
    font-weight: bold;
}

.csport-hr {
    border-top: 1px solid #dbdbdb;
}

.style1 {
    padding-left: 2.5em;
}

.style2 {
    color: #b53f39;
}

.p {
    font-size: 100%;
    font-weight: normal;
    position: relative;
}

.rr-table {
    border: 1px solid;
}

.trbgov {
    background-color: #f5eeb8 !important;
}

.liveligh {
    background-color: #ffddd2 !important;
}

.submenu1 {
    margin: 0 auto;
    font-weight: normal;
    background-color: #efefef;
    text-align: left;
    padding-left: 10px;
}

    .submenu1 > a {
        display: inline-block;
        width: 100%;
    }

    .submenu1:active > a > span.submenu-tab-word, .submenu1:focus > a > span.submenu-tab-word,
    .submenu1 .active > a > span.submenu-tab-word, li.submenu1.active > a > span.submenu-tab-word,
    .submenu-tab:active > a > span.submenu-tab-word, .submenu-tab:focus > a > span.submenu-tab-word,
    .submenu-tab .active > a > span.submenu-tab-word, li.submenu-tab.active > a > span.submenu-tab-word,
    .tnc-submenu-tab:active > a > span.submenu-tab-word, .tnc-submenu-tab:focus > a > span.submenu-tab-word,
    .tnc-submenu-tab .active > a > span.submenu-tab-word, li.tnc-submenu-tab.active > a > span.submenu-tab-word {
        color: #FCB814;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #efefef;
}

.dropdown-menu > li > a {
    white-space: unset;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 19px;
    margin-right: 5px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 4px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #013b7a;
    position: absolute;
    right: 5px;
}

@media (min-width: 280px) {
    .info-centre-container {
        width: 268px;
    }

    .info-menu {
        width: auto;
        margin: 15px auto 0 -15%;
        display: flex;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 13px;
        border-right: none;
        padding: 0px 10px 0px;
        display: inline-flex;
        width: 30%;
    }

    .copyright {
        font-family: Arial;
        font-size: 11px;
        color: #8d8d8d;
        margin-left: 34%;
    }

    .info-centre-hr {
        margin: 8% 2% 0 3%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }
}

/* end of 280px */
@media (min-width: 285px) {
    .info-centre-container {
        width: 268px;
    }

    .info-menu {
        width: auto;
        margin: 15px auto 0 -14%;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 13px;
        border-right: none;
        padding: 0px 10px 0px;
        display: inline-flex;
        width: 30%;
    }

    .copyright {
        font-family: Arial;
        font-size: 11px;
        color: #8d8d8d;
        margin-left: 34%;
    }

    .info-centre-hr {
        margin-top: 8%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }
}

/* end of 285px */
@media (min-width: 320px) {
    .info-centre-container {
        width: 303px;
    }

    .info-menu {
        width: auto;
        margin: 15px auto 0 -14%;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 14px;
        border-right: none;
        padding: 0px 13px 0px;
        display: inline-flex;
        width: 30%;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 34%;
    }

    .info-centre-hr {
        margin-top: 7%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }
}

/* end of 320px */
@media (min-width: 375px) {
    .info-centre-container {
        width: 358px;
    }

    .info-menu {
        width: auto;
        margin: 15px auto 0 -10%;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 15px;
        border-right: none;
        padding: 0px 12px 0px;
        display: inline-flex;
        width: 30%;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 45%;
    }

    .info-centre-hr {
        margin-top: 7%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }
}

/* end of 375px */
@media (min-width: 480px) {
    .info-centre-container {
        width: 463px;
    }

    .info-menu {
        width: auto;
        margin: 15px auto 0 -8%;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 16px;
        border-right: none;
        padding: 0px 12px 0px;
        display: inline-flex;
        width: auto;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 57%;
    }

    .info-centre-hr {
        margin-top: 5%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }
}

/* end of 480px */
@media (min-width: 568px) {
    .info-centre-container {
        width: 551px;
    }

    .info-menu {
        width: auto;
        margin: 15px auto 0 -6%;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 15px;
        border-right: 1px solid #757575;
        padding: 0px 28px 0px;
        display: inline-flex;
        width: auto;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 64%;
    }

    .info-centre-hr {
        margin-top: 3%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }
}

/* end of 568px */
@media (min-width: 667px) {
    .info-centre-container {
        width: 650px;
    }

    .info-menu {
        width: auto;
        margin: 15px auto 0 -5%;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 16px;
        border-right: 1px solid #757575;
        padding: 0px 41px 0px;
        display: inline-flex;
        width: auto;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 70%;
    }

    .info-centre-hr {
        margin-top: 3%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }
}

/* end of 667px */
@media (min-width: 774px) {
    .csport-container {
        height: 730px;
    }
}

/* end of 774px */
@media (min-width: 768px) {
    .info-centre-container {
        width: 750px;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 75%;
    }

    .info-centre-hr {
        margin-top: 3%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
    }

    .ic-navbar-toggle {
        border-radius: 0;
        margin: 5px 5px 5px 0;
        display: block;
    }

    .ic-navbar-header {
        float: right;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        margin-bottom: 0;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 17px;
        border-right: 1px solid #757575;
        padding: 0px 53px 0px;
        display: inline-flex;
        width: auto;
    }
}

@media (min-width: 812px) {
    .info-centre-container {
        width: 576x;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 74%;
    }

    .info-centre-hr {
        margin-top: 3%;
        border-top: 1px solid #757575;
    }

    .separator li {
        display: inline-block;
        margin: 1% 0;
        padding-left: 0.5%;
        padding-right: 1.1%;
        border-right: 1px #8d8d8d solid;
    }

    .ic-navbar-default {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 17px;
        border-right: 1px solid #757575;
        padding: 0px 53px 0px;
        display: inline-flex;
        width: auto;
    }
}

@media (min-width: 992px) {
    .info-centre-container {
        width: 970px;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 81%;
    }

    .info-centre-hr {
        margin-top: 3%;
        border-top: 1px solid #757575;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 17px;
        border-right: 1px solid #757575;
        padding: 0px 86px 0px;
        display: inline-flex;
        width: auto;
    }
}

@media (min-width: 1200px) {
    .info-centre-container {
        width: 1170px;
    }

    .copyright {
        font-family: Arial;
        font-size: 12px;
        color: #8d8d8d;
        margin-left: 81%;
    }

    .info-centre-hr {
        margin-top: 3%;
        border-top: 1px solid #757575;
    }

    .info-centre {
        font-family: Arial;
        color: #8d8d8d;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 17px;
        border-right: 1px solid #757575;
        padding: 0px 86px 0px;
        display: inline-flex;
        width: auto;
    }

    .rr-container {
        max-width: 960px;
        margin: auto;
    }

    .csport-container {
        position: relative;
        height: 859px;
        text-align: justify;
        overflow-y: scroll;
    }

    .csport_menu {
        width: 100%;
        position: fixed;
        overflow-y: scroll;
        min-height: 27%;
        max-height: 85%;
        max-width: 270px;
    }

    .isport_menu {
        width: 100%;
        position: fixed;
        overflow-y: scroll;
        min-height: 33%;
        max-height: 85%;
        max-width: 270px;
    }

    .ssport_menu {
        width: 100%;
        position: fixed;
        overflow-y: scroll;
        min-height: 155px;
        max-height: 85%;
        max-width: 270px;
    }

    .vsport_menu {
        width: 100%;
        position: fixed;
        overflow-y: scroll;
        min-height: 23.5%;
        max-width: 270px;
        max-height: 85%;
    }

    .csport_menu_cn {
        width: 13%;
        position: fixed;
        overflow-y: scroll;
        min-height: 25.5%;
        max-height: 85%;
    }

    .isport_menu_cn {
        width: 13%;
        position: fixed;
        overflow-y: scroll;
        min-height: 31.5%;
        max-height: 85%;
    }

    .csport_menu_th {
        width: 13%;
        position: fixed;
        overflow-y: scroll;
        min-height: 28.5%;
        max-height: 85%;
    }
}

.info-centre-header {
    background-color: #003b79;
    text-align: center;
    padding: 10px 15px;
    font-family: Arial;
    margin: 0 auto;
    font-weight: bold;
}

.info-centre-container {
    max-width: 960px;
    margin: 0 auto;
}

.info-centre-content {
    background-color: #f2f2f2;
    width: 100%;
    display: inline-block;
}

.info-centre-img {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}

.info-centre a {
    color: #8d8d8d;
    text-decoration: none;
}

.info-menu {
    width: 100%;
}

    .info-menu > .active > a, .info-centre > .active, info-centre:hover,
    .info-menu a:hover, .info-menu a:active, .info-menu > .active > a {
        color: #0070d1;
    }

.separator {
    color: #8d8d8d;
    text-align: center;
    list-style: none;
    padding: 0 7%;
}

    .separator a {
        color: #8d8d8d;
        text-decoration: none;
    }

        .separator a:active, .separator a:hover, .separator a:focus, .separator > .active > a {
            color: #0070d1;
        }

.accordion-toggle:hover, .accordion-toggle:focus {
    color: #757575;
    cursor: pointer;
}

.accordion-title {
    color: #757575;
    font-size: 16px;
    font-family: arial;
    border-color: #f2f2f2 #f2f2f2 #757575;
}

.panel:hover, .panel:active, .panel-group .panel:active,
.panel-group .panel:focus, .panel-group .panel:active {
    color: #757575;
    background-color: #e1e1e1 !important;
    border-left-color: #f2f2f2;
    border-right-color: #f2f2f2;
}

.accordion-content, .accordion-content:hover {
    color: #8d8d8d;
    font-size: 14px;
    font-family: Arial;
    background-color: #f2f2f2;
}

.panel-group .panel {
    background-color: #f2f2f2;
    border-radius: 0;
    margin: 0 2%;
}

.panel-heading {
    padding: unset;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    border: none;
    border-color: #f2f2f2 #f2f2f2 #757575;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    text-decoration: none;
    padding: 16px;
}

.panel-group .panel-heading a.collapsed:after {
    content: ">";
    color: #757575;
    transform: rotate(90deg);
}

.panel-group .panel-heading a:after {
    content: ">";
    color: #757575;
    float: right;
    transition: all 0.2s ease;
    transform: rotate(-90deg);
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.backToTop {
    width: 30px;
    height: 30px;
    right: 0;
    bottom: 0;
    position: fixed;
}

.panel-body p a, .panel-body a {
    font-style: italic;
    text-decoration: underline;
}

.panel-body ol > li, .panel-body ul > li {
    list-style: unset;
}

/** about us **/
.about-us-container-EN_MY, .about-us-container-EN_ID, .about-us-container-EN_TH, .about-us-container-EN_VN {
    width: 100%;
    height: 178rem;
    border: 0;
    outline: 0;
}

.about-us-container-ZH_MY {
    width: 100%;
    height: 150rem;
    border: 0;
    outline: 0;
}

.about-us-container-MS_MY {
    width: 100%;
    height: 178rem;
    border: 0;
    outline: 0;
}

.about-us-container-ID_ID {
    width: 100%;
    height: 185rem;
    border: 0;
    outline: 0;
}

.about-us-container-TH_TH {
    width: 100%;
    height: 162rem;
    border: 0;
    outline: 0;
}

.about-us-container-VI_VN {
    width: 100%;
    height: 178rem;
    border: 0;
    outline: 0;
}

.about-header-gap {
    padding-top: 42px !important;
    margin-left: 7.5% !important;
    width: 85.3333% !important;
}

.about-us-header, .contact-us-header {
    background: #efefef;
    padding: 5px 0 5px 15px;
    font-weight: bold;
    font-size: 18px;
}

.about-us-content {
    font-size: 13px;
    line-height: 1.7em;
    height: 1973px;
    overflow-y: unset;
}

.about-us-p {
    margin-bottom: 2.5em;
}

.built-to-entertain {
    margin-bottom: 1.4em;
}

.content-one {
    padding-top: 0 !important;
}

.about-content, .co-info {
    padding-top: 0.5%;
}

    .about-content::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
    }

.about-us-p > p.fs_Bold, .built-to-entertain > p.fs_Bold {
    font-size: 18px !important;
    margin-top: 2.5rem;
}

.about-us-p > p, .built-to-entertain > p {
    font-size: 14px;
}

.our-mission > p {
    margin-bottom: 0.625em;
}

.about-us-font {
    font-size: 24px !important;
}

.timeline-content {
    display: inline-flex;
}

.timeline-content-img {
    display: flex;
}

.timeline-img {
    display: flex;
    flex-grow: 1;
}

.timeline-p {
    border-left: solid 1px #8d8d8d;
    padding: 12px;
    flex-basis: 20%;
}

    .timeline-p > h2 {
        font-size: 24px;
    }

    .timeline-p > p {
        font-size: 14px;
        font-style: italic;
        margin-bottom: 0;
    }

.timeline-desc {
    flex-basis: 20%;
}

    .timeline-desc > p {
        padding: 12px;
    }

.about-hr {
    margin-bottom: 6%;
    border-top: 1px dotted;
}

.contacts-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 76px;
    margin-top: 38px;
    margin-left: 38px;
}

    .contacts-container .divider {
        width: 1px;
        height: 125px;
        position: relative;
        bottom: 14px;
        border-left: 1.5px dotted #e2e2e2;
    }

.contact-header-gap {
    padding-top: 42px !important;
    margin-left: 6% !important;
    width: 88.3333% !important;
    background: white;
}

.sub-contacts-container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 29%;
}

    .sub-contacts-container p {
        font-weight: bold;
        font-size: 17px;
        margin-top: 12px;
    }

    .sub-contacts-container a {
        font-weight: bold;
        color: #000000;
        font-size: 17px;
        margin-top: 12px;
    }

.container-divider {
    display: flex;
    flex-basis: 19.5%;
    justify-content: space-between;
}

.sub-contacts-container:last-child, .sub-contacts-container:nth-child(4), .sub-contacts-container:nth-child(8) {
    border: none;
}

.container-divider:last-child .divider,
.container-divider:nth-child(5) .divider,
.container-divider:nth-child(10) .divider {
    background: red;
    display: none;
}

.sub-contacts-container img {
    width: 88px;
    height: auto;
}

@media screen and (max-width: 1400px) {
    .timeline-img > img {
        width: 80%;
    }

    .about-header-gap {
        padding-top: 42px !important;
        margin-left: 7% !important;
        width: 79% !important;
    }

    .about-us-container-EN_MY, .about-us-container-EN_ID, .about-us-container-EN_TH, .about-us-container-EN_VN {
        height: 210rem !important;
    }

    .about-us-container-ZH_MY {
        height: 175rem !important;
    }

    .about-us-container-MS_MY {
        height: 210rem !important;
    }

    .about-us-container-ID_ID {
        height: 227rem !important;
    }

    .about-us-container-TH_TH {
        height: 200rem !important;
    }

    .about-us-container-VI_VN {
        height: 210rem !important;
    }
}

#infoCentre-body .csport-container {
    max-height: 80vh;
}

.info-centre-container .table-responsive table {
    text-align: center;
}

    .info-centre-container .table-responsive table thead td,
    .table-responsive table tbody tr:first-of-type > td {
        color: #000;
        font-weight: 800;
        background-color: #dddddd !important;
    }

    .info-centre-container .table-responsive table tbody tr:first-of-type > td {
        background-color: #eeeeee !important;
    }

    .info-centre-container .table-responsive table thead td,
    .oddsTable th {
        text-align: center;
        border: 2px solid #f2f2f2;
        background-color: #dddddd;
    }

.table-responsive table tbody td,
.oddsTable td {
    border: 2px solid #f2f2f2;
    background-color: #eeeeee;
}

.oddsTable td {
    padding-left: 5px;
}

.csport_menu ul, .csport_menu_cn ul, .csport_menu_th ul,
.isport_menu ul, .isport_menu_cn ul,
.ssport_menu ul, .vsport_menu ul {
    padding-top: 0 !important;
}

.faq-nav {
    display: flex;
    justify-content: baseline;
    background: url(../../content/images/faq/faq.png) no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: contain;
    vertical-align: text-bottom;
}

    .faq-nav > a {
        position: absolute;
        top: 300px;
        left: 180px;
    }

.sports-table td {
    white-space: normal !important;
}

.sports-table2 td:first-child {
    width: 60px;
}

.table-responsive.info-bet-table table tbody tr:first-child > td,
.table-responsive.info-bet-table table tbody tr:nth-child(2) > td {
    background-color: #ddd !important;
    color: #000;
}

.slot-ultimate {
    background: #000000;
    min-height: 582px;
    position: relative;
    cursor: pointer;
}

    .slot-ultimate img {
        display: block;
        margin: 0 auto;
    }

.register_form {
    background: #f0f0f0;
    display: flex;
    justify-content: center;
}

    .register_form .form_container {
        width: 959px;
        background: white;
        margin: 40px 0px;
    }

        .register_form .form_container .member_benefits {
            width: 247.05px;
            padding: 26px 0;
            border: 1px solid #DDDDDD;
            list-style: unset !important;
            height: fit-content;
        }

        .register_form .form_container .form_section {
            width: 595px;
        }

            .register_form .form_container .form_section .register_header {
                background: black;
                width: 60.5%;
                color: white;
                padding: 9px 0px 9px 15px;
            }

            .register_form .form_container .form_section .progress_bar_container {
                display: block;
                height: 55px;
                width: 100%;
            }

                .register_form .form_container .form_section .progress_bar_container .progress_bar {
                    width: 40%;
                    position: relative;
                    top: 25px;
                    left: 88px;
                }

                    .register_form .form_container .form_section .progress_bar_container .progress_bar .active-circle {
                        width: 30px;
                        height: 30px;
                        border-radius: 50%;
                        font-size: 20px;
                        line-height: 30px;
                        text-align: center;
                        background: #0070c1;
                        color: white;
                    }

                    .register_form .form_container .form_section .progress_bar_container .progress_bar .inactive-circle {
                        width: 30px;
                        height: 30px;
                        border-radius: 50%;
                        font-size: 20px;
                        line-height: 30px;
                        text-align: center;
                        background: #e1e1e1;
                        color: white;
                    }

                    .register_form .form_container .form_section .progress_bar_container .progress_bar .success-circle {
                        width: 30px;
                        height: 30px;
                        border-radius: 50%;
                        font-size: 20px;
                        line-height: 30px;
                        text-align: center;
                        background: #6ac259;
                        color: white;
                    }

                    .register_form .form_container .form_section .progress_bar_container .progress_bar .left-circle {
                        position: absolute;
                        top: -13px;
                        left: 0px;
                        cursor: pointer;
                    }

                    .register_form .form_container .form_section .progress_bar_container .progress_bar .middle-circle {
                        position: absolute;
                        top: -13px;
                        right: 45%;
                        cursor: pointer;
                    }

                    .register_form .form_container .form_section .progress_bar_container .progress_bar .right-circle {
                        position: absolute;
                        right: 0px;
                        top: -13px;
                        cursor: pointer;
                    }

            .register_form .form_container .form_section .data_input {
                margin-left: 10px;
                margin-top: 20px;
                line-height: 50px;
            }

                .register_form .form_container .form_section .data_input .register-form-data {
                    display: inline;
                    text-align: left;
                    padding: 0px;
                    font-size: 13px;
                    min-width: 122px;
                }

                .register_form .form_container .form_section .data_input .register-input-div {
                    display: flex;
                    width: 44%;
                }

                .register_form .form_container .form_section .data_input .register-breakline-div {
                    width: 33%;
                    position: relative;
                    left: 20px;
                }

                    .register_form .form_container .form_section .data_input .register-breakline-div hr {
                        display: block;
                        height: 1px;
                        border: 0;
                        border-top: 1px solid #eee;
                        margin: 1em 0 1em 8px;
                        padding: 0;
                        width: 209px;
                    }

                .register_form .form_container .form_section .data_input .form-control {
                    border: 1px solid silver;
                    width: 81.58%;
                    padding: 3px 12px;
                    height: 34px;
                    border-radius: 0px;
                    font-size: 12px;
                }

                    .register_form .form_container .form_section .data_input .form-control:focus {
                        border-color: #66afe9;
                        outline: 0;
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
                    }

                    .register_form .form_container .form_section .data_input .form-control:hover {
                        border: 1px solid #006CC0;
                    }

                .register_form .form_container .form_section .data_input .register-status-area {
                    position: relative;
                    margin-left: 33px;
                    max-width: 35%;
                }

    .register_form .triangle-border {
        position: absolute;
        color: #111111;
        background: #ddd;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        min-width: 182px;
        margin: 0px;
        padding: 5px;
    }

        .register_form .triangle-border:before {
            content: "";
            position: absolute;
            border-style: solid;
            /* reduce the damage in FF3.0 */
            display: block;
            width: 0;
        }

        /* creates the smaller  triangle */
        .register_form .triangle-border:after {
            content: "";
            position: absolute;
            border-style: solid;
            /* reduce the damage in FF3.0 */
            display: block;
            width: 0;
        }

        /* creates the larger triangle */
        .register_form .triangle-border.detail:before {
            top: 9px;
            /* controls vertical position */
            bottom: auto;
            left: -7px;
            /* value = - border-left-width - border-right-width */
            border-width: 5px 10px 5px 0;
            border-color: transparent #ddd;
        }

        /* creates the smaller  triangle */
        .register_form .triangle-border.detail:after {
            bottom: auto;
            left: -21px;
            /* value = - border-left-width - border-right-width */
            border-width: 9px 21px 9px 0;
            border-color: transparent rgba(255, 255, 255, 0);
        }

    .register_form .stat-icon-div {
        position: relative;
        top: 4px;
        left: -30px;
    }

    .register_form .stat-text-div {
        position: relative;
        left: 0px;
        top: -40px;
    }

    .register_form .data-error {
        color: red;
        font-size: 11px;
        text-align: left;
        margin: 0px;
        display: flex;
        line-height: 15px;
        min-height: 16px;
        align-items: center;
    }

    .register_form .data-problem {
        color: black;
        font-size: 11px;
        text-align: left;
        margin: 0px;
        display: flex;
        line-height: 15px;
        min-height: 16px;
        align-items: center;
    }

    .register_form .language-details {
        display: flex;
        -webkit-flex: 1;
        /* Safari 6.1+ */
        -ms-flex: 1;
        /* IE 10 */
        width: 76%;
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        background: white;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .register_form .language-details:hover, .register_form .language-details:hover a span {
            background: #434242;
            color: white;
        }

    .register_form .form_container .form_section .data_input .register-success-container {
        display: flex;
        width: 60%;
        justify-content: center;
        align-items: center;
        line-height: 1em;
    }

        .register_form .form_container .form_section .data_input .register-success-container .merchant-logo {
            position: relative;
        }

        .register_form .form_container .form_section .data_input .register-success-container .success-title {
            position: relative;
            margin-left: 10px;
            text-align: center;
        }

        .register_form .form_container .form_section .data_input .register-success-container .desc-container {
            margin-top: 20px;
            line-height: 14px;
        }

.games-container {
    position: relative;
    background-position: center;
}

    .games-container .game-desc {
        font-size: 17px;
        color: #999;
    }

    .games-container .game-highlight-desc {
        font-size: 18px;
        color: #000;
    }

    .games-container .playnow_wrap {
        background-color: #003b79;
        color: #fff;
        padding: 0 6px 0 6px;
        height: 45px;
        font-size: 17px;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 0;
        cursor: pointer;
    }

        .games-container .playnow_wrap:hover {
            background-color: #004b99;
        }

    .games-container .fun_wrap {
        background-color: #757575;
        color: #fff;
        padding: 0 6px 0 6px;
        height: 45px;
        font-size: 17px;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 0px;
        cursor: pointer;
    }

        .games-container .fun_wrap:hover {
            background-color: #999;
        }

    .games-container .sbo, .games-container .br, .games-container .allbet, .games-container .golddeluxe, .games-container .evolution-gaming,
    .games-container .gameplay, .games-container .dreamgaming, .games-container .asiagaming, .games-container .playtech, .games-container .sexybacarrat,
    .games-container .ultimate, .games-container .ggfishing, .games-container .ptfishing, .games-container .sgfishing, .games-container .download-banner {
        min-height: 514px;
    }

        .games-container .sbo .game-desc {
            font-size: 17px;
            color: #999;
            position: relative;
            top: 229px;
        }

        .games-container .sbo .game-play {
            position: relative;
            top: 245px;
        }

    .games-container .cmd, .games-container .br-games {
        min-height: 910px;
        background: #ffffff;
    }

    .games-container .cmd {
        margin: 0 60px;
    }

.layout1145 {
    width: 1145px;
    margin-left: auto;
    margin-right: auto;
}

.games-container .cmd iframe, .games-container .br-games iframe {
    position: relative;
    width: 100%;
    min-height: inherit;
}

.games-container .br .game-desc {
    position: relative;
    top: 240px;
}

.games-container .br .game-play {
    position: relative;
    top: 265px;
}

.games-container .br-subcontainer {
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
}

    .games-container .br-subcontainer .game-category {
        width: 264px;
        height: 280px;
        margin-left: 10px;
        margin-right: 10px;
        cursor: pointer;
    }

        .games-container .br-subcontainer .game-category span {
            font-size: 16px;
            color: #fcb813;
            display: flex;
            justify-content: center;
            position: relative;
            top: 244px;
            float: left;
            padding-left: 10px;
            font-weight: bold;
        }

.br-button {
    margin-top: 90%;
    float: right;
    margin-right: 8px;
    color: black;
    padding: 0 8px;
    min-width: auto;
    font-weight: bold;
    font-size: inherit;
}

.games-container .allbet .game-desc {
    position: relative;
    top: 240px;
    width: 320px;
}

.games-container .allbet .game-play {
    position: relative;
    top: 265px;
}

.games-container .allbet-casino-games {
    margin-top: 20px;
}

    .games-container .allbet-casino-games .container {
        display: flex;
        margin-bottom: 20px;
    }

    .games-container .allbet-casino-games .game {
        margin-right: 15px;
        width: 288px;
        height: 187px;
        cursor: pointer;
    }

.games-container .golddeluxe .game-desc {
    position: relative;
    width: 300px;
    top: 250px;
}

.games-container .golddeluxe .game-play {
    position: relative;
    top: 280px;
}

.games-container .golddeluxe-highlight, .games-container .evolutiongaming-highlight, .games-container .gameplay-highlight, .games-container .dreamgaming-highlight,
.games-container .asiagaming-highlight, .games-container .playtech-highlight, .games-container .sexybacarrat-highlight {
    height: 220px;
    margin-top: 20px;
    text-align: center;
}

    .games-container .golddeluxe-highlight .game-highlight-desc {
        position: relative;
        top: 80px;
        width: 380px;
        left: 308px;
    }

    .games-container .golddeluxe-highlight .game-play, .games-container .evolutiongaming-highlight .game-play, .games-container .gameplay-highlight .game-play,
    .games-container .dreamgaming-highlight .game-play, .games-container .asiagaming-highlight .game-play, .games-container .playtech-highlight .game-play,
    .games-container .sexybacarrat-highlight .game-play {
        position: relative;
        top: 95px;
    }

.games-container .evolution-gaming .game-desc {
    position: relative;
    width: 260px;
    top: 240px;
}

.games-container .evolution-gaming .game-play {
    position: relative;
    top: 265px;
}

.games-container .evolutiongaming-highlight .game-highlight-desc {
    position: relative;
    top: 80px;
    width: 380px;
    left: 308px;
}

.games-container .gameplay .game-desc {
    position: relative;
    top: 245px;
    width: 320px;
}

.games-container .gameplay .game-play {
    position: relative;
    top: 270px;
}

.games-container .gameplay-highlight .game-highlight-desc {
    position: relative;
    top: 80px;
    width: 330px;
    left: 335px;
}

.games-container .dreamgaming .game-desc {
    position: relative;
    top: 245px;
    width: 320px;
}

.games-container .dreamgaming .game-play {
    position: relative;
    top: 270px;
}

.games-container .dreamgaming-highlight .game-highlight-desc {
    position: relative;
    top: 80px;
    width: 330px;
    left: 335px;
}

.games-container .asiagaming .game-desc {
    position: relative;
    top: 245px;
    width: 240px;
}

.games-container .asiagaming .game-play {
    position: relative;
    top: 270px;
}

.games-container .asiagaming-highlight .game-highlight-desc {
    position: relative;
    top: 75px;
    width: 380px;
    left: 312px;
}

.games-container .playtech .game-desc {
    position: relative;
    top: 245px;
    width: 275px;
}

.games-container .playtech .game-play {
    position: relative;
    top: 270px;
}

.games-container .playtech-highlight .game-highlight-desc {
    position: relative;
    top: 75px;
    width: 350px;
    left: 335px;
}

.games-container .sexybacarrat .game-desc {
    position: relative;
    top: 245px;
    width: 275px;
}

.games-container .sexybacarrat .game-play {
    position: relative;
    top: 270px;
}

.games-container .sexybacarrat-highlight .game-highlight-desc {
    position: relative;
    top: 75px;
    width: 335px;
    left: 335px;
}

.games-container .idnpoker {
    height: 514px;
}

    .games-container .idnpoker .game-desc {
        position: relative;
        top: 245px;
    }

    .games-container .idnpoker .game-play {
        position: relative;
        top: 270px;
    }

.games-container .idnpoker-highlight {
    height: 450px;
    font-size: 14px;
    color: #fff;
}

    .games-container .idnpoker-highlight .title {
        font-size: 16px;
        color: #fcb813;
    }

    .games-container .idnpoker-highlight .idn-highlight-desc {
        position: relative;
        width: fit-content;
        left: 147px;
        top: 110px;
    }

    .games-container .idnpoker-highlight .idn-highlight-desc-2 {
        position: relative;
        width: fit-content;
        left: 640px;
        top: 270px;
    }

    .games-container .idnpoker-highlight .game-play {
        position: relative;
        width: fit-content;
        left: 425px;
        top: 50px;
    }

.games-container .common-slot {
    height: 514px;
}

    .games-container .common-slot .download {
        position: relative;
        top: 15px;
    }

    .games-container .common-slot .game-desc {
        position: relative;
        color: #999;
        font-size: 18px;
        width: fit-content;
        top: 165px;
    }

    .games-container .common-slot .winner-list {
        position: relative;
        width: 310px;
        height: 230px;
        color: #fff;
        background: #091e3d;
        top: 178px;
    }

        .games-container .common-slot .winner-list .title {
            position: relative;
            left: 25px;
        }

            .games-container .common-slot .winner-list .title span {
                font-size: 16px;
                position: relative;
                top: 8px;
                left: 0px;
            }

        .games-container .common-slot .winner-list .pager {
            position: relative;
            top: -50px;
            left: 250px;
        }

            .games-container .common-slot .winner-list .pager .page {
                cursor: pointer;
            }

            .games-container .common-slot .winner-list .pager .page-info {
                font-size: 15px;
                position: relative;
                top: -2px;
                left: -155px;
            }

                .games-container .common-slot .winner-list .pager .page-info .current {
                    color: #fdb813;
                }

        .games-container .common-slot .winner-list .winner-content {
            background: #01172f;
            position: relative;
            width: 260px;
            height: 180px;
            top: -52px;
            left: 24px;
        }

            .games-container .common-slot .winner-list .winner-content .container {
                width: 260px;
                height: 60px;
                display: flex;
                font-size: 16px;
            }

                .games-container .common-slot .winner-list .winner-content .container .username-gamename {
                    text-align: left;
                    width: 50%;
                    margin-left: 20px;
                    margin-top: 5px;
                }

                .games-container .common-slot .winner-list .winner-content .container .currency-amount {
                    text-align: right;
                    width: 50%;
                    margin-right: 20px;
                    margin-top: 5px;
                }

                .games-container .common-slot .winner-list .winner-content .container .username, .games-container .common-slot .winner-list .winner-content .container .amount {
                    color: #fff;
                }

                .games-container .common-slot .winner-list .winner-content .container .gamename {
                    color: #999;
                }

                .games-container .common-slot .winner-list .winner-content .container .currency {
                    color: #fdb813;
                }

.games-container .slot-jackpot {
    margin-top: 20px;
    height: 120px;
}

    .games-container .slot-jackpot img {
        display: block;
        margin: 0 auto;
    }

    .games-container .slot-jackpot .jackpot {
        font-size: 44px;
        color: #000;
        position: relative;
        width: 580px;
        display: flex;
        justify-content: center;
        top: -95px;
        left: 360px;
    }

        .games-container .slot-jackpot .jackpot .jackpot-container .odometer-digit {
            margin-right: 15px;
        }

        .games-container .slot-jackpot .jackpot .jackpot-container .odometer-digit-inner {
            height: 48px;
            width: 24px;
            padding-left: 2px;
            padding-right: 2px;
            background: #fff;
            border-radius: 5px;
            border-style: double;
            border-color: #32ccfe;
        }

        .games-container .slot-jackpot .jackpot .jackpot-container .odometer-formatting-mark {
            color: #fff;
        }

.games-container .slot-game-searcher {
    display: flex;
    margin-top: 20px;
}

    .games-container .slot-game-searcher .found-text {
        width: 70%;
        color: #808080;
        font-size: 14px;
        font-weight: bold;
        line-height: 36px;
    }

    .games-container .slot-game-searcher .search-box {
        width: 30%;
        height: 34px;
        border: 1px solid #ccc;
        background: #c1c1c1;
        font-size: 12px;
    }

        .games-container .slot-game-searcher .search-box i {
            position: relative;
            top: 10px;
            left: 5px;
        }

        .games-container .slot-game-searcher .search-box .keyword {
            height: 25px;
            width: 265px;
            background: transparent;
        }

.games-container .menu-sub {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .games-container .menu-sub ul {
        position: relative;
        /* left:50% */
    }

        .games-container .menu-sub ul li {
            height: 40px;
            width: 125px;
            line-height: 40px;
            margin-right: 12px;
            display: block;
            float: left;
            position: relative;
        }

            .games-container .menu-sub ul li a {
                width: 100%;
                height: 100%;
                color: #fff;
                background: #555;
                display: block;
                font-size: 14px;
                text-align: center;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
            }

                .games-container .menu-sub ul li a:hover {
                    background: #021385;
                }

        .games-container .menu-sub ul .current a, .games-container .menu-sub ul .current a:hover {
            background: #021385;
            color: #fff;
        }

        .games-container .menu-sub ul li:last-child {
            margin-right: 0;
        }

.games-container .game-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, 146px);
    grid-gap: 1rem;
    justify-content: space-between;
    align-content: flex-start;
    list-style: none;
    width: 954px;
    padding: 0;
    margin-left: 22px;
}

    .games-container .game-gallery .content {
        position: relative;
        min-height: 239px;
        background: #000;
    }

    .games-container .game-gallery .masked-game-img {
        display: none;
        background-color: black;
        opacity: .50;
        -moz-opacity: .50;
        filter: alpha(opacity=50);
        border: 1px solid lightblue;
        min-height: 189px;
        max-height: 189px;
        min-width: 146px;
        max-width: 146px;
    }

    .games-container .game-gallery .game-img {
        border: 1px solid #000000;
        min-height: 189px;
        max-height: 189px;
        min-width: 146px;
        max-width: 146px;
    }

        .games-container .game-gallery .game-img img, .games-container .game-gallery .masked-game-img img {
            min-height: 187px;
            max-height: 187px;
            min-width: 144px;
            max-width: 144px;
            margin-left: 1px;
            margin-top: 1px;
        }

    .games-container .game-gallery .play {
        display: none;
        position: absolute;
        width: 148px;
        height: 30px;
        left: 0px;
        top: 69px;
        font-size: 16px;
        color: #ffffff;
        line-height: 30px;
        text-align: center;
        background: #337ab7;
        cursor: pointer;
    }

    .games-container .game-gallery .single-play {
        top: 85px !important;
    }

    .games-container .game-gallery .demo {
        display: none;
        position: absolute;
        width: 148px;
        height: 30px;
        top: 100px;
        font-size: 16px;
        color: #ffffff;
        line-height: 30px;
        text-align: center;
        background: grey;
        cursor: pointer;
    }

        .games-container .game-gallery .play:hover, .games-container .game-gallery .demo:hover {
            color: lightblue;
        }

    .games-container .game-gallery .game-title {
        display: table;
        min-height: 50px;
        width: 100%;
        text-align: center;
    }

        .games-container .game-gallery .game-title span {
            display: table-cell;
            vertical-align: middle;
            font-size: 14px;
            color: #fff;
            height: 50px;
            text-align: center;
            line-height: 16px;
        }

    .games-container .game-gallery .content:hover .game-img {
        display: none;
    }

    .games-container .game-gallery .content:hover .game-title span {
        color: lightblue;
    }

    .games-container .game-gallery .content:hover .masked-game-img,
    .games-container .game-gallery .content:hover .play,
    .games-container .game-gallery .content:hover .demo {
        display: block;
    }

.games-container .ultimate .game-desc {
    position: relative;
    top: 200px;
}

.games-container .ultimate .game-play {
    position: relative;
    top: 230px;
}

.games-container .ultimate-highlight, .games-container .ggfishing-highlight, .games-container .ptfishing-highlight, .games-container .sgfishing-highlight {
    height: 450px;
}

    .games-container .ultimate-highlight .game-desc {
        position: relative;
        font-size: 14px;
        color: #fff;
        width: fit-content;
        top: 145px;
        left: 90px;
    }

        .games-container .ultimate-highlight .game-desc .title, .games-container .ggfishing-highlight .game-desc .title, .games-container .ptfishing-highlight .game-desc .title,
        .games-container .sgfishing-highlight .game-desc .title {
            font-size: 16px;
            color: #fcb813;
        }

    .games-container .ultimate-highlight .game-play {
        position: relative;
        width: fit-content;
        top: 190px;
        left: 90px;
    }

.games-container .scr888 .logo {
    position: relative;
}

    .games-container .scr888 .logo img {
        display: block;
        margin: 0 auto;
    }

.games-container .scr888 .usrpwd {
    position: relative;
    width: 360px;
    height: 100px;
    margin: 0 auto;
    background: #434142;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .games-container .scr888 .usrpwd .content {
        font-size: 16px;
        color: white;
        font-weight: bold;
        text-align: center;
        top: 25px;
    }

.games-container .scr888 .frame iframe {
    min-width: 932px;
    min-height: 730px;
    display: block;
    margin: 0 auto;
}

.games-container .ggfishing .game-desc, .games-container .ptfishing .game-desc {
    position: relative;
    width: fit-content;
    top: 240px;
}

.games-container .ggfishing .game-play, .games-container .ptfishing .game-play {
    position: relative;
    witdh: fit-content;
    top: 265px;
}

.games-container .ggfishing-highlight .game-desc, .games-container .ptfishing-highlight .game-desc {
    position: relative;
    font-size: 14px;
    color: #fff;
    width: fit-content;
    top: 175px;
    left: 80px;
}

.games-container .ggfishing-highlight .game-play {
    position: relative;
    width: fit-content;
    top: 280px;
    left: 255px;
}

.games-container .ptfishing-highlight .game-play {
    position: relative;
    width: fit-content;
    top: 280px;
    left: 80px;
}

.games-container .sgfishing .game-play {
    position: relative;
    width: fit-content;
    top: 320px;
}

.games-container .sgfishing-highlight .game-play {
    position: relative;
    width: fit-content;
    top: 290px;
    left: 100px;
}

.games-container .download-banner .game-desc {
    position: relative;
    width: fit-content;
    top: 240px;
}

.games-container .download-content .menu-sub {
    width: 954px;
    margin-left: auto;
    margin-right: auto;
}

    .games-container .download-content .menu-sub ul li {
        width: 470px;
    }

        .games-container .download-content .menu-sub ul li img {
            margin-top: 3px;
        }

.games-container .download-content .download-gallery {
    display: flex;
    flex-wrap: wrap;
    width: 954px;
    margin-left: 30px;
}

    .games-container .download-content .download-gallery .item {
        position: relative;
        margin: 4px;
        width: 308px;
        height: 199px;
        background-position: center;
        background-repeat: no-repeat;
        padding: 0;
    }

        .games-container .download-content .download-gallery .item:nth-child(3n+0) {
            margin-right: 0;
        }

        .games-container .download-content .download-gallery .item:nth-child(3n-2) {
            margin-left: 0;
        }

        .games-container .download-content .download-gallery .item .playnow_wrap {
            height: 35px;
            width: 147px;
            font-size: 14px;
            padding: 0 6px 0 6px;
        }

        .games-container .download-content .download-gallery .item .qrcode {
            height: 199px;
            width: 308px;
            background: black;
            opacity: 0.8;
            position: absolute;
            top: 0px;
            left: 0px;
            display: none;
            cursor: pointer;
        }

.games-container .livetv {
    height: 910px;
    min-height: 910px;
    background: #cfcfcf;
    overflow-y: auto;
}

    .games-container .livetv .content {
        display: flex;
        padding: 5px;
    }

        .games-container .livetv .content .left-content {
            width: 850px;
            height: 134px;
            background: #e7e7e7;
            margin-right: 5px;
            font-size: 18px;
        }

        .games-container .livetv .content .right-content {
            width: 170px;
            height: 134px;
        }

        .games-container .livetv .content .title {
            height: 10px;
            background: black;
            color: white;
            font-size: 14px;
            padding: 10px 30px;
            line-height: 10px;
        }

        .games-container .livetv .content .detail {
            height: 74px;
            background: white;
        }

            .games-container .livetv .content .detail .team-name {
                text-align: center;
                line-height: 74px;
                width: 395px;
            }

            .games-container .livetv .content .detail .score {
                width: 20px;
                font-size: 30px;
            }

            .games-container .livetv .content .detail .status {
                position: relative;
                width: 110px;
                text-align: center;
            }

                .games-container .livetv .content .detail .status .game-time {
                    font-size: 22px;
                }

                .games-container .livetv .content .detail .status .game-start {
                    font-size: 12px;
                }

        .games-container .livetv .content .match-point {
            background: #e7e7e7;
            height: 30px;
            display: flex;
            justify-content: center;
            font-size: 16px;
        }

        .games-container .livetv .content .title .left {
            display: flex;
            float: left;
        }

            .games-container .livetv .content .title .left img {
                margin-top: -5px;
                margin-left: 5px;
            }

        .games-container .livetv .content .title .right {
            float: right;
        }

        .games-container .livetv .content .cdtimer {
            height: 30px;
            background: #4a4a4a;
            color: white;
            font-size: 20px;
            display: flex;
            justify-content: center;
        }

        .games-container .livetv .content .watch-now {
            width: 168px;
            height: 74px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .games-container .livetv .content .watch-now img {
                width: 151px;
                height: 64px;
            }

.games-container .livescore {
    height: 910px;
    min-height: 910px;
    background: white;
}

    .games-container .livescore .menu {
        height: 32px;
        line-height: 32px;
        font-size: 15px;
        font-weight: bold;
        display: flex;
        padding: 0px 15px;
    }

        .games-container .livescore .menu a {
            margin: 0 30px;
            color: #757575;
        }

            .games-container .livescore .menu a.active, .games-container .livescore .menu a:hover {
                color: #d9991d;
                text-decoration: underline;
            }

    .games-container .livescore .frame iframe {
        position: relative;
        width: 996px;
        min-height: 878px;
        height: 878px;
    }

.games-container > .layout {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .games-container > .layout > div {
        margin: 40px 0 93px 0;
    }

.games-container > img {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.liveScore-container {
    height: 910px;
    min-height: 910px;
    background: #ffffff;
    margin: 0 auto;
    width: 1028px;
}

.liveScore-iframe-border {
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

.liveScore-col {
    width: 100%;
    margin-right: 6.4356%;
}

.liveScore-bg {
    background-color: #DEDEDE;
}

#liveScore .live-score-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    width: 1440px;
    box-sizing: border-box;
}

.liveScore-iframe {
    position: relative;
    width: 99.5%;
    min-height: 878px;
}

.liveScore-subnav,
.liveScore-subnav:link {
    font-size: 15px;
    font-weight: bold;
    color: #757575;
    margin: 0 30px;
}

.liveScore-subnav-container {
    width: 100%;
    min-height: 32px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

    .liveScore-subnav-container span a.active {
        color: #d9991d;
        text-decoration: underline;
    }

#liveScore .liveScoremain {
    padding-top: 40px;
    padding-bottom: 97px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

#liveScore .liveScoreContainer {
    padding: 0 13px;
    width: 1414px;
    margin: 0 auto;
}

.liveScore {
    flex-basis: 70%;
}

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg {
    width: 100%;
    height: 390px;
    background-color: #dddbdc;
    padding-top: 113px;
}

#liveScore p,
#liveScore section {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#liveScore .liveScoremain .liveScoremainright .iconsbk8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-right: 10px;
    background: white;
}

#liveScore .liveScore iframe {
    height: 100%;
}

.icons_liveScore_provider_bg {
    width: 293px;
    height: 391px;
    background: url(../images/bg/icons_livetv_provider_bg.png);
}

.icons_liveScore_logo {
    width: 49px;
    height: 27px;
    background-position: -583px -45px;
}

#liveScore .liveScoremain .liveScoremainright {
    flex-basis: 30%;
    max-width: 294px;
}

    #liveScore .liveScoremain .liveScoremainright .imgBox {
        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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.games-container > .liveScoreContainer .liveScore {
    margin: 0 10px;
}

#liveScore .liveScoremain .liveScoremainright .imgLive {
    height: 100%;
}

#liveScore .liveScoremain .liveScoremainright .imgBox .img {
    width: 318px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

    #liveScore .liveScoremain .liveScoremainright .imgBox .img .betNow {
        position: absolute;
        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;
        width: 100%;
        left: 0;
        bottom: 40px;
    }

        #liveScore .liveScoremain .liveScoremainright .imgBox .img .betNow > span {
            font-family: "buttonBold";
        }

#liveScore .liveScoremain .liveScoremainright .imgBox .text {
    width: 293px;
    padding: 0 18px;
    font-size: 14px;
    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;
}

    #liveScore .liveScoremain .liveScoremainright .imgBox .text .one {
        font-family: "mainBoldFont";
        line-height: 38px;
        position: relative;
        font-size: 16px;
    }

        #liveScore .liveScoremain .liveScoremainright .imgBox .text .one::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
        }

    #liveScore .liveScoremain .liveScoremainright .imgBox .text .two {
        font-size: 14px;
        color: #686868;
        margin-top: 10px;
    }

#liveScore .liveScoremain .liveScoremainright .iconsbk8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-right: 10px;
    background: white;
}

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg {
    width: 100%;
    height: 390px;
    background-color: #dddbdc;
    padding-top: 113px;
}

    #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider,
    #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider {
        height: 278px;
    }

        #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer,
        #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer {
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }

            #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer .page_no,
            #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer .page_no {
                position: absolute;
                top: auto;
                right: auto;
                left: 28px;
                bottom: 20px;
                z-index: 3;
            }

                #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer .page_no li > i,
                #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
                    border: none;
                    background: white;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer .page_no li.on > i,
                #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

    #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 24px;
        padding-bottom: 55px;
        box-sizing: border-box;
    }

        #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem > div:nth-child(2n) {
            margin-right: 0;
        }

        #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem .swiperimgBox {
            width: 116px;
            height: 103px;
            background: white;
            border: 1px solid white;
            margin-right: 9px;
            margin-bottom: 8px;
            cursor: pointer;
        }

            #liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem .swiperimgBox > p {
                width: 116px;
                height: 24px;
                font-family: "mainBoldFont";
                font-size: 12px;
                text-align: center;
                line-height: 24px;
                font-weight: bold;
                margin: 0;
            }

/* ==========================================================================
make sure browsers use the pointer cursor for anchors, even with no href
========================================================================== */
a:hover,
.hand,
[jh-sort-by] {
    cursor: pointer;
}

.liveScore-col-2 {
    height: 910px;
    min-height: 910px;
}

.box-1 {
    width: 200px;
    height: 200px;
    background-color: red;
}

.poker-selling-point {
    background-image: url(../../content/images/poker/selling_point.jpg);
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 90px;
}

.poker-content-banner {
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 582px;
}

.poker-content-banner-2 {
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 792px;
}

    .poker-content-banner > img, .poker-content-banner-2 > img {
        display: block;
        margin: 0 auto;
    }

.page_item {
    width: 100%;
}

.mainContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .mainContent .mainContentContainer {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        height: 100%;
    }

        .mainContent .mainContentContainer .page_no {
            position: absolute;
            top: 0;
            right: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
                padding-right: 0;
            }

            .mainContent .mainContentContainer .page_no li {
                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;
                color: #fff;
                padding: 0 5px;
            }

                .mainContent .mainContentContainer .page_no li > i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border: 1px solid #9d9d9d;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                .mainContent .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

.banner .banner_swiper_container {
    position: relative;
}

    .banner .banner_swiper_container .button_y {
        position: absolute;
        left: 60px;
        bottom: 120px;
    }

.pokerPage .img {
    position: relative;
}

    .pokerPage .img > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .pokerPage .img .tools {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .pokerPage .img .tools > span {
            margin-right: 8px;
        }

            .pokerPage .img .tools > span:last-child {
                margin-right: 0;
            }

            .pokerPage .img .tools > span:nth-child(1) {
                color: black;
            }

    .pokerPage .img.img1 .tools {
        bottom: 44%;
        left: 64.5%;
    }

    .pokerPage .img.img2 .tools {
        bottom: 45%;
        left: 16.5%;
    }

.pokerPage .page_item {
    cursor: pointer;
}

.reset-request {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1440px;
    background: white;
}

#reset-finish.reset-request label {
    margin-top: 0;
}

#strengthBar {
    margin-bottom: 0;
    margin-top: 5px;
}

.reset-request .text-register-header {
    font-family: Arial, sans-serif;
    font-size: 30px;
    color: #0094d4;
}

.reset-request-container,
#reset-finish {
    margin: 4rem auto;
}

.reset-request-container2 {
    width: 959px;
    background: white;
    margin: 40px 0px;
    justify-content: center;
}

.reset-request .btn-register {
    color: #FFFFFF;
}

.reset-request-container {
    width: 83.33333%;
    margin-left: 8.33333%;
    background: white;
}

.reset-request .point {
    background: #DDD;
    border-radius: 2px;
    display: inline-block;
    height: 5px;
    margin-right: 1px;
    width: 20px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert2 {
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger2 {
    background-color: unset;
    border: unset;
    padding: unset;
    margin-bottom: unset;
    font-family: "mainFont";
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.reset-request .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

    .alert-success .alert-success2 {
        background-color: #ffffff;
        color: #8e8e8e;
    }

        .alert-success .alert-success2 .alert-success3 {
            background-color: #ffffff;
            color: #a94442;
        }

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.reset-request .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}

.reset-request .text-register-label {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #a1a1a1;
}

.reset-request label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.reset-request .form-control:hover {
    border: 1px solid #006CC0;
}

.reset-request .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 3px 12px;
    font-size: 11px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.reset-request label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.reset-request .form-group {
    margin-bottom: 15px;
}

.text-register-header {
    margin-top: 20px;
    margin-bottom: 10px;
}

.form-email {
    margin-bottom: 1.5rem;
}

.lottery-bn-qqthai {
    background: #000000;
    min-height: 582px;
    position: relative;
    cursor: pointer;
}

    .lottery-bn-qqthai img {
        display: block;
        margin: 0 auto;
    }

.lottery-bn-qqkeno {
    background: #000000;
    min-height: 582px;
    position: relative;
    cursor: pointer;
}

    .lottery-bn-qqkeno img {
        display: block;
        margin: 0 auto;
    }

.lottery-bn-qqkenothai {
    background: #000000;
    min-height: 582px;
    position: relative;
    cursor: pointer;
}

    .lottery-bn-qqkenothai img {
        display: block;
        margin: 0 auto;
    }

.lottery-bn-gameplay {
    background: #000000;
    min-height: 582px;
    position: relative;
}

    .lottery-bn-gameplay img {
        display: block;
        margin: 0 auto;
    }

.rotating-img {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.transfer-popup .popup-header {
    background: #013b7b;
    color: #fff;
    height: 55px;
}

    .transfer-popup .popup-header .title {
        height: 55px;
        width: fit-content;
        font-size: 18px;
        line-height: 55px;
        margin-left: 15px;
    }

.transfer-popup .popup-content {
    width: 100%;
    height: 362px;
}

    .transfer-popup .popup-content .refresh {
        display: block;
        width: 120px;
        height: auto;
        margin-left: 140px;
        padding-top: 2px;
    }

        .transfer-popup .popup-content .refresh img {
            height: 13px;
            width: 13px;
            display: block;
            margin: 0 auto;
        }

    .transfer-popup .popup-content .wallet {
        width: 100%;
        display: flex;
    }

        .transfer-popup .popup-content .wallet .icon {
            width: 125px;
        }

            .transfer-popup .popup-content .wallet .icon img {
                display: block;
                margin: 0 auto;
            }

        .transfer-popup .popup-content .wallet .amount {
            width: 455px;
            margin-left: 5px;
            border-left: 1px solid #ccc9c9;
        }

            .transfer-popup .popup-content .wallet .amount .content {
                display: flex;
            }

                .transfer-popup .popup-content .wallet .amount .content .inner-value {
                    width: 120px;
                    margin-left: 10px;
                    margin-right: 10px;
                    text-align: center;
                    font-size: 11px;
                }

                    .transfer-popup .popup-content .wallet .amount .content .inner-value .wallet-value {
                        font-size: 16px;
                        font-weight: bold;
                        color: #006dc0;
                    }

                    .transfer-popup .popup-content .wallet .amount .content .inner-value .provider-value {
                        font-size: 16px;
                        font-weight: bold;
                        color: black;
                    }

                .transfer-popup .popup-content .wallet .amount .content .deposit-now {
                    border: 1px solid black;
                    font-size: 11px;
                    cursor: pointer;
                    height: fit-content;
                    padding: 5px 10px;
                    margin-top: -2px;
                }

    .transfer-popup .popup-content .arrow {
        margin-top: 4px;
        margin-bottom: 2px;
        width: fit-content;
        position: relative;
        left: 109px;
    }

    .transfer-popup .popup-content .transfer-box {
        margin-top: 30px;
        margin-left: 30px;
        font-size: 18px;
        width: 245px;
    }

        .transfer-popup .popup-content .transfer-box .amount {
            font-size: 15px;
            font-weight: bolder;
            height: 34px;
            padding: 3px 12px;
        }

        .transfer-popup .popup-content .transfer-box .slider.slider-horizontal {
            width: 227px !important;
            background: transparent;
        }

        .transfer-popup .popup-content .transfer-box .slider-track {
            height: 5px !important;
            margin-top: -3px !important;
            background-color: #f3f3f3 !important;
        }

        .transfer-popup .popup-content .transfer-box .slider-handle {
            height: 5px !important;
            margin-top: -3px !important;
            background-color: #f3f3f3 !important;
            margin-top: 2px !important;
            width: 15px !important;
            height: 15px !important;
            background: #006dc0 !important;
            border-radius: 50%;
        }

        .transfer-popup .popup-content .transfer-box .slider-selection {
            background-color: #006dc0 !important;
        }

        .transfer-popup .popup-content .transfer-box .transfer-amount {
            text-align: right;
            font-size: 12px;
            width: 225px;
        }

    .transfer-popup .popup-content .transfer-button {
        position: relative;
        width: 225px;
        height: 35px;
        text-align: center;
        font-size: 14px;
        line-height: 35px;
        color: white;
        background: #ee1c2b;
        cursor: pointer;
        left: 320px;
        top: -42px;
    }

.transfer-popup .popup-result-content {
    background: #292929;
    height: 282px;
    width: 100%;
}

    .transfer-popup .popup-result-content .result {
        height: 120px;
        width: 100%;
    }

        .transfer-popup .popup-result-content .result img {
            height: 70px;
            padding-top: 50px;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    .transfer-popup .popup-result-content .result-message {
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
        color: #ede6e8;
    }

        .transfer-popup .popup-result-content .result-message h2 {
            font-size: 30px;
        }

    .transfer-popup .popup-result-content .result-detail-message {
        text-align: center;
        margin-bottom: 10px;
        color: #ede6e8;
    }

        .transfer-popup .popup-result-content .result-detail-message h5 {
            font-size: 14px;
        }

    .transfer-popup .popup-result-content .continue-button {
        position: relative;
        height: 50px;
        width: 100%;
        cursor: pointer;
        font-size: 16px;
        text-align: center;
        line-height: 50px;
        background: #cc001b;
        color: white;
        top: 36px;
    }

.transfer-popup .popup-content .transfer-box .form-control,
.transfer-popup .popup-content .promotion-box .form-control {
    display: block;
    padding: 3px 12px;
    font-size: 14spx;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    height: 28px;
    width: 94%;
}

.transfer-popup .popup-content .promotion-box {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 18px;
    width: 245px;
}

/* scr888 */
#scr888 .scr-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 2em auto;
    width: 1440px;
}

.scr888-container {
    position: relative;
    min-width: 920px;
    margin: 0 auto;
    flex-basis: 50%;
}

.scr888-header {
    background-image: url(../../content/images/icon/scr_logo.png);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 400px;
    position: relative;
}

.scr888-desc {
    color: #ceb6d9;
    font-size: 14px;
    font-weight: bold;
    top: 146px;
    left: 350px;
    position: relative;
}

.scr888-text-align {
    text-align: center;
}

.scr888-label1 {
    position: relative;
    left: -173px;
    top: 230px;
    color: #6C1AA2;
    font-weight: bold;
    font-size: 18px;
}

.scr888-label2 {
    position: relative;
    left: -174px;
    top: 230px;
    color: #6C1AA2;
    font-weight: bold;
    font-size: 18px;
}

.scr888-amount {
    color: #FBB714;
    font-weight: bold;
    font-size: 18px;
}

.scr888-banner {
    top: 278px;
    position: relative;
    left: 237px;
}

.scr-details, .scr-promotion {
    color: #1C6FDE;
}

.scr-promotion {
    text-decoration: underline;
}

.scrLogo {
    position: relative;
    height: 248px;
}

.src-tnc-container {
    padding: 2rem;
    background: #F2F2F2;
    color: #838080;
    font-size: 1.1em;
}

.separate-line {
    border: 1px dashed #ccc;
}

.seo-style {
    padding-left: 0rem;
    font-size: 0.9rem;
}

.src-slot-desc-container {
    padding: 2rem;
    background: #F2F2F2;
    color: #838080;
    font-size: 1.1em;
}

.src-seo-content {
    font-size: 14px;
}

.src-seo-line {
    height: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat;
}

.tnc-title {
    font-style: italic;
}

.tnc-title, .src-ol-style {
    font-size: 0.9rem;
}

.src-ol-style {
    padding-left: 1rem;
}

    .src-ol-style li {
        list-style: decimal;
    }

        .src-ol-style li p {
            padding-left: 12px;
            margin: 0;
        }

.scrCredential-container {
    position: relative;
    width: 100%;
    height: 115px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    background-color: #D9D9D9;
    margin-left: 200px;
    padding-left: 35px;
}

.scr888-container-iframe {
    flex-basis: 35%;
}

.srcSecondRowContainer {
    display: flex;
    flex-direction: row;
}

.srcLogoImg {
    position: absolute;
    height: 96.15px;
    z-index: 3;
    top: 224px;
}

.srcInstructionContainer {
    height: 115px;
    flex-basis: 100%;
    background: #E5E5E5;
    padding: 17px;
    padding-left: 36px;
    box-sizing: border-box;
    font-size: 0.9em;
}

.instrcutionLabel {
    padding-top: 7px;
    padding-right: 10px;
}

.scrcredential {
    font-size: 16px;
    color: #3783E4;
    font-family: arial;
    margin-left: 8px;
}

.scrcredentialTitle {
    font-size: 16px;
    color: #292929;
    font-family: arial;
}

.scrCredential-iframe {
    width: 100%;
    height: 100%;
}

.scrTitleContainer {
    width: 75px;
    padding-top: 6px;
}

.srcUsername,
.scrPassword {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 16px;
}

.scrCredentialValContainer {
    background: white;
    box-sizing: border-box;
    border: 1px solid #A0A0A0;
    border-radius: 3px;
    margin: 0 10px;
    min-width: 160px;
    height: 35px;
    text-align: left;
    padding-left: 1px;
    padding-top: 9px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.instrcutionTitle {
    font-style: italic;
}

.copyIcon {
    cursor: pointer;
    height: 18px;
    margin-right: 6px;
}

/* end scr888 */
/* start mega888 */
#mega888 .mega-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 2em auto;
    width: 1440px;
    /* end mega888 */
}

    #mega888 .mega-container .mega888-container {
        position: relative;
        min-width: 920px;
        margin: 0 auto;
        flex-basis: 50%;
    }

    #mega888 .mega-container .megaLogo {
        position: relative;
        height: 248px;
    }

    #mega888 .mega-container .megaSecondRowContainer {
        display: flex;
        flex-direction: row;
    }

    #mega888 .mega-container .megaLogoImg {
        position: absolute;
        height: 96.15px;
        z-index: 3;
        top: 224px;
    }

    #mega888 .mega-container .megaCredential-container {
        position: relative;
        width: 100%;
        height: 115px;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
        background-color: #D9D9D9;
        margin-left: 200px;
        padding-left: 35px;
    }

    #mega888 .mega-container .megaUsername,
    #mega888 .mega-container .megaPassword {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-top: 16px;
    }

    #mega888 .mega-container .megaTitleContainer {
        width: 75px;
        padding-top: 6px;
    }

    #mega888 .mega-container .megacredentialTitle {
        font-size: 16px;
        color: #292929;
        font-family: arial;
    }

    #mega888 .mega-container .megaCredentialValContainer {
        background: white;
        box-sizing: border-box;
        border: 1px solid #A0A0A0;
        border-radius: 3px;
        margin: 0 10px;
        min-width: 160px;
        height: 35px;
        text-align: left;
        padding-left: 1px;
        padding-top: 9px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #mega888 .mega-container .megacredential {
        font-size: 16px;
        color: #3783E4;
        font-family: arial;
        margin-left: 8px;
    }

    #mega888 .mega-container .megaInstructionContainer {
        height: 115px;
        flex-basis: 100%;
        background: #E5E5E5;
        padding: 17px;
        padding-left: 36px;
        box-sizing: border-box;
        font-size: 0.9em;
    }

    #mega888 .mega-container .mega-tnc-container {
        padding: 2rem;
        background: #F2F2F2;
        color: #838080;
        font-size: 1.1em;
    }

    #mega888 .mega-container .separate-line {
        border: 1px dashed #ccc;
    }

    #mega888 .mega-container .seo-style {
        padding-left: 0rem;
        font-size: 0.9rem;
    }

    #mega888 .mega-container .mega-details, #mega888 .mega-container .mega-promotion {
        color: #1C6FDE;
    }

    #mega888 .mega-container .mega-promotion {
        text-decoration: underline;
    }

    #mega888 .mega-container .mega-ol-style {
        font-size: 0.9rem;
    }

    #mega888 .mega-container .mega888-container-iframe {
        flex-basis: 35%;
    }

    #mega888 .mega-container .megaCredential-iframe {
        width: 100%;
        height: 100%;
    }

.mega-ol-style {
    padding-left: 1rem;
}

    .mega-ol-style li p {
        padding-left: 12px;
        margin: 0;
    }

    .mega-ol-style li {
        list-style: decimal;
    }

.vip-login {
    background-image: url(../images/background/vip-login-background.jpg);
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: round;
}

    .vip-login form .form-group {
        margin-bottom: 15px;
    }

    .vip-login .form-control:hover {
        border: 1px solid #006CC0;
    }

    .vip-login .form-control {
        display: block;
        width: 100%;
        padding: 3px 12px;
        font-size: 11px;
        line-height: 1.42857;
        height: 35px;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border-radius: 5px;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .vip-login .vip-remember-me {
        color: #FBB714;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .vip-login form button[type=submit] {
        width: 100%;
        background-color: #093E78;
        border: 0;
        border-radius: 5px;
        height: 30px;
        color: white;
    }

.vip-login-success {
    background-image: url(../images/background/vip-thankyou-background.jpg);
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    background-repeat: round;
}

.promo-vip-button {
    position: absolute;
    top: 60%;
    left: 54%;
    background-color: #003b79;
    color: #fff;
    padding: 0 13px;
    height: 45px;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 0px;
    font-weight: bold;
    z-index: 0;
    cursor: pointer;
}

.vip-banner {
    position: relative;
    background-color: #0a1624;
}

    .vip-banner > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        z-index: -1;
        box-sizing: border-box;
    }

.vip-member .viptop {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 165px;
}

.vip-member .vip-content {
    margin: 83px !important;
    color: #fff;
    margin-top: 50px !important;
}

.vip-member .viptop .tab:hover {
    color: #fdb813 !important;
}

.vip-member .viptop .tab:focus {
    color: #fdb813 !important;
}

.vip-member .viptop .tab {
    font-size: 33px;
    color: #003b79;
    padding: 20px;
    font-weight: 600;
    background: none;
    border: none;
    margin-top: -24px;
}

.vip-show {
    color: #fdb813 !important;
}

.vip-hidden {
    color: #003b79 !important;
}

#cmdpage .cmdmain {
    padding-top: 40px;
    padding-bottom: 97px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#cmdpage .cmdContainer {
    padding: 0 13px;
    width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
}

.cmd {
    flex-basis: 70%;
}

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg {
    width: 100%;
    height: 390px;
    background-color: #dddbdc;
    padding-top: 113px;
}

#cmdpage p,
#cmdpage section {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#cmdpage .cmdmain .cmdmainright .iconsbk8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-right: 10px;
    background: white;
}

#cmdpage .cmd iframe {
    height: 100%;
    width: 1030px;
}

#cmdpage .cmd {
    height: 100% !important;
    background: #DEDEDE;
}

.icons_cmd_provider_bg {
    width: 293px;
    height: 391px;
    background: url(../images/bg/icons_livetv_provider_bg.png);
}

.icons_cmd_logo {
    width: 49px;
    height: 27px;
    background-position: -583px -45px;
}

#cmdpage .cmdmain .cmdmainright {
    flex-basis: 30%;
    max-width: 294px;
}

    #cmdpage .cmdmain .cmdmainright .imgBox {
        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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.games-container > .cmdContainer .cmd {
    margin: 0;
    width: 1030px;
    margin-right: 6.4356%;
}

.games-container > .cmdContainer .cmd {
    width: 100%;
    height: 934px;
}

#cmdpage .cmdmain .cmdmainright .imgLive {
    height: 100%;
}

#cmdpage .cmdmain .cmdmainright .imgBox .img {
    width: 318px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

    #cmdpage .cmdmain .cmdmainright .imgBox .img .betNow {
        position: absolute;
        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;
        width: 100%;
        left: 0;
        bottom: 40px;
    }

        #cmdpage .cmdmain .cmdmainright .imgBox .img .betNow > span {
            font-family: "buttonBold";
        }

#cmdpage .cmdmain .cmdmainright .imgBox .text {
    width: 293px;
    padding: 0 18px;
    font-size: 14px;
    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;
}

    #cmdpage .cmdmain .cmdmainright .imgBox .text .one {
        font-family: "mainBoldFont";
        line-height: 38px;
        position: relative;
        font-size: 16px;
    }

        #cmdpage .cmdmain .cmdmainright .imgBox .text .one::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
        }

    #cmdpage .cmdmain .cmdmainright .imgBox .text .two {
        font-size: 14px;
        color: #686868;
        margin-top: 10px;
    }

#cmdpage .cmdmain .cmdmainright .iconsbk8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-right: 10px;
    background: white;
}

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg {
    width: 100%;
    height: 390px;
    background-color: #dddbdc;
    padding-top: 113px;
}

    #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider,
    #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider {
        height: 278px;
    }

        #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer,
        #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer {
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }

            #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer .page_no,
            #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer .page_no {
                position: absolute;
                top: auto;
                right: auto;
                left: 28px;
                bottom: 20px;
                z-index: 3;
            }

                #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer .page_no li > i,
                #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
                    border: none;
                    background: white;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer .page_no li.on > i,
                #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

    #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 24px;
        padding-bottom: 55px;
        box-sizing: border-box;
    }

        #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem > div:nth-child(2n) {
            margin-right: 0;
        }

        #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem .swiperimgBox {
            width: 116px;
            height: 103px;
            background: white;
            border: 1px solid white;
            margin-right: 9px;
            margin-bottom: 8px;
            cursor: pointer;
        }

            #cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem .swiperimgBox > p {
                width: 116px;
                height: 24px;
                font-family: "mainBoldFont";
                font-size: 12px;
                text-align: center;
                line-height: 24px;
                font-weight: bold;
                margin: 0;
            }

#brSportpage .brSportmain {
    padding-top: 40px;
    padding-bottom: 84px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#brSportpage .brSportContainer {
    padding: 0 13px;
    width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
}

.brSport {
    flex-basis: 90%;
}

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg {
    width: 100%;
    height: 390px;
    background-color: #dddbdc;
    padding-top: 113px;
}

#brSportpage p,
#brSportpage section {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#brSportpage .brSportmain .brSportmainright .iconsbk8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-right: 10px;
    background: white;
}

#brSportpage .brSport iframe {
    height: 100%;
}

.icons_brSport_provider_bg {
    width: 293px;
    height: 391px;
    background: url(../images/bg/icons_livetv_provider_bg.png);
}

.icons_brSport_logo {
    width: 49px;
    height: 27px;
    background-position: -583px -45px;
}

#brSportpage .brSportmain .brSportmainright {
    flex-basis: 30%;
    max-width: 294px;
}

    #brSportpage .brSportmain .brSportmainright .imgBox {
        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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.games-container > .brSportContainer .brSport {
    margin-right: 40px;
}

#brSportpage .brSportmain .brSportmainright .imgLive {
    height: 100%;
}

#brSportpage .brSportmain .brSportmainright .imgBox .img {
    width: 318px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

    #brSportpage .brSportmain .brSportmainright .imgBox .img .betNow {
        position: absolute;
        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;
        width: 100%;
        left: 0;
        bottom: 40px;
    }

        #brSportpage .brSportmain .brSportmainright .imgBox .img .betNow > span {
            font-family: "buttonBold";
        }

#brSportpage .brSportmain .brSportmainright .imgBox .text {
    width: 293px;
    padding: 0 18px;
    font-size: 14px;
    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;
}

    #brSportpage .brSportmain .brSportmainright .imgBox .text .one {
        font-family: "mainBoldFont";
        line-height: 38px;
        position: relative;
        font-size: 16px;
    }

        #brSportpage .brSportmain .brSportmainright .imgBox .text .one::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;
        }

    #brSportpage .brSportmain .brSportmainright .imgBox .text .two {
        font-size: 14px;
        color: #686868;
        margin-top: 10px;
    }

#brSportpage .brSportmain .brSportmainright .iconsbk8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-right: 10px;
    background: white;
}

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg {
    width: 100%;
    height: 390px;
    background-color: #dddbdc;
    padding-top: 113px;
}

    #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider,
    #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider {
        height: 278px;
    }

        #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer,
        #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer {
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }

            #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer .page_no,
            #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer .page_no {
                position: absolute;
                top: auto;
                right: auto;
                left: 28px;
                bottom: 20px;
                z-index: 3;
            }

                #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer .page_no li > i,
                #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
                    border: none;
                    background: white;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    cursor: pointer;
                }

                #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer .page_no li.on > i,
                #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
                    background: #0069d7;
                    border: 1px solid #0069d7;
                }

    #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 24px;
        padding-bottom: 55px;
        box-sizing: border-box;
    }

        #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem > div:nth-child(2n) {
            margin-right: 0;
        }

        #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem .swiperimgBox {
            width: 116px;
            height: 103px;
            background: white;
            border: 1px solid white;
            margin-right: 9px;
            margin-bottom: 8px;
            cursor: pointer;
        }

            #brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem .swiperimgBox > p {
                width: 116px;
                height: 24px;
                font-family: "mainBoldFont";
                font-size: 12px;
                text-align: center;
                line-height: 24px;
                font-weight: bold;
                margin: 0;
            }

.games-container .brSport iframe {
    position: relative;
    width: 100%;
    min-height: inherit;
}

.modal-popup-transfer {
    background: transparent;
    padding-top: 110px;
    margin: 20px;
}

@media (min-width: 768px) {
    .modal-popup-transfer {
        margin: 20px auto;
    }
}

.modal-popup-transfer > .modal-content {
    background: transparent !important;
    border-width: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    max-width: 550px;
}

    .modal-popup-transfer > .modal-content > .modal-header {
        border-bottom: 0px;
        height: 0px;
        padding: 0px;
    }

.popup-transfer-web-body {
    background-color: #fff;
}

.popup-transfer-body {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: auto;
    margin-left: auto;
}

.popup-transfer-close {
    position: absolute;
    right: -13px;
    top: 0px;
    z-index: 1;
    opacity: 0.9;
}

    .popup-transfer-close:hover {
        opacity: 1;
    }

    .popup-transfer-close > img {
        width: 30px;
        height: 30px;
    }

.popup-angpow-container {
    background-color: rgba(0, 0, 0, 0.5);
}

    .popup-angpow-container > div {
        padding-left: 0px;
        padding-right: 0px;
    }

.popup-angpow-name {
    position: absolute;
    color: white !important;
    font-weight: bold !important;
    font-size: 23px !important;
    bottom: 50%;
    left: 10% !important;
    right: 10% !important;
    text-align: center;
}

.popup-angpow-currency {
    position: absolute;
    font-size: 30px !important;
    font-weight: bold !important;
    color: #ffe260 !important;
    top: 66% !important;
    left: 10% !important;
    right: 10% !important;
    text-align: center;
}

.popup-angpow-desp {
    position: absolute;
    font-size: 21px !important;
    color: #0e83cd !important;
    top: 165% !important;
    left: 10% !important;
    right: 10% !important;
    text-align: center;
}

.popup-angpow-img {
    position: fixed;
    text-align: center;
    top: 38%;
    width: 25%;
    left: 38%;
}

.popup-promotion-warning {
    position: relative;
    font-size: 12px;
    color: red;
    width: 225px;
    left: 289px;
    top: -140px;
    font-weight: 600;
    margin-bottom: 21px;
}

.promotion-box {
    height: 61px;
}

.ad_popup {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 9999;
}

    .ad_popup .popup_close {
        position: relative;
        margin-top: -15%;
        margin-bottom: 24.5%;
        margin-right: 0%;
        margin-left: -2%;
        width: 3%;
        cursor: pointer;
    }

.m-popup-angpow-content {
    position: absolute !important;
    width: 45% !important;
    top: 55% !important;
    left: 30%;
    right: 30%;
}

.m-popup-angpow-name {
    position: absolute;
    color: white !important;
    font-weight: bold !important;
    font-size: 20px !important;
    bottom: 72%;
    left: 10%;
    right: 10%;
    text-align: center;
}

.m-popup-angpow-currency {
    position: absolute;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #ffe260 !important;
    top: 59%;
    left: 10% !important;
    right: 10% !important;
    text-align: center;
}

.m-popup-angpow-desp {
    position: absolute;
    font-size: 20px !important;
    color: #0e83cd !important;
    top: 138%;
    left: 10%;
    right: 10%;
    text-align: center;
}

.popup-angpow-content {
    position: absolute !important;
    width: 49% !important;
    top: 50% !important;
    left: 27% !important;
}

.verify-step-box {
    padding-left: 20px;
    padding-right: 20px;
}

.verify-title {
    color: #147dec;
    font-size: 1.15em;
    font-weight: 900;
    margin-top: 0px;
    margin-bottom: 0px;
}

.verify-desc {
    font-size: 15px;
    color: #777575;
}

.verify-mobile-header {
    width: 20%;
}

.verify-mobile-number {
    width: 50%;
}

.verify-button {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

    .verify-button button {
        padding-left: 40px;
        padding-right: 40px;
    }

    .verify-button .btn-default {
        background-color: #f4f3f3;
    }

.verification-msg {
    padding-top: 50px;
    padding-bottom: 40px;
}

.font-warning {
    color: red;
    font-weight: bolder;
}

.enter-otp-code {
    padding-top: 5px;
    text-align: center;
    margin-bottom: 20px;
}

    .enter-otp-code input {
        width: 300px;
    }

    .enter-otp-code button {
        padding: 12px 10px;
        width: 100px;
    }

.promosMain .promosList .promosItem .img {
    width: 570px !important;
    height: 210px !important;
}

.promosMain {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}

.promosList .promosItem .text {
    height: 210px !important;
}

#promoPage .promosItem .img img {
    height: 210px;
}

/*TNC dialog modal*/
.promo-detail-container {
    width: 96%;
    display: grid;
    grid-template-columns: 44% 56%;
}

    .promo-detail-container .promo-detail {
        display: grid;
        grid-template-rows: 1fr 2fr;
    }

        .promo-detail-container .promo-detail .promo-action {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 5px;
        }

.tncbox .modal-content {
    background: #0f0f0f;
}

    .tncbox .modal-content .message-content {
        color: white;
    }

.tncbox .promo-detail-container .promo-banner .img .more-info-img {
    width: 330px !important;
    height: 122px !important;
}