html.only-mobile {
            margin: 0 auto;
            max-width: 454PX;
            min-height: 100vh;
            contain: paint;
            background-color: #B9B9B9;
        }
        html.only-mobile * {
            scrollbar-width: none;
        }
        .loading-mask-wrap {
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            align-items: center;
            justify-content: center;
            z-index: 999;
        }
        .loading-svg {
            width: 206px;
            height: 172px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: 40%;
        }
/* 大外框、各頁內容 */
body.is-static {
    background: #353A42;
    min-width: 1200px;
}
body.first.is-static {
    min-width: 1605px;
}
.page-container {
    background-color: #F8F8FB;
}
.first .page-container {
    background: #FFF url('../images/b457176a-container_bg.jpg') 50% -40px no-repeat;
}
.advertise .page-container {
    padding: 40px 0 51px;
}
.memberexclusive .page-container {
    padding: 25px 0 36px;
}
.page-body {
    width: 960px;
    padding: 40px 0 51px;
    margin: 0 auto;
}
.first .page-body {
    width: 100%;
    padding: 9px 0 0;
}
.casino .page-body {
    padding-top: 21px;
}
.promotion .page-body {
    padding: 25px 0 36px;
}
.advertise .page-body {
    width: 1200px;
    display: flex;
    background-color: #FFF;
    box-shadow: 2px 6px 12px 8px rgba(51, 51, 102, 0.01);
    padding: 0 0 88px;
}
.memberexclusive .page-body {
    padding: 0;
}
/* header */
.page-header {
    background: #FFF;
}
.header-middle-wrap {
    position: relative;
    height: 190px;
    background: url('../images/544007bb-header_bg_x.jpg') 0 0 repeat-x;
    z-index: 700;
}
.header-main {
    width: 1200px;
    margin: 0 auto;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 3px;
}
.time-set {
    display: inline-block;
    vertical-align: middle;
    color: #C0C0C0;
    font-size: 14px;
    line-height: 24px;
    margin-left: 7px;
}

/* 自訂連結 */
.top-link-wrap {
    color: #C0C0C0;
    font-size: 12px;
    max-width: 880px;
    height: 17px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px;
}
.top-link-wrap a {
    color: inherit;
}
.top-link-wrap .ele-custom-link a:hover {
    text-decoration: underline;
}
.top-link-wrap .ele-custom-link-line {
    margin: 0 3px;
}

/* 語系下拉樣式 */
.lang-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
}
.ele-lang-wrap .current-lang {
    width: 101px;
    color: #C0C0C0;
    background: url('../images/e3a8b23b-lang_bg.png') 50% 0 no-repeat;
    padding: 1px 0 0 28px;
    box-sizing: border-box;
}
.ele-lang-wrap .current-lang:hover {
    background-position-y: 100%;
    color: #D2B052;
}
.ele-lang-wrap .current-lang .lang-flag {
    top: 2px;
    left: 3px;
}
.ele-lang-wrap .current-lang .lang {
    height: 20px;
    line-height: 20px;
}
.lang-wrap-list {
    background: #000;
    border-radius: 0 0 5px 5px;
    padding-bottom: 5px;
}
.ele-lang-wrap .lang-item {
    color: #C0C0C0;
    padding-left: 35px;
    margin-bottom: 8px;
}
.ele-lang-wrap .lang-item.selected {
    color: #D2B052;
}
.ele-lang-wrap .lang-item:last-child {
    margin-bottom: 0;
}
.ele-lang-wrap .lang-item:hover {
    color: #D2B052;
}
.ele-lang-wrap .lang-item .lang-flag {
    top: 2px;
    left: 10px;
}
.ele-lang-wrap .lang-item .lang-text {
    height: 22px;
    line-height: 22px;
}
/* fixed 時需要填滿螢幕寬 */
.header-middle-wrap .fixed {
    background: url('../images/544007bb-header_bg_x.jpg') 0 0 repeat-x;
    width: 100%;
    min-width: 1200px;
    height: 190px;
    z-index: 700;
}
.first .header-middle-wrap .fixed {
    min-width: 1605px;
}
.header-middle {
    display: flex;
    align-items: center;
}
.header-middle-wrap .fixed .header-main {
    margin: 0 auto;
    width: 1200px;
}

