html,body{
	margin:0 auto;
	padding:0;
	background: url(images/bg-back.png) no-repeat scroll top center;
	background-color: black;
	font-family: ntailub;
}
@font-face {
    font-family: ntailub;
    src: url(fonts/ntailub.woff);
    font-weight: bold;
}
@font-face {
    font-family: AgencyFB-Bold;
    src: url(fonts/AgencyFB-Bold.woff);
    font-weight: bold;
}
@font-face {
    font-family: MGBOLD;
    src: url(fonts/MGBOLD.woff);
    font-weight: bold;
}
@font-face {
    font-family: Actor-Regular;
    src: url(fonts/Actor-Regular.woff);
    font-weight: bold;
}

h1{font-size: 22px;color:#FFAEB0;}
h2{font-size: 20px;color:#FFAEB0;}
h3{font-size: 16px;color:#ffffff;}
h4{font-size: 14px;color:#ffffff;}
h5{font-size: 12px;}
h6{font-size: 10px;}
p{color: #ffffff;}
.wrap-body{
	width: 970px;
	margin: 0 auto;
	height: auto;
}
.border{
	border: 1px solid red;
}
ul>li{
	display: inline-block;
	text-decoration: none;
	padding: 0px 10px;
}
a{
	text-decoration: none;
	color: #ffffff;
}

/**** icon ***/
.fa-home{
	background: url(images/home-icon.png) no-repeat scroll;
	width: 20px;
	height: 20px;
	margin: 3px;
	padding-left: 25px;
}
.fa-panduan{
	background: url(images/penduan-icon.png) no-repeat scroll;
	width: 20px;
	height: 20px;
	margin: 3px;
	padding-left: 25px;
}
.fa-peraturan{
	background: url(images/peraturan-icon.png) no-repeat scroll;
	width: 20px;
	height: 20px;
	margin: 3px;
	padding-left: 25px;
}
.fa-promo{
	background: url(images/promo-icon.png) no-repeat scroll;
	width: 20px;
	height: 20px;
	margin: 3px;
	padding-left: 25px;
}
.fa-jadwal{
	background: url(images/jadwal-icon.png) no-repeat scroll;
	width: 20px;
	height: 20px;
	margin: 3px;
	padding-left: 25px;
}
.fa-bbm{
	background: url(images/bbn-icon.png) no-repeat 0% 50%;
}
.fa-whatsapp{
 	background: url(images/whatsapp-icon.png) no-repeat 0% 50%;
}
.fa-facebook{
 	background: url(images/facebook-icon.png) no-repeat 0% 50%;
}
.fa-yahoo{
 	background: url(images/yahoo-icon.png) no-repeat 0% 50%;
}

/*** Header ***/
.header{
	width: 100%;
	height: 125px;
}
.logo{
	width: 300px;
	height: auto;
	float: left;
	padding-top: 12px;
}
.login{
	width: 600px;
	height: 65px;
	float: right;
	padding-left: 8px;
	padding-top:10px;
	margin-top:27px;
	background: #780001;
	border: 1px solid #FF9E9F;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 10px 10px rgba(255,0,0,1);
	-moz-box-shadow: inset 0px 0px 10px 10px rgba(255,0,0,1);
	box-shadow: inset 0px 0px 25px 15px rgba(255,0,0,1);
}

/*** Login ***/
input[type=text], input[type=password] {
color: #8e8e8e;
    background: #ffffff;
    float: left;
    box-shadow: #5d5b5b 0 0 8px inset;
    width: 25%;
    padding: 15px 0;
    margin: 1px;
    display: inline-block;
    border: 1px solid #e4dede;
    border-radius: 0;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	font-size: 16px;
}

input[type=text]:focus , input[type=password]:focus{
color: #FFFD00 ;
    border: 1px solid #C09500;
    box-shadow: #b851ff 0 0 15px, #FFFD00 0 0 15px inset;
    border-radius: 5px;
    background: #5F0001;
}

input[type=login],input[type=daftar] {
    color: #fff;
    border: 1px solid #333;
	font-family: ntailub;
	font-size: 16px;
    text-align: center;
    width: 23%;
    padding: 15px 0;
    margin: 0 2px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    outline: none;
    float: left;	
background: rgba(243,226,199,1);
background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,226,199,1)), color-stop(50%, rgba(193,158,103,1)), color-stop(51%, rgba(182,141,76,1)), color-stop(100%, rgba(233,212,179,1)));
background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
background: -o-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
background: -ms-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
background: linear-gradient(to bottom, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=0 );
}

input[type=login]:hover,input[type=daftar]:hover {
color: #fff;
    border: 1px solid #ff0000;
    box-shadow: #ff0000 0 0 15px, #b70000 0 0 15px inset;
    border-radius: 5px;
background: rgba(148,22,0,1);
background: -moz-linear-gradient(top, rgba(148,22,0,1) 0%, rgba(74,9,0,1) 50%, rgba(133,17,2,1) 51%, rgba(92,8,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(148,22,0,1)), color-stop(50%, rgba(74,9,0,1)), color-stop(51%, rgba(133,17,2,1)), color-stop(100%, rgba(92,8,0,1)));
background: -webkit-linear-gradient(top, rgba(148,22,0,1) 0%, rgba(74,9,0,1) 50%, rgba(133,17,2,1) 51%, rgba(92,8,0,1) 100%);
background: -o-linear-gradient(top, rgba(148,22,0,1) 0%, rgba(74,9,0,1) 50%, rgba(133,17,2,1) 51%, rgba(92,8,0,1) 100%);
background: -ms-linear-gradient(top, rgba(148,22,0,1) 0%, rgba(74,9,0,1) 50%, rgba(133,17,2,1) 51%, rgba(92,8,0,1) 100%);
background: linear-gradient(to bottom, rgba(148,22,0,1) 0%, rgba(74,9,0,1) 50%, rgba(133,17,2,1) 51%, rgba(92,8,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#941600', endColorstr='#5c0800', GradientType=0 );
}

/*** menu ***/

.menu{
	height: 61px;
	width: 100%;
}
.menu-left{
	background: url(images/menu-right-bg.png) no-repeat scroll;
	width: 39px;
	height: 61px;
	float: left;
}
.menu-body{
	background: url(images/menu-bg.png) repeat-x scroll;
	width: 892px;
	height: 61px;
	float: left;
}
.menu-body ul{
	margin:0;
}
.menu-body ul>li{
	padding: 17px 10px;
}
.menu-body ul>li>a{
	color: ffffff;
	font-family: ntailub;
	font-size: 20px;
	text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.70);
}
.menu-body ul>li>a:hover{

}
.menu-body ul>li:hover{
	background-color: #FF0004;
	padding: 17px 10px;
background: rgba(252,234,187,1);
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(50%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.menu-right{
	background: url(images/menu-left-bg.png) no-repeat scroll;
	width: 39px;
	height: 61px;
	float: right;
}

/*** contact ***/
.contact-body ul>li{
	padding-left: 50px;
	padding-right: 30px;
	margin-top: 6px;
	font-family: ntailub;
	font-size: 16px;
	color: #B58202;
}
.contact-body ul>li>a{
	font-size: 20px;
	color: #940002;
	font-family: ntailub;
}
.contact{
	width: 100%;
	height: 81px;
}
ul .contactt{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
li .contacttt{
	background-size: 35px;
	margin-left: 20px;
	float: right;
}
.contact-left{
	background: url(images/contact-right.png) no-repeat scroll;
	width: 40px;
	height: 82px;
	float: left;
}
.contact-body{
	background: url(images/contact-bg.png) repeat-x scroll;
	width: 890px;
	height: 82px;
	float: left;
}
.contact-body a{
	color: #000000;
}
.contact-right{
	background: url(images/contact-left.png) no-repeat scroll;
	width: 40px;
	height: 82px;
	float: right;
}

/*** slide me ***/
.slideme{
	height: 351px;
	width: 100%;
}
.slide-left{
	background: url(images/slide-right.png) repeat-y scroll;
	width: 14px;
	height: 351px;
	float: left;
}
.slide-option{
	background: #790000;
	width: 942px;
	height: 351px;
	float: left;
}

.slide-right{
	background: url(images/slide-left.png) repeat-y scroll;
	width: 14px;
	height: 351px;
	float: right;
}

/*** info ****/
.info{
	width: 100%;
	height: 81px;
}
.info-left{
	background: url(images/info-right.png) no-repeat scroll;
	width: 40px;
	height: 79px;
	float: left;
}
.info-body{
	background: url(images/info-bg.png) repeat-x scroll;
	width: 890px;
	height: 79px;
	float: left;
}
.info-body marquee{
	color: #9A0002;
    width: 100%;
    height: 20px;
    overflow: hidden;
    position: relative;
    margin: 25px auto;
	font-size: 20px;
}
.info-right{
	background: url(images/info-left.png) no-repeat scroll;
	width: 40px;
	height: 79px;
	float: right;
}

/*** jackpot ***/
.jackpot{
	height: 150px;
	width: 100%;
}
.jackpot p{
	margin: 30px 0px;
}
.poker-jackpot{
	background: url(images/jackpot-poker-bg.png) no-repeat scroll;
	width: 409px;
	height: 132px;
	float: left;
	font-family: MGBOLD;
	font-size: 40px;
}
.img-jackpot img{
	margin-left: -38px;
	margin-top: -10px;
	position: absolute;
}
.domino-jackpot{
	background: url(images/jackpot-domino-bg.png) no-repeat scroll;
	width: 409px;
	height: 132px;
	float: right;
	font-family: MGBOLD;
	font-size: 40px;
}

/*** box ***/
.box{
	height: 260px;
	width: 100%;
}
.last-depo{
	width: 310px;
	height: 260px;
	float: left;
}
.last-withdraw{
	width: 310px;
	height: 260px;
	float: left;
	margin-left: 20px;
}

.top-winner{
	width: 310px;
	height: 260px;
	float: right;
}
.box-glow{
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,1);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.box-contain{
	background-color: #000000;
	border: 1px solid #ffffff;
	height: 225px;
	margin-top: -30px;
}
table {
    border-collapse: collapse;
    width: 100%;
	margin-top: 30px;
	font-size: 16px;
	color: #CCCCCC;
	font-family: MGBOLD;
}

td{
    text-align: center;
    padding: 5px;
}

tr:nth-child(even) {
    background-color: #3D3D3D;
}

/*** text-box ***/
.text-box{
	height: auto;
	width: 100%;
	margin-top: 25px;
}
.contain-text{
	border: 1px solid #ffffff;
	background-color: #000000;
	padding: 5px 25px;
}
.bank-info{
	display: inline-flex;
}
.bank{
	border: 1px solid #FFC3C4;
	background-color: #570001;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 10px 10px rgba(255,0,0,1);
	-moz-box-shadow: inset 0px 0px 10px 10px rgba(255,0,0,1);
	box-shadow: inset 0px 0px 25px 10px rgba(255,0,0,1);
	padding: 10px 15px;
	margin-left: 25px;
	margin-bottom: 10px;
}
.cop{
	padding-top: 15px;
}


/*** footer ***/
.footer{
	height: 50px;
	margin-top: 20px;
	background-color: #ffffff;
}
.footer center{
	color: #670001;
	font-family: MGBOLD;
	padding-top: 12px;
	font-size: 16px;
}

/*** containner ***/
.text-contain{
	height: auto;
	width: 100%;
	padding-top: 15px;
}
.text-containner{
	height: auto;
	border: 1px solid #FFB1B2;
	background-color: #450001;
	border-radius: 15px;
	padding: 20px;
	color: #ffffff;
	font-family: Actor-Regular;
	-webkit-box-shadow: inset 0px 0px 10px 10px rgba(255,0,0,1);
	-moz-box-shadow: inset 0px 0px 10px 10px rgba(255,0,0,1);
	box-shadow: inset 0px 0px 10px 5px rgba(255,0,0,1);
}
.text-containner ol>li{
	color:#ECECEC;
	font-size: 16px;
	font-family: Actor-Regular;
	line-height: 150%;
	padding-top: 15px;
}
.text-containner ul>li{
	color:#ECECEC;
	font-size: 16px;
	font-family: Actor-Regular;
	line-height: 130%;
	padding-top: 5px;
}
.text-containner i{
	font-size: 20px;
	color: #FFC600;
}
.text-containner ol>li a{
	color: #CDB300;
	font-weight: bold;
}


.jssorl-004-double-tail-spin img {
	animation-name: jssorl-004-double-tail-spin;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


.jssorb031 {position:absolute;}
.jssorb031 .i {position:absolute;cursor:pointer;}
.jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
.jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;}
.jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;}
.jssorb031 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}