body.is-static {
    min-width: 1280px;
    background: #2C2E31;
}

body.memberexclusive {
    min-width: 1324px;
}

.page-layout {
    color: #C0C0C0;
}

.page-container {
    background: #F6F6F6;
    padding: 30px 0;
}

.first .page-container {
    padding-bottom: 0;
}

.promotion .ele-promotion-layout {
    color: #222;
}

.page-body {
    width: 1200px;
    margin: 0 auto;
}

.first .page-body {
    width: 100%;
}

.advertise .page-body {
    width: 1196px;
    background: url('../image/container_about_bg_y.jpg') 50% 0 repeat-y;
    box-shadow: 0 6px 21px rgb(168, 163, 150, 0.19);
    border-radius: 10px;
    border: 2px solid #FFF;
    padding-top: 5px;
}

.advertise.joinmember .page-body {
    background: #FFF;
    border: none;
    padding: 45px 60px 60px 60px;
    box-sizing: border-box;
}

.memberexclusive .page-body {
    width: 1200px;
    min-height: 600px;
    background: #FFF;
    border-radius: 20px;
    border: none;
    box-shadow: 0 6px 21px rgb(168, 163, 150, 0.19);
    padding-top: 40px;
}

/* header */
.header {
    height: 117px;
    background: url('../image/header_bg_x.png') 0 50% repeat-x;
}

.header-top {
    width: 1200px;
    margin: 0 auto;
}

.header-middle {
    position: relative;
    width: 1236px;
    margin: 0 auto;
}

/* logo */
.header-logo {
    position: absolute;
    top: 8px;
    left: 518px;
    z-index: 1;
}

/* 導覽列 */
.mainnav-wrap {
    text-align: center;
}

.ele-navbar-link-wrap:nth-child(6) {
    margin-left: 218px;
}

.mainnav-wrap .ele-navbar-link {
    position: relative;
    width: 64px;
    height: 42px;
    line-height: 41px;
    text-align: center;
    background: url('../image/nav_icon.png') 100% 50% no-repeat;
    padding: 21px 18px 20px;
}

    .mainnav-wrap .ele-navbar-link:hover::before,
    .mainnav-wrap .ele-navbar-link.active::before {
        position: absolute;
        left: 50%;
        top: 60px;
        content: '';
        margin-left: -15px;
        width: 30px;
        height: 3px;
        background: #0096FC;
    }

    .mainnav-wrap .ele-navbar-link:hover,
    .mainnav-wrap .ele-navbar-link.active {
        background: url('../image/nav_icon_over.png') 100% 50% no-repeat;
    }

.mainnav-wrap .ele-navbar-title {
    color: #323232;
    font-size: 16px;
}

.mainnav-wrap .ele-navbar-link:hover .ele-navbar-title,
.mainnav-wrap .ele-navbar-link.active .ele-navbar-title {
    color: #4095F5 !important;
}

.mainnav-wrap .ele-navbar-hot {
    bottom: 51px;
    left: 81px;
}

.mainnav-wrap .ele-subnav-template-2 .ele-subnav-link-wrap a:hover {
    color: #4195F4;
}

.ele-morenav {
    bottom: 1px;
    right: 1px;
}

/* 導覽列fixed時需要填滿螢幕寬 */
.page-header .fixed {
    z-index: 700;
    width: 100%;
    min-width: 1280px;
}

    .page-header .fixed.header-fixed {
        position: fixed;
        top: 0;
        left: 0;
    }

.memberexclusive .page-header .fixed {
    min-width: 1324px;
}

/* 登入 */
.login-wrap {
    float: right;
    margin-top: 4px;
}

.ele-login-unit {
    float: left;
    width: 128px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: none;
    border: 1px solid #666;
    margin-right: 10px;
}

    .ele-login-unit .ele-login-input {
        width: 130px;
        height: 24px;
        color: #C0C0C0;
        border: solid 1px transparent;
        padding: 0 0 0 8px;
    }

