﻿@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

/*@font-face {
  font-family: 'century-gothic';
  src: url('../fonts/ufonts.com_century-gothic.eot');  IE9 Compat Modes 
  src: url('../fonts/ufonts.com_century-gothic.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
       url('../fonts/ufonts.com_century-gothic.woff2') format('woff2'),  Super Modern Browsers 
       url('../fonts/ufonts.com_century-gothic.woff') format('woff'),  Pretty Modern Browsers 
       url('../fonts/ufonts.com_century-gothic.ttf')  format('truetype'),  Safari, Android, iOS 
       url('../fonts/ufonts.com_century-gothic.svg#svgFontName') format('svg');  Legacy iOS 
}*/

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, font, 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 {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	background: none repeat scroll 0% 0% transparent;	
	text-align:left;
}
html{ 
  background:url(../bg/background.jpg);  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background:url(../bg/bg.png) repeat-x;
  background-color:#840000;*/
}
body{
	font-family:"Century Gothic";
	font-size:14px;
}

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

a img{
	border:none;
}
ul {
	list-style-type: none;
}

p{
	text-align:justify;
	
}
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}	
/* FF, Safari, Opera—p */

.clearfix {
	display:inline-block;
	}
/* IE7, MacIE5—p */

/* The Following Hidden From MacIE \*/
	* html .clearfix { height:1%; }
	.clearfix { display:block; height:inherit; }

.clear { 
	clear: both; 
	height: 0;
}
#sectionWrapper{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
}

#sectionWrapper #sectionHeader{
	width:1024px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#sectionWrapper #sectionHeader #sectionLogo{
	height:113px;
	width:295px;
	left:0;
	position:absolute;
}
#sectionWrapper #sectionHeader #sectionLogin{
	width:510px;
	height:35px;
	position:absolute;
	right:0px;
	top:60px;
}
#sectionWrapper #sectionHeader #sectionLogin td{
	width:50px;
	
}
#sectionWrapper #sectionHeader #sectionLogin form input{
	width:115px;
	height:15px;
	border:none;
	padding:5px;
	position:absolute;
	background:#fff;
	font-family:"Century Gothic";
	font-weight:bold;
	color:#000;	
	border-radius: 2px;
}
#sectionWrapper #sectionHeader #sectionLogin form input.username{
	right:480px;
}
#sectionWrapper #sectionHeader #sectionLogin form input.password{
	right:340px;
}
#sectionWrapper #sectionHeader #sectionLogin form input.code{
	width:70px;
}
#sectionWrapper #sectionHeader #sectionLogin form input[type="button"]{	
	padding:0;
	border:none;
	cursor:pointer;
	position:absolute;
	width:83px;
	height:35px;
}
#sectionWrapper #sectionHeader #sectionLogin form input#btn-login{
	background:url(../btn/login.png) no-repeat;
	width: 105px;
}
#sectionWrapper #sectionHeader #sectionLogin form input#btn-register{
	right:0px;	
	background:url(../btn/daftar.png) no-repeat;
	width: 106px;
	padding: 0;
	height: 30px;
}
#sectionWrapper #sectionHeader #sectionLogin form img{
	position:absolute;
}
#sectionWrapper #sectionHeader #sectionLogin form img.imgCode{
	right:210px;
	top:10px;
}
#sectionWrapper #sectionHeader #sectionLogin form img.register{
	left:272px;
	top:67px;
}
#sectionWrapper #sectionHeader .contact{
	position:absolute;
	right:0px;
	top:25px;
	width:515px;
	height:28px;
}
#sectionWrapper #sectionHeader .contact img{
	float:left;
        margin: 0 9px;
}
#sectionWrapper #sectionMenu{
	width:100%;
	height:41px;
	margin:0 auto;
	background:url(../bg/menu.png) repeat-x;

}
#sectionWrapper #sectionMenu ul{
	list-style:none;
	width:1050px;
	height:50px;
	margin:0 auto;

}
#sectionWrapper #sectionMenu ul li{
	float:left;
	padding:1px 15px;
	height:38px;
	background:url(../bg/li-style.png) no-repeat right center;
	font-size:16px;

	font-family:"Century Gothic";
	line-height:2.2em;
	
}
#sectionWrapper #sectionMenu ul li a{
	color:#fff;
}
#sectionWrapper #sectionMenu ul li.phone{
	padding:0 5px;
	height:30px;
	padding:0px 10px;
}
 #asectionWrapper #sectionMenu ul li:first-child{
	padding:0px 10px 0px 10px;
	height:50px;
	line-height:4em;
} 
#sectionWrapper .info{
	width:1065px;
	height: 48px;
	background:url(../bg/bg-info.png) no-repeat;
	
	margin: 0 auto;
}
#sectionWrapper .info marquee{
	color:#fff;
	font-size:12px;
	margin: 15px 4px 10px 0px;
	width: 710px;
	position: relative;
	left: 135px;
}

