body {
	color: #1a2334;
	position: relative;
	font: 11px Sans-Serif, Tahoma, Helvetica !important;
	margin: 0;
	padding: 0;
	min-width: 1070px;
	max-width: 100%;
	background: #051f42 url(../img/bg.jpg);
}

h1,h2,h3,h4,h5 {
	font-size: 20px;
	text-align: center;
	color: #fff;
}

p {
	font-size: 15px;
	text-align: center;
	color: #fff;
}

header .wrap-in {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 128px;
}

header .wrap-in:before,
header.main .wrap-in:after {
	content: "";
	display: table;
}

header .wrap-in:after {
	clear: both;
}

header .logo {
	float: left;
	height: 76px;
	width: 300px;
	left: 0px;
	top: 25px;
	position: absolute;
}

.input-wrapper1 {
	float: left;
	width: 135px;
	margin: 0 0 0 2px;
}

.input-wrapper2 {
	float: left;
	width: 70px;
	margin: 0 0 0 2px;
}

.form-text {
	background: #fdfdfd;
	border: 1px solid #065f6d;
	color: #000;
	font: 11px Tahoma, Arial, sans-serif;
	margin: 0;
	width: 100px;
	font-weight: 700;
	border-radius: 3px;
}

input.username,
input.password {
	margin: 0 0 3px;
	height: 27px;
	width: 107px;
	background: #fff url(../img/bg-ico.png) no-repeat -3px -43px;
	padding: 0px 0 0 23px;
}

input.login-code {
	margin: 0 0 3px;
	height: 27px;
	text-align: center;
	width: 67px;
}

input.password {
	background: #fff url(../img/bg-ico.png) no-repeat -3px -3px;
}

.input-wrapper2 .code {
	height: 27px;
	background: #0e4167;
	border-radius: 3px;
	font-size: 16px;
	text-align: center;
	line-height: 27px;
	color: #fff;
	letter-spacing: 3px;
	width: 72px;
}

.usr-panel {
	position: relative;
	float: right;
	margin-top: 25px;
	margin-bottom: 0;
	width: 540px;
}

.usr-panel table {
	height: 31px;
	text-align: center;
	width: 100%;
}
.usr-panel td {
    background: #5bb8ff;
    box-shadow: 1px 1px 1px #2962b9;
    border-radius: 2px;
    height: 30px;
    border-bottom: 2px solid #0e336a;
}
.usr-panel td a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
}
.usr-panel td a:hover {color: #000;}
.usr-panel td:hover {
	background: #ffcf01;
	color: #000;
}
.usr-panel .link2 {margin: 5px 0;}
.usr-panel .link2 td {height: 0px;}
.usr-panel .link2 td a {
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.usr-panel .btn {
	float: left;
	margin-left: 38px;
	margin-right: 7px;
	background: #5bb8ff;
	width: 139px;
	height: 60px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 24px;
	text-decoration: none;
	line-height: 60px;
	text-align: center;
	color: #282828;
	border-radius: 5px;
}

.usr-panel .btnLogin {
	width: 139px;
	height: 60px;
	cursor: pointer;
	float: right;
	background: #0374ca;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 24px;
	text-decoration: none;
	line-height: 60px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}

nav ul {
	width: 1024px;
	padding: 3px;
	margin: 0 auto;
	*zoom: 1;
	list-style: none;
}

nav li {
	float: left;
	padding: 15px 24px;
}

nav.menu {
	background-image: url(../img/bg-menu.jpg);
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #1a62aa;
}

nav.menu .logout {
    background: #0255c3;
    float: right;
    margin: 5px 10px 0 0px;
    font-size: 18px;
    height: 5px;
    line-height: 5px;
    box-shadow: 1px 1px 1px #072144;
}
nav.menu .logout a {
    text-decoration: none;
    color: #fff;
}

div.main {
	width: 1024px;
	margin: 0 auto;
}

div.main .wrap-in {
	width: 1024px;
	margin: 0 auto;
	*zoom: 1;
}

div.main .wrap-in:before,
div.main .wrap-in:after {
	content: "";
	display: table;
}

div.main .wrap-in:after {
	clear: both;
}

div.main .wrap-in.full-row {
	margin: 0 auto;
}

.ticker-wrapper {
	width: 1024px;
	height: auto;
	margin: 0 auto;
	position: relative;
	margin-top: 5px;
}

.ticker {
	margin: 0 auto;
	height: 39px;
	background: url(../img/bg-info.png) no-repeat left center;
	position: relative;
	width: 1024px;
	margin-top: 5px;
}

.ticker .marquee {
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 800px;
	float: right;
	margin-right: 52px;
	height: 40px;
}

.upper-content {
	margin-top: 10px;
	margin-bottom: 10px;
}

.upper-content:after {
	clear: both;
}

#slide {
	background: #02206a;
}

#slide #slide-warp {
	height: 338px;
	width: 767px;
	float: left;
}