.ele-login-unit-account .ele-login-input {
    padding-right: 34px;
}

.ele-login-unit .ele-login-input:focus {
    border-color: #A58F5A;
}

.login-wrap .ele-login-placeholder,
.login-wrap .ele-acc-unicode {
    top: 0;
    color: #C0C0C0;
}

.login-wrap .ele-login-placeholder {
    left: 10px;
}

.en .login-wrap .ele-login-placeholder {
    font-size: 12px;
}

.login-wrap .ele-acc-unicode {
    right: 5px;
    font-size: 12px;
}

.login-wrap .ele-show-password {
    top: 6px;
    right: 47px;
}

.ele-login-unit .ele-forget-pw {
    max-width: 45px;
    color: #C0C0C0;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.en .ele-login-unit .ele-forget-pw {
    font-size: 12px;
}

.ele-login-unit .ele-forget-pw:hover {
    color: #FFF;
}

.login-wrap .ele-login-submit,
.login-wrap .ele-join-btn {
    float: left;
    width: 75px;
    height: 26px;
    transition: all 0.4s;
}

    .login-wrap .ele-login-submit:hover,
    .login-wrap .ele-join-btn:hover {
        background-position: 50% 100%;
    }

.login-wrap .ele-login-submit {
    margin-right: 10px;
}

/* 登入後 */
.mem-info {
    float: right;
    max-width: 230px;
    height: 34px;
    line-height: 17px;
}

    .mem-info::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.sport .mem-info,
.en.sport .mem-info {
    max-width: 200px;
}

.mem-info .ele-meminfo {
    display: inline-block;
    padding-right: 5px;
}

.ele-meminfo-wrap {
    display: inline-block;
    vertical-align: middle;
}

    .ele-meminfo-wrap strong {
        color: #FFF600;
    }

.mem-info .ele-other-balance:hover {
    color: #F4E7D2;
}

.SU-Menual {
    float: right;
    line-height: 34px;
}

    .SU-Menual li {
        float: left;
    }

    .SU-Menual a {
        margin: 0 4px 0 1px;
        color: inherit;
        text-decoration: none;
        transition: color 0.2s;
    }

    .SU-Menual li:last-child a {
        margin-right: 0;
    }

    .SU-Menual a:hover {
        color: #FFF;
    }

    .SU-Menual .msg-not-read-count {
        color: #FFF600;
    }

.ele-other-balance .fa-icon {
    width: 12px;
    vertical-align: middle;
}

/* 加號展開 */
.ele-balance-item-wrap {
    background: #EBEBEB;
}

    .ele-balance-item-wrap .ele-balance-item {
        border: 1px solid #EBEBEB;
    }

    .ele-balance-item-wrap .ele-balance {
        color: #333;
    }

    .ele-balance-item-wrap span,
    .ele-balance-item-wrap strong {
        color: inherit;
    }

    .ele-balance-item-wrap .ele-balance-tool {
        background: #3E4145;
    }

        .ele-balance-item-wrap .ele-balance-tool a {
            color: #000;
            background: #FFF;
        }

            .ele-balance-item-wrap .ele-balance-tool a:hover {
                color: #FFF;
                background: #DA0000;
            }

/* 輪播 */
.ad-wrap {
    position: relative;
    max-height: 500px;
    background: #EAF3FA;
    overflow: hidden;
}

    .ad-wrap .swiper {
        width: 100%;
        height: 100%;
	max-width: 1920px;
	max-height: 500px;
    }

.swiper .swiper-slide img {
	width: 100%;
}

/* 首頁 */
.first-links-wrap {
    width: 1200px;
    margin: 0 auto;
}

.first-link {
    float: left;
    width: 290px;
    height: 80px;
    line-height: 20px;
    color: #666;
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    background: url('../image/btn_link_bg.png') 50% 0 no-repeat;
    margin-right: 13px;
}

