#banner {
	height: 977px;
	background: url(../images/banner.jpg) no-repeat center top
}

#content {
	padding: 0 0 40px
}

.game-box {
	height: 202px;
	font-size: 0;
	background: url(../images/game_box_bg.png) no-repeat center top
}

.game-box>li {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 262px;
	margin-top: -60px;
	background-position: left bottom;
	background-repeat: no-repeat;
	-moz-transition: all linear 0.4s;
	-o-transition: all linear 0.4s;
	-webkit-transition: all linear 0.4s;
	transition: all linear 0.4s;
	position: relative
}

.game-box li.home-sport span {
	width: 80%;
	height: auto;
	position: absolute;
	font-size: 30px;
	display: block;
	color: #f6a903;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, 0%);
	left: 50%;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	bottom: 0%;
	font-size: 22px;
	font-weight: 700;
	color: #330165;
	background: linear-gradient(90deg, rgb(75 23 169 / 0%) 0%, rgb(130 56 34) 50%, rgb(75 23 169 / 0%) 100%);
	padding: 5px 0px;
	color: #fff
}

.game-box li.home-slot span {
	width: 80%;
	height: auto;
	position: absolute;
	font-size: 30px;
	display: block;
	color: #f6a903;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, 0%);
	left: 50%;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	bottom: 0%;
	font-size: 22px;
	font-weight: 700;
	color: #330165;
	background: linear-gradient(90deg, rgb(75 23 169 / 0%) 0%, rgb(130 56 34) 50%, rgb(75 23 169 / 0%) 100%);
	padding: 5px 0px;
	color: #fff
}

.game-box li.home-casino span {
	width: 80%;
	height: auto;
	position: absolute;
	font-size: 30px;
	display: block;
	color: #f6a903;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, 0%);
	left: 50%;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	bottom: 0%;
	font-size: 22px;
	font-weight: 700;
	color: #330165;
	background: linear-gradient(90deg, rgb(75 23 169 / 0%) 0%, rgb(130 56 34) 50%, rgb(75 23 169 / 0%) 100%);
	padding: 5px 0px;
	color: #fff
}

.game-box li.home-lottery span {
	width: 80%;
	height: auto;
	position: absolute;
	font-size: 30px;
	display: block;
	color: #f6a903;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, 0%);
	left: 50%;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	bottom: 0%;
	font-size: 22px;
	font-weight: 700;
	color: #330165;
	background: linear-gradient(90deg, rgb(75 23 169 / 0%) 0%, rgb(130 56 34) 50%, rgb(75 23 169 / 0%) 100%);
	padding: 5px 0px;
	color: #fff
}

.game-box>li:hover {
	background-position: 10px bottom
}

.game-box>li>a {
	display: block;
	height: 100%
}

.game-box>li[game-box="slot"] {
	background-image: url(../images/home/slot.png)
}

.game-box>li[game-box="live"] {
	background-image: url(../images/home/live.png)
}

.game-box>li[game-box="lottery"] {
	background-image: url(../images/home/lottery.png)
}

.game-box>li[game-box="sport"] {
	background-image: url(../images/home/sport.png)
}

#news {
	position: absolute;
	z-index: 5;
	height: 42px;
	top: -3px;
	background: url('../images/news_bg.png') no-repeat center top
}

#news .wrapper {
	padding-left: 80px;
	width: 871px
}

#hot-news li {
	color: #ab8982
}

#hot-news marquee {
	height: 40px;
	line-height: 45px;
	color: #6b6b6b;
	font-size: 16px
}

.slot-game {
	position: relative;
	height: 595px;
	margin-top: 64px;
	font-size: 0;
	text-align: left;
	background: url(../images/slot_bg.png) no-repeat center bottom
}

.slot-game .slot-nav {
	display: inline-block;
	vertical-align: top;
	width: 260px
}

.slot-game .slot-nav>li {
	height: 70px;
	background: url(../images/slot_list.png) no-repeat center top
}

.slot-game .slot-nav>li:hover,
.slot-game .slot-nav>li.active {
	background-color: #331f20
}

.slot-game>.slot-board {
	display: inline-block;
	vertical-align: top;
	width: 445px;
	height: 420px;
	padding: 225px 10px 0;
	text-align: center;
	background-position: center 10px;
	background-repeat: no-repeat
}

.slot-game>.slot-board p {
	margin: 10px 0;
	color: #d0b9a5;
	font-size: 16px;
	text-align: left;
	line-height: 21px
}

.slot-game>.slot-board p.second {
	color: #b19882;
	font-size: 14px;
	font-style: italic
}

.slot-game>.slot-board .entry {
	display: block;
	width: 251px;
	height: 42px;
	margin: 0 auto;
	color: #fc9;
	font-size: 24px;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	background: url(../images/entry.png) no-repeat center top
}

.slot-game>.slot-board .entry:hover {
	color: #fff
}

