@charset "utf-8";

/* CSS Document */

@font-face {

	font-family: 'Highland Gothic Bold';

	src: url('../fonts/HighlandGothicFLF-Bold.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}


@font-face {

	font-family: 'Highland Gothic';
	src: url('../fonts/HighlandGothicFLF.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}



*{
	margin:0px;
	padding:0px;
}
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 { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(../bg.jpg) no-repeat top center #111;
	left: 0;
	top: 0;
	margin: 0 auto;
	padding: 0;
}

a{
	text-decoration:none;
	color:#fff;
        transition:all 0.4s;
}

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;
}

/* Logo Keyframes Animation */
@-webkit-keyframes logo__mask{
	from{-webkit-mask:url(../img/header/clip.html) -300px -20px no-repeat;
	mask:url(../img/header/clip.html) -300px -20px no-repeat}to{-webkit-mask:url(../img/header/clip.html) 600px -20px no-repeat;
	mask:url(../img/header/clip.html) 600px -20px no-repeat}}

@keyframes logo__mask{
	from{-webkit-mask:url(../img/header/clip.html) -300px -20px no-repeat;
	mask:url(../img/header/clip.html) -300px -20px no-repeat}to{-webkit-mask:url(../img/header/clip.html) 600px -20px no-repeat;
	mask:url(../img/header/clip.html) 600px -20px no-repeat}}

/* Start Sections */

#sectionWrapper{
	width: 960px;
	margin:0 auto;
	/*! position:relative; */
	padding: 0 25px;
}
#sectionWrapper #sectionHeader{
	width:100%;
	position:relative;
	background:url(../menu/bg.png) no-repeat;
	/*! z-index:-1; */
	float: left;
}
#sectionWrapper #headerbg{
	width:100%;
	position:absolute;
	background:#0C0C0C;
	z-index:-1;
}
 #sectionLogo{
        
position: relative;
        
top:8px;
        
width: 254px;
        
float: left;
        
text-align: center;
        
height: 70px;
}
#sectionLogo img{
        width:195px;
}
#sectionWrapper #sectionHeader #sectionLogin{
	width: 490px;
	height: 71px;
	position:relative;
	margin: 0 auto;
	right: 0;
	float: right;
}
#sectionWrapper #sectionLogin form input{
	width:125px;
	height:15px;
	margin-right:5px;
	padding:5px;
	position:relative;
	border:none;
	background: #0faed5;
	border: 1px solid #a2a2a2;
	color: #efecec;
	float: left;
	border-radius: 5px;
}
#sectionWrapper #sectionLogin form input.username{
	top: 0;
}
#sectionWrapper #sectionLogin form input.password{
	top: 0;
}
#sectionWrapper #sectionLogin form input.num{
	top:0;
	width:80px;
}
#sectionWrapper #sectionLogin form input[type="submit"]{
	width: 84px;
	height: 27px;
	padding:0;
	border:none;
	background: url(../menu/btn-login.png) no-repeat;
	cursor:pointer;
	margin-right:0px;
	font-size:18px;
	font-family:roboto;
	color:#222;
	float: left;
	margin-left: 2px;
}

.loginbtn { 
opacity: 0.9;
}
.loginbtn:hover {
	opacity:1;
}