/*.first-promotion-link {
    overflow: hidden;
    white-space: nowrap;
}

    .first-promotion-link a {
        display: block;
        width: 290px;
        height: 80px;
    }*/

.first-ubbrowser-link {
    margin-right: 0;
}

.first-link:hover {
    color: #FFF;
    background-position: 50% 100%;
}

.first-link a {
    color: inherit;
}

.first-link::before,
.first-promotion-link a::before {
    display: inline-block;
    width: 70px;
    height: 50px;
    content: '';
    vertical-align: middle;
    margin: 15px 4px 0 48px;
}

/*.first-promotion-link::before {
    display: none;
}*/

.first-join-link::before {
    background: url('../image/icon_joinus.png') 50% 0 no-repeat;
}

.first-myrakeback-link::before {
    background: url('../image/icon_return.png') 50% 0 no-repeat;
}

.first-payquick-link::before {
    background: url('../image/icon_recharge.png') 50% 0 no-repeat;
    margin-right: 17px;
}

.first-promotion-link::before {
    background: url('../image/icon_event.png') 50% 0 no-repeat;
    margin: 13px 6px 0 48px;
}

.first-ubbrowser-link::before {
    background: url('../image/icon_ub.png') 50% 0 no-repeat;
    margin: 15px 9px 0 42px;
}

.first-link-text {
    display: inline-block;
    max-width: 168px;
    vertical-align: top;
    margin-top: 21px;
}

.first-link span {
    display: block;
    font-size: 12px;
    margin-top: 3px;
}

.first-intro-text {
    margin: 45px auto 50px;
    width: 1200px;
    line-height: 46px;
    color: #4095F5;
    font-size: 40px;
    text-align: center;
}

.first-game-intro-wrap {
    width: 1200px;
    margin: 0 auto;
}

.first-game-intro-item {
    position: relative;
    float: left;
    width: 590px;
    background: #FFF;
    box-shadow: 0 6px 21px rgba(168, 163, 150, 0.19);
    border-radius: 20px;
    padding: 200px 0 19px;
}

.first-casino-intro {
    margin-right: 20px;
}

.first-game-intro-img {
    position: absolute;
    top: -15px;
    left: 0;
    width: 590px;
    height: 215px;
}

    .first-game-intro-img:hover {
        opacity: 0.7;
    }

.first-game-text-inner {
    width: 550px;
    border-bottom: 2px solid #ECECEC;
    padding-bottom: 3px;
    margin: 26px auto 20px;
}

.first-game-text {
    float: left;
    width: 330px;
    color: #666;
    font-size: 13px;
    line-height: 24px;
    margin-left: 10px;
}

.first-game-intro-btn {
    float: right;
    width: 176px;
    height: 69px;
    transition: all 0.3s;
    margin-right: 2px;
}

    .first-game-intro-btn:hover {
        transform: translateY(-5px);
    }

.first-game-platform-inner {
    margin: 20px 0 0 16px;
}

.first-game-platform {
    float: left;
    width: 80px;
    color: #666;
    text-align: center;
}

    .first-game-platform:hover {
        color: #4095F5;
    }

.first-game-platform-icon {
    display: block;
    margin: 0 auto 11px;
    width: 47px;
    height: 47px;
}

.first-bbcasino-platform-icon {
    background: url('../image/icon_bbcasino.png') 50% 0 no-repeat;
}

.first-pgcasino-platform-icon {
    background: url('../image/icon_pgcasino.png') 50% 0 no-repeat;
}

.first-jdbcasino-platform-icon {
    background: url('../image/icon_jdbcasino.png') 50% 0 no-repeat;
}

.first-newmgcasino-platform-icon {
    background: url('../image/icon_mgcasino.png') 50% 0 no-repeat;
}

.first-cq9casino-platform-icon {
    background: url('../image/icon_cq9casino.png') 50% 0 no-repeat;
}