/* logo */
.header-logo {
    width: 168px;
    height: 87px;
    margin: 12px 0 0 28px;
}

/* 導覽列 */
.mainnav-wrap {
    margin: 17px 0 0 19px;
}
.mainnav-wrap .ele-navbar-icon {
    margin: 0 auto;
}
.ele-navbar-link-wrap {
    margin: 8px 0 5px 7px;
}
.ele-navbar-hot {
    bottom: 51px;
    left: 64px;
}
.ele-navbar-title {
    width: 70px;
    height: 18px;
    color: #6C7BA8;
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    padding: 10px 9px 0;
}
.ele-navbar-link:hover .ele-navbar-title,
.ele-navbar-link.active .ele-navbar-title {
    color: #4A5782 !important;
}
.ele-morenav {
    right: -22px;
    bottom: 24px;
    background: url('../images/8c8438b0-sub.png') 50% 0 no-repeat;
}

/* 登入 */
.header-bottom {
    padding: 17px 0 0 148px;
    box-sizing: border-box;
}
.is-login .header-bottom {
    padding: 17px 0 0;
}
.login-wrap {
    float: left;
    font-size: 19px;
    color: #6C7BA8;
}
.login-left,
.login-input {
    display: flex;
}
.login-left {
    width: 705px;
}
.login-title {
    display: inline-block;
    height: 41px;
    line-height: 41px;
}
.login-input {
    width: 372px;
    height: 39px;
    background: url('../images/c78839ce-loginInput_bg01.png') 0 0 no-repeat;
    margin: 0 20px 0 18px;
}
.login-left .ele-login-unit {
    width: 181px;
    height: 39px;
    background: transparent;
    padding-top: 1px;
    box-sizing: border-box;
}
.login-left .ele-login-input {
    padding-left: 15px;
}
.ele-login-unit-account .ele-login-input {
    width: 127px;
    color: #6C7BA8;
}
.ele-login-unit-password .ele-login-input {
    width: 105px;
    color: #6C7BA8;
}
.login-left .ele-login-placeholder,
.login-left .ele-acc-unicode {
    top: 0;
    line-height: 30px;
    color: #6C7BA8;
    font-size: 13px;
}
.login-left .ele-login-placeholder {
    top: 7px;
    left: 15px;
}
.login-left .ele-login-unit-account .ele-login-placeholder {
    left: 18px;
}
.login-left .ele-acc-unicode {
    top: 6px;
    right: 6px;
    font-size: 12px;
}
.login-left .ele-show-password {
    top: 15px;
    right: 42px;
}
.login-left .ele-forget-pw {
    width: 34px;
    color: #6C7BA8;
    font-size: 13px;
    top: 15px;
    right: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.login-left .ele-forget-pw:hover {
    color: #4A5782;
}
.login-left .ele-login-submit {
    width: 104px;
    height: 39px;
    font-size: 15px;
    color: #FFF;
    background: url('../images/9eabd074-btn_login.png') 0 0 no-repeat;
}
.login-left .ele-join-btn {
    width: 104px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    background: url('../images/a13a44a3-btn_joinus.png') 0 0 no-repeat;
    margin-left: 10px;
}
.login-left .ele-login-submit:hover,
.login-left .ele-join-btn:hover {
    background-position: 0 100%;
}
.reurl {
    float: right;
    max-width: 240px;
    font-size: 18px;
    color: #6C7BA8;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 9px;
    padding-right: 104px;
}
/* 登入後 */
.su-logout-btn,
.mem-info,
.is-login-title {
    float: right;
}
.mem-info {
    min-width: 342px;
    color: #4A5782;
    padding-top: 4px;
}
.en .mem-info {
    margin-right: 15px;
}
.is-login-title {
    font-size: 19px;
    color: #6C7BA8;
    padding-top: 13px;
    margin: 0 19px 0 0;
}
.is-login .reurl {
    padding: 9px 85px 0 0;
    margin: 0;
}
.mem-info .ele-meminfo,
.mem-info .ele-meminfo-unit {
    display: inline-block;
}
.mem-info .ele-meminfo {
    padding-right: 10px;
}
.mem-info .ele-meminfo-balance {
    padding-right: 9px;
}
.mem-info .ele-meminfo span {
    margin-right: 4px;
}
.mem-info .ele-balance-wrap .fa-icon {
    color: #4A5782;
    width: 10px;
    height: 12px;
    margin-top: 1px;
}
.su-logout-btn {
    width: 104px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
    background: url('../images/9eabd074-btn_login.png') 0 0 no-repeat;
    margin: 0 55px 0 0;
}
.su-logout-btn:hover {
    color: #4A5782;
    background-position-y: 100%;
}

/* 加號展開 */
.ele-balance-item-wrap {
    background: #FFF;
}
.ele-balance-item-wrap .ele-balance-item {
    border: 1px solid #FFF;
}
.ele-balance-item-wrap .ele-balance {
    color: #6C7BA8;
    font-size: 13px;
}
.ele-balance-item-wrap span,
.ele-balance-item-wrap strong {
    color: inherit;
}
.ele-balance-item-wrap .ele-balance-tool {
    background: #E4E4E4ef;
}
.ele-balance-item-wrap .ele-balance-tool a {
    color: #FFF;
    background-color: #6C7BA8;
    font-size: 13px;
    transition: background-color 0.2s linear;
}
.ele-balance-item-wrap .ele-balance-tool a:hover {
    background: #5D6D9D;
}

/* 會員選單 */
.SU-Menual {
    color: #4A5782;
    font-size: 13px;
    margin-bottom: 4px;
}
.SU-Menual li {
    display: inline-block;
    margin-left: 5px;
}
.SU-Menual li:first-child {
    margin-left: 0;
}
.SU-Menual a {
    font-size: 12px;
    color: inherit;
    transition: color 0.2s;
}
.SU-Menual a:hover {
    text-decoration: underline;
}

/* 輪播 */
.ad-wrap {
    position: relative;
    height: 502px;
    overflow: hidden;
}
.ele-slideshow-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.ele-slideshow-nav a {
    width: 27px;
    height: 6px;
    background: url('../images/95bdbb51-slider_ctrl.png') 0 0 no-repeat;
    background-color: transparent;
    margin: 0 2px;
}
.ele-slideshow-nav a.active,
.ele-slideshow-nav a:hover {
    background-position-x: 100%;
    background-color: transparent;
}

/* 最新消息 */
.news-wrap {
    display: flex;
    width: 1200px;
    padding-left: 4px;
    margin: 0 auto;
}
.news-title,
.news-item {
    height: 40px;
    line-height: 40px;
}
.news-title {
    background: none 0 50% no-repeat;
    width: 76px;
    color: #404261;
    font-size: 16px;
}
.news-item {
    width: 1124px;
    color: #4A5782;
    font-size: 12px;
}
.news-item .ele-msgnews-wrap:hover a {
    text-decoration: underline;
}

/* banner */
.banner-wrap {
    height: 243px;
}

/* 首頁遊戲圖 */
.first-game-box-bottom .ele-firstgame-intro:last-child {
    margin-left: 2px;
}

/* 彩金 */
.first-jp-wrap {
    display: flex;
    width: 1193px;
    padding-left: 7px;
    margin: 0 auto;
}
.first-jp-wrap-side {
    padding-top: 37px;
}
.jp-icon {
    display: inline-block;
    color: #6C7BA8;
    text-align: center;
    font-size: 12px;
    width: 52px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 18px 0 13px;
}
.jp-icon:hover .jp-icon-img {
    background-position-y: 100%;
}

.jp-icon-img {
    height: 40px;
    margin-bottom: 11px;
}

.jp-icon-img-1 {
    background: url('../images/d4eeb44d-c_upgrade_icon.png') 0 0 no-repeat;
}
.jp-icon-img-2 {
    background: url('../images/c2ed587e-c_trade_icon.png') 0 0 no-repeat;
}
.jp-icon-img-3 {
    background: url('../images/ae2e04f1-c_credit_icon.png') 0 0 no-repeat;
}
.jp-icon-img-4 {
    background: url('../images/e4bea762-c_affiliation_icon.png') 0 0 no-repeat;
}
.jp-icon-img-5 {
    background: url('../images/eef0436f-c_recharge_icon.png') 0 0 no-repeat;
}
.jp-icon-img-6 {
    background: url('../images/033b1ee0-c_alipay_icon.png') 0 0 no-repeat;
}
.jp-icon-img-7 {
    background: url('../images/ae0b156d-c_wechat_icon.png') 0 0 no-repeat;
}
.jp-icon-img-8 {
    background: url('../images/d4101573-c_union_pay_icon.png') 0 0 no-repeat;
}
.first-jp {
    font-size: 30px;
    padding-top: 71px;
    margin: 0 17px;
}
.jp-off {
    width: 494px;
    height: 116px;
    margin: 0 17px;
}
.jackpot-wrap {
    text-align: right;
}
.jackpot-number,
.jackpot-text {
    display: inline-block;
    width: 43px;
    line-height: 44px;
    font-size: 33px;
    text-align: center;
    margin-left: 2px;
}
.jackpot-number:first-child,
.jackpot-text:first-child {
    margin-left: 0;
}

.game-list-wrap {
    position: relative;
    width: 1276px;
    height: 519px;
    background: url('../images/d830e2dc-container_game_bg.png') 0 -2px no-repeat;
    padding: 51px 0 0 329px;
    margin: 0 auto;
}
.game-list-left-wrap,
.game-list-right-wrap {
    float: left;
}
.game-list-left-wrap {
    width: 720px;
}
.game-list-right-wrap {
    width: 206px;
    color: #4A5782;
    margin: 17px 0 0 10px;
}
.game-list-detail-wrap {
    position: relative;
    width: 699px;
    height: 395px;
    overflow: hidden;
    margin-left: 21px;
    padding-top: 4px;
}
.game-list-detail-slide {
    position: relative;
    display: flex;
}
.detail-item {
    float: left;
    width: 140px;
    height: 185px;
    text-decoration: none;
    padding: 0 9px;
    margin: 0 16px 2px 0;
}
.detail-item .item-name {
    width: 100px;
    height: 28px;
    font-size: 14px;
    color: #4A5782;
    padding: 136px 20px 0;
    text-align: center;
    text-overflow: hidden;
    white-space: nowrap;
}
.game-detail-bb .detail-item .item-name {
    background: url('../images/74866fb7-bb.png') 0 0 no-repeat;
}
.game-detail-sw .detail-item .item-name {
    background: url('../images/bc9ed654-sw.png') 0 0 no-repeat;
}
.game-detail-fg .detail-item .item-name {
    background: url('../images/6a23ddef-fg.png') 0 0 no-repeat;
}
.game-detail-cq9 .detail-item .item-name {
    background: url('../images/1d23b181-cq9.png') 0 0 no-repeat;
}
.game-detail-ka .detail-item .item-name {
    background: url('../images/30d54fd8-ka.png') 0 0 no-repeat;
}
.game-detail-ag .detail-item .item-name {
    background: url('../images/08e34a51-ag.png') 0 0 no-repeat;
}
.game-detail-jdb .detail-item .item-name {
    background: url('../images/521d5e02-jdb.png') 0 0 no-repeat;
}
.game-detail-mg .detail-item .item-name {
    background: url('../images/31e79194-mg.png') 0 0 no-repeat;
}
.game-detail-hb .detail-item .item-name {
    background: url('../images/2eaeddc5-hb.png') 0 0 no-repeat;
}
.detail-item.detail-item-2 .item-name {
    background-position: -140px 0;
}
.detail-item.detail-item-3 .item-name {
    background-position: -280px 0;
}
.detail-item.detail-item-4 .item-name {
    background-position: -420px 0;
}
.detail-item.detail-item-5 .item-name {
    background-position: -560px 0;
}
.detail-item.detail-item-6 .item-name {
    background-position: -700px 0;
}
.detail-item.detail-item-7 .item-name {
    background-position: -840px 0;
}
.detail-item.detail-item-8 .item-name {
    background-position: -980px 0;
}
.detail-item .item-name:hover {
    background-position-y: 100%;
}
.game-star-wrap {
    float: left;
    margin-right: 10px;
}

.game-list-wrap .game-star-wrap .star {
    float: left;
    width: 13px;
    height: 13px;
    background: url('../images/6c2c405d-img_star01.png') 0 0 no-repeat;
}
.game-list-wrap .game-star-wrap .star.no-star {
    background: url('../images/2249ba8a-img_star.png') 0 0 no-repeat;
}
.game-number-wrap {
    float: left;
    height: 20px;
    line-height: 19px;
    color: #6C7BA8;
    font-size: 12px;
}
.jp-title {
    font-size: 23px;
    color: #404261;
    text-align: center;
    height: 41px;
    line-height: 41px;
    margin: 0 0 12px;
}
.members,
.super-jp {
    float: left;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    width: 103px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 16px;
}
.jp-show {
    padding-left: 31px;
    height: 367px;
    overflow: hidden;
}
.jp-warp {
    text-align: center;
    font-size: 12px;
    animation: jp-move linear 8s infinite;
}
@keyframes jp-move {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-364px);
    }
}
.jp-warp span {
    float: left;
    width: 70px;
    height: 26px;
    text-align: right;
}
.jp-warp span.jp-list {
    clear: left;
    margin-right: 5px;
    text-align: left;
}
.game-list-wrap-left-img {
    position: absolute;
    width: 70px;
    height: 81px;
    background: url('../images/fe356bf7-game_item_img01.png') 0 0 no-repeat;
    left: 288px;
    animation: fly1 1.2s linear infinite alternate;
}
.game-list-wrap-right-img {
    position: absolute;
    width: 126px;
    height: 81px;
    background: url('../images/f205c119-game_item_img03.png') 0 0 no-repeat;
    right: 65px;
    animation: fly2 1.2s linear infinite alternate;
}
@keyframes fly1 {
    0% {
        top: 122px;
    }
    100% {
        top: 145px;
    }
}
@keyframes fly2 {
    0% {
        top: 277px;
    }
    100% {
        top: 292px;
    }
}
.slide-game-type-wrap {
    position: relative;
    width: 720px;
    height: 97px;
    padding-left: 12px;
    box-sizing: border-box;
}
.slide-game-type-wrap .top-carousel {
    width: 581px;
}
.game-type-wrap {
    width: 581px;
    margin: 0 auto;
    overflow: hidden;
}
.game-type-lists {
    position: relative;
    display: flex;
}
.game-type-item {
    background: url('../images/c492da5a-game_line.png') 100% 0 no-repeat;
}
.game-type-item .item {
    width: 97px;
    height: 97px;
    cursor: pointer;
}
.swiper-slide-active .list-item,
.game-type-item .item:hover,
.game-type-item .item.current {
    background-position-y: 100%;
}
.game-type-item .item.item-2 {
    background-position-x: -98px;
}
.game-type-item .item.item-3 {
    background-position-x: -196px;
}
.game-type-item .item.item-4 {
    background-position-x: -294px;
}
.game-type-item .item.item-5 {
    background-position-x: -392px;
}
.game-type-item .item.item-6 {
    background-position-x: -490px;
}
.game-type-item .item.item-7 {
    background-position-x: -588px;
}
.game-type-item .item.item-8 {
    background-position-x: -686px;
}
.game-type-item .item.item-9 {
    background-position-x: -784px;
}
.swiper-button-prev,
.swiper-button-next {
    width: 25px;
    height: 25px;
    cursor: pointer;
    top: 53px;
    background: url('../images/5b679e7d-c_game_arrow.png') 0 0 no-repeat;
}
.swiper-button-prev {
    left: 26px;
}
.swiper-button-next {
    right: 15px;
    background-position-y: 100%;
}

