.content-bg{
  position: fixed;
  inset: 0;
  background: url("../images/sty1_home/bg1.webp") center center / cover no-repeat !important;
  z-index: -1;
}

.main-content{ 
	position: relative;
    display:flex;
    justify-content: center;
}

.main-content .left-area{
    width: 25rem;
    background: rgba(0, 0, 0, 0.3);
    padding: 2rem 2.5rem;
}

/*跑馬燈*/
#right-area .marquee-container{
	padding: 0 0.8rem;
}

#right-area .marquee-area{
    display: flex;
    align-items: center;
    background: #1d2129;
    border: 0.01rem solid #666e7f;
    border-radius: 3rem;
    padding: 0.8rem 1.6rem;
    margin-bottom: 0.5rem;
}

#right-area .marquee-area .trumpet-img{
    width: 2.5rem;
}

#right-area .marquee-area .marquee{
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    height: 2rem;
    margin-left: 1rem;
    overflow: hidden;
    line-height: initial;
}

#right-area .marquee-area .marquee .marquee-c{
    color: #ffffff;
    white-space: nowrap;
    position: absolute;
    animation: marquee 30000ms linear infinite;
    /*animation: marquee var(--duration, 10s) linear infinite;*/
    --start-x: 100%;
    --end-x: -100%;
}

@keyframes marquee {
	0% {
		/* left: 100%; */
		transform: translateX(var(--start-x));
	}
	100% {
		/* left: 0; */
		transform: translateX(var(--end-x));
	}
}

.main-menu{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 100%
}

.main-menu .menu-btn{
    position: relative;
    display: flex;
    color: #8b9cbe;
    font-size: 2rem;
    height: 6rem;
    padding-left: 9rem;
    align-items: center;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    /*overflow: hidden;*/
    transition: all .4s;
    cursor: pointer;
    background-image: url("../images/sty1_home/main_menu_btn_bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.main-menu .menu-btn:hover{
    transform: scale(1.1);
}

.main-menu .menu-btn:before{
    position: absolute;
    left: 1rem;
    top: 0.3rem;
    content: '';
    display: flex;
    width: 5.4rem;
    height: 4.5rem;
    background: no-repeat center;
    background-size: contain;
    transform: scale(1.3);
}

.main-menu .menu-btn.gstore-group-1:before{
    top: 0rem;
	left: 0.5rem;
    width: 5.8rem;
    height: 5rem;
    background-image: url("../images/sty1_home/main-menu-icon-1.webp?c=2");
}

.main-menu .menu-btn.gstore-group-3:before{
    background-image: url("../images/sty1_home/main-menu-icon-3.webp?c=2");
}

.main-menu .menu-btn.gstore-group-4:before{
    background-image: url("../images/sty1_home/main-menu-icon-4.webp?c=2");
}

.main-menu .menu-btn.gstore-group-5:before{
    background-image: url("../images/sty1_home/main-menu-icon-5.webp?c=2");
}

.main-menu .menu-btn.gstore-group-7:before{
    background-image: url("../images/sty1_home/main-menu-icon-7.webp?c=2");
}

.main-menu .menu-btn.gstore-group-lobby:before{
    left: 1.2rem;
    background-image: url("../images/sty1_home/main-menu-icon-lobby.webp?c=2");
}

.main-menu .menu-btn.gstore-group-3.active:before{
    background-image: url("../images/sty1_home/main-menu-icon-3-act.webp?c=2");
}

.main-menu .menu-btn.gstore-group-4.active:before{
    background-image: url("../images/sty1_home/main-menu-icon-4-act.webp?c=2");
}

.main-menu .menu-btn.gstore-group-5.active:before{
    background-image: url("../images/sty1_home/main-menu-icon-5-act.webp?c=2");
}

.main-menu .menu-btn.gstore-group-7.active:before{
    background-image: url("../images/sty1_home/main-menu-icon-7-act.webp?c=2");
}

.main-menu .menu-btn.gstore-group-lobby.active:before{
    background-image: url("../images/sty1_home/main-menu-icon-lobby-act.webp?c=2");
}

.main-menu .menu-btn.active{
    color: #ffeea2 !important;
    background-image: url("../images/sty1_home/main_menu_btn_bg_active.webp?c=2");
}

.main-menu .menu-btn.active:before {
    animation: activeIcon .8s ease-out infinite;
}

@keyframes activeIcon {
    0% {
        top: 0rem
    }

    50% {
        top: 1.2rem;
    }

    100% {
        top: 0rem;
    }
}

.main-content .right-area{
    flex:1;
    padding: 2rem 2.4rem;
    overflow-y: auto;
}

.main-content .right-area::-webkit-scrollbar{
    display: none;
}

.main-content .right-area .right-content {
    max-width: 1450px;
    margin: 0 auto;
}

.game-menu{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    background: linear-gradient(180deg, #405a75 0%, #26394e 100%);
    border-radius: 0.8rem;
}

.game-menu::-webkit-scrollbar{
    display: none;
}

.game-menu .menu-btn{
    /*flex: 0 0 10rem;
    width: 10rem;
	padding: 1rem 0 0.8rem;*/
	flex: 0 0 12rem;
    height: 8.5rem;
    padding: 1rem 1.5rem;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #9fb2c8;
    font-size: 1.6rem;
    text-align: center;
    cursor: pointer;
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.game-menu .menu-btn:hover{
    background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0));
}

.game-menu .menu-btn.active{
    background: transparent;
    border: none;
    color: #c8d8ea;
    box-shadow: none;
    background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0));
}