.first-agcasino-platform-icon {
    background: url('../image/icon_agcasino.png') 50% 0 no-repeat;
}

.first-ptcasino-platform-icon {
    background: url('../image/icon_ptcasino.png') 50% 0 no-repeat;
}

.first-bblive-platform-icon {
    background: url('../image/icon_bblive.png') 50% 0 no-repeat;
}

.first-aglive-platform-icon {
    background: url('../image/icon_aglive.png') 50% 0 no-repeat;
}

.first-ablive-platform-icon {
    background: url('../image/icon_allbetlive.png') 50% 0 no-repeat;
}

.first-bglive-platform-icon {
    background: url('../image/icon_bglive.png') 50% 0 no-repeat;
}

.first-evolive-platform-icon {
    background: url('../image/icon_evolive.png') 50% 0 no-repeat;
}

.first-mglive-platform-icon {
    background: url('../image/icon_mglive.png') 50% 0 no-repeat;
}

.first-ebetlive-platform-icon {
    background: url('../image/icon_ebetlive.png') 50% 0 no-repeat;
}

.first-game-platform:hover .first-game-platform-icon {
    background-position: 50% 100%;
}

.first-platform-item {
    float: left;
    transition: all 0.3s;
}

.first-card-platform,
.first-fisharea-platform {
    width: 590px;
    height: 215px;
}

.first-card-platform {
    margin: 24px 20px 43px 0;
}

.first-fisharea-platform {
    margin: 24px 0 43px;
}

.first-pgcasino-platform,
.first-ball-platform,
.first-lottery-platform {
    width: 386px;
    height: 200px;
    margin-right: 21px;
}

.first-pgcasino-platform {
    background-image: url('../image/first_pg_game.png');
}

.first-lottery-platform {
    margin-right: 0;
}

.first-platform-item:hover {
    opacity: 0.7;
}

.first-mobile-wrap {
    border-top: 1px solid #DDD;
    margin: 53px 0 34px;
}

.first-mobile-inner {
    width: 1280px;
    min-height: 523px;
    background: url('../image/container_mobile_img.png?v=1') 569px 50px no-repeat;
    padding-top: 103px;
    margin: 0 auto;
}

.first-mobile-text-wrap {
    float: left;
    width: 510px;
    color: #787878;
    font-size: 14px;
    margin-left: 40px;
}

.first-mobile-title {
    line-height: 54px;
    color: #4095F5;
    font-size: 54px;
    text-align: center;
}

.first-mobile-subtitle {
    margin: 15px 0 26px;
    line-height: 24px;
    color: #4095F5;
    font-size: 24px;
    text-align: center;
}

.first-mobile-text {
    line-height: 30px;
    text-indent: 2em;
    margin-bottom: 37px;
}

.first-mobile-left-info,
.first-mobile-right-info {
    float: left;
    max-width: 220px;
    text-align: center;
}

.first-mobile-left-info {
    margin: 0 58px 0 13px;
}

    .first-mobile-left-info .img-qrcode-bg {
        margin: 0 auto;
    }

.first-mobile-info-title {
    margin: 16px 0 7px;
    color: #4095F5;
    font-size: 18px;
}

.first-mobile-info-url {
    margin: 6px 0 9px;
    color: #4095F5;
    white-space: nowrap;
    overflow: hidden;
}

.first-mobile-right-info {
    background: url('../image/img_html5.png') 50% 0 no-repeat;
    padding-top: 152px;
}

    .first-mobile-right-info .first-mobile-info-title {
        margin-top: 9px;
    }

.first-website-intro-bg {
    background: #FFF;
    padding: 54px 0 42px;
}

.first-website-intro-title {
    width: 1200px;
    line-height: 40px;
    color: #4095F5;
    font-size: 40px;
    text-align: center;
    margin: 0 auto 42px;
}