.register {
         background: url(../menu/btn-daftar.png) no-repeat;
         border:none;
         padding: 0;
         position:relative;
         /*! top: 8px; */
         font-size:19px;
         font-family:roboto;
         cursor:pointer;
         color:#000;
         width: 110px;
         height: 27px;
         opacity:0.9;
         float: left;
         left: -5px;
}
.register:hover {
         opacity:1;
}
#sectionWrapper #sectionLogin form img.codeImg{
        position:relative;
        float: left;
}
#sectionWrapper #sectionLogin form img.register{
	position:relative;
	top:33px;
}
#sectionWrapper #sectionMenuWrapper{
	width:960px;
	height: 70px;
	margin:0 auto;
	padding-left: 19px;
	position: relative;
	float: left;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu{
	list-style:none;
	height: 42px;
	position: relative;
	top: 16px;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul{
	background:transparent;
	float:left;
	height: 50px;
	margin:0 0px;
	font-size:17px;
	font-weight:bold;
	font-family:Roboto;
	padding:0px 0px 0px 0px;
	text-align:center;
	display: inline-block;
	
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li{
	display:inline-block;
	color:#B5B5B5;
	line-height:35px;
	opacity: 0.8;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li a{
	display:block;
	color:#B5B5B5;
	line-height:35px;
	opacity: 0.8;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li:hover a{
	color:#fff;
		opacity:1;
}
#sectionWrapper #sectionMenuWrapper #social{
	width:210px;
	height:33px;
	float:right;
	margin:0px 0px 0px 20px;
	position:absolute;
}
#sectionWrapper #sectionMenuWrapper #social img{
	float:left;
	margin:3px 6px;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu #sectionInfo{
	width:940px;
	height:30px;
	background:transparent;
	float:left;

}
#sectionWrapper #sectionMenuWrapper #sectionMenu #sectionInfo marquee{
	color:#fff;
	height:19px;
	width:612px;
	background:#222;
	margin-top:3px;
	margin-left:80px;
	border-radius:0px 85px;
	font-size: 17px;
	font-family:Cambria, sans-serif;
}

#sectionWrapper #slider{
	background: #1d2125;
	width:100%;
	margin:0 auto;
	float: left;
}
#slider img{
	position:absolute;
	display:block;
	width:100%;
	height:298px;
	margin:auto;
}
#sectionWrapper #page{
	background:rgb(87, 87, 87);
	width:717px;
	height:282px;
	margin:0 auto;
	float: left;
}
#sectionWrapper #Content{

margin:0 auto;

width: 960px;

padding: 0;

float: left;
}
#sectionWrapper #sectionContent1{
	width: 970px;
	margin:0 auto;
	float: left;
	position:relative;
}

#sectionWrapper #sectionContent1 #slider{
	margin: 0px;
	width: 686px;
	padding: 10px;
	float: left;
	position:relative;
	border-radius: 10px;
}


#sectionWrapper #sectionContent1 #slider .slider-focus{
    position: relative;
    height: 235px;
    background: #009fe6;
 
    padding: 5px;
}
#sectionWrapper #sectionContent1 #slider .slider-focus img{
     width:100%;

}


#sectionWrapper #sectionContent1  .contact-tt{
	
    width: 230px;
    height: 52px;
    float: left;
    background: url(../contact-us.png) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -18px;
    top: -8px;

}



#sectionWrapper #sectionContent1 #slider-right{
     float: left;
     padding: 0px;
     width: 215px;
     height: 180px;
     padding: 17px;
     background: #fefefe;
     border-radius: 0px 10px 10px 0px;
     top: 40px;
     left: 0;
     position: relative;
}




#sectionWrapper #sectionContent1 #slider-right .join-btn {
width: 250px;height: 21px;position: relative;bottom: 0;margin: 0 auto;opacity:0.9;

}
#sectionWrapper #sectionContent1 #slider-right .join-btn:hover {
	opacity:1;
	
}






#sectionWrapper #sectionContent1 .contact{
    height: 178px;
    background: #21272d;
    bottom: 0;
    position: relative;
    float: left;
    margin-bottom: 0px;
    border-radius: 10px;
    padding: 5px;
    width: 208px;
}
#sectionWrapper #sectionContent1 .contact table td a {
	
float: left;
	
text-align: center;
	
color: #00d7ff;
	
bottom: 0;
	
line-height: 8.2em;
	
font-size: 14px;
	
padding: 7px;
	
width: 83px;
	
display: block;
	
position: relative;
	
cursor: pointer;
	
margin: 2px;
}



#sectionWrapper #contact img {
	float:left;
	margin:4px 0px 2px 5px;
	border:3px solid rgb(207, 207, 207);
	width:224px;
}
#sectionWrapper #sectionContent1 #contact p{
	position:absolute;
	width:193px;
	height:36px;
	color:#ffe127;
	font-size:22px;
	left:75px;
	padding:3px 0 0 10px;
}