.game-menu .menu-btn.active::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 7.5%;
    /*width: 7.8rem;*/
	width: 10.5rem;
    height: 0.2rem;
    transform: translateX(-50%);
    background: #b9d4ff;
    border-radius: 1rem;
}

.game-menu .menu-btn:before{
    position: absolute;
	top: -1.5rem;
    content: '';
    display: flex;
    width: 3.5rem;
    height: 100%;
    background: no-repeat center;
    background-size: contain;
}

.game-menu .menu-btn[gstore="24"]:before {
	width: 4.3rem;
    background-image: url(../images/sty1_home/game_menu_gstore_24_logo.webp);
}

.game-menu .menu-btn[gstore="26"]:before {
    width: 6.1rem;
    background-image: url(../images/sty1_home/game_menu_gstore_26_logo.webp);
}

.game-menu .menu-btn[gstore="32"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_32_logo.webp);
}

.game-menu .menu-btn[gstore="41"]:before {
    width: 5.9rem;
    background-image: url(../images/sty1_home/game_menu_gstore_41_logo.webp);
}

.game-menu .menu-btn[gstore="44"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_44_logo.webp);
}

.game-menu .menu-btn[gstore="50"]:before {
    width: 3.1rem;
    background-image: url(../images/sty1_home/game_menu_gstore_50_logo.webp);
}

.game-menu .menu-btn[gstore="53"]:before {
	width: 4.3rem;
    background-image: url(../images/sty1_home/game_menu_gstore_53_logo.webp);
}

.game-menu .menu-btn[gstore="54"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_54_logo.webp);
}

.game-menu .menu-btn[gstore="56"]:before {
    width: 4.1rem;
    top: -1.5rem;
    background-image: url(../images/sty1_home/game_menu_gstore_56_logo.webp);
}

.game-menu .menu-btn[gstore="60"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_60_logo.webp);
}

.game-menu .menu-btn[gstore="62"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_62_logo.webp);
}

.game-menu .menu-btn[gstore="64"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_64_logo.webp);
}

.game-menu .menu-btn[gstore="66"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_66_logo.webp);
}

.game-menu .menu-btn[gstore="69"]:before {
	width: 4.5rem;
    background-image: url(../images/sty1_home/game_menu_gstore_69_logo.webp);
}

.game-menu .menu-btn[gstore="74_ST2"]:before {
	width: 4.5rem;
    background-image: url(../images/sty1_home/game_menu_gstore_74_ST2_logo.webp?c=1);
}

.game-menu .menu-btn[gstore="74_HS2"]:before {
	width: 3.5rem;
    background-image: url(../images/sty1_home/game_menu_gstore_74_HS2_logo.webp?c=1);
}

.game-menu .menu-btn[gstore="74_GALAXSYS"]:before {
	width: 5.5rem;
    background-image: url(../images/sty1_home/game_menu_gstore_74_GALAXSYS_logo.webp?c=1);
}

.game-menu-wrap{
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, #405a75 0%, #26394e 100%);
    border-radius: 0.8rem;
    overflow: hidden;
    position: sticky;
    top: -2rem;
    z-index: 100;
}

.game-menu-wrap .game-menu{
    flex: 1;
    border-radius: 0;
}

