﻿@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) no-repeat center #000;
  -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;
    
        margin:0;
        padding:0;
}

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:1015px;
	height:auto;
	position:relative;
	margin:0 auto;
}

#sectionWrapper #sectionHeader{
	width:1015px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#sectionWrapper #sectionHeader #sectionLogo{
	height:113px;
	width:295px;
	left:0;
	position:absolute;
}
#sectionWrapper #sectionHeader #sectionLogin{
	width:652px;
	height:52px;
	position:absolute;
	right:0px;
	top:35px;
}
#sectionWrapper #sectionHeader #sectionLogin td{
	/*! width:15px; */
	
}
#sectionWrapper #sectionHeader #sectionLogin form input{
	width:190px;
	height:57px;
	border:none;

	position:absolute;
	background:#fff;
	font-family:"Century Gothic";
	font-weight:bold;
	color:#000;	
	border-radius: 11px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sectionWrapper #sectionHeader #sectionLogin form input{
 
}
}

#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:70px;
}
#sectionWrapper #sectionHeader #sectionLogin form input#btn-login{
	background:url(../btn/login.png) no-repeat;
	width: 135px;
	top: -7px;
	right: 129px;
}
#sectionWrapper #sectionHeader #sectionLogin form input#btn-register{
	right:0px;	
	background:url(../btn/daftar.png) no-repeat;
	width: 130px;
	padding: 0;
	height: 65px;
	top: -7px;
}
#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:450px;
	height:28px;
}
#sectionWrapper #sectionHeader .contact img{
	float:left;
}
#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:1000px;
	height: 21px;
	background:transparent;
	
	margin: 0 auto;
	padding: 5px 7px;
	border-top: 2px solid #fdc323;
	border-bottom: 2px solid #fdc323;
}
#sectionWrapper .info marquee{
	color:#fff;
	font-size:15px;
	position: relative;
	font-weight: bold;
}

#sectionWrapper #sectionContain-1{
	width:1014px;
	height:306px;
	margin:0 auto;
	position:relative;
        margin-top:5px;
}
/*#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: 1010px;
        float: left;
	border: 2px solid #fdc323;
}


#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:1022px;
	
	position:relative;
	margin:0 auto;
	height: 360px;
}


#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:100%;
	height:315px;
	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:100%;
}

#sectionWrapper #sectionContain-2 .transection table td{
		height:36px;
	vertical-align:middle;
	color:#ffcf00;
	font-size:24px;
	text-shadow:2px 2px 2px #000;
	width: 60px;
	font-family: Anton;
}
#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(../bg/last-depo.png) no-repeat;
	width: 350px;
	float: left;
	height: 165px;
	color: #fff;
	padding: 50px 13px 21px 13px;
	text-align: center;
	display: block;
}
#sectionWrapper #sectionContain-2 #last5 .last-withdraw{
		background:url(../bg/last-wd.png) no-repeat;
	width: 350px;
	float: left;
	height: 165px;
	color: #fff;
	padding: 50px 13px 21px 13px;
	text-align: center;
	display: block;
}
#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;
}

#sectionWrapper #sectionContent2 #winnerlist{
	width:902px;
	height:233px;
}
#sectionWrapper #sectionContent2 #winnerlist .list{
	width:292px;
	height:173px;
	float:left;
	padding:60px 15px 0 15px;
}
#sectionWrapper #sectionContent2 #winnerlist .deposit{
	background:url(../img/bg/deposit.png);
}
#sectionWrapper #sectionContent2 #winnerlist .withdraw{
	background:url(../img/bg/withdraw.png);
	float:right;
}
#sectionWrapper #sectionContent2 #winnerlist .list table{
	border:0px;
	border-collapse:collapse;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td{
	height:30px;
	vertical-align:middle;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td p{
	color:#ffe128;
	font-size:16px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td1{
	width:132px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td2{
	width:60px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td3{
	width:100px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td2 p{
	text-align:center;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td3 p{
	text-align:center;
	background:#fee300;
	color:#000;
	height:22px;
	width:100px;
	padding-top:3px;
}
#sectionWrapper #sectionContain-2 #last5 #jackpot{
	width: 266px;float: left;background: url(../bg/jackpot.png) no-repeat;height: 220px;position:relative;
}
#sectionWrapper #sectionContain-2 #last5 #jackpot span{
	position:absolute;
	width:198px;
	height:50px;
	color:#ffe329;
	font-size:34px;
	font-family:Anton;
	top:113px;
	left:38px;
	text-align:center;
}




#sectionLivechat{
	position:fixed;
	right:0px;
	bottom:0px;
	width:168px;
	height:246px;
	z-index:999;
}

#lhnContainerDone {
	position: relative;
    right: 19px;
}
#lhnContainerDone:hover {
	
}




/** 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:336px;
	background:transparent;
        height:108px;
        display:inline-block;
          
	
}
.facebook-btn {
    width: 150px;
    height: 35px;
    position: absolute;
    top: 58px;
    display: block;
    left: 10px;
    cursor: pointer;
    z-index:9999;
}
.skype-btn {
     width: 150px;
    height: 35px;
    position: absolute;
    top: 14px;
    display: block;
    left: 10px;
    cursor: pointer;
    z-index:9999;
}
.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;
}


.footerline {
     background: url(../bg/footerline.png) no-repeat center;
     width:980px;
     height: 15px;
     margin: 0 auto;
 }
.footerbank {
                margin: 0 auto;
                background-image: url(../bg/footerbank.png);
                background-position: top left;
                background-repeat: no-repeat;
                width: 1025px;
                height: 58px;
                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
            }
            
            .footertext {
                color:#fff;
                width:980px;
                margin:0 auto;
                font-weight:normal;
                font-family:Tahoma, Arial, sans-serif;
                text-align:center;
            }
             .footertext h1 {
                 font-size:16px;
                 text-align:center;
                 font-weight:normal;
                 color:#FFD02B;
             }
             .footertext p {
                 font-size:14px;
                 text-align:center;
                 font-weight:bold;
                
             }
               .footertext h2 {
                 font-size:12px;
                 text-align:center;
                  font-weight:normal;
             }
              .footertext h3 {
                 font-size:12px;
                 text-align:center;
                  font-weight:normal;
             }

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