#sectionWrapper #sectionContain-1{
	width:1025px;
	height:306px;
	margin:0 auto;
	position:relative;
}
/*#sectionWrapper #sectionContain-1 #togel{
	top:0px;
	right:0px;
	width:339px;
	height:282px;
	position:absolute;
}
#sectionWrapper #sectionContain-1 #contact{
	width:332px;
	height:92px;
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(../bg/contact.png) no-repeat;
	padding-top:60px;
}
#sectionWrapper #sectionContain-1 #contact img{
	float:left;
}*/
#sectionWrapper #sectionContain-1 #slider{
	margin: 0px;
	width: 690px;
	padding: 5px;
        float: right;
}


#sectionWrapper #sectionContain-1 #slider .slider-focus{
    position: relative;
   
    height: 300px;
    overflow: hidden;
}
#sectionWrapper #sectionContain-1 #slider .slider-focus img{
     width:100%;

}



#sectionWrapper #sectionContain-1 #slider-right{
     float: right;
    padding: 0px;
    width: 310px;
    height: 300px;
    padding:5px;
}

#sectionWrapper #sectionContain-1 #slider-right .slider-box1{

}

#sectionWrapper #sectionContain-1 #slider-right .slider-box2{

}

#sectionWrapper #sectionContain-1 #slider-right img{
     width:100%;

}

#sectionWrapper #sectionContain-2{
	width:1025px;
	
	position:relative;
	margin:0 auto;
}


#sectionWrapper #sectionContain-2 .result{
margin-top: 10px;
}

.togel {
width:140px;
}

.togelItem{
width:135px;
}
.TogelBall{
color:#fff;
text-align: center;
vertical-align: middle;
font-size: 24px;
font-family: Arial;
 font-weight: bold;
height:30px
}
.TogelCountry{
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
text-align:center;
vertical-align:middle;
padding:0; color:white; 
text-transform:uppercase;
height:30px; 
font-family: Sans-Serif;
font-weight:bold; 
font-size:16px
}
  
#sectionWrapper #sectionContain-2 img{
	position:relative;
}
#sectionWrapper #sectionContain-2 img.game{
	right:0px;
	top:0px;
}
#sectionWrapper #sectionContain-2 img.download{
	right:0px;
	top:120px;
}
#sectionWrapper #sectionContain-2 #last5{
	width:279px;
	height:356px;
	float:left;
	position:relative;
}
#sectionWrapper #sectionContain-2 #last5 .transection{
	width:259px;
	height:66px;
	margin-bottom:4px;
	float:left;
	padding:50px 10px 0 10px;
	position:relative;
}
#sectionWrapper #sectionContain-2 .transection table{
	width:259px;
}