.first-website-intro-detail {
    width: 1200px;
    margin: 0 auto;
}

.first-website-detail-item {
    float: left;
    width: 170px;
    text-align: center;
    margin-right: 145px;
    background: url('../image/img_circle.png') 50% 0 no-repeat;
    position: relative;
}

.first-website-detail-1 {
    margin-left: 41px;
}

.first-website-detail-4 {
    margin-right: 0;
}

/* 碼表 */
.ele-progress-bar-wrap {
    position: absolute;
    top: 15px;
    width: 140px;
    height: 140px;
    left: 50%;
    margin-left: -70px;
    transform: rotate(90deg);
}

.ele-progress-bar-wrap-Hva circle {
    fill: none
}

    .ele-progress-bar-wrap-Hva circle:nth-child(2).defaultStroke-ehl {
        stroke-dasharray: 400;
        stroke-dashoffset: 400
    }

.ele-progress-bar-wrap circle:nth-child(2).defaultStroke {
    stroke-dasharray: 408;
    stroke-dashoffset: 408;
}

@keyframes circle-progess1 {
    0% {
        stroke-dashoffset: 408;
    }

    100% {
        stroke-dashoffset: 323;
    }
}

@keyframes circle-progess2 {
    0% {
        stroke-dashoffset: 408;
    }

    100% {
        stroke-dashoffset: 136;
    }
}

@keyframes circle-progess3 {
    0% {
        stroke-dashoffset: 400;
    }

    100% {
        stroke-dashoffset: 272;
    }
}

@keyframes circle-progess4 {
    0% {
        stroke-dashoffset: 400;
    }

    100% {
        stroke-dashoffset: 210;
    }
}

.first-website-counter-inner {
    margin-top: 52px;
    font-size: 14px;
}

.ele-counter-number-num {
    font-size: 40px;
}

.first-website-detail-text {
    margin-top: 69px;
    line-height: 16px;
    color: #3E4145;
    font-size: 16px;
}

.first-website-feature-detail {
    margin: 52px auto 0;
    width: 1264px;
}

.first-website-feature-item {
    float: left;
    width: 315px;
    line-height: 23px;
    color: #666;
    font-size: 13px;
    text-align: center;
    padding-top: 127px;
}

.first-website-feature-item-1 {
    background: url('../image/container_img01.png') 50% 0 no-repeat;
}

.first-website-feature-item-2 {
    background: url('../image/container_img02.png') 50% 0 no-repeat;
}

.first-website-feature-item-3 {
    background: url('../image/container_img03.png') 50% 0 no-repeat;
}

.first-website-feature-item-4 {
    background: url('../image/container_img04.png') 50% 0 no-repeat;
}

.first-website-feature-title {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 21px;
}

.banner-wrap {
    height: 260px;
}

/* 最新消息 */
.news-wrap {
    background-color: #FFF;
}

.advertise .news-wrap {
    border-top: 1px solid #E2ECF2;
}

.news-inner {
    width: 1200px;
    font-size: 14px;
    margin: 0 auto;
}

.news-title,
.news-item {
    float: left;
    height: 42px;
    line-height: 42px;
}

.news-title {
    width: 70px;
    color: #4095F5;
    background: url('../image/news_bg.png') 0 50% no-repeat;
    padding-left: 25px;
}

.news-item {
    width: 1008px;
}

    .news-item a {
        color: #666;
    }

.news-service {
    float: right;
    width: 63px;
    height: 20px;
    line-height: 20px;
    color: #4095F5;
    text-align: right;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: url('../image/service_icon.png') 0 0 no-repeat;
    padding-left: 20px;
    margin-top: 11px;
}

    .news-service:hover {
        color: #0DA6FF;
        background-position: 0 100%;
    }

/* 網站導覽 */
.ele-sitebox {
    width: 390px;
}

.ele-sitebox-header {
    height: 5px;
    background: #456;
}

