@charset "utf-8";

/* CSS Document */

@font-face {

	font-family: 'Highland Gothic Bold';

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

	font-weight: normal;

	font-style: normal;

}


@font-face {

	font-family: 'Highland Gothic';

	src: url('../img/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:#0C0C0C; 
}

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.png) -300px -20px no-repeat;
	mask:url(../img/header/clip.png) -300px -20px no-repeat}to{-webkit-mask:url(../img/header/clip.png) 600px -20px no-repeat;
	mask:url(../img/header/clip.png) 600px -20px no-repeat}}

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

/* Start Sections */

#sectionWrapper{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	max-width:1583px;
        margin-top:50px;
}
#sectionWrapper #sectionHeader{
	width:990px;
	height:95px;
	margin:0 auto;
	position:relative;
}
#sectionWrapper #headerbg{
	width:100%;
	height:125px;
	position:absolute;
	background:#0C0C0C;
        z-index:-1;
}
#sectionWrapper #sectionHeader #sectionLogo{
	
        position:relative;
        top:8px;
        float:left;
}
#sectionWrapper #sectionHeader #sectionLogo img{
        width:195px;
}
#sectionWrapper #sectionHeader #sectionLogin{
	width:60%;
	height:55px;
	position:relative;
        float:right
	
}
#sectionWrapper #sectionLogin form input{
	width:125px;
	height:16px;
	margin-right:5px;
	padding:5px;
	position:relative;
	border:none;
        background:#fff;
        box-shadow:-1px 1px 0px #333333;
        border-bottom:1px solid #131313;
        border-left:1px solid #131313;
        color:#000;
        
}
#sectionWrapper #sectionLogin form input.username{
	top:22px;

}
#sectionWrapper #sectionLogin form input.password{
	top:22px;

}
#sectionWrapper #sectionLogin form input.code{
	top:22px;
	width:80px;
}
#sectionWrapper #sectionLogin form input[type="submit"]{
	width:120px;
	height:27px;
	padding:0;
	border:none;
	background:#fff;
	cursor:pointer;
	top:24px;
	margin-right:0px;
        font-size:18px;
        font-family:roboto;
        color:#222;
}
.register {
         background:#FDAB01;
         border:none;
         padding:2px 13px;
         position:relative;
         top:25px;
         font-size:19px;
         font-family:roboto;
         cursor:pointer;
         color:#000;
}
.register:hover {
         color: #FFEB00;
}
#sectionWrapper #sectionLogin form img.codeImg{
        position:relative;
	top:32px;
}
#sectionWrapper #sectionLogin form img.register{
	position:relative;
	top:33px;
}
#sectionWrapper #sectionMenuWrapper{
	width:100%;
	height:35px;
	background:#131313;
	position:fixed;
        border-bottom:1px solid #3E3E3E;
        z-index:999;
        top:0px;

}
#sectionWrapper #sectionMenuWrapper #sectionMenu{
	width:920px;
	height:35px;
	margin:0 auto;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul{
	list-style:none;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li{
	background:transparent;
	float:left;
	height:32px;
	margin:0 0px;
	font-size:17px;
	font-weight:bold;
	font-family:Roboto;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li a{
	display:block;
	color:#B5B5B5;
	padding:0 1.5em;
	line-height:35px;
	padding-left:25px;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li:hover a{
	color:#fff;
	background-color:#3D4852;
        box-shadow:0px 0px 5px rgba(20, 20, 21, 0.72);
}
#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:transparent;
	width:100%;
	height:272px;
	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;
}
#sectionWrapper #sectionContent1{
	width:100%;
	height:300px;
	margin:0 auto;
        border-top:1px solid #FDAB01;
}
#sectionWrapper #sectionContent1 #contact{
	float:right;
	width:240px;
	height:282px;
	background:rgb(87, 87, 87);
	position:relative;
	margin:0 auto;
}
#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;
}
#sectionWrapper #sectionContent1 #contact p.yahoo{
	top:24px;
}
#sectionWrapper #sectionContent1 #contact p.bb{
	top:82px;
}
#sectionWrapper #sectionContent2{
	margin-bottom:10px;
        border-top:1px solid #FDAB01;
}
#sectionWrapper #sectionContent2 #winnerlist{
	width:995px;
	height:233px;
	margin:0 auto;
	position:relative
}

