@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/bg-1.png) repeat; 
}

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

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

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

/* Start Sections */

#sectionWrapper{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	max-width:1583px;
}
#sectionWrapper #sectionHeader{
	width:902px;
	height:216px;
	margin:0 auto;
	position:relative;
}
#sectionWrapper #headerbg{
	width:100%;
	height:300px;
	position:absolute;
	background:url(../bg/header-bg.jpg) center no-repeat;
}
#sectionWrapper #sectionHeader #sectionLogo{
	background:url(../header/logo.png) top center no-repeat;
	height:159px;
	width:900px;
	float:left;
	margin-top:65px;
}
#sectionWrapper #sectionHeader #sectionLogo img{
	-webkit-mask:url(../header/clip.png) -300px 0 no-repeat;
	-webkit-animation:logo__mask 3s linear infinite;
	margin-left:173px;
}
#sectionWrapper #sectionHeader #sectionLogin{
	width:100%;
	height:55px;
	position:relative;
	background:url(../bg/bg-1.png) repeat;
	border-radius:0px 0px 7px 7px;
	border-bottom:1px solid rgb(167, 167, 167);
}
#sectionWrapper #sectionLogin form input{
	width:165px;
	height:16px;
	margin-right:5px;
	padding:5px;
	position:absolute;
	border:none;
}
#sectionWrapper #sectionLogin form input.username{
	left:20px;
	top:15px;
	border-radius:5px;
}
#sectionWrapper #sectionLogin form input.password{
	left:201px;
	top:15px;
	border-radius:5px
}
#sectionWrapper #sectionLogin form input.code{
	left:382px;
	top:15px;
	width:80px;
	border-radius:5px;
}
#sectionWrapper #sectionLogin form input[type="submit"]{
	width:120px;
	height:30px;
	padding:0;
	border:none;
	background:url(../btn/login.png) no-repeat;
	cursor:pointer;
	right:185px;
	bottom:12px;
	margin-right:0px;
}
#sectionWrapper #sectionLogin form img.codeImg{
	position:absolute;
	left:468px;
	bottom:14px;
}
#sectionWrapper #sectionLogin form img.register{
	position:absolute;
	right:55px;
	top:13px;
}
#sectionWrapper #sectionMenuWrapper{
	width:100%;
	height:82px;
	background:url(../bg/menu.png) center top no-repeat;
	position:relative;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu{
	width:850px;
	height:50px;
	margin:0 auto;
	padding:8px;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul{
	list-style:none;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li{
	background:url(../bg/nav-sep.png) no-repeat scroll 0 50% transparent;
	float:left;
	height:32px;
	margin:0 0px;
	font-size:17px;
	font-weight:bold;
	font-family:highland gothic bold;
	padding:5px 0px 1px 1px;
	text-align:center;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li a{
	display:block;
	color:#000;
	padding:0 1.5em;
	line-height:32px;
	padding-left:25px;
}
#sectionWrapper #sectionMenuWrapper #sectionMenu ul li:hover a{
	color:#fff;
	background-color:#222;
}
#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:url(../bg/info.png) center no-repeat;
	float:left;
	padding-left:24px;
	margin-left:-58px;
}
#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:rgb(87, 87, 87);
	width:717px;
	height:282px;
	margin:0 auto;
	float: left;
}
#slider img{
	position:absolute;
	display:block;
	width:702px;
	height:267px;
	border:4px solid rgb(179, 179, 179);
	margin:3px 0px 0px 3px;
}
#sectionWrapper #page{
	background:rgb(87, 87, 87);
	width:717px;
	height:282px;
	margin:0 auto;
	float: left;
}
#sectionWrapper #Content{
	width:995px;
	height:100%;
	margin:0 auto;
}
#sectionWrapper #sectionContent1{
	width:958px;
	height:297px;
	margin:0 auto;
}
#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{
	width:995px;
	height:400px;
	margin:0 auto;
}
#sectionWrapper #sectionContent2 #winnerlist{
	width:995px;
	height:233px;
	margin:0 auto;
	position:relative
}
#sectionWrapper #sectionContent2 #winnerlist .list{
	width:247px;
	height:140px;
	float:left;
	padding:60px 15px 0 15px;
}
#sectionWrapper #sectionContent2 #winnerlist .deposit{
	background:url(../bg/deposit.png) no-repeat;
	position:relative;
	left:49px;
	top:30px;
}
#sectionWrapper #sectionContent2 #winnerlist .withdraw{
	background:url(../bg/withdraw.png) no-repeat;
	position:relative;
	left:52px;
	top:30px;
}
#sectionWrapper #sectionContent2 #winnerlist .list table{
	border:0px;
	border-collapse:collapse;
	width:250px;
	margin-top:6px;
}
#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: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;
	color:#fff;
	height:21px;
	width:100px;
	padding-top:3px;
}
#sectionWrapper #sectionContent2 #winnerlist #jackpot{
	width:353px;
	height:360px;
	background:url(../bg/jackpot.png) no-repeat;
	float:left;
	position:relative;
}
#sectionWrapper #sectionContent2 #winnerlist #jackpot p{
	position:absolute;
	width:187px;
	height:50px;
	color:#fff;
	font-size:30px;
	font-family:highland gothic bold;
	left:110px;
	text-align:center;
}
#sectionWrapper #sectionContent2 #winnerlist #listcontact{
	width:625px;
	height:390px;
	background:url(../bg/listcontact.png) no-repeat;
	float:left;
}
#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:1004px;
	height:80px;
	margin:0 auto;
	background:url(../bg/footer.png) center no-repeat;
}
#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;
}

/* Start Modal Style */

.overlay{
position:absolute;
top:0;
left:0;
z-index:9999;
width:1607px;
height:100%;
background:url(../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(../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;
}