.ele-sitebox-nav {
    background: #789;
}

.ele-sitebox-footer {
    height: 10px;
    background: #CBA;
}
/* 網站導覽LOGO下拉的LINK */
.ele-sitebox .ele-sitemap-link {
    margin: 0 13px 15px;
    width: 97px;
}
/* 網站導覽頁的LINK */
.ele-sitemap .ele-sitemap-link {
    margin: 0 13px 15px;
    width: 97px;
}

/* 切換語系 */
.lang-wrap {
    float: left;
    width: 118px;
    height: 24px;
    font-size: 14px;
    background: url('../image/select_icon.png') 102px 50% no-repeat;
    border: 1px solid #666;
    margin-top: 4px;
}

/* 語系下拉樣式 */
.lang-flag {
    top: 5px;
    left: 9px;
}

.ele-lang-wrap .lang-text {
    height: 24px;
    line-height: 23px;
    color: #C0C0C0;
    padding: 0 16px 0 40px;
}

.ele-lang-wrap .lang-wrap-list-wrap {
    padding-top: 2px;
}

.lang-wrap-list {
    font-size: 14px;
    background-color: #3D4145;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
}

.lang-wrap-list-wrap .lang-flag {
    top: 7px;
}

.lang-wrap-list-wrap .lang-text {
    height: 30px;
    line-height: 30px;
}

.lang-wrap-list-wrap .lang-item:hover .lang-text {
    color: #FFF;
    background: #3D4145;
}

.header-time-text {
    float: left;
    line-height: 34px;
    font-size: 14px;
    margin-left: 7px;
}

.top-link-wrap {
    float: left;
    max-width: 298px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    overflow: hidden;
}

.sport .top-link-wrap,
.en .top-link-wrap {
    max-width: 210px;
}

.sport.en .top-link-wrap {
    max-width: 216px;
}

.top-link-wrap a {
    margin: 0 3px;
    color: inherit;
    text-decoration: none;
}

.top-link-wrap .ele-custom-link a:hover {
    color: #FFF !important;
}

/* footer */
.page-footer {
    background: url('../image/footer_bg_x.png') 50% 0 repeat-x;
}

.footer {
    width: 1200px;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
}

.footer-top {
    border-bottom: 1px solid #505050;
    padding: 27px 0 26px;
    width: 1220px;
    margin-left: -10px;
}

.footer-logo {
    float: left;
    height: 40px;
}

    .footer-logo:hover {
        background-position: 50% 100%;
    }

.bblogo {
    background: url('../image/gray.png') 0 50% no-repeat;
    background-size: contain;
    width: 91px;
}

    .bblogo:hover {
        background-image: url('../image/white_bbin.png');
        background-position: 0 50%;
    }

.browser-logo {
    margin: 0 12px 0 0;
    background: url('../image/ub.png') 0 50% no-repeat;
    background-size: contain;
    width: 175px;
}

    .browser-logo:hover {
        background-image: url('../image/white_ub.png');
    }

.footer-logo-3 {
    width: 63px;
    background: url('../image/footer_img01.png') 50% 0 no-repeat;
}

.footer-logo-4 {
    width: 63px;
    background: url('../image/footer_img02.png') 50% 0 no-repeat;
}

.footer-logo-5 {
    width: 82px;
    background: url('../image/footer_img03.png') 50% 0 no-repeat;
}

.footer-logo-6 {
    width: 65px;
    background: url('../image/footer_img04.png') 50% 0 no-repeat;
}

.footer-logo-7 {
    width: 126px;
    background: url('../image/footer_img05.png') 50% 0 no-repeat;
}

.footer-logo-8 {
    width: 171px;
    background: url('../image/footer_img06.png') 50% 0 no-repeat;
}

.footer-logo-9 {
    width: 136px;
    background: url('../image/footer_img07.png') 50% 0 no-repeat;
}