#game-list-wrap{
    margin-top: 2rem;
    padding: 1rem 3rem 3rem 3rem;
    background: #0000007a;
    border-radius: 2rem;
}

.game-list-wrap-title{
    position: relative;
    display:flex;
    align-items:center;
    gap: 1rem;
    padding:1.6rem 2rem 1rem;
    min-height:6rem;
}

.game-list-wrap-title::after{
    content:"";
    position:absolute;
    left: 1rem;
    right: 1rem;
    bottom:0;
    height:0.1rem;
    background: linear-gradient( 90deg, rgba(140,160,210,.75), rgba(140,160,210,.25));
    box-shadow: 0 0 .5rem rgba(140,160,210,.2);
}

.game-list-wrap-title:before{
    content:'';
    position:absolute;

    left: 2rem;
    bottom: 0.2rem;

    width:4.3rem;
    height:100%;

    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}

.game-list-wrap-title[gstore="24"]:before{
	width: 5.2rem;
    background-image: url(../images/sty1_home/game_menu_gstore_24_logo.webp);
}

.game-list-wrap-title[gstore="26"]:before {
	width: 6.5rem;
	left: 1rem;
    background-image: url(../images/sty1_home/game_menu_gstore_26_logo.webp);
}

.game-list-wrap-title[gstore="32"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_32_logo.webp);
}

.game-list-wrap-title[gstore="41"]:before {
	width: 5.5rem;
    background-image: url(../images/sty1_home/game_menu_gstore_41_logo.webp);
}

.game-list-wrap-title[gstore="44"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_44_logo.webp);
}

.game-list-wrap-title[gstore="50"]:before {
	bottom: 0.5rem;
    background-image: url(../images/sty1_home/game_menu_gstore_50_logo.webp);
}

.game-list-wrap-title[gstore="53"]:before {
	width: 5.2rem;
    background-image: url(../images/sty1_home/game_menu_gstore_53_logo.webp);
}

.game-list-wrap-title[gstore="54"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_54_logo.webp);
}

.game-list-wrap-title[gstore="56"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_56_logo.webp);
}

.game-list-wrap-title[gstore="60"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_60_logo.webp);
}

.game-list-wrap-title[gstore="62"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_62_logo.webp);
}

.game-list-wrap-title[gstore="64"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_64_logo.webp);
}

.game-list-wrap-title[gstore="66"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_66_logo.webp);
}

.game-list-wrap-title[gstore="69"]:before {
	width: 5.2rem;
    background-image: url(../images/sty1_home/game_menu_gstore_69_logo.webp);
}

.game-list-wrap-title[gstore="74_ST2"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_74_ST2_logo.webp);
}

.game-list-wrap-title[gstore="74_HS2"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_74_HS2_logo.webp);
}

.game-list-wrap-title[gstore="74_GALAXSYS"]:before {
    background-image: url(../images/sty1_home/game_menu_gstore_74_GALAXSYS_logo.webp);
}

/* 名稱 */
.gstore-name{
    color:#fff;
    font-size:2.5rem;
    font-weight:600;
    letter-spacing:.05em;
    text-shadow: 0 .1rem .3rem rgba(0,0,0,.35);
	margin-left: 6.5rem;
}

.game-menu-arrow{
    width: 3.6rem;
    height: 8.5rem;
    border: none;
    background: rgba(20, 38, 56, .55);
    color: #d5e6ff;
    font-size: 2.4rem;
    cursor: pointer;
}

.game-list-row{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1%;
	padding: 2rem 0;
}

