/*第三版CSS*/
.wrap3_bg{
	background-image: url("../img/mobile/wrap3bg.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header3_bg{
	background-image: url("../img/mobile/header3bg.png");
	background-repeat: no-repeat;
	background-size: cover;
    z-index: 9;
}
.main_mobile{
    overflow: hidden;
        margin-top: 9px;
}
.header_main .logo3Img{
    /*width:30%;
    height:auto;
	float: left;
    margin: 0;
    padding: 0;
    z-index: 2;*/
    
    
}
.header_main .logo3Img img{
    width:100%;
    height:auto;
   
    padding: 0;
    display: block;
    margin: 0 auto;
}
.header_main .member3Img{
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    z-index: 2;
    background-image: url(../img/mobile/member3Img-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 275px 54px;
}
.header_main .member3Img .mbrName{
	float: left;
    width: 33%;
    height: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 0 0 0;
    z-index: 2;
    margin-top: 4%;
}
.header_main .member3Img .mbrCoin{
	float: left;
    width: 50%;
    height: 100%;
    font-size: 14px!important;
    font-weight: 700;
    text-align: right;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 0 0 0;
    z-index: 2;
    margin-top: 5%;
}
.header_main .member3Img .refresh3{
	float: left;
    width: 17%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 0 0 0;
    z-index: 2;
}

.header_main .member3Img .refresh3 img{
    width:100%;
    height:auto;
	
	margin: 0;
    padding: 0;
    z-index: 2;
}
.header_main .Sign3out{
    width: 31%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 2;
}
.header_main .Sign3out img{
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    z-index: 2;
}
.marquee3Mobile {
        /* width: 100%; */
    /* margin: 0 0 0 2%; */
    /* padding: 0; */
    /* height: auto; */
    background-image: url(../img/mobile/marquee-bg.png);
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* position: absolute; */
    /* top: 0; */
    /* z-index: 9; */
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    background-position: center;
    background-size: cover;
    /*padding: 9px;*/
    margin-left: 10px;
}
.marquee3Mobile .marquee-h{
/*	float: left;*/
    width: 13%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -12px;
    z-index: 11;
    left: 8px;
}
.marquee3Mobile .marquee-h img{
    width: 100%;
	height: auto;
    margin: 0;
    padding: 0;
    z-index: 9;
}
.marqueeDiv{
        height: 39px;
     /*line-height: 29px; 
   
    
     display: inline-block;*/
     background-size: cover; 
    overflow: hidden;
     position: relative;
    z-index: 1;
    padding: 9px;
}
.free-img{
    width: 74%;
    padding: 0;
    position: absolute;
    right: 0px;
        bottom: -15px;
}

.dssz3Cont{
	overflow-y: auto !important;
}
.main_mobile .row{
    width: 100%;
    height: auto !important;
    margin: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    /*margin-bottom: 10vh;*/
    /*padding-bottom: 10vh;*/
}
.main_mobile .row .dssz3Cont .row{
    padding-left: 0px;
    padding-right: 0px;
}
.tab_content{
    height: auto;
    margin-bottom: 65px;
}
.dssz3Cont .col-4 img{
	width: 100%;
	height: auto;
	padding: 2px;
}

.footer3Bg{
	background-image: url("../img/mobile/footer3Bg.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -1% !important;
}

.main_mobile .col-4 .row .col-12{
	/*height: 12%;*/
	padding: 0 3%;
}
.main_mobile .col-4 .row .col-12 img{
	width: 100%;
	height: auto;
}
.img2{
    display: none;
}
.main_mobile .col-4 .row .col-12.active .img1{
    display: none;
}
.main_mobile .col-4 .row .col-12.active .img2{
    display: inline;
}
.main_mobile .col-4 {
    /*padding-left: 9px;*/
        margin: auto;
    margin-left: 0;
    margin-top: 0px;
}

.modal-content-login{
    margin-left: 20px;
    margin-right: 20px;
}
.border-imagree{
    background-color: rgb(51, 51, 51);
}
.alert {
    background-color: rgb(51, 51, 51);
}
/*龍宮風火輪彈框 2025/07/01 修正*/
#monkey2_span_2, #monkey2_span_1{
    position: absolute;
    top: 2%;
    width: 100%;
    z-index: 9999;
}
.monkey2_span_text{
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5em;
    color: black;
    font-weight: bolder;
    width: 100%;
}
.monkey_img_new{
    max-width: 347% !important;
    position: absolute;
    left: -45%;
}
.coin_img {
    position: absolute;
    left: 253%;
    max-width: 271% !important;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards;
    animation-delay: 2.5s; /* 等前面動畫2.5秒後再淡入 */
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
.game_div_goldBox{
    position: absolute;
    z-index: 1;
    pointer-events: none;
}



/* 玻璃光層 */
.img-glass {
    position: relative;
    /*display: inline-block;*/
    overflow: hidden;
    border-radius: 20px;
}

/* 玻璃光層 */
.img-glass::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 45%;
    height: 100%;

    /* 比較銳利、偏精品感的光 */
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.6) 35%,
        rgba(255,255,255,0.9) 50%,
        rgba(255,255,255,0.6) 65%,
        rgba(255,255,255,0) 100%
    );

    transform: skewX(-25deg);.img-glass::before
    pointer-events: none;

    /* 效能優化 */
    will-change: left;
    
    /* 高級節奏動畫 */
    animation: glassShine 3.2s ease-in-out infinite;
        z-index: 9999;
}

/* 掃一下停一下 */
@keyframes glassShine {
    0%   { left: -75%; }
    35%  { left: 125%; }
    100% { left: 125%; }
}

.mb-4-2{
        margin-bottom: 2rem !important;
}