.main-page{
  position: relative;
  max-width: 100%;
  width:1260px;
  margin:0 auto;
}

.main-page .main-container.games{
  padding: 10px 10px 0;
  font-size: 0;
}

.main-page .content .game-buttons{
  width: 100%;
  height: 340px;
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  transition: all .5s;
  font-weight: bold;
  position: relative;
  border: 4px solid #615c4c;
  margin-right: 10px;
  border-radius:8px;
  background:rgba(0,0,0,0.5);
  overflow:hidden;
}
.main-page .content .game-buttons:nth-child(2n) {margin-right:0}
.main-page .content .game-buttons img.icon {position:absolute;right:20px;top:20px;height:228px}
.main-page .content .game-buttons img.girl {position:absolute;right:0px;bottom:0px;height:100%}
.main-page .content .game-buttons .text {position: absolute;top:70px;left: 50px;z-index: 9;}
.main-page .content .game-buttons .text .kr {    display: block;font-size: 32px;font-weight: 600;color: #fff;margin-bottom: 25px;text-shadow: 0 0 10px}
.main-page .content .game-buttons .text .en {    display: block;font-size: 21px;font-weight: 600;color: #fff;margin-bottom: 5px;text-shadow: 0 0 10px}
.main-page .content .game-buttons .text p {font-size: 12px;margin-bottom: 20px;}
.main-page .content .game-buttons .text button {width: 160px;height: 60px;background:linear-gradient(180deg, #b9b398, #615e55);border: 1px solid #b0aa96;box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .1), 0px 1px 3px rgba(0, 0, 0, 0.5);
    border-radius: 30px;cursor: pointer;transition: all .1s;position: relative;display: flex;align-items: center;}
.main-page .content .game-buttons .text button .period {    display: flex;flex-direction: column;align-items: center;justify-content: center;width: 46px;height: 46px;border-radius: 23px;background: #0b0e18;
   text-align: center;color: #f7ba0a;font-size: 13px;font-weight: 600;}
.main-page .content .game-buttons .text button .play {display: flex;align-items: center;font-size: 28px;font-weight: 900;margin-left: 13px;margin-top: -4px;}
.main-page .content .game-buttons .text button:hover {background:linear-gradient(180deg, #979797, #444443)}
.main-page .content .game-buttons .text img.welcome {position: absolute;    bottom: -20px;height: 100px;left: 166px;}

.background-mask {    position: absolute;left: 0;top: 0;bottom: 0;left: 0;    background: linear-gradient(110deg, #333227 max(30%, 100% - 870px), rgba(11, 14, 24, 0));width: 100%;height: 100%;}

.main-page .content .game-buttons.powerball{
  margin-right: 10px;
}

.main-page .content .game-buttons.live{
  background: url("../images/game-button-1.jpg") no-repeat;
}

.main-page .content .game-buttons.sports{
  background: url("../images/game-button-2.jpg") no-repeat;
}

.main-page .content .game-buttons.slot{
  background: url("../images/slot-button.jpg") no-repeat;
}

.main-page .content .game-buttons.powerball{
  background: url("../images/game-button-4.jpg") no-repeat;
}

.main-page .content .game-buttons.powerladder{
  background: url("../images/game-button-41.png?v1") no-repeat;
}


.main-page .content .game-buttons.poker{
  background: url("../images/game-button-5.jpg") no-repeat;
}

.main-page .content .game-buttons.live{
  background: url("../images/game-button-1.jpg") no-repeat;
}

.main-page .content .game-buttons.sports:hover{
  background: url("../images/game-button-2-hover.jpg") no-repeat;
}

.main-page .content .game-buttons.slot:hover{
  background: url("../images/slot-button-hover.jpg") no-repeat;
}

.main-page .content .game-buttons.powerball:hover{
  background: url("../images/game-button-4-hover.jpg") no-repeat;
}

.main-page .content .game-buttons.poker:hover{
  background: url("../images/game-button-5-hover.jpg") no-repeat;
}

.main-page .content .coupon-container:hover{
  background: url("../images/coupon-banner.jpg") no-repeat;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
}

.odometer-container{
  position: absolute;
  right: 33%;
  bottom: 19px;
  overflow: hidden;
  height: 97px;
  width: 685px;
  transform:scale(0.7);
}

.jackpot-odometer{
  position: absolute;
  height: 91px;
  width: 520px;
  bottom: 0;
  right: 0;
}

.main-page .odometer-container img{
  margin-top: -5px;
}


.menu-sub { 
	display: none; 
	position: absolute; 
	left: 50%; 
	top: 44px; 
	width: 104px; 
	margin-left: -54px; 
	font-size: 13px; 
	background: #1d1d1d; 
	border: 2px solid #c1ad8b; 
	z-index: 3; 
	opacity: 0; 
	filter: alpha(opacity: 100); 
	transition: .2s; 
	cursor: pointer; 
} 
.menu-sub { margin-left: -48px } 
.menu-sub>dd { 
	width: 104px; 
	padding: 8px 0; 
	text-align: center; 
	font-weight: 500; 
	color: #b2b2b2; 
	cursor: pointer; 
	transition: .3s 
}