#sectionWrapper #sectionContent2 #winnerlist .line {
       position:absolute;
       width:1290px;
       height:32px;
       float:left;
       left:-138px;
       top:80px;
       background: url(../img/shadow-line.png) no-repeat;
}
#sectionWrapper #sectionContent2 #winnerlist .list{
	width:281px;
	height:140px;
	float:left;
	padding:40px 0px 0 0px;
        border:1px solid #FFB200;
}
#sectionWrapper #sectionContent2 #winnerlist .deposit{
	background:url(../img/deposit-bg.jpg) no-repeat #222;
	position:relative;
        margin-right:2px;
        
}
#sectionWrapper #sectionContent2 #winnerlist .deposit:hover{
        box-shadow:0px 0px 18px rgba(0, 0, 0, 0.44);
}
#sectionWrapper #sectionContent2 #winnerlist .withdraw{
        background:url(../img/withdraw-bg.jpg) no-repeat #222 ;
	position:relative;
        margin-left:2px;

}
#sectionWrapper #sectionContent2 #winnerlist .withdraw:hover{
        box-shadow:0px 0px 18px rgba(0, 0, 0, 0.44);
}
#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:269px; 
	margin:6px 6px;
        background:#222;
}

#sectionWrapper #sectionContent2 #winnerlist .list table td{
	background:#222;
}

#sectionWrapper #sectionContent2 #winnerlist .list table td{
	height:24px;
	vertical-align:middle;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td p{
	color:#fff;
	font-size:14px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table td.td1{
	width:140px;
        padding:0 0 1px 27px;
        background:url(../img/icon.png) no-repeat;

}
#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;
	color:#fff;
	height:21px;
	width:100px;
	padding-top:3px;
}
#sectionWrapper #sectionContent2 #winnerlist #jackpot{
	width:994px;
	background:transparent;
	float:left;
	position:relative;
}
#sectionWrapper #sectionContent2 #winnerlist #jackpot p{
	position:relative;
	color:#fff;
	font-size:14px;
	font-family:Roboto;
}
#sectionWrapper #sectionContent2 #winnerlist .listcontact{
	width:423px;
	background:transparent;
	float:left;
        height:180px;
}

#sectionWrapper #sectionContent2 #winnerlist  #jackpot-2{
        position:relative;
        float:left;
}
#sectionWrapper #sectionContent2 #winnerlist  #jackpot-2 p{
        float:right;
        font-family:roboto;
        font-size:27px;
        color:#fff;
        letter-spacing:6px;
        background:#202931;
        padding:1px 47px;
}
#sectionWrapper #sectionContent2 #winnerlist  #jackpot-2 .jpoker{
        background:url(../img/jackpot-bg.gif) 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 #sectionContent2 #winnerlist  #jackpot-2 .jdomino {
         background:url(../img/jackpot-bg.gif) -335px 0px 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 #sectionContent2 #winnerlist  #jackpot-2 .jcapsa{
        background:url(../img/jackpot-bg.gif) -671px 0px 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 #sectionContent2 #winnerlist #jackpot-2 .jpoker:hover{

   
}
.pokerjp {
        background:url(../img/pokerjp.png) no-repeat;
        height:30px;
        display:block;
}
.dominojp {
        background:url(../img/dominojp.png) no-repeat;
        height:30px;
        display:block;
}
.capsajp {
        background:url(../img/capsajp.png) no-repeat;
        height:30px;
        display:block;
}
     
#sectionWrapper #sectionContent2 #winnerlist .promotion {
        float:left;
        position:relative;
        width:387px;
        height:167px;
        background:#222;
        padding:7px;
        margin:0 10px;
        
}
#sectionWrapper #sectionContent2 #winnerlist .promotion img{
      width:120px;
}
#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:100%;
	height:80px;
	margin:0 auto;
	background:#0C0C0C;
        border-top:1px solid #2d2d2d;
        box-shadow:0px -1px 0px #000;
}
#sectionWrapper #footer .gpanel {
       max-width:1000px;
       margin:0 auto;
       padding: 0;
}
#sectionWrapper #footer .payment-method{
	float:left;
        color:#7D7D7D;
        margin-top:15px;
}
#sectionWrapper #footer .payment-method p{
	display:block;
     margin-bottom:5px;
}


#sectionWrapper #footer .support {
     float:right;
     color:#7D7D7D;
     margin-top: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(../img/bg/overlay.png) 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(../img/bg/bg-1.png) 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.png),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;
}