@import url("reset.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');
body {
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	color : #ffffff;
	line-height : 150%;
	background: #000 url(../images/bg.jpg) top left repeat-x;    
}

ul {list-style-type: disc;}
ul li {margin-left: 25px;}

h1 {font-size : 30px;}
h2 {font-size : 27px;}
h3 {font-size : 24px;}
h4 {font-size : 20px;}
h5 {font-size : 17px;}
h6 {font-size : 15px;}
h1,h2,h3,h4,h5,h6 {line-height : 170%;}

p {
    padding: 10px;
}

#wrapper {
    margin: 0 auto;
    width: 1020px;
}


#header {
	margin : 0 auto;
    height: 113px;
    width: 100%;
	background: url(../images/bg_header.png) top center no-repeat;
}
#header .logo{float : left; padding-top : 15px; padding-left : 20px; width : 250px;}
#header .login{float : right; margin-top : 20px; width : 567px; height : 35px; background: url(../images/bg_login.png) top right no-repeat;}
#header .login form{padding-bottom : 5px;}

/* Login area */
.cform {height : 35px;}
.chat {height : 35px; margin-top : 10px; float : right;}

.user, .pass {width : 154px; height : 33px;float : right; background: #fff; margin-top : 22px; margin-right : 5px; border : 0px; padding : 0 10px;}
.bt-login, .bt-daftar {width : 104px; height : 33px;float : right;margin-top : 11px; }
.bt-login {
	width:104px;
	height:33px;
	background-image:url(../images/login.png);
	background-color : transparent;
	border:none;
	cursor:pointer;	
	margin-top : 22px;
	margin-right : 0px;
	margin-left : 3px;
}
.bt-daftar {
	width:104px;
	height:33px;
	background-image:url(../images/daftar.png);
	background-color : transparent;
	border:none;
	cursor:pointer;
	margin-top : 22px;
	margin-right : 8px;
	margin-left : 3px;
}


#navigation {
	background-image:url(../images/bg_menu.png);
    margin: 0 auto;
    height: 80px;
    width: 1000px;
}

#navigation .menu{
	margin-left: 10px;
	margin-top : 25px;
	height:30px;
	font-size : 20px;
	font-weight : bold;
	color:#FFD700;
	float : left;
	
}

#navigation .menu .menu1 {width :80px; float:left; margin-left : 30px;}
#navigation .menu2 {width :120px; float:left; }
#navigation .menu3 {width :140px; float:left; }
#navigation .menu4 {width :135px; float:left; }
#navigation .menu5 {width :90px; float:left; }
#navigation .menu6 {width :90px; float:left; }
#navigation .menu7 {width :100px; float:left; }

#navigation .menu .bl a:link, a:visited {color:#003333;text-decoration : none;}
#navigation .menu .bl a:hover {color:#ff0000;text-decoration : none;}
#navigation .menu a:link, a:visited {color:#FFFFFF;text-decoration : none;}
#navigation .menu a:hover{color:#FF0000;}

#slideshow {width : 1020px; height : 340px; margin-top : 5px;margin-bottom : 5px;}

#jackpot {width : 1020px; height : 65px; margin-top : 5px;margin-bottom : 5px;
background:url(../images/jackpot.png) top center no-repeat;
}

.jack_1 {float : left; width : 375px; height : 50px;}
.jack_2 {float : right; width : 375px; height : 50px;}




#slide {
    max-width: 1020px;
}

/* #slide .animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}90%{opacity:0}} */
#slide .animate-fading{}

#running_text {
	background-image:url(../images/bg_running_text.png);
    margin: 0 auto;
    height: 44px;
    width: 1020px;
}

#running_text .marquee{
height:20px;
width:790px;
padding : 12px 15px 0px 0px;
margin: 0 auto;
color : #fff;
font-size : 14px;
float : right;
margin-right : 17px;
}

/*-- latest -- */
#latest{
margin : 5px auto 0 auto;
width:1020px;
height:260px;
background:url(../images/5-latest.png) top center no-repeat;
color : #ffffff;
}

#latest .hlivechat{
	position: relative;
    right: 75px;
    width: 334px;
	top : -12px;
}


#latest .latest_1 {float: left; width : 240px; height : 160px;margin-top : 85px;margin-left : 70px;}
#latest .latest_2 {float: left; width : 240px; height : 160px;margin-top : 85px;margin-left : 100px;}
#latest .latest_3 {float: left; width : 250px; height : 170px;margin-top : 15px;margin-left : 110px;}

#latest .latest_1 td, #latest .latest_2 td {height : 35px; font-size : 15px;}
#latest .latest_3 td {height : 50px; font-size : 22px;}

#apps {width : 1020px; height : 72px; margin-top : 5px;margin-bottom : 5px;
background:url(../images/apps.png) top center no-repeat;
}

#apps .download {padding-top : 14px; padding-left : 360px;}

#bank {width : 1020px; height : 125px; margin-top : 5px;margin-bottom : 5px;
background:url(../images/bg_bank.png) top center no-repeat;
}

#sosmed{
margin : 0 auto;
width:1000px;
height:40px;
}

#sosmed .icon:visited, #sosmed .icon:hover {opacity: 0.3;}
#sosmed .icon:hover {opacity: 1.0;}
#sosmed .icon{width : 40px; margin-right : 10px;}


#content {margin: 0 auto; padding: 40px 20px; clear: both; }
#content  p {text-align : justify;}
#content ul {list-style-type: disc;}
#content ul li {margin-left: 25px;}


#footer {margin: 0 auto; padding: 0px 20px; clear: both; }
#footer  p {text-align : center;}
#footer ul {list-style-type: disc;}
#footer ul li {margin-left: 25px;}
#footer h2, h3 {color: #15b30d;}
#footer h2 {font-size: 35px;}
#footer h3 {font-size: 22px;}
#footer a, a:link, a:visited, a:hover {color: #15b30d; text-decoration : none;}
#footer a:hover {text-decoration : underline;}



.clearfix {overflow: auto;}

#float {
	position: fixed;
	left: 0px;
	top: 35%;
}

.iconic {
	position:relative;
	left: -174px;
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
	z-index: 5;
	width : 230px;
	height : 260px;
	background-image:url(../images/contact.png);
	color : #fff;
	font-size : 16px;
}
.iconic:hover {
	position:relative;
	left: -0px;
}

.iconic .icon1 {padding-left : 55px;padding-top : 55px;}
.iconic .icon2 {padding-left : 55px;padding-top : 17px;}
.iconic .icon3 {padding-left : 55px;padding-top : 18px;}
.iconic .icon4 {padding-left : 55px;padding-top : 18px;}