.game-btn{
	width: 16.66%;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.game-thumb{
	position: relative;
	border-radius: 1.4rem;
	overflow: hidden;
	box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, .35);
	transform: translateZ(0);
	transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.game-thumb::after{
	content:"";
	position: absolute;
	inset: 0;
	border-radius: 1.4rem;
	box-shadow: 0 0 0 0.3rem rgba(255,204,0,.55);
	opacity: .6;
	pointer-events: none;
	transition: opacity .15s ease, box-shadow .15s ease;
}

.game-thumb img{
	display: block;
	width: 100%;
	object-fit: cover;
}

.game-thumb > img {
    aspect-ratio: 1;
}

/* Hover layer */
.game-hover{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	background: rgba(0, 0, 0, .85);
	opacity: 0;
	transition: opacity .15s ease;
	gap: 0.5rem;
	color: #FFF;
}

.play-icon{
	width: 25% !important;
	height: auto !important;
	transform: scale(.95);
	transition: transform .15s ease;
	user-select: none;
	pointer-events: none;
}

/* hover / focus: 放大 + 光框更亮 + 顯示 play */
.game-btn:hover .game-thumb,
.game-btn:focus-visible .game-thumb{
	transform: scale(1.06);
	filter: brightness(1.04);
	box-shadow: 0 1.4rem 2.6rem rgba(0, 0, 0, .45);
}

.game-btn:hover .game-thumb::after,
.game-btn:focus-visible .game-thumb::after{
	opacity: 1;
	box-shadow: 0 0 0 0.3rem rgba(255, 204, 0 , .95),
		0 0 1.8rem rgba(255, 204, 0, .35);
}

.game-btn:hover .game-hover,
.game-btn:focus-visible .game-hover{
	opacity: 1;
}

.game-btn:hover .play-icon,
.game-btn:focus-visible .play-icon{
	transform: scale(1);
}

.game-text{
	margin-top: 0.5rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	text-shadow: 0 0.25rem 0.55rem rgba(0, 0, 0, .65);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.game-btn:focus{ 
	outline:none; 
}

.game-btn:focus-visible{
	outline: 0.3rem solid rgba(255, 255, 255, .55);
	outline-offset: 0.6rem;
	border-radius: 1.6rem;
}

/* 進入遊戲的 iframe */
.game-frame-overlay{
	position: fixed;
	inset: 0;
	z-index: 90;
	background: rgba(0,0,0,.65);
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* iframe header */
.game-frame-overlay-header-area{
	display: flex;
	align-items: center;
	gap: 1.6rem;
	padding: 0.8rem 0.5rem;
	
	overflow: hidden;
	
	background: linear-gradient(to bottom, #1d222a, #313a4a);
	border: 0.2rem solid #3b4f6d;
	
    /*position: absolute;
    top: 0;
    left: 0;*/
}

/* iframe header 裡面所有按鈕 */
.game-frame-overlay-header-area > div{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;

	user-select: none;
	cursor: pointer;
}

/* 箭頭 */
.game-frame-overlay-header-area .display-btn svg {
	width: 2.8rem;
	height: 2.8rem;
	transition: transform 0.3s ease;
}

/* 展開的時候箭頭翻轉 */
.game-frame-overlay-header-area.collapsed .display-btn svg {
	transform: rotate(180deg);
}

/* 展開狀態 */
.game-frame-overlay-header-area.expanded {
	width: 100%;
}

/* 收合狀態 */
.game-frame-overlay-header-area.collapsed {
	width: auto;
}

/* 收合時隱藏其他按鈕 */
.game-frame-overlay-header-area.collapsed .back-btn,
.game-frame-overlay-header-area.collapsed .update-transfer-quota-btn,
.game-frame-overlay-header-area.collapsed .max-bet-limit-txt,
.game-frame-overlay-header-area.collapsed .max-bet-limit-range-txt {
	display: none;
}

/* 回大廳 */
.game-frame-overlay-header-area .back-btn{
    padding: 0 0.8rem;
    color: #FFF;
    font-weight: 600;
    letter-spacing: .15rem;
    transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

/* 回大廳 home 的 icon 太高，所以調整一下 */
/*.game-frame-overlay-header-area .back-btn svg{
	padding-bottom: 0.25rem;
}*/

/* 回大廳, 更新餘額 反光效果  */
/*.game-frame-overlay-header-area .back-btn::before,*/
/*.game-frame-overlay-header-area .update-transfer-quota-btn::before{
	content:"";
	position:absolute;
	inset: .35rem .6rem auto .6rem;
	height: 45%;
	border-radius: 1rem;
	background: linear-gradient(to bottom, rgba(255,255,255,.18), rgba(255,255,255,0));
	pointer-events:none;
}*/

/* iframe header 裡面所有按鈕的滑動特效 */
.game-frame-overlay-header-area > div:hover{
	filter: brightness(1.05);
	transform: translateY(-1px);
}

/* iframe header 裡面所有按鈕的點擊特效 */
.game-frame-overlay-header-area > div:active{
	filter: brightness(.98);
	transform: translateY(1px);
	box-shadow:
		0 .35rem 1.0rem rgba(0,0,0,.30),
		inset 0 .2rem .7rem rgba(255,255,255,.28),
		inset 0 -.35rem .9rem rgba(140, 70, 0, .35),
		inset 0 0 0 .18rem rgba(160, 80, 0, .22);
}

.update-transfer-quota-btn.is-loading {
	pointer-events: none;
	opacity: .75;
	cursor: not-allowed;
}

/* 更新餘額 */
.game-frame-overlay-header-area .update-transfer-quota-btn{
	height: 3.5rem;
    padding: 0 0.8rem;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
    /* border: .25rem solid rgba(200, 170, 255, .65); */
    /* box-shadow: 0 .6rem 1.4rem rgba(0, 0, 0, .45), inset 0 .2rem .6rem rgba(255, 255, 255, .18), inset 0 -.4rem 1rem rgba(30, 10, 60, .55), inset 0 0 0 .18rem rgba(90, 40, 140, .35); */
    /* background: radial-gradient(circle at 25% 15%, rgba(255, 255, 255, .18) 0%, transparent 45%), linear-gradient(to bottom, #a892c9 0%, #6f469c 35%, #4b2a7a 70%, #1a0b2e 100%); */
    color: gold;
    font-weight: 500;
    letter-spacing: .15rem;
    text-shadow: 0 .1rem 0 rgba(40, 0, 60, .6), 0 .2rem 0 rgba(0, 0, 0, .45);
    transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0));
}

/* 更新餘額動畫效果 start */
.update-transfer-quota-btn.is-loading span {
	opacity: .85;
}

/* icon 轉圈圈效果 */
.update-transfer-quota-btn.is-loading svg {
	animation: spin 0.8s linear infinite;
	filter: drop-shadow(0 0 4px rgba(200,180,255,.6));
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
/* 更新餘額動畫效果 end */

.max-bet-limit-txt,
.max-bet-limit-range-txt {
    pointer-events: none;
    gap: 0 !important;
}

.max-bet-limit-txt span,
.max-bet-limit-range-txt span {
    line-height: initial;
    color: gold;
    font-weight: bold;
    font-family: "微軟正黑體", Arial;
}

.game-frame-bar{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 1.2rem;
}

.game-frame-close{
	border: 0;
	border-radius: 0.8rem;
	padding: 0.8rem 1.2rem;
	cursor: pointer;
}

.game-frame{
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}

.no-login-div{
	font-size: 4.8rem;
	text-align: center;
	color: gold;
    margin-top:3rem;
}

/* 輪播圖 */
.main-content .banner-area{
    overflow: hidden;
    border-radius: 0.5rem;
    width: 100%;
    aspect-ratio: 15 / 4;
    padding: 0 1rem;
    margin-bottom: 0.5rem;
}

.main-content .banner-area .my-focus{
	border-radius: 5px;
}

.main-content .banner-area .my-focus{
	height: 100%;
	width: 100%;
}

.main-content .banner-area .my-focus .banner-img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-content .banner-area .my-focus .slick-dots{
	position: absolute;
	bottom: 5%;
	width: 100%;
	text-align: center;
}
.main-content .banner-area .my-focus .slick-dots li{
	display: inline-block;
	width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: #FFF;
	margin: 0 0.3rem;
	transition: 0.2s;
}
.main-content .banner-area .my-focus .slick-dots li.slick-active{
	background: #FFF;
	width: 2rem;
}
.main-content .banner-area .my-focus .slick-dots li button{
	display: none;
}

.main-content .banner-area .my-focus .banner-img {
    width: 100%;
}

#mask-content{
	overflow: hidden;
    position: fixed;
    z-index: 20000;
    max-width: 100%;
    margin: 0px auto;
    height: 100%;
    inset: 0px;
    background: rgba(0,0,0,0.6) center center / cover no-repeat !important;
    display: none;
}

#limit-content, #kick-content{
	display: none;
}

/* ---- 維修區塊 Start ---- */
.game-maintain-mask{
	position: absolute;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(0, 0, 0, .65);
	
	opacity: 1;

	z-index: 5;              /* 比 hover 高 */
	pointer-events: auto;    /* 吃掉滑鼠事件 */
}

.game-maintain-mask .maintain-icon{
	width: 45% !important;
	height: auto !important;
	transform: scale(.95);
	transition: transform .15s ease;
	user-select: none;
	pointer-events: none;
}

.game-maintain-mask .maintain-title{
    font-size: 2.5rem;
    font-weight: 600;
    color: #9dedff;
    text-shadow: 0.1rem 0.1rem 0 #c65a00, 0.2rem 0.2rem 0 rgba(0, 0, 0, .35);
    transform: skew(-10deg);
    letter-spacing: 0.5rem;
}

.game-btn.maintain:hover .game-thumb,
.game-btn.maintain:focus-visible .game-thumb{
	transform: none;
	filter: none;
	box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, .35);
}

.game-btn.maintain .game-hover{
	display: none;
}

.game-btn.maintain:hover .game-thumb::after,
.game-btn.maintain:focus-visible .game-thumb::after{
	opacity: .6;
	box-shadow: 0 0 0 0.3rem rgba(255,204,0,.55);
}
/* ---- 維修區塊 Ends ---- */

.all-gstore-group-area {
	display: flex;
    flex-direction: column;
    gap: 2rem;
	margin-top: 1rem;
}

.gstore-group-area{
	margin-top: 3rem;
}

.gstore-group-area .gstore-group-header-area{
    display: flex;
    align-items: center;
	gap: 2rem;
}

.gstore-group-area[gstore-group="-1"],
.gstore-group-area[gstore-group="-2"] {
    background-image: url("../images/sty1_home/lobby_game_list_bg1.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	margin-top: 0rem;
	
	padding: 1.5rem;
}

.gstore-group-area[gstore-group="-1"] .game-list-row:first-child,
.gstore-group-area[gstore-group="-2"] .game-list-row:first-child {
	padding-top: 0;
}

.gstore-group-area[gstore-group="4"] {
	margin-top: 2rem;
}

.gstore-group-area[gstore-group="-1"] .gstore-group-header-area,
.gstore-group-area[gstore-group="-2"] .gstore-group-header-area{
	padding-bottom: 0.5rem;
}

.gstore-group-area .gstore-group-header-area .gstore-group-title{
	position: relative;
	top: 0.1rem;
	padding-left: 3.5rem;
}

.gstore-group-area .gstore-group-title:before{
    position: absolute;
    left: 1rem;
    content: '';
    display: flex;
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.3rem;
    background: no-repeat center;
    background-size: contain;
    transform: scale(1.3);
}

.gstore-group-area[gstore-group="-1"] .gstore-group-title:before{
	background-image: url(../images/sty1_home/gstore-group-title-icon--1.webp);
}

.gstore-group-area[gstore-group="-2"] .gstore-group-title:before {
    background-image: url(../images/sty1_home/gstore-group-title-icon--2.webp);
}

.gstore-group-area[gstore-group="1"] .gstore-group-title:before{
	background-image: url(../images/sty1_home/gstore-group-title-icon-1.webp);
}

.gstore-group-area[gstore-group="3"] .gstore-group-title:before{
	background-image: url(../images/sty1_home/gstore-group-title-icon-3.webp);
}

.gstore-group-area[gstore-group="4"] .gstore-group-title:before{
	background-image: url(../images/sty1_home/gstore-group-title-icon-4.webp);
}

.gstore-group-area[gstore-group="5"] .gstore-group-title:before{
	background-image: url(../images/sty1_home/gstore-group-title-icon-5.webp);
}

.gstore-group-area[gstore-group="7"] .gstore-group-title:before{
	background-image: url(../images/sty1_home/gstore-group-title-icon-7.webp);
}

.gstore-group-area .gstore-group-header-area .gstore-group-more-btn{
	position: relative;
	cursor: pointer;
	font-size: 1.8rem;
	padding: 0.5rem 3rem 0.3rem 1.6rem;
	color: #000;
	background: linear-gradient(90deg, #F5C96B 0%, #F8BD74 45%, #FAA97E 100%);
	border-radius: 3rem;
}

.gstore-group-area .gstore-group-header-area .gstore-group-more-btn:hover{
	color: #1b0089;
	font-weight: 600;
}

.gstore-group-area .gstore-group-header-area .gstore-group-more-btn:hover::before{
    
}

.gstore-group-area .gstore-group-header-area .gstore-group-more-btn:before{
    position: absolute;
    right: 1rem;
    top: 0.85rem;
    content: '';
    display: flex;
    width: 1.6rem;
    height: 1.2rem;
    margin-bottom: 0.3rem;
    background: no-repeat center;
    background-size: contain;
    transform: scale(1.3);
	background-image: url(../images/sty1_home/gstore-group-more-btn-icon2.webp);
}

.gstore-group-area .game-list-wrap{
	display: flex;
    flex-direction: column;
}