.first-game-box {
    width: 1235px;
    margin: 0 auto;
    padding: 90px 0 10px;
}
.first-game-card {
    float: left;
    width: 572px;
    height: 423px;
    background: url('../images/0657d232-card_bg.png') 0 0 no-repeat;
    padding: 66px 0 0 40px;
    margin-bottom: -16px;
}
.first-game-card:hover {
    transform: scale(1.1);
    transition: all 0.5s;
    background: url('../images/c3b42039-card_bg_hover.png') 0 0 no-repeat;
}
.first-game-casino {
    float: right;
    width: 568px;
    height: 423px;
    background: url('../images/461480e7-casino_bg.png') 0 0 no-repeat;
    padding: 65px 0 0 44px;
    margin-bottom: -16px;
}
.first-game-casino:hover {
    transform: scale(1.1);
    transition: all 0.5s;
    background: url('../images/4408439d-casino_bg_hover.png') 0 0 no-repeat;
}
.first-game-box-title {
    width: 239px;
    height: 103px;
}
.first-card-title {
    margin-bottom: 126px;
}
.first-casino-title {
    margin: 0 0 126px 1px;
}
.first-game-box .first-game-box-description {
    float: left;
    width: 384px;
    line-height: 22px;
    font-size: 12px;
    color: #4A5782;
    margin: 0 14px 0 8px;
}
.first-game-casino .first-game-box-description {
    margin: 1px 14px 0 4px;
}
.btn-go {
    float: left;
    width: 122px;
    height: 37px;
}
.first-game-casino .btn-go {
    margin-top: 1px;
}
.btn-go:hover {
    background-position-y: 100%;
}
.first-game-card .first-game-list {
    padding-top: 18px;
}
.first-game-casino .first-game-list {
    padding-top: 38px;
}
.first-game-list a {
    float: left;
    width: 61px;
    color: #4A5782;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 10px 0 4px;
}
.first-game-casino .first-game-list a {
    margin: 0 14px 0 0;
}
.list-bg {
    height: 37px;
    margin-bottom: 19px;
}
.list-bbcard {
    background: url('../images/badf7852-c_card_icon01.png') 0 0 no-repeat;
}
.list-kycard {
    background: url('../images/2c59f451-c_card_icon02.png') 0 0 no-repeat;
}
.list-legcard {
    background: url('../images/1d4eed80-c_card_icon03.png') 0 0 no-repeat;
}
.list-mtcard {
    background: url('../images/9ec554ea-c_card_icon04.png') 0 0 no-repeat;
}
.list-bspcard {
    background: url('../images/5901b7b0-c_card_icon05.png') 0 0 no-repeat;
}
.list-fgcard {
    background: url('../images/272469e8-c_card_icon06.png') 0 0 no-repeat;
}
.list-pgcasino {
    background: url('../images/6ac2cd24-c_casino_icon01.png') 0 0 no-repeat;
}
.list-cq9casino {
    background: url('../images/37fcbe43-c_casino_icon02.png') 0 0 no-repeat;
}
.list-jdbcasino {
    background: url('../images/9a3fa8bc-c_casino_icon03.png') 0 0 no-repeat;
}
.list-ptcasino {
    background: url('../images/6f831198-c_casino_icon04.png') 0 0 no-repeat;
}
.list-mgcasino {
    background: url('../images/6ff59932-c_casino_icon05.png') 0 0 no-repeat;
}
.list-bbcasino {
    background: url('../images/badf7852-c_card_icon01.png') 0 0 no-repeat;
}
.first-game-list a:hover .list-bg,
.list-more:hover {
    background-position-y: 100%;
}
.clear {
    clear: both;
    margin: 0;
    padding: 0;
}
.first-game-list .list-more {
    width: 35px;
    height: 66px;
    margin: 4px 0 0 21px;
    padding: 0;
}