#sectionWrapper #sectionContain-2 .transection table td{
	height:50px;
	vertical-align:middle;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	text-shadow:2px 2px 2px #000;
}
#sectionWrapper #sectionContain-2 .transection table td.td01{
	text-align:left;
	width:60px;
}
#sectionWrapper #sectionContain-2 .transection table td.td02{
	text-align:center;
	width:80px;
}
#sectionWrapper #sectionContain-2 .transection table td.td03{
	text-align:right;
	width:80px;
}
#sectionWrapper #sectionContain-2  .bglottery {
	height: 190px;background: url(../bg/hasil-togel-bg.png) repeat-x ;position: relative;display: block;padding: 2px 0 0px 0;top: 0;color: #fff;
	
	background-size: 1px 270px;
}





tr.last{
	border-bottom:none !important;
}
#sectionWrapper #sectionContain-2  .resulttitle {
	background: url(../bg/hasil-togel.png) no-repeat center;height: 35px;

	position: relative;
	width: 333px;
}
#sectionWrapper #sectionContain-2 .lotterygames {
	width: 110px;display: inline-block;text-align: center;
}
#sectionWrapper #sectionContain-2 .lotterydate {
	width: 100px;display: inline-block;text-align: center;
}

#sectionWrapper #sectionContain-2  .resultnumber {
	width: 25px;height: 25px;color:#4E3406;background: #FFEA00;position: relative;display: inline-block;text-align: center;
	
	border-radius: 30px;
	line-height: 24px;
	font-weight: bold;
}
#sectionWrapper #sectionContain-2 #last5 .last-jackpot{
	background:url(../5-last-jackpot.png) no-repeat;
}
#sectionWrapper #sectionContain-2 #last5 .last-deposit{
	background:url(../5-last-deposit.png) no-repeat;
}
#sectionWrapper #sectionContain-2 #last5 .last-withdraw{
	background:url(../5-last-withdraw.png) no-repeat;
}
#sectionWrapper #sectionContain-2 #jackpotControl{
	width:35px;
	height:22px;
	position:absolute;
	top:14px;
	left:230px;
	z-index:999;
}
#sectionWrapper #sectionContain-2 #jackpotControl .control{
	width:14px;
	height:17px;
	cursor:pointer;
}
#sectionWrapper #sectionContain-2 #jackpotControl .jackpotNext{
	float:left;
}
#sectionWrapper #sectionContain-2 #jackpotControl .jackpotPrev{
	float:right;
}
#sectionWrapper #sectionContain-2 #deposControl{
	width:35px;
	height:22px;
	position:absolute;
	top:133px;
	left:230px;
	z-index:999;
}
#sectionWrapper #sectionContain-2 #deposControl .control{
	width:15px;
	height:22px;
	cursor:pointer;
}
#sectionWrapper #sectionContain-2 #deposControl .deposNext{
	float:left;
}
#sectionWrapper #sectionContain-2 #deposControl .deposPrev{
	float:right;
}
#sectionWrapper #sectionContain-2 #withdrawControl{
	width:35px;
	height:22px;
	position:absolute;
	top:252px;
	left:230px;
	z-index:999;
}
#sectionWrapper #sectionContain-2 #withdrawControl .control{
	width:14px;
	height:17px;
	cursor:pointer;
}
#sectionWrapper #sectionContain-2 #withdrawControl .withdrawNext{
	float:left;
}
#sectionWrapper #sectionContain-2 #withdrawControl .withdrawPrev{
	float:right;
}
#sectionWrapper #sectionContain-2 .winner-jackpot{
	width:490px;
	height:236px;
	position:absolute;
	top:120px;
	right:247px;
	background:url(../bg-winner.png) no-repeat;
}
#sectionWrapper #sectionContain-2 .winner-jackpot p{
	position:absolute;
	font-size:24px;
	color:#fbc000;
	font-weight:bold;
	width:325px;
	height:25px;
	text-shadow:2px 2px 2px #000;
	text-align:center;
}
#sectionWrapper #sectionContain-2 .winner-jackpot p.poker{
	top:37px;
	left:80px;
}
#sectionWrapper #sectionContain-2 .winner-jackpot p.domino{
	top:115px;
	left:80px;
}
#sectionWrapper #sectionContain-2 .winner-jackpot p.capsa{
	top:194px;
	left:80px;
}
#sectionLivechat{
	position:fixed;
	right:0px;
	bottom:0px;
	width:168px;
	height:246px;
	z-index:999;
}