.footer-logo-10 {
    width: 138px;
    background: url('../image/footer_img08.png') 50% 0 no-repeat;
}

.footer-logo-11 {
    width: 52px;
    background: url('../image/footer_img09.png') 50% 0 no-repeat;
}

.footer-logo-12 {
    width: 160px;
    background: url('../image/footer_img10.png') 50% 0 no-repeat;
}

.footer-logo-13 {
    width: 117px;
    background: url('../image/footer_img15.png') 50% 0 no-repeat;
}

.footer-logo-14 {
    width: 156px;
    background: url('../image/footer_img16.png') 50% 0 no-repeat;
}

.footer-logo-15 {
    width: 112px;
    background: url('../image/footer_img17.png') 50% 0 no-repeat;
}

.footer-logo-16 {
    width: 156px;
    background: url('../image/footer_img18.png') 50% 0 no-repeat;
}

.article-menu {
    height: 20px;
    overflow: hidden;
    margin: 29px 0 23px;
}

    .article-menu .ele-article-link-wrap {
        display: inline-block;
    }

    .article-menu .ele-article-link a {
        color: inherit;
        margin: 0 22px;
    }

        .article-menu .ele-article-link a:hover {
            color: #FFF !important;
        }

.footer-lisence-wrap {
    margin-bottom: 43px;
    text-align: center;
    display: flex;
}

.footer-lisence-item {
    display: inline-block;
    width: 300px;
}

.footer-lisence-img {
    height: 41px;
    margin-bottom: 12px;
}

.footer-lisence-item-1 .footer-lisence-img {
    width: 89px;
    background: url('../image/footer_img11.png') 50% 0 no-repeat;
    margin-left: 105px;
}

.footer-lisence-item-2 .footer-lisence-img {
    width: 154px;
    background: url('../image/footer_img12.png') 50% 0 no-repeat;
    margin-left: 73px;
}

.footer-lisence-item-3 .footer-lisence-img {
    width: 169px;
    background: url('../image/footer_img13.png') 50% 0 no-repeat;
    margin-left: 65px;
}

.footer-lisence-item-4 .footer-lisence-img {
    width: 40px;
    background: url('../image/footer_img14.png') 50% 0 no-repeat;
    margin-left: 130px;
}

.footer-lisence-img:hover {
    background-position: 50% 100%;
}

.footer-info {
    margin: 15px 0;
}

/* 文案頁 */
.page-sidebar {
    float: left;
    width: 210px;
}

.page-right {
    float: right;
    width: 929px;
    color: #000;
    padding: 20px 28px;
}

.joinmember .page-right {
    float: left;
    width: 700px;
    border-right: 1px solid #CFDBE8;
    padding-left: 0;
    padding-right: 50px;
}

.page-sidebar .ele-article-link a {
    display: block;
    height: 60px;
    line-height: 60px;
    color: #323232;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    padding: 0 13px;
}

    .page-sidebar .ele-article-link.active a,
    .page-sidebar .ele-article-link a:hover {
        color: #FFF;
        background: #0096FC;
    }

.page-right .case-article-title {
    line-height: 30px;
    color: #000;
    font-size: 30px;
    text-align: center;
    border-bottom: 3px solid #CFDBE8;
    padding-bottom: 32px;
    margin: 0 0 30px;
}

.advertise ul.mtab-menual {
    text-align: center;
    border-bottom: 1px solid #1E1E1E;
    padding: 0 0 22px;
    margin: 0 0 10px;
}

    .advertise ul.mtab-menual li {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        color: #636363;
        cursor: pointer;
        font-size: 14px;
        text-align: center;
        transition: background-color 0.4s;
        border: 1px solid transparent;
        border-radius: 26px;
        padding: 0 17px;
        margin: 0 4px;
    }

        .advertise ul.mtab-menual li:hover,
        .advertise ul.mtab-menual li.mtab {
            color: #1379D7;
            border-color: #1379D7;
        }