/* footer */
.page-footer {
    background: #353A42;
}
.footer {
    width: 1200px;
    padding-top: 41px;
    margin: 0 auto;
}
.footer-top {
    display: flex;
}
.footer-title {
    font-size: 20px;
    color: #F6F7FA;
    line-height: 37px;
    padding-bottom: 9px;
}
.article-menu {
    width: 190px;
    color: #8D919A;
    font-size: 14px;
    font-weight: 500;
    margin-left: 22px;
}
.article-menu li {
    width: 50%;
    margin: 8px 0 9px;
}
.article-menu a {
    display: inline-block;
    max-width: 100%;
    color: inherit;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}
.article-menu span {
    color: #37CA67;
}
.article-menu a:hover {
    color: #8D919A !important;
    text-decoration: underline;
}
.footer-line {
    width: 1px;
    height: 189px;
    background: url('../images/98e7e081-footer_line.png') 0 0 no-repeat;
}
.brownser-icon-wrap {
    width: 166px;
    margin: 0 34px;
}
.brownser-logo {
    float: left;
    width: 39px;
    height: 39px;
}
.brownser-logo:hover {
    background-position-y: 100%;
}
.logo-google {
    background: url('../images/8b07b16a-footer_icon_ie.png') 0 0 no-repeat;
    margin-bottom: 24px;
}
.logo-opera {
    background: url('../images/c595a464-footer_icon_s.png') 0 0 no-repeat;
    margin: 0 0 24px 60px;
}
.logo-firfox {
    background: url('../images/572c42e5-footer_icon_firfox.png') 0 0 no-repeat;
    margin-bottom: 18px;
}
.logo-edge {
    background: url('../images/e688f975-footer_icon_edge.png') 0 0 no-repeat;
    margin: 0 0 18px 60px;
}
.browser-logo {
    float: left;
    background: url('../images/9abb28fd-gray.png') 1px 50% no-repeat;
    background-size: 161px;
    width: 162px;
    height: 43px;
}
.browser-logo:hover {
    background: url('../images/787b83b1-white.png') 1px 50% no-repeat;
    background-size: 161px;
}
.parner-logo-wrap {
    float: left;
    width: 530px;
    margin: 0 18px 0 34px;
}
.parner-logo {
    float: left;
    height: 30px;
}
.parner-logo:hover {
    background-position-y: 100%;
}
.logo-sw {
    width: 112px;
    background: url('../images/cd04e175-footer_icon_sw.png') 0 0 no-repeat;
    margin-top: 7px;
}
.logo-ag {
    width: 112px;
    background: url('../images/6c4d550e-footer_icon_ag.png') 50% 0 no-repeat;
    margin: 7px 22px 0 18px;
}
.logo-at {
    width: 112px;
    background: url('../images/7773442b-footer_icon_at.png') 50% 0 no-repeat;
    margin: 7px 38px 0 0;
}
.logo-hb {
    width: 112px;
    background: url('../images/ba06fc5a-footer_icon_hb.png') 50% 0 no-repeat;
    margin-top: 7px;
}
.logo-jb {
    width: 53px;
    background: url('../images/9f193e7e-footer_icon_jdb.png') 0 0 no-repeat;
    margin-top: 30px;
}
.logo-cq9 {
    width: 63px;
    background: url('../images/d48954aa-footer_icon_cq9.png') 0 0 no-repeat;
    margin: 28px 63px 0 87px;
}
.logo-rt {
    width: 104px;
    background: url('../images/c9b19e85-footer_icon_rt.png') 0 0 no-repeat;
    margin: 28px 47px 0 0;
}
.logo-mg {
    width: 88px;
    background: url('../images/efdd3da8-footer_icon_mg.png') 0 0 no-repeat;
    margin-top: 28px;
}
.logo-rich88 {
    clear: left;
    width: 85px;
    background: url('../images/c3140111-footer_icon_rich88.png') 0 0 no-repeat;
    margin: 29px 40px 0 136px;
}
.logo-pg {
    width: 107px;
    background: url('../images/e0261242-footer_icon_pg.png') 0 0 no-repeat;
    margin: 29px 44px 0 0;
}
.logo-fg {
    width: 63px;
    background: url('../images/c98ad74b-footer_icon_fg.png') 0 0 no-repeat;
    margin: 29px 0 18px;
}
.monitor-logo-wrap {
    float: left;
    margin-left: 45px;
}
.monitor-icon {
    width: 66px;
    height: 42px;
}
.monitor-icon:hover {
    background-position-y: 100%;
}
.monitor-icon-1 {
    margin-bottom: 27px;
    background: url('../images/112f8ffb-footer_icon_pagcor.png') 0 0 no-repeat;
}
.monitor-icon-2 {
    margin-bottom: 18px;
    background: url('../images/deef141b-footer_icon_tst.png') 0 0 no-repeat;
}
.monitor-icon-3 {
    background: url('../images/f4acf05e-footer_icon_18.png') 0 0 no-repeat;
}
.copyright,
.footer-info {
    clear: both;
    color: #ACACAC;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
}
.copyright {
    padding: 31px 0 45px;
}
/* 文案頁-左側選單 */
.page-sidebar {
    width: 133px;
    padding: 60px 104px 0 88px;
}
.sidemenu li {
    margin-bottom: 39px;
}
.sidemenu li a {
    padding: 0 15px;
    height: 44px;
    line-height: 44px;
    color: #4A5782;
    font-size: 21px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sidemenu li.active a,
.sidemenu li:hover a {
    font-size: 18px;
    color: #FFF;
    background: url('../images/483ef067-sidebar_over.png') 50% 0 no-repeat;
}

/* 文案頁-右側 */
.article-wrap {
    width: 810px;
    font-size: 16px;
    color: #73757C;
    padding-top: 64px;
}
.joinmember .ele-join-member-wrap,
.joinagent .ele-join-agent-wrap {
    width: 810px;
    padding-top: 64px;
}

/* 頁籤 */
.advertise ul.mtab-menual {
    list-style: none;
    border-bottom: 3px solid #6C7BA8;
    margin-top: 10px;
}
.advertise ul.mtab-menual li,
.memberexclusive .ele-promotion-sort-wrap .ele-promotion-sort {
    display: inline-block;
    margin-right: 4px;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
    background-color: #CBCFDA;
    line-height: 24px;
    color: #73757C;
    cursor: pointer;
    transition: background-color 0.4s;
}
.advertise ul.mtab-menual li:hover,
.advertise ul.mtab-menual li.mtab,
.memberexclusive .ele-promotion-sort-wrap .ele-promotion-sort:hover,
.memberexclusive .ele-promotion-sort-wrap .ele-promotion-sort.active {
    background-color: #6C7BA8;
    color: #FFF;
}

.memberexclusive .ele-promotion-sort-wrap {
    border-bottom: 3px solid #6C7BA8;
    padding: 0 12px;
    margin: 24px 0;
}
.memberexclusive .ele-promotion-wrap {
    font-size: 16px;
    color: #73757C;
}
#MemberExclusive_area .MemberExclusive {
    margin-bottom: 36px;
}