.slot-game>.character {
	position: absolute;
	top: -28px;
	right: -20px;
	width: 399px;
	height: 559px;
	background: url(../images/slot_character.png) no-repeat center top;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.slot-game>.character:hover {
	right: -30px
}

.slot-game>.slot-list {
	position: relative;
	padding-left: 270px
}

.slot-game>.slot-list>li {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 114px;
	background-position: center top;
	background-repeat: no-repeat;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	-webkit-transition: background 0.5s;
	transition: background 0.5s
}

.slot-game>.slot-list>li:hover {
	background-position: center bottom
}

.sport-game {
	position: relative;
	height: 389px;
	background: url(../images/sport_bg.png) no-repeat center top
}

.sport-game>.sport>li {
	height: 130px;
	background-position: center;
	background-repeat: no-repeat;
	-moz-transition: margin 0.5s;
	-o-transition: margin 0.5s;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s
}

.sport-game>.sport>li:hover {
	margin-left: 10px
}

.sport-game>.lottery {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.sport-game>.lottery>li {
	float: right;
	height: 195px;
	background-position: center;
	background-repeat: no-repeat;
	-moz-transition: margin 0.5s;
	-o-transition: margin 0.5s;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
	clear: both
}

.sport-game>.lottery>li:hover {
	margin-right: -10px
}

.home-mobile {
	position: relative;
	height: 487px;
	margin-top: 12px;
	background-image: url(../images/mobile_bg.png)
}

.home-mobile>.mobile-phone {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 460px;
	height: 526px;
	margin-left: -230px;
	background-image: url(../images/mobile_phone.png);
	-moz-transition: top 0.5s;
	-o-transition: top 0.5s;
	-webkit-transition: top 0.5s;
	transition: top 0.5s
}

.home-mobile>.mobile-phone:hover {
	top: -20px
}

.home-mobile>.mobile-qr {
	position: absolute;
	top: 177px;
	left: 130px;
	width: 108px;
	height: 108px;
	background: #fff url(../images/mobile_qr.1.png) no-repeat center;
	background-size: contain
}

.home-license {
	height: 566px;
	background-image: url(../images/license_bg.png)
}

.slot-game .slot-nav>li.pt {
	background-position: center -70px
}

.slot-game .slot-nav>li.bbin {
	background-position: center -140px
}

.slot-game .slot-nav>li.ag {
	background-position: center -210px
}

.slot-game .slot-nav>li.mg {
	background-position: center 0
}

.slot-game .slot-nav>li.cq9 {
	background-position: center -280px
}

.slot-game .slot-nav>li.rt {
	background-position: center -350px
}

.sport-game>.sport>li:nth-child(1) {
	width: 233px
}

.sport-game>.sport>li:nth-child(2) {
	width: 287px
}

.sport-game>.sport>li:nth-child(3) {
	width: 342px
}

.sport-game>.lottery>li:nth-child(1) {
	width: 311px
}

.sport-game>.lottery>li:nth-child(2) {
	width: 230px
}

.w-100 {
	height: auto;
}

.jack {
	text-align: center
}

.home-lobby {
	/*padding-top: 15px;*/
	margin-top: 10px
}

.text-white {
	width: 80%;
	height: auto;
	position: absolute;
	font-size: 30px;
	display: block;
	color: #f6a903;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, 0%);
	left: 50%;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	bottom: 0%;
	font-size: 22px;
	font-weight: 700;
	color: #330165;
	background: linear-gradient(90deg, rgb(75 23 169 / 0%) 0%, rgb(130 56 34) 50%, rgb(75 23 169 / 0%) 100%);
	padding: 5px 0px
}

.hover-blur a {
	display: block;
	position: relative;
	overflow: hidden
}

.box-home1 {
	margin-top: 5px
}

.hnum_bg {
	background: url(../images/home/num_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat
}

.hpoker_bg {
	background: url(../images/home/poker_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat
}

.hforex_bg {
	background: url(../images/home/forex_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat
}

.hpromo_bg {
	background: url(../images/home/promo_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat
}

.box-img {
	text-align: center;
	-moz-transition: all linear 0.4s;
	-o-transition: all linear 0.4s;
	-webkit-transition: all linear 0.4s;
	transition: all linear 0.4s
}

.box-img:hover {
	transform: translate(1em, 0);
	-webkit-transform: translate(1em, 0);
	-moz-transform: translate(1em, 0);
	-o-transform: translate(1em, 0);
	-ms-transform: translate(1em, 0)
}

.hpromo_bg img {
	margin-top: 5px
}

.banks {
	margin-top: 10px;
	text-align: center
}

section#slider {
	border-bottom: 3px solid #fff
}

.carousel-indicators li {
	cursor: pointer
}
.modalbg:target {
    display: block;
    pointer-events: auto;
    background: rgba(0,0,0,0.84);
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.modalbg {
    position: fixed;
    font-family: Arial,Helvetica,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
    z-index: 99999;
    -moz-transition: all 2s ease-out;
    -webkit-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -transition-delay: .2s;
    display: block;
    pointer-events: none;
}
.modalbg:target .dialog {
    top: -90px;
    -moz-transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -transition-delay: .4s;
    background: #8e88888c;
}
.modalbg .dialog {
    width: 900px;
    height: 500px;
    position: relative;
    top: -1000px;
    margin: 12% auto;
    padding: 5px 5px 5px 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff,#ccc);
    background: -webkit-linear-gradient(#fff,#ccc);
    background: -o-linear-gradient(#fff,#ccc);
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}
.close {
    background: #606061;
    color: #fff;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    font-size: 12px;
    opacity: 1;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -transition-delay: .2s;
}
.carousel-inner {
    width: 1200px!important;
    margin: 0 auto!important;
}