/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   Don't fucking copy my work.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
    border-collapse: separate;
    border-spacing: 2px;
}

body{
	background:#000;/*url('images/bg.jpg') no-repeat top center;*/
	color: #fff;
	font-family: 'Cambria', sans-serif;
}
#wrapper{
	width:900px;
	margin:0 auto;
}

#middlewrapper{
	width:100%;
	background:#000 url('images/middlewrap.jpg') repeat-x center 50px;
	height:390px;
}

#bottomwrapper{
	width:900px;
	margin:0 auto;
}

#head{
	width:900px;
	height:180px;
	background:#000;
}

/* berita berjalan */
#news{
	width:800px;
	height:60px;
	padding-left:100px;
	line-height:40px;
	background:transparent url('images/news.png') no-repeat top center;
	float:left;
}

.logo{
	height:120px;
	width:450px;
	float:left;
}

.logo img{
	text-align:left;
	padding:10px;
}


#loginform{
	height:60px;
	width:450px;
	float:left;
	background:transparent;
}

.formlog{
	width:405px;
	height:45px;
	padding-top:15px;
	float:right;
}

.username{ 
	padding:4px;
	width:130px;
	background:transparent;
	border:1px solid #fff;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 8px 0px rgba(255,255,255,1);
	margin-right:10px;
	height:25px;
	color:#fff;
	font-family:inherit;
	font-size:16px;
}

.password{
	padding:4px;
	width:130px;
	background:transparent;
	border:1px solid #fff;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 8px 0px rgba(255,255,255,1);
	margin-right:7px;
	height:25px;
	color:#fff;
	font-family:inherit;
	font-size:16px;
}

.loginbtn{
	padding:0px;
	text-align:center;
	width:100px;
	border:0px solid #fff;
	height:36px;
	background:transparent url('images/logbtn.png') no-repeat center center;
	text-transform:uppercase;
	font-size:17px;
	font-weight:bold;
	font-family:inherit;
	
}

.loginbtn:hover{
	cursor:pointer;
}

::-webkit-input-placeholder {
   color: white;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

:-ms-input-placeholder {  
   color: white;  
}



/*-- contact --*/

#kontak{
	height:60px;
	background:transparent;
	width:450px;
	float:left;
}

.bbm{
	width:95px;
	float:left;
	padding-left:35px;
	background:transparent url('images/bbm.png') no-repeat left center;
	height:60px;
	line-height:60px;
}

.ym{
	width:115px;
	float:left;
	padding-left:35px;
	background:transparent url('images/ym.png') no-repeat left center;
	height:60px;
	line-height:60px;
}

.ym a{
	color:#fff;
	text-decoration:none;

}

.call{
	width:125px;
	float:left;
	padding-left:35px;
	background:transparent url('images/phone.png') no-repeat left center;
	height:60px;
	line-height:60px;
}


nav{
	width:100%;
	height:72px;
	background:transparent url('images/nav.png') repeat-x scroll 0px 10px;
	z-index:9;
}

nav ul{
	width:900px;
	margin:0 auto;
	position:relative;
	padding-top:10px;
}

nav ul li{
	width:135px;
	height:40px;
	line-height:40px;
	text-align:center;
	padding-bottom:12px;
	float:left;
}

nav ul li a{
	font-family:inherit;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

nav ul li a:hover{
	cursor:pointer;
	color:skyblue;
	border-bottom:3px solid #0184b6;
}


#regwrap{
	width:165px;
	position:absolute;
	right:-7px;
	top:4px;
	background:transparent url('images/register.png') no-repeat top center;
	height:73px;
}

.registerbtn{
	background: transparent none repeat scroll 0 0;
	border: 0px solid #fff;
	float: right;
	height: 53px;
	width: 150px;
	margin-right: 8px;
	font-size:0px;
}

.registerbtn:hover{
		cursor:pointer;
}

#regwrap:hover{
	background:transparent url('images/registerhov.png') no-repeat scroll 0 0;
}


@keyframe regis{
	from{color:red}
	to{color:white}
}

@-webkit-keyframes regis{
	from{color:red}
	to{color:white}
}

#slideshow{
	width:900px;
	height:300px;
	float:left;
	margin:5px 0;
}