#lhnContainerDone {
	position: relative;
    right: 19px;
    top: -21px;
}
#lhnContainerDone:hover {
	opacity: 0.5;
}

/** Link new tab 
--------------------------------------- **/
body#linkTab {
	background-image: none;
	background-color: #FFFFFF;
	min-height: 700px;
}
#sectionWrapper #sectionContent {
	width: 1024px;
	margin: 0 auto;
}
#sectionWrapper #sectionContent .OfflineInfo {
	padding-top: 40px;
}
#sectionWrapper #sectionContent .OfflineInfo h6 {
	font-size: 12px;
	font-weight: 300;
	padding: 10px 0;
	color: #000000;
	font-family: "Arial";
}
#sectionWrapper #sectionContent .OfflineInfo p {
	font-size: 12px;
	line-height: 21px;
	color: #000000;
	font-family: "Arial";
}
#sectionWrapper #sectionContent .OfflineInfo span {
	font-size: 12px;
	line-height: 21px;
	color: #000000;
	padding: 10px 0;
	display: block;
}
#sectionWrapper #sectionContent .OfflineInfo img {
	display: inline-block;
}
#sectionWrapper #sectionContent .promoInfo {
	padding-top: 40px;
}
#sectionWrapper #sectionContent .promoInfo .promoDes {
	padding-bottom: 20px;
}
#sectionWrapper #sectionContent .promoInfo .promoDes h6 {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
	font-family: "Tahoma";
}
#sectionWrapper #sectionContent .promoInfo .promoDes p {
	font-size: 13px;
	color: #000000;
	padding: 5px 0 2px 0;
	font-family: "Tahoma";
}
#sectionWrapper #sectionContent .promoInfo .promoDes p span {
	font-size: 13px;
	color: #BD0303;
	font-weight: 700;
}
#sectionWrapper #sectionContent .promoInfo .promoDes p font {
	font-size: 13px;
	color: #000000;
	font-weight: 700;
}
#sectionWrapper #sectionContent .promoInfo .promoDes p.colBlue {
	color: #3ab0f0;
	font-weight: 700;
}
.container-footer {
	width:1025px;
	background:transparent;
        height:180px;
	
}
.container-footer ul.games {
   margin:0;
   padding: 0;
   position:absolute;
}
.container-footer ul.games li{
   width: 162px;
   float:left;
 margin: 0 4px;
}

.container-footer .promo{
	display:inline-block;
	margin:0 1px;
	
}
.container-footer .result{
	display:inline-block;
	margin:0 1px;
	
}
.container-footer .result img{
   width:18px;
}

.lainlain {
	width:1025px;
	background:transparent;
        height:90px;
	
}
.lainlain ul li{
   width: 310px;
   float:left;
 margin: 0 4px;
  position:relative;

}
.container-footer ul.other {
   margin:0;
   padding: 0;
   position:absolute;
}
.footerbank {
                margin: 0 auto;
                background-image: url(../bg/footerbank.png);
                background-position: top left;
                background-repeat: no-repeat;
                width: 1025px;
                height: 101px;
                margin-bottom: 10px;
			    background-size:100%;
            }
            .footerbank div {
                padding-top: 75px;
                padding-left: 30px;
            }
            .footerbank a, .footerbank {
                color: #ffe100;
                font-size: 12px;
                text-decoration: none;
                font-weight: 200;
            }

            .footernav a{
                font-weight:700;
                font-style:italic;
            }

            .footernav a:hover{
                color:#066
            }

            .copyright {
                font-weight: 200;
                color: #076fb1;
            }
            .copyright a {
                font-weight: 100;
            }

