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

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

.page-wrap {
    color: #C0C0C0;
}

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

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

.promotion .page-container {
    color: #222;
}

.joinmember .join-member-wrap .page-container,
.joinagent .join-agent-wrap .page-container {
    padding: 0;
    background: transparent;
}

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

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

.advertise .page-body {
    width: 1196px;
    background: #fff;
    box-shadow: 0 6px 21px rgb(168, 163, 150, 19%);
    border-radius: 10px;
    border: 2px solid #FFF;
    padding-top: 5px;
}

.advertise.joinmember .page-body {
    width: 1006px;
    background: #FFF;
    border: none;
    padding: 45px 60px 60px 134px;
}

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

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

.header-top {
    width: 1380px;
    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;
}

.ele-navbar-link-wrap-A-A>.ele-navbar-link {
    position: relative;
    width: 64px;
    height: 42px;
    line-height: 41px;
    text-align: center;
    background: url(../images/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('../images/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;
}

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

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

.ele-guest-btn {
    display: block;
    margin-left: 10px;
    width: 75px;
    height: 26px;
    float: left;
    background-color: #516cf4;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-weight: 100;
}

.ele-guest-btn:hover {
    background-color: #4bdeea;
}

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

.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 .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;
    height: 500px;
    background: #EAF3FA;
    overflow: hidden;
}

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

.ele-slideshow-control-wrap {
    bottom: 12px;
}

.ele-slideshow-nav a {
    width: 8px;
    height: 8px;
    background: #1379D7;
    border-radius: 15px;
    margin: 0 5px 0 2px;
}

.ele-slideshow-nav a.active,
.ele-slideshow-nav a:hover {
    background-color: #FFF;
}

/* 首頁 */
.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('../images/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('../images/icon_joinus.png') 50% 0 no-repeat;
}

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

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

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

.first-ubbrowser-link:before {
    background: url('../images/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 .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('../images/icon_bbcasino.png') 50% 0 no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

.first-ebetlive-platform-icon {
    background: url('../images/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 .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('../images/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('../images/container_mobile_img.png?2') 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('../images/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;
}

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

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

/* 碼表 */
.ele-stopwatch-wrap {
    width: 170px;
    height: 170px;
}

.first-website-counter-inner {
    position: absolute;
    top: 52px;
    z-index: 1;
    width: 100%;
    color: #4095F5;
    font-size: 14px;
}

.first-website-counter-inner .first-website-counter-number {
    font-size: 40px;
}

.ele-stopwatch {
    position: relative;
}

.ele-stopwatch::before {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    width: 140px;
    height: 140px;
    content: "";
    overflow: hidden;
    border: 10px solid #77C1FF;
    border-radius: 50%;
    box-sizing: border-box;
}

.ele-stopwatch-mask-outside,
.ele-stopwatch-mask-inside {
    width: 85px;
    height: 170px;
}

.ele-stopwatch-mask {
    width: 140px;
    height: 140px;
    border: 10px solid #FFF;
    margin-top: -70px;
}

.ele-stopwatch-mask-outside-left .ele-stopwatch-mask {
    margin-left: -28px;
}

.ele-stopwatch-mask-outside-right .ele-stopwatch-mask {
    margin-right: -28px;
}

.ele-stopwatch-wrap .ele-stopwatch-mask-outside {
    z-index: 1;
}

.first-website-detail-text {
    margin-top: 13px;
    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('../images/container_img01.png') 50% 0 no-repeat;
}

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

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

.first-website-feature-item-4 {
    background: url('../images/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('../images/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('../images/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('../images/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('../images/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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-logo-11 {
    width: 52px;
    background: url('../images/footer_img09.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;
}

.footer-lisence-item {
    float: left;
    width: 300px;
}

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

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

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

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

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

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

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

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

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

.joinmember .page-right {
    position: relative;
    width: 451px;
    border-right: 1px solid #cfdbe8;
}

.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 .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 43px 0 0;
    padding-top: 262px;
    width: 267px;
    color: #323232;
    font-size: 14px;
    text-align: center;
}

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

.join-dowload-slogan {
    margin: 0px 33px 0px;
    width: 257px;
    height: 100px;
    background: url('../images/container_joinus_img.png') 50% 0 no-repeat;
    position: absolute;
    top: 186px;
}

/* 優惠活動 */
.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;
}

/* 優惠彈窗 */
.ele-promotion-popup {
    border: 1px solid #AAA;
    padding: 4px;
    border-radius: 20px;
    background: #4095F5;
}

.ele-promotion-popup-title-bar {
    width: 1140px;
    background: none;
    margin: 0 auto;
}

.ele-promotion-popup-title {
    color: #FFF;
}

.ele-promotion-popup-title::before,
.ele-promotion-popup-title::after {
    content: '';
    display: inline-block;
    width: 28px;
    height: 20px;
}

.ele-promotion-popup-title::before {
    margin-right: 16px;
    background: url("../images/promotion_icon_left.png") 50% 0 no-repeat;
}

.ele-promotion-popup-title::after {
    margin-left: 16px;
    background: url("../images/promotion_icon_right.png") 50% 0 no-repeat;
}

.ele-promotion-normal .ele-promotion-popup-close-btn {
    top: 24px;
    right: 0;
    width: 18px;
    height: 18px;
    background: url('../images/close.png') 50% 0 no-repeat;
}

.ele-promotion-normal .ele-promotion-popup-close-btn:hover {
    background: url('../images/close.png') 50% 0 no-repeat;
}

.ele-promotion-popup-content {
    box-sizing: border-box;
    border: 4px double #C7D6E1;
    border-radius: 16px;
    background: #FFF;
}

.ele-promotion-popup-btn-prev {
    background: url('../images/btn_left.png') 50% 0 no-repeat;
}

.ele-promotion-popup-btn-next {
    background: url('../images/btn_right.png') 50% 0 no-repeat;
}

/* 優惠彈窗內的上下則按鈕 */
.ele-promotion-popup-page-btn-wrap {
    margin: 0 auto;
    border-top: 1px solid #C3D6E2;
    padding: 30px 0 18px;
    text-align: center;
}

.ele-promotion-popup-page-btn {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #0096FC;
    border-radius: 5px;
    width: 178px;
    height: 48px;
    color: #4095F5;
    font-size: 18px;
    background: #FFF;
    cursor: pointer;
}

.ele-promotion-popup-page-btn:hover {
    border: 1px solid #0096FC;
    background: #0096FC;
    color: #FFF;
}

.ele-nest-group {
    border-radius: 8px;
    border: 2px solid #3F96F7;
    width: 176px;
    background: #FFF;
}

.ele-nest-group:before {
    content: '';
    position: absolute;
    top: 32px;
    right: -6px;
    width: 4px;
    height: 7px;
    background: url('../images/float_side_icon.png') 100% 0 no-repeat;
}

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

.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 {
    margin-bottom: 10px;
}

.float-right-base .float-right-sort {
    display: block;
    padding-left: 10px;
    width: 70px;
    height: 70px;
    background: 100% 0 no-repeat;
}

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

.float-right-base-service .float-right-sort {
    background-image: url('../images/float_service.png');
}

.float-right-base-app .float-right-sort {
    background-image: url('../images/float_download.png');
}

.float-right-base-promotion .float-right-sort {
    background-image: url('../images/float_event.png');
}

.float-right-base-favourite .float-right-sort {
    background-image: url('../images/float_favorite.png');
}

.ele-nest-group .float-right-link {
    position: relative;
    display: block;
    padding: 20px 0 20px 50px;
    font-size: 13px;
    color: #323130;
}

.ele-nest-group .float-right-link:after {
    content: '';
    position: absolute;
    top: 0;
    right: 12px;
    left: 12px;
    height: 1px;
    background: #DCDCDC;
}

.ele-nest-group .float-right-link:hover {
    color: #3F96F7;
}

.ele-nest-group .ele-nest-item:first-of-type .float-right-link::after {
    content: none;
}

.ele-nest-group strong {
    display: block;
    margin-top: 9px;
    color: #3F96F7;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.float-right-base .float-right-link {
    background: 20px 50% no-repeat;
}

.float-right-base-service .float-right-link-1,
.float-right-base-service .float-right-link-4 {
    background-image: url('../images/float_icon01.png');
}

.float-right-base-service .float-right-link-2 {
    background-image: url('../images/float_icon02.png');
}

.float-right-base-service .float-right-link-3 {
    background-image: url('../images/float_icon03.png');
}

.float-right-base-service .float-right-link-5 {
    background-image: url('../images/float_icon07.png');
}

.float-right-base-app .float-right-link-1 {
    background-image: url('../images/float_icon04.png');
}

.float-right-base-app .float-right-link-2 {
    background-image: url('../images/float_icon05.png');
}

.float-right-base-app .float-right-link-3 {
    background-image: url('../images/float_icon06.png');
}

.float-right-base-promotion .float-right-link-1 {
    background-image: url('../images/float_icon08.png');
}

.float-right-base-promotion .float-right-link-2 {
    background-image: url('../images/float_icon09.png');
}

.float-right-base-promotion .float-right-link-3 {
    background-image: url('../images/float_icon10.png');
}

.float-right-base-promotion .float-right-link-4 {
    background-image: url('../images/float_icon11.png');
}

.float-right-base-promotion .float-right-link-5 {
    background-image: url('../images/float_icon12.png');
}

.float-right-base-promotion .float-right-link-6 {
    background-image: url('../images/float_icon13.png');
}

.float-right-base-promotion .float-right-link-7 {
    background-image: url('../images/float_icon14.png');
}

.float-right-base-promotion .float-right-link-8 {
    background-image: url('../images/float_icon15.png');
}

.float-right-base-app .ubqrocde {
    display: block;
    width: 110px;
    height: 110px;
    background: url("../images/float_code02.png") 0 0 no-repeat;
}

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

.ele-stopwatch-wrap-3Lc {
    position: relative
}

.ele-stopwatch-wrap-3Lc .ele-stopwatch-image-1YZ {
    position: absolute;
    top: 0;
    left: 0
}

.ele-stopwatch-mask-outside-2Dv {
    position: absolute;
    top: 0;
    overflow: hidden
}

.ele-stopwatch-mask-outside-2Dv.ele-stopwatch-mask-outside-left-1iY {
    left: 0
}

.ele-stopwatch-mask-outside-2Dv.ele-stopwatch-mask-outside-left-1iY .ele-stopwatch-mask-inside-2zL {
    transform-origin: right
}

.ele-stopwatch-mask-outside-2Dv.ele-stopwatch-mask-outside-left-1iY .ele-stopwatch-mask-inside-2zL .ele-stopwatch-mask-1Cg {
    left: 50%
}

.ele-stopwatch-mask-outside-2Dv.ele-stopwatch-mask-outside-right-1BO {
    right: 0
}

.ele-stopwatch-mask-outside-2Dv.ele-stopwatch-mask-outside-right-1BO .ele-stopwatch-mask-inside-2zL {
    transform-origin: left
}

.ele-stopwatch-mask-outside-2Dv.ele-stopwatch-mask-outside-right-1BO .ele-stopwatch-mask-inside-2zL .ele-stopwatch-mask-1Cg {
    right: 50%
}

.ele-stopwatch-mask-inside-2zL {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.ele-stopwatch-mask-inside-2zL .ele-stopwatch-mask-1Cg {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box
}

.ele-login-submit {
    background-image: url('../images/btn_login.png?v=ver226.230.1');
}

.ele-join-btn {
    background-image: url('../images/btn_joinus.png?v=ver226.230.1');
}

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

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

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

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

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

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

.memberexclusive .banner-wrap,
.promotion .banner-wrap {
    background: url('../images/title_promotions.jpg?v=ver226.230.1') #F6F6F6 50% 0 no-repeat;
}

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

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

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

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

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

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

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

.ele-login-unit-3XO {
    position: relative;
    display: block;
    width: 150px;
    height: 24px
}

.ele-login-input-1Cn {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    outline: none;
    box-sizing: border-box
}

.ele-acc-unicode-2hx,
.ele-login-unit-3XO .ele-login-placeholder-3xg {
    position: absolute;
    color: #c0c0c0
}

.ele-login-unit-3XO .ele-login-placeholder-3xg {
    top: 0;
    left: 0;
    cursor: text;
    opacity: 1;
    transition: opacity .5s
}

.ele-acc-unicode-2hx {
    top: 0;
    right: 0;
    font-size: 14px;
    cursor: text
}

.focus-37O .ele-login-placeholder-3xg {
    opacity: .5
}

.ele-login-unit-34H {
    position: relative;
    display: block;

    width: 150px;
    height: 24px
}

.ele-login-unit-34H .ele-login-placeholder--Sm {
    position: absolute;
    color: #c0c0c0;
    top: 0;
    left: 0;
    cursor: text;
    opacity: 1;
    transition: opacity .5s
}

.ele-login-unit-34H .ele-login-input-1Px {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    outline: none;
    box-sizing: border-box
}

.ele-login-unit-34H .ele-forget-pw-TGg {
    position: absolute;
    color: #c0c0c0;
    top: 0;
    right: 0;
    text-decoration: none
}

.ele-login-unit-34H .ele-capslock-tip-2PU {
    position: absolute;
    padding: 0 28px 0 12px;
    box-sizing: border-box;
    height: 24px;
    line-height: 24px;
    color: #ccc;
    font-size: 12px;
    background-color: #333;
    border: 1px solid #555
}

.ele-login-unit-34H .ele-capslock-tip-2PU .ele-capslock-tip-close-2e9 {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background: url(/web/static/image/element/login/capslock_close.png) 0 0 no-repeat
}

.ele-login-unit-34H .ele-login-agreement-2j_ {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    padding: 2px 5px;
    height: 17px;
    line-height: 17px;
    border-radius: 2px;
    background-color: #fffdc0;
    box-shadow: 4px 2px 8px -2px rgba(51, 51, 102, .4);
    color: #000;
    font-size: 12px;
    white-space: nowrap
}

.ele-login-unit-34H .ele-login-agreement-2j_ a {
    text-decoration: none;
    color: red
}

.ele-login-unit-34H .ele-login-agreement-2j_ a:hover {
    text-decoration: underline
}

.ele-login-unit-34H .ele-show-password-cE0 {
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 12px;
    cursor: pointer;
    background-position: 0 0;
    background-repeat: no-repeat
}

.ele-login-unit-34H .ele-show-password-cE0.purple-3rf {
    background: url(/web/static/image/element/login/password_icon/purple.png)
}

.ele-login-unit-34H .ele-show-password-cE0.black-ayD {
    background: url(/web/static/image/element/login/password_icon/black.png)
}

.ele-login-unit-34H .ele-show-password-cE0.blue-3uw {
    background: url(/web/static/image/element/login/password_icon/blue.png)
}

.ele-login-unit-34H .ele-show-password-cE0.brown-3Sv {
    background: url(/web/static/image/element/login/password_icon/brown.png)
}

.ele-login-unit-34H .ele-show-password-cE0.gold-34o {
    background: url(/web/static/image/element/login/password_icon/gold.png)
}

.ele-login-unit-34H .ele-show-password-cE0.green-1vg {
    background: url(/web/static/image/element/login/password_icon/green.png)
}

.ele-login-unit-34H .ele-show-password-cE0.grey_dark-wF7 {
    background: url(/web/static/image/element/login/password_icon/grey_dark.png)
}

.ele-login-unit-34H .ele-show-password-cE0.grey_light-XM6 {
    /* background:url(/web/static/image/element/login/password_icon/grey_light.png) */
}

.ele-login-unit-34H .ele-show-password-cE0.red-26f {
    background: url(/web/static/image/element/login/password_icon/red.png)
}

.ele-login-unit-34H .ele-show-password-cE0.white-tCp {
    background: url(/web/static/image/element/login/password_icon/white.png)
}

.ele-login-unit-34H .ele-show-password-cE0.yellow-3GT {
    background: url(/web/static/image/element/login/password_icon/yellow.png)
}

.ele-login-unit-34H .ele-show-password-cE0.is-show-29i {
    background-position: 0 100%
}

.ele-login-unit-34H .ele-show-password-cE0.game-sd9 {
    background-image: url(/web/static/image/element/login/login_wrap/icon_noeye.png)
}

.ele-login-unit-34H .ele-show-password-cE0.game-sd9.is-show-29i {
    background-image: url(/web/static/image/element/login/login_wrap/icon_eye.png)
}

.ele-login-unit-34H.focus-2fY .ele-login-placeholder--Sm {
    opacity: .5
}

.fade-enter-active-9ka,
.fade-leave-active-35g {
    transition: opacity .5s
}

.fade-enter-3yP,
.fade-leave-to-UWi {
    opacity: 0
}

.slide-down-1h9 {
    transform: translateY(0)
}

.slide-down-1h9,
.slide-up-2Ic {
    transition: all .3s ease-in-out
}

.slide-up-2Ic {
    transform: translateY(-100%)
}

.ele-lang-wrap-2Tr {
    position: relative;
    color: #fff
}

.flag-select-1bH .lang-zh-tw-3HU,
.flag-text-select-3CL .lang-zh-tw-3HU,
.flag-13D .lang-zh-tw-3HU {
    background-position: 0 0
}

.flag-select-1bH .lang-zh-cn-2M5,
.flag-text-select-3CL .lang-zh-cn-2M5,
.flag-13D .lang-zh-cn-2M5 {
    background-position: 0 -40px
}

.flag-select-1bH .lang-en-1wm,
.flag-text-select-3CL .lang-en-1wm,
.flag-13D .lang-en-1wm {
    background-position: 0 -80px
}

.flag-select-1bH .lang-ja-9bq,
.flag-text-select-3CL .lang-ja-9bq,
.flag-13D .lang-ja-9bq {
    background-position: 0 -120px
}

.flag-select-1bH .lang-ko-1KQ,
.flag-text-select-3CL .lang-ko-1KQ,
.flag-13D .lang-ko-1KQ {
    background-position: 0 -161px
}

.flag-select-1bH .lang-vi-3tQ,
.flag-text-select-3CL .lang-vi-3tQ,
.flag-13D .lang-vi-3tQ {
    background-position: 0 -200px
}

.flag-select-1bH .lang-th-1MI,
.flag-text-select-3CL .lang-th-1MI,
.flag-13D .lang-th-1MI {
    background-position: 0 -240px
}

.ele-lang-option-1MY {
    display: inline-block;
    margin-right: 4px;
    width: 22px;
    height: 16px;
    vertical-align: top;
    cursor: pointer
}

.ele-lang-option-1MY:last-child {
    margin-right: 0
}

.circle-2K_ .ele-lang-option-1MY {
    height: 20px
}

.lang-option-text-109 {
    width: auto
}

.current-lang--xK {
    position: relative;
    margin: 0 auto;
    color: #000;
    cursor: pointer
}

.lang-wrap-list-wrap-3qO {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    transition: height .1s;
    z-index: 600
}

.lang-select-down-ss3 {
    top: 100%
}

.lang-select-up-3ts {
    bottom: 100%
}

.lang-item-18h {
    position: relative;
    color: #000;
    cursor: pointer
}

.lang-text-32T {
    height: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.lang-flag-13o {
    position: absolute;
    width: 22px;
    height: 16px;
    top: 4px;
    left: 12px
}

.circle-2K_ .lang-flag-13o {
    height: 20px
}

.flag-select-1bH .current-lang--xK {
    display: inline-block;
    width: 22px;
    height: 20px
}

.flag-select-1bH .lang-item-18h {
    height: 20px
}

.theme-3ce .current-lang--xK {
    padding: 5px 30px 0 14px;
    height: 36px;
    border-radius: 5px;
    box-sizing: border-box
}

.theme-3ce .current-lang--xK .lang-text-32T {
    height: 22px;
    line-height: 16px;
    font-size: 13px
}

.theme-3ce .current-lang--xK:before {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #ebeeef transparent transparent transparent
}

.theme-3ce .current-lang--xK .lang-flag-13o {
    top: 5px;
    left: 14px
}

.theme-3ce .lang-wrap-list-Cjp {
    border-radius: 5px;
    padding-bottom: 3px
}

.theme-3ce .lang-wrap-list-Cjp .lang-item-18h {
    padding: 5px 0 0 15px;
    color: #000;
    cursor: pointer
}

.theme-3ce .lang-wrap-list-Cjp .lang-text-32T {
    height: 22px;
    line-height: 18px;
    font-size: 12px
}

.theme-3ce .lang-wrap-list-Cjp .lang-flag-13o {
    top: 5px;
    left: 15px
}

.theme-3ce.flag-select-1bH .lang-text-32T,
.theme-3ce.flag-text-select-3CL .lang-text-32T {
    padding-left: 30px
}

.theme-3ce.flag-text-select-3CL {
    min-width: 130px
}

.theme1-3PU .current-lang--xK {
    color: #c5c6c7;
    border: 2px solid #252424
}

.theme1-3PU .current-lang--xK,
.theme1-3PU .lang-wrap-list-Cjp {
    background: linear-gradient(180deg, #3d383a 0, #353338 13%, #2e3133 19%, #323036 27%, #2c2c2c 50%, #1c1a17 75%, #1c1c1c 91%, #231c1b)
}

.theme1-3PU .lang-wrap-list-Cjp .lang-item-18h {
    color: #958f8e
}

.theme1-3PU .lang-wrap-list-Cjp .lang-item-18h:hover {
    color: #c5c6c7;
    background: transparent
}

.theme2-1O0 .current-lang--xK {
    color: red;
    border: 2px solid #00f
}

.theme2-1O0 .current-lang--xK,
.theme2-1O0 .lang-wrap-list-Cjp {
    background: linear-gradient(180deg, #3d383a 0, #353338 13%, #2e3133 19%, #323036 27%, #2c2c2c 50%, #1c1a17 75%, #1c1c1c 91%, #231c1b)
}

.theme2-1O0 .lang-wrap-list-Cjp .lang-item-18h {
    color: #0ff
}

.theme2-1O0 .lang-wrap-list-Cjp .lang-item-18h:hover {
    color: #0ff;
    background: transparent
}

.ele-float-bottom[data-v-76694ef4] {
    position: fixed;
    right: 5px;
    bottom: 55px;
    z-index: 990
}

.slide-down-1h9 {
    transform: translateY(0)
}

.slide-down-1h9,
.slide-up-2Ic {
    transition: all .3s ease-in-out
}

.slide-up-2Ic {
    transform: translateY(-100%)
}

.ele-lang-wrap-2Tr {
    position: relative;
    color: #fff
}

.flag-select-1bH .lang-zh-tw-3HU,
.flag-text-select-3CL .lang-zh-tw-3HU,
.flag-13D .lang-zh-tw-3HU {
    background-position: 0 0
}

.flag-select-1bH .lang-zh-cn-2M5,
.flag-text-select-3CL .lang-zh-cn-2M5,
.flag-13D .lang-zh-cn-2M5 {
    background-position: 0 -40px
}

.flag-select-1bH .lang-en-1wm,
.flag-text-select-3CL .lang-en-1wm,
.flag-13D .lang-en-1wm {
    background-position: 0 -80px
}

.flag-select-1bH .lang-ja-9bq,
.flag-text-select-3CL .lang-ja-9bq,
.flag-13D .lang-ja-9bq {
    background-position: 0 -120px
}

.flag-select-1bH .lang-ko-1KQ,
.flag-text-select-3CL .lang-ko-1KQ,
.flag-13D .lang-ko-1KQ {
    background-position: 0 -161px
}

.flag-select-1bH .lang-vi-3tQ,
.flag-text-select-3CL .lang-vi-3tQ,
.flag-13D .lang-vi-3tQ {
    background-position: 0 -200px
}

.flag-select-1bH .lang-th-1MI,
.flag-text-select-3CL .lang-th-1MI,
.flag-13D .lang-th-1MI {
    background-position: 0 -240px
}

.ele-lang-option-1MY {
    display: inline-block;
    margin-right: 4px;
    width: 22px;
    height: 16px;
    vertical-align: top;
    cursor: pointer
}

.ele-lang-option-1MY:last-child {
    margin-right: 0
}

.circle-2K_ .ele-lang-option-1MY {
    height: 20px
}

.lang-option-text-109 {
    width: auto
}

.current-lang--xK {
    position: relative;
    margin: 0 auto;
    color: #000;
    cursor: pointer
}

.lang-wrap-list-wrap-3qO {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    transition: height .1s;
    z-index: 600
}

.lang-select-down-ss3 {
    top: 100%
}

.lang-select-up-3ts {
    bottom: 100%
}

.lang-item-18h {
    position: relative;
    color: #000;
    cursor: pointer
}

.lang-text-32T {
    height: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.circle-2K_ .lang-flag-13o {
    height: 20px
}

.flag-select-1bH .current-lang--xK {
    display: inline-block;
    width: 22px;
    height: 20px
}

.flag-select-1bH .lang-item-18h {
    height: 20px
}

.theme-3ce .current-lang--xK {
    padding: 5px 30px 0 14px;
    height: 36px;
    border-radius: 5px;
    box-sizing: border-box
}

.theme-3ce .current-lang--xK .lang-text-32T {
    height: 22px;
    line-height: 16px;
    font-size: 13px
}

.theme-3ce .current-lang--xK:before {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #ebeeef transparent transparent transparent
}

.theme-3ce .current-lang--xK .lang-flag-13o {
    top: 5px;
    left: 14px
}

.theme-3ce .lang-wrap-list-Cjp {
    border-radius: 5px;
    padding-bottom: 3px
}

.theme-3ce .lang-wrap-list-Cjp .lang-item-18h {
    padding: 5px 0 0 15px;
    color: #000;
    cursor: pointer
}

.theme-3ce .lang-wrap-list-Cjp .lang-text-32T {
    height: 22px;
    line-height: 18px;
    font-size: 12px
}

.theme-3ce .lang-wrap-list-Cjp .lang-flag-13o {
    top: 5px;
    left: 15px
}

.theme-3ce.flag-select-1bH .lang-text-32T,
.theme-3ce.flag-text-select-3CL .lang-text-32T {
    padding-left: 30px
}

.theme-3ce.flag-text-select-3CL {
    min-width: 130px
}

.theme1-3PU .current-lang--xK {
    color: #c5c6c7;
    border: 2px solid #252424
}

.theme1-3PU .current-lang--xK,
.theme1-3PU .lang-wrap-list-Cjp {
    background: linear-gradient(180deg, #3d383a 0, #353338 13%, #2e3133 19%, #323036 27%, #2c2c2c 50%, #1c1a17 75%, #1c1c1c 91%, #231c1b)
}

.theme1-3PU .lang-wrap-list-Cjp .lang-item-18h {
    color: #958f8e
}

.theme1-3PU .lang-wrap-list-Cjp .lang-item-18h:hover {
    color: #c5c6c7;
    background: transparent
}

.theme2-1O0 .current-lang--xK {
    color: red;
    border: 2px solid #00f
}

.theme2-1O0 .current-lang--xK,
.theme2-1O0 .lang-wrap-list-Cjp {
    background: linear-gradient(180deg, #3d383a 0, #353338 13%, #2e3133 19%, #323036 27%, #2c2c2c 50%, #1c1a17 75%, #1c1c1c 91%, #231c1b)
}

.theme2-1O0 .lang-wrap-list-Cjp .lang-item-18h {
    color: #0ff
}

.theme2-1O0 .lang-wrap-list-Cjp .lang-item-18h:hover {
    color: #0ff;
    background: transparent
}

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

.ele-custom-link-wrap-1u6>ul {
    white-space: nowrap;
    overflow: hidden
}

.ele-custom-link-2WG {
    display: inline-block
}

.ele-custom-link-2WG>a {
    display: block;
    cursor: pointer
}

.ele-custom-link-line-17G {
    display: inline-block
}

.ele-logo-wrap-21N {
    display: block;
    transition: opacity .3s
}

.ele-logo-wrap-21N:hover {
    opacity: .8
}

.innerlogo-1qj {
    height: 100%;
    background-image: inherit
}

[data-v-6fc9b126] .navbar-fade-enter-active {
    transition: opacity .2s
}

[data-v-6fc9b126] .navbar-fade-leave-active {
    transition: opacity .3s
}

[data-v-6fc9b126] .navbar-fade-enter,
[data-v-6fc9b126] .navbar-fade-leave-to {
    opacity: 1;
    transition-delay: .5s
}

[data-v-6fc9b126] .navbar-fade-leave-to {
    /* pointer-events:none */
}

[data-v-6fc9b126] .navbar-grow-enter-active {
    transition: max-height .2s
}

[data-v-6fc9b126] .navbar-grow-leave-active {
    transition: max-height .3s
}

[data-v-6fc9b126] .navbar-grow-enter,
[data-v-6fc9b126] .navbar-grow-leave-to {
    max-height: 0 !important;
    transition-delay: .5s
}

.ele-navbar-link-wrap[data-v-6fc9b126] .ele-subnav {
    z-index: 600
}

.ele-navbar-link-wrap[data-v-6fc9b126]:hover .ele-subnav {
    z-index: 700
}

[data-v-6fc9b126] .ele-navbar-link {
    display: block;
    cursor: pointer
}

[data-v-6fc9b126] .ele-navbar-link.active .ele-navbar-icon,
[data-v-6fc9b126] .ele-navbar-link:hover .ele-navbar-icon {
    background-position-y: 100%
}

[data-v-6fc9b126] .ele-navbar-link .ele-navbar-icon {
    background: 0 0 no-repeat
}

.ele-navbar-1QC {
    position: relative
}

.ele-navbar-link-wrap-A-A {
    position: relative;
    float: left;
    text-align: center
}

.ele-navbar-hot-1NW {
    position: absolute;
    bottom: 30px;
    left: 80px;
    z-index: 1
}

.slide-enter-from-2MK {
    transform: translateY(-100%)
}

.slide-enter-to-1sc {
    transform: translateY(0)
}

.ele-navbar-subtitle-2-8,
.ele-navbar-title-1nk {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ele-navbar-1QC {
    position: relative
}

.ele-navbar-link-wrap-A-A {
    position: relative;
    float: left;
    text-align: center
}

.ele-navbar-hot-1NW {
    position: absolute;
    bottom: 30px;
    left: 80px;
    z-index: 1
}

.slide-enter-from-2MK {
    transform: translateY(-100%)
}

.slide-enter-to-1sc {
    transform: translateY(0)
}

.ele-navbar-subtitle-2-8,
.ele-navbar-title-1nk {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ele-custom-link-wrap-1u6>ul {
    white-space: nowrap;
    overflow: hidden
}

.ele-custom-link-2WG {
    display: inline-block
}

.ele-custom-link-2WG>a {
    display: block;
    cursor: pointer
}

.ele-custom-link-line-17G {
    display: inline-block
}

.ele-subnav[data-v-d05268ac] {
    position: absolute;
    overflow: hidden
}

.ele-subnav ul[data-v-d05268ac] {
    float: right;
    width: calc(100% - 200px)
}

.ele-subnav-type-1[data-v-d05268ac] {
    background: rgba(18, 18, 18, .95)
}

.ele-subnav-type-1 a[data-v-d05268ac] {
    color: #fff
}

.ele-subnav-type-2[data-v-d05268ac] {
    background: rgba(85, 85, 85, .95)
}

.ele-subnav-type-2 a[data-v-d05268ac] {
    color: #fff
}

.ele-subnav-type-3[data-v-d05268ac] {
    background: hsla(0, 0%, 97.6%, .95)
}

.ele-subnav-type-3 a[data-v-d05268ac] {
    color: #333
}

.ele-subnav-type-4[data-v-d05268ac] {
    background: hsla(0, 0%, 100%, .95)
}

.ele-subnav-type-4 a[data-v-d05268ac] {
    color: #333
}

.ele-subnav-container[data-v-d05268ac] {
    margin: 0 auto;
    padding-top: 20px;
    font-size: 14px
}

.ele-subnav-title[data-v-d05268ac] {
    float: left;
    margin: 10px 0 20px
}

.ele-subnav-link-wrap[data-v-d05268ac] {
    position: relative;
    float: left;
    width: 120px
}

.ele-subnav-link-icon[data-v-d05268ac] {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 20px;
    background-repeat: no-repeat
}

.ele-subnav-link-title[data-v-d05268ac] {
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ele-subnav-icon[data-v-d05268ac] {
    display: block;
    height: 40px
}

.ele-subnav-link-wrap[data-v-d05268ac]>a {
    display: block;
    padding: 10px 0
}

.ele-subnav-link-wrap[data-v-d05268ac]>a:hover {
    color: #fa0000
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

input {
    border: 0;
}