#bottom{
	width:100%;
	background:#000 url('https://i.ibb.co/519QwtN/botbg.png') repeat-x top left;
	height:365px;
}

#insidebottom{
	width:900px;
	margin:0 auto;
	height:200px;
	padding-top:10px;
}

#insidebottom h2{
	text-align:center;
	font-size:20px;
	font-family:inherit;
	text-transform:uppercase;
	margin-bottom:10px;
}

.deposit{
	width:298px;
	float:left;
	height:180px;
	border-right:1px solid #007ab2;
	box-shadow:1px 0 0 #111111;
	
}

.jackpot{
	width:300px;
	float:left;
	height:180px;
	background:transparent url('images/jpbg.png') no-repeat scroll 2px 70px;
}

.jppoker{
	width:270px;
	padding-top:0px;
	float:right;
	height:80px;
	font-size:40px;
	text-align:right;
	padding-right:10px;

}

.jpdomino{
	width:290px;
	float:right;
	height:70px;
	font-size:34px;
	text-align:right;
	padding-right:10px;
}

.jphead{
	width:290px;
	float:right;
	text-align:right;
	padding-right:0px;
	font-size:18px;
	position:relative;
}
	
.light1{
	animation-name: jplight;
	animation-duration:0.5s;
	animation-iteration-count:infinite;
	width:10px;
	height:10px;
	border-radius:180px;
	border:0px solid #000;
	box-shadow:0 0 5px white;
	position:absolute;
	right:80px;
	top:5px;

}

.light2{
	animation-name: jplight;
	animation-duration:0.6s;
	animation-iteration-count:infinite;
	width:10px;
	height:10px;
	border-radius:180px;
	border:0px solid #000;
	box-shadow:0 0 5px white;
	position:absolute;
	right:100px;
	top:5px;
}

.light3{
	animation-name: jplight;
	animation-duration:0.7s;
	animation-iteration-count:infinite;
	width:10px;
	height:10px;
	border-radius:180px;
	border:0px solid #000;
	box-shadow:0 0 5px white;
	position:absolute;
	right:120px;
	top:5px;
}

@keyframes jplight{
	0%{
		box-shadow:0 0 8px white;
		background:white;

	}
	
	50%{
		background:transparent;
		box-shadow:0 0 10px white;
		
		
	}
	
	100%{
		background:white;
		box-shadow:0 0 12px white;
	}
	
	
}


.withdraw{
	width:298px;
	float:left;
	height:180px;
	border-left:1px solid #007ab2;
	box-shadow:-1px 0 0 #111;
}

.data tr td{
	padding:7px 14px;
	text-align:right;
	width:150px;
	
}

#copyright{
	float:left;
	text-align:center;
	width:900px;
	margin-top:20px;
}

#copyright a{
	color:white;
	text-decoration:none;
}


/*-- pages -- */

#main{
	margin-top:10px;
	text-shadow:0px 1px 0px #000;
	color:#fff;
	background:#111;
	width:880px;
	padding:10px;
	font-size:15px;
	line-height:18px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	
}

#main h1{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px solid white;
}

#main h2{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin:10px 0;
}

#main a{
	color:inherit;
	text-decoration:none;
}

#main p{
	margin:5px 0;
}

.wa {
    width: 130px;
    float: left;
    padding-left: 37px;
    background: transparent url('images/wa.png') no-repeat left center;
    height: 60px;
    line-height: 60px;
}

.line {
    width: 74px;
    float: left;
    padding-left: 40px;
    background: transparent url('images/line.png') no-repeat left center;
    height: 60px;
    line-height: 60px;
}

.wa a{
	color:#fff;
	text-decoration:none;
}

.jadwal {margin: 10px auto;border: 1px solid #ffed96;color: #ffffff;font-size: 13px;width: 700px;font-family: arial; box-shadow: 0 0 10px #111;}
.jadwal td {border: 1px solid #fee67f;text-align: center;background-color: #000000;width: 180px;color:#ffed96;}
.jadwal img {padding: 12px 0px 0px 0px;}
.jadwalbank{background:linear-gradient(0deg,#ffd664 0%,#a67902 50%,#ffd664 50%,#fef496 100%); font-size:36px;font-weight:bold;}
.tdinfo{background:#000000;}