.chat_bg {background: url('../images/chat_bg.html') repeat-x;}
.chat_ym {background: url('../images/chat_ym.html') no-repeat;}
.chat_bb {background: url(../images/chat_bb.png) no-repeat #121519 center 10px;width: 100px;height: 66px;float: left;border-radius: 10px;}
.chat_ln {background: url('../images/chat_ln.png') no-repeat #121519 center 10px;width: 100px;height: 66px;float: left;border-radius: 10px;}
.chat_wa {background: url('../images/chat_wa.png') no-repeat #121519 center 10px;width: 100px;height: 66px;float: left;border-radius: 10px;}
.chat_wc {background: url('../images/chat_wc.png') no-repeat #121519 center 10px;width: 100px;height: 66px;float: left;border-radius: 10px;}
.chat_hp {background: url('../images/chat_hp.html') no-repeat #121519 center 10px;width: 100px;height: 66px;float: left;border-radius: 10px;}

#sectionWrapper #sectionContent1 #contact p.yahoo{
	top:24px;
}
#sectionWrapper #sectionContent1 #contact p.bb{
	top:82px;
}
#sectionWrapper #sectionContent2{
	margin-bottom:10px;
	float: left;
}
#sectionWrapper #sectionContent2 #winnerlist{
	width: 970px;
	margin: 1px auto;
	position:relative;
	float:left;
}

#sectionWrapper #sectionContent2  .ourgames-tt{
	
width: 312px;
	
height: 52px;
	
float: left;
	
background: url(../ourgame.png) no-repeat;
	
margin: 0;
	
padding: 0;
	
position: absolute;
	
left: -18px;
	
top: -8px;
}

#sectionWrapper #sectionContent2 #winnerlist .line {
       position:absolute;
       width:1290px;
       height:32px;
       float:left;
       left:-138px;
       top:80px;
       background: url(../shadow-line.png) no-repeat;
}
#sectionWrapper #sectionContent2 #winnerlist .list{
	width:281px;
	float:left;
	padding: 31px 0px 0 0px;
}
#sectionWrapper #sectionContent2 #winnerlist .deposit{
	background: url(../deposit-bg.png) no-repeat;
	position:relative;
	margin-right:2px;
	height: 172px;
}
#sectionWrapper #sectionContent2 #winnerlist .deposit:hover{
      
}
#sectionWrapper #sectionContent2 #winnerlist .withdraw{
	background: url(../withdraw-bg.png) no-repeat;
	position:relative;
	margin-left:2px;
	height: 170px;
	overflow: hidden;
}
#sectionWrapper #sectionContent2 #winnerlist .withdraw:hover{
     
}
#sectionWrapper #sectionContent2 #winnerlist h1{
        color:#4E3400;
        font-family:Roboto;
        text-align:center;
        background:#FFA800;
}
#sectionWrapper #sectionContent2 #winnerlist .list table{
	border:0px;
	border-collapse:collapse;
	width: 260px;
	margin:6px 6px;
	position: absolute;
}

#sectionWrapper #sectionContent2 #winnerlist .list table td{
	color: #46474a;
	font-size:14px;
	font-weight: bold;
}

