/* gameTabs */
#gameTabs { padding-bottom: 53px; display: flex; justify-content: space-between; box-sizing: border-box; grid-area: games; }
#gameTabs ul.GameList_L { position: relative; display: grid; grid-template-rows: repeat(8, 1fr); grid-gap: 1%; flex: 18%; z-index: 3; }
#gameTabs ul.GameList_L li { display: inline-block; vertical-align: top; }
#gameTabs ul.GameList_L li a { color: #333; margin-bottom: 7px; border-radius: 7px; width: 100%; height: 100%; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #e7f1fb; background: #e7f1fb; }
#gameTabs ul.GameList_L li.active a { border: 1px solid #3281d0; }

#tabs_container { position: relative; margin-left: 2%; flex: 82%; }

.icon_loginID, .icon_loginPW { width: 100%; padding-left: 15% !important; margin-bottom: 33px; background-repeat: no-repeat; background-position: 3.5% center; background-size: auto 55% }
.icon_loginID { background-image: url(../images/icon_loginID.svg) }
.icon_loginPW { background-image: url(../images/icon_loginPW.svg) }
.icon_loginID_a, .icon_loginPW_a, .icon_loginPHONE { width: 100%; padding-left: 15% !important; margin-bottom: 33px; background-repeat: no-repeat; background-position: 3.5% center; background-size: auto 55% }
.icon_loginPHONE { background-image: url(../images/icon_loginPHONE.png) }
.icon_loginID_a { background-image: url(../images/icon_loginID.svg) }
.icon_loginPW_a { background-image: url(../images/icon_loginPW.svg) }
.icon_loginID_a, .icon_loginPW_a, .icon_loginPHONE { margin-bottom: 16px }
.error_login_t { position: absolute; left: 0; top: 48px; text-align: left; color: #ff3737; font-size: .7em }
.loginFG { text-align: right; color: #14815e; font-size: .9em; margin-top: -18px; margin-bottom: 5px }
.loginFG2 { text-align: right; color: #14815e; font-size: .9em; margin-top: -6px; margin-bottom: 10px }
.role_bar { margin-bottom: 16px }
.form_button.gray input[type="button"], input[type="submit"], input[type="reset"] { background-color: #7a7a7a !important }

#lotogame_color .img_GL { right: 0; }
#lotogame_color .img_GL:after { width: 56vw; height: 100% !important; max-height: 54vw; }
#lotoNo .img_GL:after { display: none; }
#lotoNo { background-image: url(../images/mobile/index/img_lotoBG.png); -webkit-filter: grayscale(1); }
#chessNo .img_GL:after { background-image: url(../images/mobile/index/img_chessNOT.png); background-size: 100% auto; width: 56vw; height: 100% !important; max-height: 54vw; background-position: 50% 50%; }

@media(min-width:375px) {
	.icon_loginID, .icon_loginPW { margin-bottom: 33px }
}
@media(min-width:400px) {
	.icon_loginID, .icon_loginPW { margin-bottom: 34px }
	.error_login_t { top: 60px }
	.mask_a .popup_In { padding: 22px !important }
}
@media(min-width:768px) {
	.icon_loginID, .icon_loginPW { margin-bottom: 54px }
	.error_login_t { top: 82px }
}
.av_popup { position: fixed; z-index: 100; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6) }
.img_av { background: url(../images/home_AVpopup.png) center no-repeat; background-size: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 320px; height: 314px }
.btn_closeAV { position: absolute; width: 30px; height: 30px; background-color: #b83911; top: 10%; right: 6%; border-radius: 50%; box-shadow: 1px 1px 1px rgba(103, 27, 3, .75); cursor: pointer }
.btn_closeAV:before, .btn_closeAV:after { content: ''; width: 2px; height: 52%; background-color: #fff; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto }
.btn_closeAV:before { transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.btn_closeAV:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.btn_closeAV:active { background-color: #d63300 }
.av_container { width: 85px; position: absolute; padding-left: 38px; margin: 0 auto 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; bottom: -5px; left: 0; line-height: 28px; color: #fff; font-size: .8em }
.av_container input { position: absolute; opacity: 0; cursor: pointer; height: auto }
.av_checkmark { position: absolute; top: 0; left: 0; height: 28px; width: 28px; border: 2px solid #fff; box-sizing: border-box; border-radius: 4px }
.av_checkmark:after { content: ""; position: absolute; display: none }
.av_container input:checked~.av_checkmark:after { display: block }
.av_container .av_checkmark:after { left: 8px; top: 3px; width: 6px; height: 11px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }

@media(min-width:375px) {
	.img_av { width: 375px; height: 368px }
	.btn_closeAV { width: 35px; height: 35px }
	.av_container { bottom: 0 }
}
@media(min-width:400px) {
	.img_av { width: 400px; height: 392px }
	.av_container { width: 100px; line-height: 30px; padding-left: 40px }
	.av_checkmark { height: 30px; width: 30px }
	.av_container .av_checkmark:after { width: 7px; height: 12px }
}
@media(min-width:768px) {
	.img_av { width: 750px; height: 736px }
	.btn_closeAV { width: 50px; height: 50px; top: 12%; right: 10% }
	.btn_closeAV:before, .btn_closeAV:after { width: 3px }
	.av_container { width: 155px; line-height: 40px; padding-left: 50px; bottom: 20px }
	.av_checkmark { height: 40px; width: 40px; border-width: 3px }
	.av_container .av_checkmark:after { left: 10px; top: 4px; width: 10px; height: 16px; border-width: 0 4px 4px 0 }
}
.swiper2 { height: 38.5vw }
.swiper2 img { width: 100%; height: 100% }
.swiper2 .swiper-slide:before, .swiper2 .swiper-slide:after { content: ''; position: absolute; width: 100%; height: 30%; left: 0; right: 0 }
.swiper2 .swiper-slide:before { top: -1px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0) }
.swiper2 .swiper-slide:after { bottom: -1px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0) }
.swiper-pagination-bullet { width: 6px; height: 6px; opacity: .5; background-color: #cbdeed; margin: 0 3px !important }
.swiper-pagination-bullet-active { opacity: 1; outline: none }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 }

@media(min-width:768px) {
	.swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important }
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 3px }
}
.GameList { display: flex; width: 100%; height: calc(100% - 38.5vw); box-sizing: border-box }
[class*="btn_GL"] { background-color: #dff2f6; box-sizing: border-box }
.GameList_L::-webkit-scrollbar { display: none }
.GameList_L [class*="btn_GL"] { width: 100%; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 1px; outline: none }
.GameList_L [class*="btn_GL"].on { border: 1px solid #499ea5; padding: 0 }
.GameList_L h2 { margin: .5vh 2px 0; font-size: .65em; text-align: center; color: #535867; line-height: 1em; font-weight: bold; }
.GameList_L [class*="ic_GL"] { min-width: 18px; min-height: 18px; width: 3vh; height: 3vh; margin-bottom: .2vh; }
.GameList_L li.active [class*="ic_GL"] { animation: aniGame 0.8s ease-out infinite; -webkit-animation: aniGame 0.8s ease-out infinite; }
.ic_GLhot { background: url(../images/mobile/index/icon_hot.svg) no-repeat center; background-size: 100% auto !important }
.ic_GLsport { background: url(../images/mobile/index/icon_sport.svg) no-repeat center; background-size: 75% auto }
.ic_GLlive { background: url(../images/mobile/index/icon_live.svg) no-repeat center; background-size: 75% auto }
.ic_GLloto { background: url(../images/mobile/index/icon_loto.svg) no-repeat center; background-size: 75% auto }
.ic_GLslot { background: url(../images/mobile/index/icon_slot.svg) no-repeat center; background-size: 75% auto }
.ic_GLfish { background: url(../images/mobile/index/icon_fish.svg) no-repeat center; background-size: 80% auto }
.ic_GLchess { background: url(../images/mobile/index/icon_chess.svg) no-repeat center; background-size: 75% auto }
.ic_GLesport { background: url(../images/mobile/index/icon_esport.svg) no-repeat center; background-size: 85% auto }
.GameList_RBox { flex: 82%; margin-right: -2% !important; padding-right: 2% !important }
#aTvpd , #LaLiga { margin-bottom: 2%; height: calc((100% - 1vh) / 2); }
#LaLiga { margin-bottom: 0; }
.GameList_R { min-height: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 1vh; }
#Live , #Slot { grid-template-rows: repeat(5, 1fr); }
#Sport { grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); }
#Ball , #Chess , #ESports { grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); }
.GameList_R>div { position: relative }
.GameList_R>div a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; }
.GameList_R::-webkit-scrollbar { display: none }
.GameList_R.on { display: flex }
.GameList_R [class*="btn_GL"] { border-radius: 8px; position: relative; background-position: center top; background-repeat: no-repeat; }
.GameList_R [class*="btn_GL"]:not(.maintain):active { background: #e8f3f6; }
.GameList_R [class*="btn_GL"]:not([class*="hot"]) { background: #b2d2ed; background: -moz-linear-gradient(top, #b2d2ed 0%, #d1e6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2d2ed), color-stop(100%,#d1e6f6)); background: -webkit-linear-gradient(top, #b2d2ed 0%,#d1e6f6 100%); background: -o-linear-gradient(top, #b2d2ed 0%,#d1e6f6 100%); background: -ms-linear-gradient(top, #b2d2ed 0%,#d1e6f6 100%); background: linear-gradient(to bottom, #b2d2ed 0%,#d1e6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d2ed', endColorstr='#d1e6f6',GradientType=0 ); }
.GameList_R .img_GL { position: absolute; overflow: hidden; width: 100%; height: 100%; right: 0; bottom: 0; border-radius: 10px; z-index: 1 }
.GameList_R .img_GL:after { content: ''; background-position: 1em top; background-repeat: no-repeat; position: absolute; bottom: 0; right: 0; width: 37vw; height: 32vw; border-radius: 10px }
.GameList_R [class*="btn_GLhot"] h1 { font-size: 15px; }
.GameList_R [class*="btn_GLhot"] .img_GL:after { background-image: url(../images/mobile/id-id/img_hotOT.png); background-size: 100% auto }
.GameList_R [class*="btn_GLloto"] .img_GL:after { background-image: url(../images/mobile/id-id/img_lotoOT.png); background-size: 100% auto; }
.GameList_R [class*="btn_GLfish"] .img_GL:after { background-image: url(../images/mobile/id-id/img_fishOT.png); background-size: 100% auto }
.GameList_R [class*="btn_GLchess"] .img_GL:after { background-image: url(../images/mobile/id-id/img_chessOT.png); background-size: 100% auto }
.GameList_R [class*="btn_GLesport"] .img_GL:after { background-image: url(../images/mobile/id-id/img_esportsOT.png); background-size: 100% auto }
.GameList_R [class*="btn_GLlive"] .img_GL:after { background-image: url(../images/mobile/id-id/img_liveOT.png); background-size: 100% auto }
.GameList_R .btn_GLliveKU , .GameList_R .btn_GLfish3D { grid-column: 1/3; }
.btn_GLliveKU:not(:active):after, .btn_GLlotoKU:not(:active):after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; border-radius: 10px; }
.btn_GLliveKU:not(:active):after { background-image: url(../images/mobile/id-id/img_liveKUBG.png); background-size: cover; }
.btn_GLlotoKU:not(:active):after { background-image: url(../images/mobile/id-id/img_lotoKUBG.png); background-size: 100% 100%; }
.GameList_R [class*="btn_GLsport"] { background-image: url(../images/mobile/index/img_sportBG.png); background-size: cover }
.GameList_R [class*="btn_GLsport"] .img_GL:after { background-image: url(../images/mobile/id-id/img_sportOT.png); background-size: 100% auto }
.GameList_R [class*="btn_GLslot"] { background-image: url(../images/mobile/index/img_slotBG.png); background-size: cover }
.GameList_R [class*="btn_GLslot"] .img_GL:after { background-image: url(../images/mobile/id-id/img_slotOT.png); background-size: 100% auto }
.GameList_R[class*="whole"] .img_GL:after { width: 56vw; height: 100%; max-height: 54vw }
.GameList_R[class*="wholeS"] .img_GL:after { width: 40vw; height: 35vw }
.GameList_R[class*="wholeF"] .img_GL:after { width: 40vw; height: 35vw }
.GameList_R[class*="wholeT"] [class*="btn_GL"]:nth-child(2) .img_GL:after { background-position-y: -55vw }
.GameList_R[class*="wholeT"] [class*="btn_GL"]:nth-child(3) .img_GL:after { background-position-y: -110vw }
.btn_GLlotoNot .img_GL { width: 56vw; background: url("../images/main/img_lotoNOT.png") no-repeat right center; background-size: 100% auto }
.btn_GLchessNot .img_GL { width: 56vw; background: url("../images/TS777/img_chessNOT.png") no-repeat right center; background-size: 100% auto }
.GameList_R .btn_GLlotoNot.w100 .t_GL, .GameList_R .btn_GLchessNot.w100 .t_GL { margin: 0 !important }
.GameList_R [class*="btn_GLlotoNot"], .GameList_R [class*="btn_GLchessNot"], .GameList_R [class*="btn_GLlotoNot"]:not(.maintain):active, .GameList_R [class*="btn_GLchessNot"]:not(.maintain):active { background: #dfe2e7; background: -moz-linear-gradient(-45deg, #fff 0%, #dfe2e7 100%); background: -webkit-linear-gradient(-45deg, #fff 0%, #dfe2e7 100%); background: linear-gradient(135deg, #fff 0%, #dfe2e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dfe2e7', GradientType=1) }
.GameList_R .w100 { width: 100% !important; display: flex; align-items: center }
.GameList_R .w100 .img_GL:after { background-position-x: right }
.GameList_R:not([class*="whole"]) .w100 .img_GL, .GameList_R[class*="wholeF"] .w100 .img_GL, .GameList_R[class*="wholeS"] .w100 .img_GL { right: 10vw }
.GameList_R .w100 .t_GL { width: 47%; margin: 10px 0 0 0; flex-direction: column; align-items: center; display: flex }
.GameList_R .w100 h1 { font-size: .95em }
.GameList_R .w100 h1 span { margin-bottom: -5px }
.swiper1 .swiper-wrapper { height: auto !important }
.swiper-slide-active { opacity: 1 }
.swiper-pagination-vertical.swiper-pagination-bullets { transform: initial !important }
.t_GL { margin: 10px; position: relative; z-index: 2 }
.t_GL h1 { font-size: .82em; color: #535867; line-height: 1em; margin: 0; position: relative; z-index: 1; text-align: center; display: inline-block; font-weight: bold; }
.t_GL h1 span { font-size: .8em; display: block }
.t_GL img { height: 47px; width: auto; margin-top: -8px; display: block }
.btn_GLhotSport { background-image: url(../images/mobile/id-id/img_sportHotBG.png); background-size: cover }
.GameList_R .btn_GLhotLive { background-image: url(../images/mobile/id-id/img_liveHotBG.png); background-size: 100% auto; background-position: 50%; }
.GameList_R .btn_GLhotLive .img_GL:after { background-image: url(../images/mobile/id-id/img_hotLive.png); background-position: center bottom; }
.GameList_R .btn_GLhotLoto { background-image: url(../images/mobile/id-id/img_lotoHotBG.png); background-size: cover; background-position: 50%; }
.GameList_R .btn_GLhotLoto .img_GL:after { background-image: url(../images/mobile/id-id/img_hotLoto.png); background-position: center bottom; }
.GameList_R .btn_GLhotSlot { background-image: url(../images/mobile/id-id/img_slotHotBG.png); background-size: cover }
.GameList_R .btn_GLhotStudio, .GameList_R .btn_GLhotCool , .GameList_R .btn_GLhotCAO { background-image: url(../images/mobile/id-id/img_hotBG.png); background-size: cover }
.GameList_R [class*="btn_GLhotStudio"]:not(.maintain):active, .GameList_R [class*="btn_GLhotCool"]:not(.maintain):active { background: #d7ddf7 }
.GameList_R[class*="wholeT"] .img_GL:after { width: 55.7vw; height: 100%; max-height: 54vw; }
.btn_GLhotStudio:not(.maintain):active, .btn_GLhotCool:not(.maintain):active { background: #d7ddf7 }
.btn_GLhotStudio img, .btn_GLhotCool img { height: 28px; margin-top: 5px }
[class*="btn_GLhot"]:not(.btn_GLhotStudio):not(.btn_GLhotCool) .t_GL img { margin-top: -3px }
[class*="btn_GL"][class*="EVO"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KA"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="DS"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KU"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="3D"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KY"]:not(.w100) .t_GL img { height: 37px; margin-left: 5px; margin-top: -3px }
[class*="btn_GL"][class*="SB"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="BBIN"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="LC"]:not(.w100) .t_GL img { height: 37px; margin-left: 0; margin-top: -6px }
[class*="btn_GL"][class*="CQ9"].w100 .t_GL img, [class*="btn_GL"][class*="BBIN"].w100 .t_GL img, [class*="btn_GL"][class*="V8"].w100 .t_GL img, [class*="btn_GL"][class*="JK"].w100 .t_GL img, [class*="btn_GL"][class*="SB"].w100 .t_GL img { margin-top: -6px }
.btn_GLfishKS:not(.w100) .img_GL:after, .btn_GLfishCQ9:not(.w100) .img_GL:after, .btn_GLslotJK:not(.w100) .img_GL:after { background-position-x: 1.6em }

.btn_GLfishKS .img_GL:after, .btn_GLslotPG .img_GL:after, .btn_GLliveEVO .img_GL:after, .btn_GLsportAI .img_GL:after { background-position-y: 11.1%; }
.btn_GLfishAG .img_GL:after, .btn_GLslotBNG .img_GL:after, .btn_GLliveAG .img_GL:after, .btn_GLhotSlot .img_GL:after { background-position-y: 22%; }
.btn_GLfishDS .img_GL:after, .btn_GLslotCQ9 .img_GL:after, .btn_GLliveOG .img_GL:after { background-position-y: 33%; }
.btn_GLfishKY .img_GL:after, .btn_GLslotDS .img_GL:after, .btn_GLliveKU .img_GL:after, .btn_GLsportAG .img_GL:after, .btn_GLhotStudio .img_GL:after { background-position-y: 44%; }
.btn_GLfishKA .img_GL:after, .btn_GLslotKA .img_GL:after, .btn_GLliveXG .img_GL:after, .btn_GLhotCool:not(.aniCI) .img_GL:after { background-position-y: 55%; }
.btn_GLfishLC .img_GL:after, .btn_GLslot3D .img_GL:after, .btn_GLliveWM .img_GL:after { background-position-y: 66%; }
.btn_GLfishCQ9 .img_GL:after, .btn_GLslotRK5 .img_GL:after, .btn_GLliveSA .img_GL:after, .btn_GLsportBBIN .img_GL:after { background-position-y: 77%; }
.btn_GLsportOB .img_GL:after, .btn_GLslotJK .img_GL:after, .btn_GLliveGPI .img_GL:after { background-position-y: 88%; }
.GameList_R.wholeTwo #esportgame_sb .img_GL:after { background-position-y: -109vw; }

#aTvpd .t_GL h1 , #LaLiga .t_GL h1 { font-size: 17px; }
#aTvpd .t_GL h1 span , #LaLiga .t_GL h1 span { margin-left: .5em; display: inline-block; font-size: 1em; }

.logo_CAO { display: flex; width: calc(40px + 0.5vw); flex-wrap: wrap; justify-content: space-between; align-items: center; }
.logo_CAO img + img { width: auto; height: 25px; margin-top: -2vw; }
.btn_GLsportKU .logo_CAO { width: auto; flex-wrap: nowrap; }
.btn_GLsportKU .logo_CAO img + img { margin-left: 1vw; }

.GameList_R.evenThree .img_GL:after { width: 25vh !important; height: 19.5vh !important; max-width: initial !important; max-height: initial !important; top: 0; }

@-webkit-keyframes aniGame { 0% , 100% { -webkit-transform: translateY(-.1vh); } 50% { -webkit-transform: translateY(-.75vh); } }
@keyframes aniGame { 0% , 100% { transform: translateY(-.1vh); } 50% { transform: translateY(-.75vh); } }

@media(min-width:350px) {
	.btn_ADnew~.container_main_home .GameList_R [class*="btn_GLhot"] .img_GL:after { height: 27vw }
}
@media(min-width:350px) and (max-width:399px) and (max-height:605px) {
	.GameList_R [class*="btn_GLhot"] .img_GL:after { height: 27vw }
}
@media(min-width:350px) and (max-width:399px) and (min-height:660px) {
	.GameList_R .w100 .t_GL img { margin-top: -2px }
}
@media(min-width:350px) and (max-width:374px) and (min-height:692px) {
	.GameList_R:not([class*="wholeT"]) .img_GL:after { width: 41vw; height: 36vw !important }
}
@media(min-width:375px) and (max-width:399px) and (min-height:717px) {
	.GameList_R:not([class*="wholeT"]) .img_GL:after { width: 41vw; }
	.GameList_R .btn_GLhotSport .img_GL:after { height: 29vw !important; }
}
@media(min-width:400px) {
	.t_GL { margin: 15px }
	.t_GL h1 { min-width: 55px }
	.t_GL img { height: 55px }
	.btn_GLhotCool img { height: 22px }
	.btn_GLhotStudio img , .btn_GLhotCAO img { height: 35px }
	[class*="btn_GL"][class*="EVO"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KA"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="DS"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KU"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="3D"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KY"]:not(.w100) .t_GL img { height: 45px }
	[class*="btn_GL"][class*="JK"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="SB"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="BBIN"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="LC"]:not(.w100) .t_GL img { height: 43px }
	#aTvpd .t_GL , #LaLiga .t_GL { margin: 0 15px; height: 100%; display: flex; justify-content: space-around; align-items: center; }
	.logo_CAO { width: calc(55px + 0.5vw); }
	.logo_CAO img + img { height: 34px; margin-top: -10px; }
}
@media(min-width:400px) and (max-height:714px) {
	.t_GL { margin: 10px 15px }
	.GameList_R:not([class*="wholeT"]) .img_GL:after { width: 31vw; height: 26vw !important }
	.btn_GLhotStudio img, .btn_GLhotCool img { height: 28px }
}
@media(min-width:400px) and (max-width:461px) and (min-height:774px) {
	.GameList_R:not([class*="wholeT"]) .img_GL:after { max-width: 166px; max-height: 115px; }
	.GameList_R .btn_GLhotSport .img_GL:after { height: 29vw !important; }
	.GameList_R .w100 .t_GL img { margin-top: -2px }
}
@media(min-width:530px) {
	.GameList_R:not([class*="wholeT"]) .img_GL:after { width: 21vh; height: 14vh; min-width: 142px; min-height: 98px; background-position-x: right }
	.GameList_R[class*="whole"] .img_GL { right: 8vw }
	.GameList_R[class*="wholeS"] .img_GL, .GameList_R[class*="wholeF"] .img_GL { right: 0 }
	.GameList_R[class*="whole"] .img_GL:after { width: 40vw; max-height: 38vw }
	.GameList_R[class*="wholeS"] .img_GL:after, .GameList_R[class*="wholeF"] .img_GL:after { width: 29vw; height: 28vw !important; background-position-x: right }
	.btn_GLlotoNot .img_GL, .btn_GLchessNot .img_GL { width: 40vw }
	.GameList_R[class*="wholeT"] [class*="btn_GL"]:nth-child(2) .img_GL:after { background-position-y: -40vw }
	.GameList_R[class*="wholeT"] [class*="btn_GL"]:nth-child(3) .img_GL:after { background-position-y: -79vw }
	.GameList_R:not([class*="whole"]) .w100 .img_GL, .GameList_R[class*="wholeF"] .w100 .img_GL, .GameList_R[class*="wholeS"] .w100 .img_GL , .GameList_R:not([class*="wholeT"]) .w100 .img_GL{ right: 15vw }
	.GameList_R[class*="wholeT"] .img_GL { right: 8vw; }
	.GameList_R[class*="wholeT"] .img_GL:after { width: 40vw; max-height: 38vw; }
	.btn_GLliveKU.w100 .img_GL , .btn_GLlotoKU .img_GL { right: 0 !important; }
	.GameList_R.wholeTwo #esportgame_sb .img_GL:after { background-position-y: -79vw; }
}
@media(min-width:530px) and (max-width:767px) and (max-height:738px) {
	.t_GL { margin: 10px 15px }
	.GameList_R:not([class*="wholeT"]) .img_GL:after { width: 24vw; height: 19vw !important }
	.GameList_R [class*="btn_GL"] { min-height: 70px }
	.GameList_R [class*="btn_GLhot"]:not(.btn_GLhotStudio):not(.btn_GLhotCool) { min-height: 111px }
	.btn_GLhotStudio img, .btn_GLhotCool img { height: 28px }
}
@media(min-width:768px) {
	[class*="btn_GL"] { margin-bottom: 15px !important }
	.t_GL { margin: 3vw; font-size: .6em }
	.t_GL h1 { font-size: 1.1em !important; min-width: 9vw }
	.t_GL h1 span { font-size: .9em }
	.t_GL img { height: 9vw }
	.GameList_L h2 { font-size: .48em }
	.GameList_R [class*="btn_GL"] { min-height: 115px }
	.GameList_R [class*="btn_GL"]:not(.w100) { width: calc(50% - 8px) }
	.GameList_R [class*="btn_GL"]:not([class*="btn_GLhot"]) .t_GL { min-width: 9vw }
	.GameList_R [class*="btn_GLhot"]:not(.btn_GLhotStudio):not(.btn_GLhotCool) { height: calc(37.5% - 15px); min-height: 145px }
	.GameList_R:not([class*="whole"]) [class*="btn_GL"] { height: calc(25% - 15px) }
	.GameList_R:not([class*="wholeT"]) .img_GL:after { width: 24vw; height: 21vw !important }
	.GameList_R[class*="wholeS"] .img_GL:after, .GameList_R[class*="wholeF"] .img_GL:after { width: 27vw; height: 25vw !important; background-position-x: right }
	.btn_GLhotStudio img, .btn_GLhotCool img { height: 5vw; max-width: 40px }
	[class*="btn_GL"][class*="JK"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="SB"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="BBIN"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="LC"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="EVO"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KA"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="DS"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KU"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="3D"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KY"]:not(.w100) .t_GL img { height: 8vw; margin-top: -.5vw }
}
@media(min-width:768px) and (max-height:1000px) {
	.t_GL { margin: 2vw 3vw }
	.GameList_R .w100 .t_GL img { margin-top: -8px }
	.GameList_R:not([class*="wholeT"]) .img_GL:after { width: 22vw; height: 17vw !important }
	.btn_GLhotStudio img, .btn_GLhotCool img { height: 32px }
}
@media(orientation:landscape) {
	body { overflow: initial }
	.container_main { position: static }
	.GameList { min-height: 100vh }
}
@media(min-width:768px) and (orientation:landscape) {
	.t_GL { margin: 15px }
	.t_GL h1 { min-width: 55px }
	.t_GL img { height: 55px }
	.btn_GLhotStudio img, .btn_GLhotCool img { height: 32px }
	[class*="btn_GL"][class*="EVO"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KA"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="DS"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KU"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="3D"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="KY"]:not(.w100) .t_GL img { height: 45px }
	[class*="btn_GL"][class*="JK"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="SB"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="BBIN"]:not(.w100) .t_GL img, [class*="btn_GL"][class*="LC"]:not(.w100) .t_GL img { height: 43px }
}
[class*="btn_GL"].maintain .gameMainTain_text { display: flex }
.gameMainTain_text { color: #fff; position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; font-weight: bold; font-size: .8em; width: 19vw; height: 16vw; max-width: 80px; max-height: 65px; background: url(../images/main/img_fixBG.svg) no-repeat left bottom; background-size: cover; line-height: 1em; white-space: nowrap; border-radius: 0 0 10px 0; padding-left: 4vw; box-sizing: border-box }
.gameMainTain_text:before { content: ''; width: 19px; height: 19px; max-width: 28px; max-height: 28px; background: url(../images/main/icon_fix.svg) no-repeat center; background-size: 100% auto; margin-bottom: 4px }
.gameMainTain_in { position: absolute; top: calc(100% - 1.2em); left: 0; background-color: #3595cc; color: #fff; padding: 6px 10px 5px; border-radius: 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .3); font-size: .7em; line-height: 1.2em; z-index: 2; display: none }
.gameMainTain_in:before { content: ''; position: absolute; top: -8px; left: 10px; border-style: solid; border-width: 0 0 9px 9px; border-color: transparent transparent #3595cc transparent }
.GameList_R [class*="btn_GL"]:last-child .gameMainTain_in, .GameList_R [class*="btn_GL"]:not([class*="w100"]):nth-last-child(2) .gameMainTain_in { bottom: calc(100% - 1.2em); top: auto }
.GameList_R [class*="btn_GL"]:last-child .gameMainTain_in:before, .GameList_R [class*="btn_GL"]:not([class*="w100"]):nth-last-child(2) .gameMainTain_in:before { bottom: -8px; top: auto; border-width: 9px 9px 0 0; border-color: #3595cc transparent transparent transparent }

@media(min-width:350px) {
	.gameMainTain_text:before { width: 21px; height: 21px }
}
@media(min-width:375px) {
	.gameMainTain_text:before { width: 23px; height: 23px }
}
@media(min-width:400px) {
	.gameMainTain_text { padding-left: 20px }
	.gameMainTain_text:before { width: 28px; height: 28px }
	.gameMainTain_in:before { left: 12px }
}
@media(min-width:768px) {
	.gameMainTain_in { font-size: .54em }
	.gameMainTain_in:before { top: -12px; left: 14px; border-width: 0 0 13px 14px }
	.gameMainTain_text { font-size: .48em }
}
.GL_hot, .GL_new , .GL_jackpot { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; right: 0; z-index: 2 }
.GL_hot { background-image: url(../images/mobile/index/icon_hot.png); background-size: cover }
.GL_new { background-image: url(../images/mobile/index/icon_new.png); background-size: cover }
.GL_jackpot { background-image: url(../images/mobile/id-id/icon_superGold.svg); background-size: cover; width: 36px; height: 35px; top: 3px; }

@media(min-width:350px) {
	.GL_hot, .GL_new { width: 45px; height: 45px }
	.GL_jackpot { width: 41px; height: 37px; right: 1px; }
}
@media(min-width:400px) {
	.GL_hot, .GL_new { width: 52px; height: 52px }
	.GL_jackpot { width: 47px; height: 42px; }
}
.appNew { max-width: 330px; width: 80%; display: table; margin: auto; height: 300px; position: relative }
.bgBox { position: absolute; height: 89%; bottom: 0; background: url(../images/appNew_bgC.png) no-repeat top center; background-size: 100% 100%; border-radius: 10px; width: 100%; z-index: 1 }
.imgBox { position: absolute; top: 0; width: 100%; height: 260px; text-align: center; background: url(../images/appNew_bg.png) no-repeat top center; background-size: 100% auto; z-index: 2 }
.new_In { position: absolute; bottom: 0; width: 100%; padding: 18px; text-align: center; line-height: 1.4; z-index: 9 }
.newTitle { font-size: 1.2em; font-weight: bold }
.newVersion { flex-shrink: .9em; color: #8a8989; margin-bottom: 5px; font-weight: bold }
.new_In input { width: 100%; height: 40px; line-height: 40px; border-radius: 3px; display: table; background-color: #4bab9a; font-weight: inherit }

@media(min-width:340px) {
	.appNew { height: 330px }
	.newVersion { margin-bottom: 12px }
	.new_In { padding: 18px }
}
@media(min-width:375px) {
	.appNew { height: 342px }
}
@media(min-width:400px) {
	.appNew { height: 374px }
	.new_In { padding: 22px }
	.new_In input { height: 45px; line-height: 45px; border-radius: 5px }
}
@media(min-width:768px) {
	.newTitle { font-size: .72em }
	.newVersion { font-size: .6em }
	.new_In input { font-size: .6em; border-radius: 5px !important }
}
.win_warning { position: fixed; width: 88%; padding: 4%; font-size: .85em; border-radius: 5px; background-color: #414141; bottom: 68px; left: 0; right: 0; margin: auto; color: #ffe300; z-index: 1; word-wrap: break-word }
.win_container { position: relative }
.btn_close_black { position: absolute; background: url(/Mobile/images/main/btn_close.svg) no-repeat center; background-size: 35% auto; width: 38px; height: 38px; top: -20px; right: -20px; cursor: pointer }

@media(min-width:320px) {
	.win_warning { bottom: 50px; padding: 4% 5% }
}
@media(min-width:375px) {
	.win_warning { padding: 4% 5%; bottom: 55px }
	.btn_close_black { background-size: 40% auto; top: -18px; right: -22px }
}
@media(min-width:400px) {
	.win_warning { bottom: 65px }
	.btn_close_black { background-size: 45% auto }
}
@media(min-width:530px) {
	.win_warning { width: 92% }
	.btn_close_black { top: -22px; right: -27px }
}
@media(min-width:600px) {
	.win_warning { width: 90% }
	.btn_close_black { top: -26px; right: -30px }
}
@media(min-width:768px) {
	.win_warning { font-size: .8em; bottom: 85px; border-radius: 8px; width: 91% }
	.btn_close_black { background-size: 70% auto; width: 38px; height: 38px; top: -25px; right: -31px }
}
@media(min-width:514px) {
	.log_btn { width: 84px }
}
@media(min-width:375px) and (max-width:399px) and (min-height:540px) and (max-height:560px) {
	.Live.GameList_R[class*="wholeS"] .img_GL:after, .Slot.GameList_R[class*="wholeS"] .img_GL:after { width: 33vw; height: 30vw !important }
	.Sport.GameList_R[class*="wholeS"] .img_GL:after { width: 32vw; height: 27vw !important }
}
@media(min-width:830px) and (max-width:850px) and (min-height:1040px) and (max-height:1060px) {
	.GameList_R[class*="wholeS"] .btn_GLsportKU.w100 .img_GL:after { height: 21vw !important }
}