.join-dowload-wrap {
    float: right;
    margin: 16px 0 0 0;
    padding-top: 262px;
    width: 267px;
    background: url('../image/container_joinus_code_login.jpg') 33px 44px no-repeat;
    color: #323232;
    font-size: 14px;
    text-align: center;
}

.join-dowload-device {
    margin-top: 13px;
    color: #4095F5;
}

.join-dowload-slogan {
    margin: 37px auto 0;
    width: 257px;
    height: 100px;
    background: url('../image/container_joinus_img.png') 50% 0 no-repeat;
}

.join-header-title {
    margin-bottom: 10px;
    background: url("../image/m_welcome.png") 0 0 no-repeat;
    max-height: 70px;
    line-height: 80px;
    color: #323333;
    text-indent: 1em;
    font-size: 24px;
    padding-left: 60px;
    font-weight: 700;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 13px;
}

/* 優惠活動 */
.promotion-wrap {
    color: #222;
}

.ele-promotion-sort-wrap {
    width: 1130px;
    margin: 0 auto 22px;
}

    .ele-promotion-sort-wrap .ele-promotion-sort {
        display: inline-block;
        margin: 0 5px;
    }

    .ele-promotion-sort-wrap .ele-promotion-sort-link {
        min-width: 120px;
        line-height: 42px;
        color: #313131;
        font-size: 14px;
        text-align: center;
        background: #F0F6F9;
        border-radius: 25px;
        padding: 0 10px;
    }

        .ele-promotion-sort-wrap .ele-promotion-sort-link:hover,
        .ele-promotion-sort-wrap .ele-promotion-sort.active .ele-promotion-sort-link {
            color: #FFF;
            background: #0096FC;
        }

.ele-promotion-content-wrap {
    width: 1180px;
    margin: 0 auto 1px;
}

    .ele-promotion-content-wrap .js-mem-exclusive-dialog {
        margin: 0 10px 16px;
    }

/* 首頁 */
.first-casino-intro .first-game-intro-img {
    background-image: url('../image/first_casino_game.png?v=4');
}

.first-live-intro .first-game-intro-img {
    background-image: url('../image/first_live_game.png?v=4');
}

.first-game-intro-btn {
    background-image: url('../image/btn_entergame.png?v=4');
}

.first-card-platform {
    background-image: url('../image/first_card_game.png?v=4');
}

.first-fisharea-platform {
    background-image: url('../image/first_fishing_game.png?v=4');
}

.first-ball-platform {
    background-image: url('../image/first_sports_game.png?v=4');
}

.first-lottery-platform {
    background-image: url('../image/first_lottery_game.png?v=4');
}

.ele-article-link-wrap-1eo.h-1xT .ele-article-link-2FF, .ele-article-link-wrap-1eo.h-1xT .ele-article-link-line-3BQ {
    float: left
}

.ele-article-link-2FF > a {
    display: block;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

/* banner-wrap */
.slot.banner-wrap {
    background: url('../image/title_game.jpg?v=5') #F6F6F6 50% 0 no-repeat;
}

.card.banner-wrap {
    background: url('../image/title_card.jpg?v=5') #F6F6F6 50% 0 no-repeat;
}

.live.banner-wrap {
    background: url('../image/title_live.jpg?v=5') #F6F6F6 50% 0 no-repeat;
}

.sport.banner-wrap {
    background: url('../image/title_sports.jpg?v=5') #F6F6F6 50% 0 no-repeat;
}

.lottery.banner-wrap {
    background: url('../image/title_lottery.jpg?v=5') #F6F6F6 50% 0 no-repeat;
}

.fisharea.banner-wrap {
    background: url('../image/title_fishing.jpg?v=5') #F6F6F6 50% 0 no-repeat;
}

.promotion.banner-wrap {
    background: url('../image/title_promotions.jpg?v=5') #F6F6F6 50% 0 no-repeat;
}