#sectionWrapper #sectionContent2 #winnerlist .list table td{
	height: 29px;
	vertical-align:middle;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td p{
	color: #46474a;
	font-size:14px;
	font-weight: bold;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td1{
	width:140px;
	padding: 0 0 0px 35px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td2{
	width:60px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td3{
	width:100px;
	text-align: center;
	color: #00d7ff;
	height: 21px;
	width: 100px;
	padding-top: 3px;
	font-weight: bold;

}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td2 p{
	text-align:center;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td3 p{
	text-align:center;
	color: #00d7ff;
	height:21px;
	width:100px;
	padding-top:3px;
	font-weight: bold;
}
#sectionWrapper  #jackpot{
	width: 970px;
	background:transparent;
	float:left;
	position:relative;
}
#sectionWrapper #jackpot p{
	color:#fff;
	font-size: 14px;
	font-family:Roboto;
	overflow: hidden;
}
#sectionWrapper #sectionContent2 #winnerlist .listcontact{
	width:423px;
	background:transparent;
	float:left;
        height:180px;
}

#sectionWrapper   #jackpot-2{
        position:relative;
        float:left;
        width: 100%;
        margin-top: 1px;
        /* background: #fefefe; */
        border-radius: 10px;
        padding: 2px;
}
#sectionWrapper  #jackpot-2 p{
        float:right;
        font-family:roboto;
        font-size: 33px;
        color:#fff;
        letter-spacing:6px;
        padding: 1px 5px;
        line-height: 30px;
        top: 18px;
        position: relative;
}
#sectionWrapper   #jackpot-2 .jpoker{
        background: url(../jackpot-pk.png) no-repeat;
        padding: 0;
        margin-bottom: 0px;
        display:inline-block;
        float: left;
}
#sectionWrapper   #jackpot-2 .jdomino{
        background: url(../jackpot-dm.png) no-repeat;
        padding: 0;
        height: 88px;
        display:inline-block;
        float: left;
        width: 475px;
        margin-left: 3px;
}
#sectionWrapper  #jackpot-2 .jcapsa{
        background:url(../jackpot-bg.html) no-repeat #FFA800;
        width:309px;
        padding:35px 10px 10px 10px;
        height:35px;
        margin-bottom:5px;
            box-shadow:0px 0px 18px rgba(0, 0, 0, 0.44);
        display:inline-block;
}
#sectionWrapper #jackpot-2 .jpoker:hover{

   
}
.pokerjp {
        height: 88px;
        display: block;
        width: 475px;
}
.dominojp {
        height: 38px;
        display:block;
}
.capsajp {
        background:url(../capsajp.html) no-repeat;
        height:30px;
        display:block;
}
     
#sectionWrapper #sectionContent2 #winnerlist .promotion {
        float:left;
        position:relative;
        width: 362px;
        height: 140px;
        background: #0088c6;
        padding: 10px;
        margin: 0 0px;
        border-radius: 10px 0 0px 10px;
        top: 36px;
}
#sectionWrapper #sectionContent2 #winnerlist .promotion img{
    border-radius:10px;
}
#sectionWrapper #sectionContent2 #winnerlist .promotion .slpoker {

    height: auto;
    float: left;
    position: relative;
    left: 0px;
    display: block;
    overflow: hidden;
    transition:all 0.4s;
    cursor:pointer;
    z-index:1;
    box-shadow:-3px 0px 10px #000;

}
#sectionWrapper #sectionContent2 #winnerlist .promotion .slpoker:hover {
   left: -68px;
   opacity:1;
}
#sectionWrapper #sectionContent2 #winnerlist .promotion .sldomino {

    height: auto;
    float: left;
    position: absolute;
    left: 60px;
    display: block;
    overflow: hidden;
    transition:all 0.4s;
    cursor:pointer;
    z-index:4;
    box-shadow:-3px 0px 10px #000;
}
#sectionWrapper #sectionContent2 #winnerlist .promotion .sldomino:hover {

   left: 15px;
   opacity:1;
}
#sectionWrapper #sectionContent2 #winnerlist .promotion .slcapsa {

    height: auto;
    float: left;
    position: absolute;
    right: 65px;
    display: block;
    overflow: hidden;
    transition:all 0.4s;
    cursor:pointer;
    z-index:3;
    box-shadow:3px 0px 10px #000;

}
#sectionWrapper #sectionContent2 #winnerlist .promotion .slcapsa:hover {
   right: 26px;

}

#sectionWrapper #sectionContent2 #winnerlist .promotion .sladuq {
    height: auto;	
    float: right;
    position: relative;
    right: 0px;
    display: block;
    overflow: hidden;
    transition:all 0.4s;
    cursor:pointer;
    z-index:2;
    box-shadow:3px 0px 10px #000;
}
#sectionWrapper #sectionContent2 #winnerlist .promotion .sladuq:hover {
   right: -63px;
   opacity:1;
}
#sectionWrapper #sectionContent2 #winnerlist .promotion .slbandarq {
 
    height: auto;
    float: left;
    position: absolute;
    right: 146px;
    display: block;
    overflow: hidden;
    transition:all 0.4s;
    cursor:pointer;
    z-index:5;
    opacity:1;
    box-shadow:0px 0px 10px #000; 
}
#sectionWrapper #sectionContent2 #winnerlist .promotion .slbandarq:hover {
      opacity:1;
}