/* banner-wrap */
.banner-wrap {
    background: url('../images/acf1c925-title_welcome.jpg') 50% 0 no-repeat;
}
.card .banner-wrap {
    background: url('../images/93899b27-title_card.jpg') 50% 0 no-repeat;
}
.live .banner-wrap {
    background: url('../images/804e0de0-title_live.jpg') 50% 0 no-repeat;
}
.sport .banner-wrap {
    background: url('../images/620b02d0-title_sports.jpg') 50% 0 no-repeat;
}
.lottery .banner-wrap {
    background: url('../images/88f65f7e-title_lottery.jpg') 50% 0 no-repeat;
}
.casino .banner-wrap {
    background: url('../images/c4247e61-title_game.jpg') 50% 0 no-repeat;
}
.memberexclusive .banner-wrap,
.promotion .banner-wrap {
    background: url('../images/3495d160-title_memberexclusiveii.jpg') 50% 0 no-repeat;
}

.first-jp {
    background: url('../images/3e893bdd-jp_title.png') 50% 0 no-repeat;
}
.jp-off {
    background: url('../images/feb87cec-jp_replace.png') 50% -1px no-repeat;
}
.game-type-item .item {
    background: url('../images/5a6f1013-first_games_btn.png') 0 0 no-repeat;
}
.first-game-box {
    background: url('../images/3c47234e-container_text01.png') 317px 28px no-repeat;
}
.first-card-title {
    background: url('../images/a600ceb2-c_card_title.png') 0 0 no-repeat;
}
.first-casino-title {
    background: url('../images/dfcaf10a-c_casino_title.png') 0 0 no-repeat;
}
.btn-go {
    background: url('../images/a7e3794f-btn_go.png') 0 0 no-repeat;
}
.list-more {
    background: url('../images/2ffea964-c_game_more.png') 0 0 no-repeat;
}