.glbox {display: none;}
.glbox.aaa {display: block;}

#footer a {width: 25%;}
#footer a img {margin: 0px auto;}

#main-language {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 

.depo-icon {position: absolute;width: 80px; bottom: 20px;left: 50%; transform: translateX(-50%);}

/*iPAD*/
.PAD #home-balance>.A {margin: 0px;}
.PAD #home-packet, .PAD #home-movie, .PAD #home-refer {padding: 0px 10px;}

/*Desktop*/
.DES #home>.A .pinfo {margin: 0px;}
.DES #home-balance>.A {margin: 0px;}
.DES #home-packet, .DES #home-movie, .DES #home-refer {padding: 0px 10px;}

#home .box-2 {
	width: 100%;
	table-layout: fixed;
}

#home .box-2-1 {
	vertical-align: top;
	width: auto;
}

#home .box-2-2 {
	vertical-align: top;
	width: 400px;
	background: rgba(0,0,0,.5);
	border-left: 1px solid rgba(255,255,255,.5);
}

#home .box-2-1 .banner-wrapper {
	border-bottom: 1px solid #fff;
}

#home .box-2-1 .game-wrapper {
	padding: 0 10px;
}

#home .box-2-2 {
	vertical-align: top;
	width: 400px;
	background: rgba(0,0,0,.5);
	border-left: 1px solid rgba(255,255,255,.5);
}

#home .box-3 {
	width: 100%;
	table-layout: fixed;
}

#home .box-3-1 {
	vertical-align: top;
	width: 400px;
	background: rgba(0,0,0,.5);
	border-right: 1px solid rgba(255,255,255,.5);
}

#home .box-3-1 .static-banner {
	margin-top: 15px;
}

#home .box-3-2 {
	vertical-align: top;
	width: auto;
	padding: 0 15px 15px;
}

#home .box-3-3 {
	vertical-align: top;
	width: 400px;
	background: rgba(0,0,0,.5);
	border-left: 1px solid rgba(255,255,255,.5);
}

body.DES #home, body.PAD #home  {padding: 0px;}
body.DES #home .static-banner, body.PAD #home .static-banner { width: 100%; margin: 0px; }
body.DES #home-banner, body.PAD #home-banner {margin: 0px;}

#login.desktop .header {
	float: left;
	width: 500px;
	margin: 30px;
}

#login.desktop .form-wrapper {
	float: left;
	width: calc(100% - 560px);
	padding: 30px;
	text-align: center;
}

.promotion-notification {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	background: #000;
	width: 300px;
	border-radius: 15px;
	color: #fff;
	border: 2px solid #f9ef92;
	color: white;
	text-align: center;
	font-size: 1.5rem;
	padding: 10px;
}

	.promotion-notification span {
		font-size: 1.7rem;
	}

	.promotion-notification button {
		margin: 0 5px;
	}

	.promotion-notification .btn-yes {
		background-color: #5cb85c;
		width: 80px;
		border: none;
		border-radius: 5px;
	}

	.promotion-notification .btn-no {
		background-color: #d9534f;
		width: 80px;
		border: none;
		border-radius: 5px;
	}

body.C #home > .A .pinfo .links a { height:60px; font-size:24px; line-height:42px }

#header .logo { height:66px }
#content { top:97px }

#footer.s5 a { width:20%; }
.bonus-wrapper.wp { padding:10px 15px }

.promo-status-checking { position:fixed; bottom: 55px; text-align:center; width:100%; z-index:99; background-color:#222; padding:0px 10px; line-height:40px; text-transform:uppercase; font-weight:bold; display:none }

#home-packet .packet { width:calc(33.33% - 10px ) ; height:auto; max-width:110px; display:inline-block; padding:0; float:none; background-image:none }
#home-packet .packet p:first-child { font-size:12px; padding:0px 10% 20% 10%; min-height:none; margin:0 }

#home-packet .packet .bbg { width:100% }
    #home-packet .packet .bbg img { width:100% }
#home-packet .packet .ttext { position:absolute; height:100%; width:100%; display:flex; justify-content:center; align-items:center; top:0; left:0 }
#home-packet .packet.s2 { width:300px; max-width:300px; border-radius:0px }

#home-refer .refer-area { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:10px }
    #home-refer .refer-area .btn { background-image:none; float:none; margin:0; padding:2px; height:auto; width:25% }
    #home-refer .refer-area .btn img { max-width:100% }

#home-livetx table td { font-size:10px; line-height:normal; padding:4px; background:transparent }
#home-livetx table td.title { background:transparent; text-transform:uppercase }
#home-livetx table td.green { background:linear-gradient(to bottom, #246000 51%, #4ba614 100%); text-transform:uppercase }
#home-livetx table td.red { background:linear-gradient(to bottom, #77000E 51%, #ff0000 100%); text-transform:uppercase }
#home-livetx table tbody td { width:auto }

#header .link i { color:#ffffff; filter:drop-shadow(0 0 6px #9c0000) drop-shadow(0 0 8px #000)}

#home-balance > .A .pbalance .pinfo { margin:0 -5px }

.footer-wrapper { max-width:768px; margin:0 auto; }
.fbox-wrapper { display:flex; gap:20px }
    .fbox-wrapper .fbox { width:50% } 
.fbox { padding:30px 0px 0px }
    .fbox h5 { text-transform:uppercase; font-size:16px; margin:0; padding-bottom:8px; }
	.fbox .fh { display:flex; gap:16px; flex-wrap:wrap }
		.fbox .fh img { max-height:28px }
.icons { display:flex; gap:8px; flex-wrap:wrap }
    .icons a { max-width:calc(25% - 6px) }
    .icons img { max-width:100% }

.gamelicense { display:flex; gap:20px; align-items:center;  }
	.gamelicense img { max-width:90px }

.copyright { text-align:center; padding-top:30px; font-weight:bold; font-size:12px }

.livescore-wrapper { margin:20px -10px; overflow:hidden }
    .livescore-wrapper iframe { width:100%; height:260px; margin-top:-48px }

#deposit .btns .btn.auto { width:auto }

.refqrbox { text-align:center; border-top:1px solid #999999; padding-top:10px; margin-top:10px; }
    .refqrbox span { display:block }
    .refqrbox .iimg { display:inline-block; padding:10px; background-color:#ffffff; max-width:80%; border-radius:8px }
    .refqrbox img, .refqrbox canvas { max-width:100% }

@media only screen and (max-width: 768px) { 

    body.C #home > .A .pinfo .links a { height:36px; font-size:14px; line-height:18px }

    #home-refer .refer-area .btn { width:50% }

}