/* 大外框、各頁內容 */
        body.is-static {
            min-width: 1300px;
            background: #ECEFFB;
        }

        .page-body {
            padding-bottom: 60px;
            display: flex;
            margin-top: 50px;
        }

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

        .promotion .page-body,
        .advertise .page-body {
            width: 1200px;
            margin: 0 auto;
            justify-content: center;
        }

        .advertise .page-body {
            display: flex;
        }

        /* header */
        .page-header {
            position: relative;
            margin-bottom: 60px;
        }

        .advertise .page-header {
            margin-bottom: 42px;
        }

        .header {
            background: #FFF;
        }

        .header-top-bg {
            background: #45B7FF;
        }

        .header-top {
            display: flex;
            width: 1200px;
            height: 44px;
            margin: 0 auto;
        }

        .header-top-left,
        .header-top-right {
            display: flex;
            align-items: center;
        }

        .header-top-left {
            width: 500px;
        }

        .header-top-right {
            width: 700px;
            justify-content: flex-end;
        }

        /* .zh-tw .header-top-left,
        .zh-cn .header-top-left,
        .zh-tw .header-top-right,
        .zh-cn .header-top-right {
            width: 600px;
        } */

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

        /* logo */
        .header-logo {
            position: absolute;
            top: 15px;
            left: 510px;
        }

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

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

        .mainnav-wrap .ele-navbar-link {
            position: relative;
            width: 99px;
            height: 80px;
            line-height: 80px;
            text-align: center;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .mainnav-wrap .ele-navbar-link::after {
            content: '';
            position: absolute;
            top: 35px;
            right: 3px;
            width: 6px;
            height: 6px;
            border-right: 2px solid #2E2E2E;
            border-bottom: 2px solid #2E2E2E;
            transform: rotate(45deg);
            transform-origin: 4px 4px;
            transition:
                transform 0.3s ease,
                top 0.3s ease;
        }

        .mainnav-wrap .ele-navbar-link:hover::after,
        .mainnav-wrap .ele-navbar-link.active::after {
            top: 38px;
            transform: rotate(-135deg);
            border-color: #45B7FF;
        }

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

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

        .mainnav-wrap .ele-navbar-hot {
            bottom: 53px;
            left: 75px;
        }

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

        .ele-morenav {
            bottom: 31px;
            right: -30px;
            background: url('../images/sub.png') 0 0 no-repeat;
        }

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

        /* 登入 */
        .ele-login-unit {
            float: left;
            width: 140px;
            height: 32px;
            line-height: 32px;
            background: #FFF;
            margin-right: 8px;
            border-radius: 4px;
        }

        .ele-login-unit .ele-login-input {
            width: 75px;
            height: 32px;
            color: #333;
            padding-left: 5px;
            font-size: 12px;
        }

        .ele-login-unit-account .ele-login-input {
            width: 70px;
        }

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

        .login-wrap .ele-login-placeholder {
            left: 8px;
            font-size: 14px;
        }

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

        .login-wrap .ele-show-password {
            top: 10px;
            right: 45px;
        }

        .ele-login-unit .ele-forget-pw {
            max-width: 34px;
            color: #0190FF;
            font-size: 13px;
            right: 10px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .ele-login-unit .ele-forget-pw:hover {
            text-decoration: underline;
        }

        .login-wrap .ele-login-submit,
        .login-wrap .ele-join-btn {
            float: left;
            width: 76px;
            height: 32px;
            line-height: 32px;
            border-radius: 8px;
            color: #FFF;
            text-align: center;
            font-size: 14px;
        }

        .login-wrap .ele-login-submit:hover,
        .login-wrap .ele-join-btn:hover {
            text-decoration: underline;
        }

        .login-wrap .ele-login-submit {
            background: #016AC4;
            margin-right: 8px;
        }

        .login-wrap .ele-join-btn {
            background: #39DCFF;
            cursor: pointer;
        }

        /* 登入後 */
        .mem-info {
            display: flex;
            align-items: center;
            font-size: 13px;
            color: #FFF;
            text-align: left;
        }

        .mem-info .ele-meminfo {
            display: inline-flex;
            align-items: center;
            padding-right: 5px;
            white-space: nowrap;
        }

        .ele-meminfo-wrap {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .ele-meminfo-wrap .ele-meminfo-name,
        .ele-meminfo-wrap .ele-meminfo-unit {
            display: flex;
            align-items: center;
        }

        .ele-meminfo-wrap .ele-meminfo-balance {
            display: flex;
            align-items: center;
        }

        .ele-meminfo-wrap .ele-balance-wrap {
            display: flex;
            align-items: center;
        }

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

        .mem-info .ele-other-balance {
            color: #FFDC3B;
            padding-right: 5px;
        }

        .SU-Menual {
            flex-shrink: 0;
            color: #FFF;
            font-size: 12px;
        }

        .zh-tw .SU-Menual,
        .zh-cn .SU-Menual {
            font-size: 13px;
        }

        .SU-Menual li {
            float: left;
        }

        .SU-Menual a {
            margin-right: 3px;
            color: inherit;
            text-decoration: none;
            transition: color 0.2s;
        }

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

        .SU-Menual .login-Menual::after {
            content: '';
            display: block;
            clear: both;
        }

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

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

        .ele-balance-item-wrap .ele-balance-item {
            border: none;
        }

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

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

        .ele-balance-item-wrap .ele-balance-tool {
            background: #45B7FF;
        }

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

        .ele-balance-item-wrap .ele-balance-tool a:hover {
            background: #F2F2F2;
        }

        /* 切換語系 */
        .lang-wrap {
            flex-shrink: 0;
            position: relative;
            width: 108px;
            font-size: 12px;
            border: 1px solid #F0E8E1;
            border-radius: 4px;
        }

        .lang-wrap::after {
            content: '';
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 5px solid #FFF;
        }

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

        .ele-lang-wrap .lang-text {
            height: 30px;
            line-height: 30px;
            color: #FFF;
            padding: 0 18px 0 38px;
        }

        .lang-wrap-list-wrap {
            padding-top: 1px;
            border-radius: 4px;
        }

        .lang-wrap-list-wrap .lang-wrap-list {
            background: #016AC4;
            padding: 4px 0;
        }

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

        .lang-wrap-list-wrap .lang-text {
            height: 16px;
            line-height: 16px;
            padding: 4px 18px 4px 38px;
        }

        .header-time-text {
            flex-shrink: 0;
            color: #FFF;
            font-size: 12px;
            margin: 0 2px 0 13px;
        }

        .zh-tw .header-time-text,
        .zh-cn .header-time-text {
            font-size: 14px;
        }

        .top-link-wrap {
            margin-left: 5px;
            font-size: 12px;
            color: #FFF;
            overflow: hidden;
        }

        .top-link-wrap a {
            color: inherit;
            text-decoration: none;
        }

        .zh-tw .top-link-wrap,
        .zh-cn .top-link-wrap {
            margin-left: 14px;
            font-size: 14px;
        }

        .top-link-wrap .ele-custom-link-line {
            margin: 0 5px;
        }

        .zh-tw .top-link-wrap .ele-custom-link-line,
        .zh-cn .top-link-wrap .ele-custom-link-line {
            margin: 0 16px;
        }

        .top-link-wrap .ele-custom-link:last-child a {
            margin-right: 0;
        }

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

        /* 輪播 */
        .ad-wrap {
            position: relative;
            height: 520px;
            overflow: hidden;
        }

        .ele-slideshow-wrap {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .ad-wrap .js-ele-slideshow-control-wrap {
            bottom: 29px;
        }

        .ele-slideshow-nav a {
            margin: 0 5px;
            width: 28px;
            height: 4px;
            background: transparent url('../images/slider_ctrl.png') 0 0 no-repeat;
        }

        .ele-slideshow-nav a.active,
        .ele-slideshow-nav a:hover {
            background-position-x: 100%;
        }

        /* 最新消息 */
        .news-wrap {
            position: absolute;
            bottom: -22px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            width: 1200px;
            font-size: 16px;
            background: url('../images/news_bg01.png') 0 0 no-repeat;
            z-index: 100;
        }

        .news-title {
            width: 80px;
            height: 44px;
            line-height: 44px;
            padding-left: 44px;
            color: #008FFF;
            background: url('../images/news_icon.png') 21px 50% no-repeat;
        }

        .news-item {
            width: 1056px;
            height: 22px;
            line-height: 22px;
            margin: 11px 20px 0 0;
            color: #666;
        }

        .news-item:hover a {
            text-decoration: underline;
        }

        .first .news-wrap {
            bottom: -24px;
        }

        /* banner */
        .banner-wrap {
            width: 100%;
            height: 260px;
        }

        /* 熱門遊戲 */
        .first-game-wrap {
            margin: 0 auto 22px;
            padding-top: 66px;
            box-sizing: border-box;
            width: 1300px;
            height: 960px;
            overflow: hidden;
        }

        .first-box-title-wrap {
            width: 1200px;
            height: 68px;
            margin: 0 auto;
            color: #2EA4F6;
            font-weight: bold;
            text-align: center;
        }

        .first-box-title {
            position: relative;
            display: inline-block;
            line-height: 36px;
            font-size: 36px;
        }

        .first-box-title::before,
        .first-box-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 421px;
            height: 16px;
        }

        .first-box-title::before {
            left: -451px;
            background: url('../images/first_img01.png') 0 0 no-repeat;
        }

        .first-box-title::after {
            right: -447px;
            width: 417px;
            background: url('../images/first_img02.png') 0 0 no-repeat;
        }

        .first-box-sub-title {
            margin-top: 16px;
            font-size: 16px;
            line-height: 16px;
        }

        .first-app-wrap .first-box-sub-title {
            margin-top: 12px;
        }

        /* 切換按鈕 */
        .first-game-wrap .swiper-pagination {
            position: relative;
            display: flex;
            width: 1200px;
            height: 58px;
            margin: 39px auto 70px;
            padding: 7px 30px;
            border-radius: 29px;
            background: url('../images/hotgame_nav.png') 50% 0 no-repeat;
            box-shadow: 0 2px 6px #75919F;
            box-sizing: border-box;
        }

        .first-game-wrap .swiper-pagination-bullet {
            display: block;
            width: 180px;
            height: 45px;
            line-height: 45px;
            margin-right: 10px;
            color: #333;
            background: transparent;
            border-radius: 23px;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            cursor: pointer;
            opacity: 1;
        }

        .first-game-wrap .swiper-pagination-bullet:hover,
        .first-game-wrap .swiper-pagination-bullet-active {
            color: #FFF;
            background: url('../images/hotgame_nav_hover.png') 0 0 no-repeat;
            box-shadow: 0 1px 3px rgba(22, 60, 98, 0.44);
            text-shadow: 0 1px 3px rgba(22, 60, 98, 0.65);
        }

        /* 遊戲輪播 */
        .swiper-warp {
            width: 1300px;
            height: 610px;
        }

        .swiper-warp .swiper-contact {
            height: 100%;
            overflow: visible;
        }

        .swiper-warp .swiper-contact .swiper-wrapper {
            width: 540px;
            margin: 0 auto;
        }

        .swiper-warp .swiper-slide {
            position: absolute;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100% !important;
            height: 100%;
            text-align: center;
            font-size: 30px;
            color: #FFF;
            opacity: 0;
            transform: scale(0.75) translate3d(0, 0, 0);
            transition:
                transform 1s,
                opacity 1s !important;
        }

        .swiper-warp .swiper-container-fade .swiper-slide {
            pointer-events: auto;
        }

        .swiper-warp .swiper-slide.swiper-slide-prev {
            z-index: 1;
            transform: scale(1) translate3d(-430px, 0, 0) !important;
        }

        .swiper-warp .swiper-slide.swiper-slide-active {
            z-index: 2;
            transform: scale(1) translate3d(0, 0, 0) !important;
        }

        .swiper-warp .swiper-slide.swiper-slide-next {
            z-index: 1;
            transform: scale(1) translate3d(430px, 0, 0) !important;
        }

        .swiper-warp .active-bg,
        .swiper-warp .not-active-bg {
            position: absolute;
            top: 0;
            width: 457px;
            height: 610px;
            border-radius: 54px;
            opacity: 0;
            transition: opacity 0.5s;
            box-shadow:
                0 22px 27px rgba(107, 133, 159, 0.26),
                0 8px 13px rgba(3, 91, 179, 0.44);
        }

        .swiper-warp .swiper-slide.swiper-slide-prev .not-active-bg,
        .swiper-warp .swiper-slide.swiper-slide-next .not-active-bg,
        .swiper-warp .swiper-slide.swiper-slide-active .active-bg {
            opacity: 1;
        }

        .swiper-warp .swiper-slide.swiper-slide-prev .swiper-warp-box,
        .swiper-warp .swiper-slide.swiper-slide-next .swiper-warp-box {
            transform: scale(0.764);
        }

        .swiper-warp .active-bg {
            position: relative;
        }

        .swiper-warp .swiper-warp-casino .active-bg {
            background: url('../images/first_hotgame_img01.png') 50% 100% no-repeat;
        }

        .swiper-warp .swiper-warp-fish .active-bg {
            background: url('../images/first_hotgame_img02.png') 50% 100% no-repeat;
        }

        .swiper-warp .swiper-warp-card .active-bg {
            background: url('../images/first_hotgame_img03.png') 50% 100% no-repeat;
        }

        .swiper-warp .swiper-warp-live .active-bg {
            background: url('../images/first_hotgame_img04.png') 50% 100% no-repeat;
        }

        .swiper-warp .swiper-warp-sports .active-bg {
            background: url('../images/first_hotgame_img05.png') 50% 100% no-repeat;
        }

        .swiper-warp .swiper-warp-lottery .active-bg {
            background: url('../images/first_hotgame_img06.png') 50% 100% no-repeat;
        }

        .first-game-wrap .swiper-warp-casino .not-active-bg {
            background: url('../images/first_hotgame_img01.png') 50% 0 no-repeat;
        }

        .first-game-wrap .swiper-warp-fish .not-active-bg {
            background: url('../images/first_hotgame_img02.png') 50% 0 no-repeat;
        }

        .first-game-wrap .swiper-warp-card .not-active-bg {
            background: url('../images/first_hotgame_img03.png') 50% 0 no-repeat;
        }

        .first-game-wrap .swiper-warp-live .not-active-bg {
            background: url('../images/first_hotgame_img04.png') 50% 0 no-repeat;
        }

        .first-game-wrap .swiper-warp-sports .not-active-bg {
            background: url('../images/first_hotgame_img05.png') 50% 0 no-repeat;
        }

        .first-game-wrap .swiper-warp-lottery .not-active-bg {
            background: url('../images/first_hotgame_img06.png') 50% 0 no-repeat;
        }

        .first-game-wrap .active-bg,
        .first-game-wrap .not-active-bg {
            background-size: 457px 610px;
        }

        /* 三張遊戲小圖 */
        .hotgame-bottom {
            position: absolute;
            bottom: 50px;
            display: flex;
            justify-content: center;
            width: 457px;
            height: 138px;
            opacity: 0;
        }

        .swiper-warp .hotgame-bottom-icon {
            position: relative;
            margin: 0 10px;
            width: 120px;
            height: 138px;
            background-position: 50% 0;
            background-repeat: no-repeat;
        }

        .swiper-warp .hotgame-bottom-icon:hover {
            background-position-y: 100%;
        }

        .swiper-warp .hotgame-bottom-icon::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 120px;
            height: 127px;
            border-radius: 13px;
            box-shadow: 0 2px 4px rgba(3, 91, 179, 0.44);
        }

        .swiper-warp .swiper-slide.swiper-slide-prev .hotgame-bottom,
        .swiper-warp .swiper-slide.swiper-slide-next .hotgame-bottom,
        .swiper-warp .swiper-slide.swiper-slide-active .hotgame-bottom {
            opacity: 1;
        }

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

        .first-app-slogan {
            width: 666px;
            margin: 29px auto 0;
            color: #2D2F50;
            font-size: 14px;
            line-height: 25px;
            text-align: center;
        }

        .first-app-left-wrap,
        .first-app-right-wrap {
            display: inline-block;
            vertical-align: top;
            width: 209px;
            margin-top: 196px;
            text-align: center;
        }

        .first-app-title {
            width: 209px;
            height: 41px;
            line-height: 41px;
            color: #FFF;
            font-size: 20px;
            font-weight: bold;
            background: url('../images/first_mobile_bg01.png') 0 0 no-repeat;
        }

        .first-app-wrap .img-qrcode-bg {
            margin: 38px auto 25px;
            box-shadow: 0 1px 4px rgba(22, 60, 98, 0.44);
        }

        .first-app-text {
            color: #2EA4F6;
            font-weight: bold;
            font-size: 14px;
            line-height: 25px;
        }

        .first-app-sub-text {
            color: #333;
            font-size: 12px;
            font-weight: bold;
            line-height: 22px;
        }

        .first-app-link {
            margin-top: 10px;
            color: #2EAFF6;
            font-size: 12px;
            font-weight: bold;
            line-height: 21px;
            word-break: break-all;
        }

        .first-app-right-wrap {
            background: url('../images/first_mobile_icon01.png') 50% 72px no-repeat;
        }

        .first-app-right-wrap .first-app-title {
            margin-bottom: 161px;
        }

        .first-app-middle-wrap {
            display: inline-block;
            vertical-align: top;
            margin-top: 21px;
            position: relative;
            width: 775px;
            height: 605px;
            background: url('../images/first_mobile_bg03.png') 50% 0 no-repeat,
            url('../images/first_mobile_bg02.png?v=1') 50% 27px no-repeat;
            overflow: hidden;
        }

        .first-app-banner-wrap {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 420px;
            height: 605px;
        }

        .first-app-banner {
            width: 420px;
            height: 605px;
        }

        .first-app-banner-1 {
            background: url('../images/first_mobile_img01.png?v=1') 50% 50% no-repeat;
        }

        .first-app-banner-2 {
            background: url('../images/first_mobile_img02.png?v=1') 50% 50% no-repeat;
        }

        .first-app-banner-3 {
            background: url('../images/first_mobile_img03.png?v=1') 50% 50% no-repeat;
        }

        .first-app-slider-controls {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1;
        }

        .first-app-slider-controls .swiper-pagination-bullet {
            margin-right: 10px;
            background: #2EA4F6;
            opacity: 0.5;
        }

        .first-app-slider-controls .swiper-pagination-bullet:last-child {
            margin-right: 0;
        }

        .first-app-slider-controls .swiper-pagination-bullet-active {
            opacity: 1;
        }

        /* 首頁 - 優質服務 */
        .first-service-wrap {
            width: 1200px;
            margin: 0 auto;
            padding: 19px 0 81px;
        }

        .first-service-runnum {
            margin-top: 45px;
        }

        .first-speedometer {
            position: relative;
            float: left;
            width: 210px;
            margin-right: 120px;
            background: url('../images/first_service_bg.png') 50% 0 no-repeat;
            text-align: center;
        }

        .first-speedometer:last-child {
            margin-right: 0;
        }

        .first-speedometer-bg {
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -70px;
            border: 1px solid #FFF;
            border-radius: 100%;
            box-sizing: border-box;
            width: 140px;
            height: 140px;
            background: linear-gradient(to bottom, #FFF 0, #E0E2EA 100%);
            box-shadow: 9px 0 9px 0 #C8CBD6;
        }

        .first-speedometer svg {
            position: absolute;
            top: 27px;
            width: 122px;
            height: 122px;
            transform: translateX(-50%);
        }

        .first-speedometer svg circle {
            fill: none;
            stroke-width: 14;
            stroke-linecap: round;
        }

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

            100% {
                stroke-dashoffset: 176;
            }
        }

        /* 小箭頭 */
        .first-speedometer .first-speedometer-arrow {
            position: absolute;
            top: 16px;
            left: 50%;
            z-index: 1;
            margin-left: -70px;
            width: 140px;
            height: 140px;
            animation-fill-mode: both;
            animation-duration: 1s;
            animation-delay: 0.2s;
        }

        .first-speedometer .first-speedometer-arrow .arrow-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            animation: arrow-rotate-left both 5s linear infinite;
        }

        @keyframes arrow-rotate-left {

            0%,
            100% {
                transform: rotate(-3deg);
            }

            50% {
                transform: rotate(3deg);
            }
        }

        .first-speedometer .first-speedometer-arrow .arrow-bg::before {
            position: absolute;
            content: '';
            top: 50%;
            left: -9px;
            border-width: 5px 9px 5px 0;
            border-color: transparent #FFF transparent transparent;
            transform: translateY(-50%);
        }

        .first-speedometer-arrow-rotate {
            animation-name: first-speedometer-arrow-rotate;
        }

        @keyframes first-speedometer-arrow-rotate {
            0% {
                transform: rotate(0);
            }

            100% {
                transform: rotate(90deg);
            }
        }

        .first-speedometer .first-speedometer-contact {
            position: relative;
            margin-top: 69px;
            height: 96px;
        }

        .first-speedometer .ele-counter-number-num {
            font-size: 28px;
            font-weight: bold;
            color: #424463;
        }

        .first-speedometer .first-speedometer-unit {
            color: #43ACFF;
            font-size: 18px;
        }

        .first-speedometer-txt-title,
        .first-speedometer-txt-sub {
            line-height: 25px;
            color: #2E2E2E;
            font-size: 14px;
            font-weight: bold;
        }

        .first-speedometer-txt-sub {
            color: #676767;
        }

        .first-info-bg {
            padding: 40px 0 50px;
            background-color: #FFF;
        }

        .first-info-warp {
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto;
            width: 1200px;
        }

        .first-info-content {
            width: 600px;
            line-height: 28px;
            margin-bottom: 20px;
            padding: 4px 0 0 130px;
            font-size: 14px;
            color: #2E2E2E;
            box-sizing: border-box;
        }

        .first-info-content-icon01 {
            background: url('../images/mind_icon01.png') 15px 16px no-repeat;
        }

        .first-info-content-icon02 {
            background: url('../images/mind_icon02.png') 19px 19px no-repeat;
        }

        .first-info-content-icon03 {
            background: url('../images/mind_icon03.png') 15px 20px no-repeat;
        }

        .first-info-content-icon04 {
            background: url('../images/mind_icon04.png') 8px 18px no-repeat;
        }

        .content-title {
            line-height: 50px;
            font-size: 28px;
            font-weight: bold;
            color: #01A7FF;
        }

        /* footer */
        .page-footer {
            padding: 113px 0 48px;
        }

        .footer-top-info-warp {
            display: flex;
            justify-content: space-between;
            width: 1200px;
            margin: 0 auto;
            text-align: center;
        }

        .footer-top-info-box {
            width: 234px;
            padding-top: 102px;
        }

        .footer-top-info-box1 {
            background: url('../images/footer_logo01.png') 50% 18px no-repeat;
        }

        .footer-top-info-box2 {
            background: url('../images/footer_logo02.png') 50% 19px no-repeat;
        }

        .footer-top-info-box3 {
            background: url('../images/footer_logo03.png') 50% 19px no-repeat;
        }

        .footer-top-info-box4 {
            background: url('../images/footer_logo04.png') 50% 19px no-repeat;
        }

        .footer-top-info-title {
            line-height: 28px;
            font-size: 16px;
            color: #FFF;
        }

        .footer-top-info-text {
            line-height: 25px;
            font-size: 14px;
            color: #BAE6FF;
        }

        .article-menu {
            padding-top: 38px;
            border-top: 2px solid rgba(186, 230, 255, 0.5);
            color: #BAE6FF;
            font-size: 14px;
            text-align: center;
        }

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

        .article-menu a {
            color: inherit;
        }

        .article-menu span {
            margin: 0 20px;
        }

        .article-menu a:hover {
            color: #FFE9A2 !important;
        }

        .footer-browser {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 1200px;
            margin: 29px auto 28px;
        }

        .bblogo {
            width: 83px;
            height: 32px;
            background: url('../images/light_blue.png') 0 0 no-repeat;
            background-size: contain;
        }

        .bblogo:hover {
            background: url('../images/red.png') 0 0 no-repeat;
            background-size: contain;
        }

        .footer-logo-item {
            width: 33px;
            height: 34px;
        }

        .footer-logo1 {
            width: 63px;
            height: 31px;
            background: url('../images/footer_logo_mark01.png') 50% 0 no-repeat;
        }

        .footer-logo2 {
            width: 57px;
            height: 32px;
            background: url('../images/footer_logo_mark02.png') 50% 0 no-repeat;
        }

        .footer-logo3 {
            width: 74px;
            height: 29px;
            background: url('../images/footer_logo_mark03.png') 50% 0 no-repeat;
        }

        .footer-logo4 {
            width: 54px;
            height: 27px;
            background: url('../images/footer_logo_mark04.png') 50% 0 no-repeat;
        }

        .footer-logo5 {
            background: url('../images/footer_logo_mark05.png') 50% 0 no-repeat;
        }

        .footer-logo6 {
            width: 28px;
            height: 30px;
            background: url('../images/footer_logo_mark06.png') 50% 0 no-repeat;
        }

        .footer-logo7 {
            width: 38px;
            background: url('../images/footer_logo_mark07.png') 50% 0 no-repeat;
        }

        .footer-logo8 {
            width: 34px;
            background: url('../images/footer_logo_mark08.png') 50% 0 no-repeat;
        }

        .footer-logo9 {
            height: 33px;
            background: url('../images/footer_logo_mark09.png') 50% 0 no-repeat;
        }

        .footer-logo10 {
            width: 35px;
            height: 33px;
            background: url('../images/footer_logo_mark10.png') 50% 0 no-repeat;
        }

        .footer-logo11 {
            width: 56px;
            height: 31px;
            background: url('../images/footer_logo_mark11.png') 50% 0 no-repeat;
        }

        .footer-logo12 {
            width: 34px;
            height: 32px;
            background: url('../images/footer_logo_mark12.png') 50% 0 no-repeat;
        }

        .footer-logo13 {
            width: 31px;
            height: 31px;
            background: url('../images/footer_logo_mark13.png') 50% 0 no-repeat;
        }

        .footer-logo14 {
            width: 31px;
            height: 31px;
            background: url('../images/footer_logo_mark14.png') 50% 0 no-repeat;
        }

        .footer-logo15 {
            width: 46px;
            height: 30px;
            background: url('../images/footer_logo_mark15.png') 50% 0 no-repeat;
        }

        .footer-logo16 {
            background: url('../images/footer_logo_mark16.png') 50% 0 no-repeat;
        }

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

        .copyright,
        .footer-info {
            width: 1200px;
            line-height: 25px;
            margin: 0 auto;
            color: #C0E4FF;
            font-size: 14px;
            text-align: center;
        }

        .copyright {
            margin-top: 28px;
        }

        /* 文案頁-左側選單 */
        .page-sidebar {
            width: 210px;
            background: #DFF8FF;
        }

        .sidemenu li a {
            padding: 0 6px;
            height: 70px;
            line-height: 70px;
            color: #333;
            font-size: 16px;
            text-align: center;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .sidemenu li.active a,
        .sidemenu li:hover a {
            background: #45B7FF;
            color: #FFF;
        }

        /* 註冊彈窗 */
        .ele-pjl-dialog {
            border: 1px solid #2CA4FC;
            border-radius: 12px;
            padding: 60px;
            box-sizing: border-box;
            width: 1080px;
            height: 672px;
            background: #FFF;
        }

        .ele-pjl-container {
            height: 522px;
        }

        .pop-join-close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            height: 32px;
            width: 32px;
            background: url('../images/register_icon01.png') 0 0 no-repeat;
            cursor: pointer;
            box-sizing: border-box;
        }

        .ele-pjl-main-container {
            width: 620px;
        }

        .ele-pjl-aside-container {
            width: 338px;
            margin-top: 50px;
            padding-left: 35px;
            box-sizing: border-box;
        }

        .ele-pjl-aside-container .img-qrcode-bg {
            margin: 0 auto 13px;
            padding: 2px;
            background: url('../images/register_img02.jpg') 50% 50% no-repeat;
        }

        .pop-join-text-wrap {
            font-size: 13px;
            padding-bottom: 131px;
            text-align: center;
            background: url('../images/register_img03.png') 50% 100% no-repeat;
        }

        .pop-join-text-title {
            margin-top: 12px;
            color: #333;
            word-break: break-all;
        }

        .pop-join-text-sub-title {
            margin-top: 24px;
            color: #45B7FF;
            font-weight: bold;
        }

        /* 文案頁-右側 */
        .article-wrap {
            width: 950px;
            padding: 20px;
            box-sizing: border-box;
            font-size: 13px;
            color: #505050;
            background: #FFF;
            min-height: 880px;
        }

        .article-wrap .case-article-title {
            margin-top: 3px;
        }

        .joinmember .ele-join-member-wrap,
        .joinagent .ele-join-agent-wrap {
            width: 950px;
            padding: 20px;
            background: #FFF;
            box-sizing: border-box;
        }

        /* 頁籤 */
        .advertise ul.mtab-menual {
            display: flex;
            flex-wrap: wrap;
            margin-top: 5px;
        }

        .advertise ul.mtab-menual li {
            margin-right: 5px;
            border-radius: 5px;
            padding: 0 10px;
            height: 25px;
            line-height: 25px;
            color: #000;
            background: #DFF8FF;
            cursor: pointer;
            transition: background-color 0.4s;
        }

        .advertise ul.mtab-menual li:hover,
        .advertise ul.mtab-menual li.mtab {
            background: #45B7FF;
            color: #FFF;
        }

        /* 右側浮動圖 */
        .ele-float-container.ele-float-container-3h3 {
            position: fixed;
            z-index: 910;
        }

        /* chunk 內 .ele-nest-group-3dn 預設 visibility:hidden，hover 父區塊或面板本身時展開 */
        .float-right-wrap .float-right-base:hover > .ele-nest-group-3dn,
        .float-right-wrap .float-right-base > .ele-nest-group-3dn:hover {
            visibility: visible !important;
        }

        /* APP 第一列內巢狀 QR */
        .float-right-base-app .float-right-link-1:hover .float-right-group-qr,
        .float-right-base-app .float-right-group-qr:hover {
            visibility: visible !important;
        }

        .float-right-base {
            margin-bottom: -10px;
        }

        .ele-nest-group {
            border-radius: 12px;
            border: 2px solid #45B7FF;
            min-width: 184px;
            background: #FFF;
            box-sizing: border-box;
        }

        .ele-nest-group::before {
            content: '';
            position: absolute;
            top: 40px;
            right: -7px;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid #45B7FF;
        }

        .float-right-group-qr {
            padding: 0;
            border-radius: 0;
            border-width: 1px;
            margin-right: 10px;
            min-width: 112px;
        }

        .float-right-group-ubqr {
            border: 0;
        }

        .float-right-group-qr::before {
            content: none;
        }

        .float-right-group-qr::after {
            content: '';
            position: absolute;
            top: 0;
            right: -10px;
            bottom: 0;
            left: 100%;
        }

        .float-right-base .float-right-sort {
            display: block;
            padding-left: 20px;
            width: 93px;
            height: 95px;
        }

        .float-right-base-service .float-right-sort {
            background: url('../images/float_service.png?v=1') 100% 0 no-repeat;
        }

        .float-right-base-app .float-right-sort {
            background: url('../images/float_app.png?v=1') 100% 0 no-repeat;
        }

        .float-right-base-event .float-right-sort {
            background: url('../images/float_promo.png?v=1') 100% 0 no-repeat;
        }

        .float-right-base-fast .float-right-sort {
            background: url('../images/float_fast.png?v=1') 100% 0 no-repeat;
        }

        .float-right-base-favorite .float-right-sort {
            background: url('../images/float_favorite.png?v=1') 100% 0 no-repeat;
        }

        .float-right-base .float-right-sort:hover {
            background-position-y: 100%;
        }

        .ele-nest-group .float-right-common-link a,
        .ele-nest-group .float-right-link {
            display: block;
            line-height: 22px;
            padding: 16px 15px 15px 48px;
            font-size: 16px;
            color: #666;
            white-space: nowrap;
        }

        .ele-nest-group .ele-nest-item::after {
            content: '';
            position: absolute;
            top: 0;
            right: 15px;
            left: 15px;
            height: 1px;
            background: #CCC;
        }

        .ele-nest-group .ele-nest-item:first-child::after {
            content: none;
        }

        .ele-nest-group .float-right-link-text {
            color: #2CA4FC;
            font-size: 16px;
        }

        .ele-nest-group .ele-nest-item:first-child .float-right-link {
            padding-top: 20px;
        }

        .ele-nest-group .ele-nest-item:last-child .float-right-link {
            padding-bottom: 20px;
        }

        .float-right-base-service .float-right-link-1 {
            background: url('../images/float_icon01.png') 22px 32px no-repeat;
        }

        .float-right-base-service .float-right-link-2 {
            background: url('../images/float_icon11.png') 21px 27px no-repeat;
        }

        .float-right-base-service .float-right-link-3 {
            background: url('../images/float_icon02.png') 21px 17px no-repeat;
        }

        .float-right-base-service .float-right-link-4 {
            background: url('../images/float_icon03.png') 21px 29px no-repeat;
        }

        .float-right-base-app .float-right-link-1 {
            background: url('../images/float_icon04.png') 24px 21px no-repeat;
        }

        .float-right-base-app .float-right-link-2 {
            background: url('../images/float_icon05.png') 20px 16px no-repeat;
        }

        .float-right-base-app .float-right-link-3 {
            background: url('../images/float_icon06.png') 20px 18px no-repeat;
        }

        .float-right-base-event .float-right-link-1 {
            background: url('../images/float_icon07.png') 22px 21px no-repeat;
        }

        .float-right-base-event .float-right-link-2 {
            background: url('../images/float_icon07.png') 22px 17px no-repeat;
        }

        .float-right-base-event .float-right-link-3 {
            background: url('../images/float_icon08.png') 25px 17px no-repeat;
        }

        .float-right-base-event .float-right-link-4 {
            background: url('../images/float_icon09.png') 21px 16px no-repeat;
        }

        .float-right-base-event .float-right-link-5 {
            background: url('../images/float_icon10.png') 21px 17px no-repeat;
        }

        .float-right-base-fast .float-right-link-1 {
            padding: 13px;
        }
        /* banner-wrap */
        .banner-wrap {
            background: url('../images/title_welcome.jpg?v=10') 50% 0 no-repeat;
        }

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

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

        .sport .banner-wrap {
            background: url('../images/title_sport.jpg?v=10') 50% 0 no-repeat;
        }

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

        .casino .banner-wrap {
            background: url('../images/title_game.jpg?v=10') 50% 0 no-repeat;
        }

        .fisharea .banner-wrap {
            background: url('../images/title_fish.jpg?v=10') 50% 0 no-repeat;
        }

        .promotion .banner-wrap {
            background: url('../images/title_memberexclusiveii.jpg?v=10') 50% 0 no-repeat;
        }

        .swiper-warp .swiper-warp-casino .hotgame-bottom-icon01 {
            background-image: url('../images/first_hotgame_icon01.png?v=10');
        }

        .swiper-warp .swiper-warp-casino .hotgame-bottom-icon02 {
            background-image: url('../images/first_hotgame_icon02.png?v=10');
        }

        .swiper-warp .swiper-warp-casino .hotgame-bottom-icon03 {
            background-image: url('../images/first_hotgame_icon03.png?v=10');
        }

        .swiper-warp .swiper-warp-fish .hotgame-bottom-icon01 {
            background-image: url('../images/first_hotgame_icon04.png?v=10');
        }

        .swiper-warp .swiper-warp-fish .hotgame-bottom-icon02 {
            background-image: url('../images/first_hotgame_icon05.png?v=10');
        }

        .swiper-warp .swiper-warp-fish .hotgame-bottom-icon03 {
            background-image: url('../images/first_hotgame_icon06.png?v=10');
        }

        .swiper-warp .swiper-warp-card .hotgame-bottom-icon01 {
            background-image: url('../images/first_hotgame_icon07.png?v=10');
        }

        .swiper-warp .swiper-warp-card .hotgame-bottom-icon02 {
            background-image: url('../images/first_hotgame_icon08.png?v=10');
        }

        .swiper-warp .swiper-warp-card .hotgame-bottom-icon03 {
            background-image: url('../images/first_hotgame_icon09.png?v=10');
        }

        .swiper-warp .swiper-warp-live .hotgame-bottom-icon01 {
            background-image: url('../images/first_hotgame_icon10.png?v=10');
        }

        .swiper-warp .swiper-warp-live .hotgame-bottom-icon02 {
            background-image: url('../images/first_hotgame_icon11.png?v=10');
        }

        .swiper-warp .swiper-warp-live .hotgame-bottom-icon03 {
            background-image: url('../images/first_hotgame_icon12.png?v=10');
        }

        .swiper-warp .swiper-warp-sports .hotgame-bottom-icon01 {
            background-image: url('../images/first_hotgame_icon13.png?v=10');
        }

        .swiper-warp .swiper-warp-sports .hotgame-bottom-icon02 {
            background-image: url('../images/first_hotgame_icon14.png?v=10');
        }

        .swiper-warp .swiper-warp-sports .hotgame-bottom-icon03 {
            background-image: url('../images/first_hotgame_icon15.png?v=10');
        }

        .swiper-warp .swiper-warp-lottery .hotgame-bottom-icon01 {
            background-image: url('../images/first_hotgame_icon16.png?v=10');
        }

        .swiper-warp .swiper-warp-lottery .hotgame-bottom-icon02 {
            background-image: url('../images/first_hotgame_icon17.png?v=10');
        }

        .page-footer {
            background: #45B7FF url('../images/footer_title.png?v=10') 50% 44px no-repeat;
        }