@keyframes slidy {
	0% {
		left: 0%;
	}
	20% {
		left: 0%;
	}
	25% {
		left: -100%;
	}
	45% {
		left: -100%;
	}
	50% {
		left: -200%;
	}
	70% {
		left: -200%;
	}
	75% {
		left: -300%;
	}
	95% {
		left: -300%;
	}
}

@keyframes glow {
	0% {}
	100% {
		opacity: 0.5;
		transform: scaleX(1) scaleY(1);
	}
}

#slide div#slider {
	overflow: hidden;
}

#slide div#slider figure span {
	width: 20%;
	float: left;
}

#slide div#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	animation: 20s slidy infinite;
}

#slide div#slider figure .slide1 {
	background: url(https://jiwabola.space/slide/1.jpg) no-repeat;
	width: 767px;
	height: 338px;
}

#slide div#slider figure .slide2 {
	background: url(https://jiwabola.space/slide/2.jpg) no-repeat;
	width: 767px;
	height: 338px;
}

#slide div#slider figure .slide3 {
	background: url(https://jiwabola.space/slide/3.jpg) no-repeat;
	width: 767px;
	height: 338px;
}

#slide div#slider figure .slide4 {
	background: url(https://jiwabola.space/slide/4.jpg) no-repeat;
	width: 767px;
	height: 338px;
}

#togel {
	width: 252px;
	height: 338px;
	float: right;
	background: url(../img/bg-togel.png?v=1) no-repeat;
	position: relative;
}

.togel-ball {
	width: 240px;
	height: 63px;
	position: absolute;
	top: 100px;
	left: 10px;
}

.togel-ball img {
	margin: 0 2px;
	position: relative;
	left: 115px;
	top: -21px;
}

.lower-content {
	margin: 0 auto;
	background: #001535;
	width: 1024px;
}

.mid-below .contact {
	width: 100%;
	height: 59px;
	background: url(../img/contact/bg-contact.gif?v=2) no-repeat;
	margin-bottom: 5px;
}

.mid-below .contact .livechat {
	margin-top: 5px;
	margin-right: 5px;
	float: right;
}

.box-block {
	float: left;
	position: relative;
	overflow: hidden;
	width: 251px;
	height: 173px;
	cursor: pointer;
	margin-top: 4px;
	margin-left: 4px;
}

.box-backdrop {
	display: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: #1a62aa;
}

.box-overlay {
	display: none;
	z-index: 5;
	position: relative;
	width: 100%;
	height: 100%;
	background: #000000;
}

.bar2 .box-overlay {
	bottom: -65px;
	height: 90px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	margin-top: 80px;
}

.bar2 .box-overlay:hover {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	color: #ffcf01;
}

.details a {
	display: block;
	text-decoration: none;
}

.text-box {
	position: relative;
	line-height: 160%;
	color: #e0e0e0;
	width: 100%;
	height: 100%;
	bottom: 56px;
}

.text-box h2 {
	position: relative;
	font: 600 16px Sans-serif, Arial, Tahoma, Helvetica;
	text-shadow: 1px 1px 0 rgb(0, 0, 0);
	margin-left: 52px;
	top: 11px;
	clear: both;
	text-align: left;
}

.text-box span {
	font: 100 11px Sans-serif, Arial, Tahoma, Helvetica;
	line-height: 160%;
	text-shadow: 1px 1px 0 rgb(0, 0, 0);
	cursor: pointer;
	clear: both;
	margin-left: 52px;
	position: relative;
	bottom: 1px;
}

.symbol-pl {
	background: url(../img/bg-ico.png) no-repeat 12px -80px;
	width: 100%;
	height: 40px;
	display: block;
}

.text-box:hover {
	color: #ffcf01
}

div.main .games {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 3px;
}

div.main.games img {
	border: 1px solid #1a62aa;
}

footer {
	width: 100%;
	height: 48px;
}
footer .copyright {
	color: #fff;
	text-align: center;
	padding: 20px;
	font-size: 16px;
}