/* Minification failed. Returning unminified contents.
(318,28): run-time error CSS1039: Token not allowed after unary operator: '-input-common-form-wrap'
(320,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(323,46): run-time error CSS1039: Token not allowed after unary operator: '-main-color-bg1'
(323,72): run-time error CSS1039: Token not allowed after unary operator: '-main-color-bg2'
(323,99): run-time error CSS1039: Token not allowed after unary operator: '-main-color-bg3'
(323,126): run-time error CSS1039: Token not allowed after unary operator: '-main-color-bg4'
 */
body {
    background-color: transparent !important;
}

    body:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-yellow/components/bg.png) no-repeat bottom center;
        background-size: 100% 100%;
        z-index: -1;
    }

    body .v-main,
    #partner,
    #app {
        background-color: transparent !important;
    }

        #app #home {
            background: #252525;
        }

        #app #account-info,
        #app #home-navigation .game-tab {
            box-shadow: none
        }

        #app #home-navigation .game-tab {
            padding: 0.25rem;
            row-gap: 0.25rem;
        }

            #app #home-navigation .game-tab li {
                justify-content: center;
            }

        #app #footer .v-btn i,
        #app #footer .v-btn.v-btn--active i[data-v-7455b2da]:not(.chat) {
            width: 2rem;
            height: 4vh;
            background-size: contain;
            background-position: center;
            animation: none;
            margin-top: 0;
        }

        #app #home-navigation .game-list-block ul li .btn-go {
            bottom: 0%;
            height: 3rem;
            line-height: 2.7rem;
            background-size: contain;
        }


        #app .news-dialog {
            width: 80%;
            max-height: 50%;
            margin-top: 23vh;
        }

            #app .news-dialog .v-card {
                position: relative;
                background-color: rgba(0, 0, 0, 0.7);
                border: 1px solid #00ffa1;
                box-shadow: 0 0 10px #00ffa1;
            }

                #app .news-dialog .v-card .v-card__title {
                    position: relative;
                    background: transparent;
                    color: #eccf33 !important;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-decoration: underline;
                    text-shadow: none;
                }

                    #app .news-dialog .v-card .v-card__title button {
                        position: absolute;
                        top: 5px;
                        right: 5px;
                    }

                #app .news-dialog .v-card .v-card__text {
                    color: #fff;
                }

                #app .news-dialog .v-card .v-card__actions {
                    display: none;
                }

        #app .announcement > .v-card {
            border: 1px solid #00ffa1;
        }

        #app .announcement .v-card__title {
            color: #eccf33;
        }

        #app .announcement .swiper-pagination-bullet {
            background: #5e6b6b !important;
        }

        #app .announcement .swiper-pagination-bullet-active {
            background: #eccf33 !important;
            width: 15px;
        }

        #app #promotion .discount {
            border: 1px solid #00ffa1;
            box-shadow: 0 0 10px #00ffa1;
        }

        #app .member-center .v-card {
            background: rgba(47,48,48,.5)
        }

        #app .member-center .grey--text {
            color: #fff !important;
        }

        #app .member-center .action-link.big-link:after {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: none;
        }

        #app .member-center .theme--light.v-divider {
            border-color: #899494;
        }

        #app #page-title {
            text-shadow: none;
        }

        #app .theme--light.v-tabs-items {
            background-color: transparent !important;
        }

        #app #login {
            background: transparent;
        }

            #app #login .switch-page .switch-content {
                border: 1px solid #00ffa1;
                box-shadow: 0 0 10px #00ffa1;
            }

        #app .form-wrap #submit {
            font-weight: bold;
            background: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-yellow/components/lobby_btn_bg.png) no-repeat bottom center !important;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            height: 3.5rem;
        }

            #app .form-wrap #submit span {
                color: #000;
            }

        #app #login .logo a:before {
            content: '';
            position: absolute;
            top: 10px;
            left: 10px;
            width: 50px;
            height: 50px;
            background: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-yellow/components/arrow.png) no-repeat bottom center;
        }

        #app #logo-bar {
            justify-content: center;
        }

            #app #logo-bar a.chat {
                display: none;
            }

        #app .main-color {
            text-shadow: none;
            color: yellow !important;
            font-weight: bolder;
        }

.v-dialog__content img {
    max-width: 100%
}

#app #logo-bar {
    justify-content: flex-end;
}

    #app #logo-bar a.logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

#app .v-dialog.announcement .swiper-slide {
    overflow-y: auto;
}

/* app 下載 調整 */
#app-download > ul > li.download-body > div > span {
    display: none;
}

#app-download > ul,
#app-download {
    height: 49px !important;
}

/* 左排遊戲廳按鈕高度*/
#home-navigation > ul > li {
    height: 6.5vh !important;
}

/*首頁功能列*/
#account-info > div.info-body > ul > li.deposit {
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/icon_deposit.png) !important;
}

#account-info > div.info-body > ul > li.promotion {
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/icon_promotion.png) !important;
}

#account-info > div.info-body > ul > li.vip {
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/icon_vip.png) !important;
    margin-top: 9px !important;
}

#account-info > div.info-body > ul > li.mgm {
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/icon_mgm.png) !important;
}

/* 註冊 登入 背景 */
#account-info > div.info-title > div.d-flex::before {
    content: "";
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/login_bg.jpg) !important;
    width: 40% !important;
    height: 32px !important;
    border-radius: 10px; /* 將四個角都設為 10 像素的圓角 */

    position: absolute;
}
#account-info > div.info-title > div.d-flex::after {
    content: "";
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/login_bg.jpg) !important;
    width: 40% !important;
    height: 32px !important;
    border-radius: 10px; /* 將四個角都設為 10 像素的圓角 */
    margin-left: 54%;
    position: absolute;
}

#app.Login .switch-btn span {
    writing-mode: vertical-rl;
    letter-spacing: 4px;
}
/* 註冊 文字 */
#account-info > div.info-title .btn-join,
#account-info > div.info-title .btn-login {
    margin-top: 3px;
    margin-left: 35px;
    z-index: 100;
}


#account-info div.info-title .btn-join::before,
#account-info div.info-title .btn-login::before {
    content: "";
    width: 20px;
    height: 20px;
    z-index: 100;
}

/* 註冊 icon */
#account-info div.info-title .btn-join::before {
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/login_icon.png) !important;
}


/* 登入 icon */
#account-info div.info-title .btn-login::before {
    margin-left: 3px;
    background-image: url(/CdnRedirect/Web.Mobile/DH001-01.Mobile/Content/Views/Shared/images/home/register_icon.png) !important;
    filter: brightness(0) invert(1) !important;
}



/* 登入 文字 */
#account-info > div.info-title > a,
#account-info > div.info-title .btn-join,
#account-info > div.info-title .btn-login {
    z-index: 100;
    margin-top: 3px;
    margin-right: 25px;
}

/* #region 登入頁 */
#app.Login .mobile-verification-code {
    height: auto;
    margin: 0 auto calc(11.5vw + 10px);
}

#app.Login .get-mobile-verification-code {
    top: calc(11.5vw + 10px);
    right: unset;
    width: 100%;
    background-color: var(--input-common-form-wrap);
    height: 11.5vw;
    color: var(--input-common-input-main-color);
    border-radius: 50px;
    justify-content: center;
    background: linear-gradient(135deg, var(--main-color-bg1) 5%, var(--main-color-bg2) 30%, var(--main-color-bg3) 60%, var(--main-color-bg4) 100%);
}

/* #endregion 登入頁 */