#sectionWrapper #sectionContent2 #winnerlist #livecs{
	left:50px;
	top:25px;
	height:133px;
	position:relative;
	float:left;
	border:4px solid rgb(31, 31, 31)
	
}
#sectionWrapper #sectionContent2 #winnerlist #livecs img{
	float:left;
	margin:0 auto;
	position:relative;
	left:0px;
	bottom:1px;
	border:2px solid rgb(138, 138, 138)
}
#sectionWrapper #footer{
	width: 743px;
	height: 70px;
	margin:0 auto;
	background: #e7e7e7;
	/* border-top:1px solid #2d2d2d; */
	/* box-shadow:0px -1px 0px #000; */
	float: right;
	BORDER-RADIUS: 10px;
	position: relative;
	top: -14px;
}
#sectionWrapper #footer .gpanel {
       max-width:1000px;
       margin:0 auto;
       padding: 0;
}
#sectionWrapper #footer .payment-method{
	float:left;
	color:#7D7D7D;
	margin-top: 13px;
	margin-left: 15px;
}
#sectionWrapper #footer .payment-method p{
	display:block;
	margin-bottom: 4px;
	color: #0088c6;
}


#sectionWrapper #footer .support {
     float:right;
     color: #0088c6;
     margin-top:15px;
     margin-right: 15px;
    }
#sectionWrapper #footer .support p {
     display:block;
     margin-bottom:5px;
}
#sectionWrapper #footer .support ul{ 
    float:right;
}
#sectionWrapper #footer .support ul li{ 
    float:left;
}

#timelyinfo {
	height: 22px;
	float:right;
	display: block;
	width:236px;
}

.containertime {
	font-size: 12px;
	color: #222;
	float: left;
	margin: 5px 0px 0px 15px;
	text-align: center;
	width: 218px;
	font-weight:bold;
}

.chat {
      position:fixed;
      right:0px;
      bottom:-195px;
      width:170px;
      display:inline-block;
      z-index:10;
      transition:all 0.4s;
}
.chat:hover {
      bottom:0px;

/* Start Modal Style */

.overlay{
position:absolute;
top:0;
left:0;
z-index:9999;
width:1607px;
height:100%;
background:url(../bg/overlay.html) repeat;
}

.modal{
left:25%;
top:60px;
width:800px;
max-height:580px;
height:auto;
overflow-y:auto;
border:4px solid rgb(148, 148, 148);
margin:auto;
z-index:10000;
position:fixed;
}

.modal-wrapper{
max-width:720px;
margin:auto;
}

.modal-header{
height:70px;
font-family:highland gothic;
color:rgb(230, 230, 230);
font-size:35px;
background:url(../bg/bg-1.html) repeat;
-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.75);
-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.75);
box-shadow:0 1px 5px 0 rgba(0,0,0,.75);
display:block;
position:relative;
padding-top:15px;
}

.modal-close{
position:absolute;
top:-10px;
right:-10px;
z-index:12000;
background:rgb(44, 126, 63);
width:19px;
padding:0px 7px;
border-radius:26px;
font-family: highland gothic;
font-size:24px;
}

.modal-logo{
display:inline-block;
}

.modal-title{
display:inline-block;
padding:0 30px;
position:absolute;
}

.modal-content{
padding:35px 0;
font-family:Arial;
color:#333;
font-size:12px;
display:block;
clear:both;
background:url(../poker-patterns-2.html),rgba(255,255,255,1);
}

.modal .onecol{
display:inline-block;
width:100%;
}

.modal .onecol.centered{
text-align:center;
}

.modal .twocol .left,.modal .twocol .right{
width:280px;
display:inline-block
}

.modal .twocol .left{
float:left;
position:relative
}

.modal .twocol .right{
float:right
}

.modal input{
margin-bottom:10px
}

.modal input[type=email],.modal input[type=password],.modal input[type=text]{
color:#999;
background:rgba(221,221,221,.3);
font-family:Arial;
font-style:italic;
font-size:14px;
height:30px;
border-radius:5px;
outline:0;
border:1px solid #DDD;
padding-left:12px;
padding-right:12px;
width:256px
}

.modal-bank .row{
	display:block;
}
.modal-bank .threecol>div{
	width:33%;
	display:inline-block;
	vertical-align:top;
}