@charset "utf-8";
/* CSS Document */
/*==========================(-_-) CSS RESET START HERE (-_-)========================*/

@font-face {
    font-family: 'kit55p';
    src: url('fonts/kit55p.eot') format('eot'),
    url('fonts/kit55p.woff') format('woff'),
    url('fonts/kit55p.ttf')  format('truetype'),
    url('fonts/kit55p.svg') format('svg'); /* Legacy iOS */	
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
	background:#000;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/*==========================(-_-) CSS RESET END HERE (-_-)==========================*/

/*==========================(-_-) CSS MAIN WRAPPER START HERE (-_-)=================*/
.Wrapper{
	width:1024px;
	margin:auto;
	
	padding-bottom:10px;

	
	}
/*==========================(-_-) CSS MAIN WRAPPER END HERE (-_-)===================*/
/*==========================(-_-) CSS HEADER START HERE (-_-)=======================*/
.header{
	width:1024px;
	height:250px;
	margin:auto;
	background:url(../resources/header_bgs1.jpg);
	position:relative;
}
.header ul{
	position: absolute;
	list-style-type:none;
}
.header ul li{
	width:170px;
	height:20px;
	margin-bottom:5px;
}
	
/*==========================(-_-) CSS HEADER END HERE (-_-)=========================*/
/*==========================(-_-) CSS MENUBAR START HERE (-_-)======================*/
.menubar_layout{
	width:1024px;
	height:45px;
	
	
}
.menubar_layout ul{
	width:1024px;
	list-style:none;
	height:45px;
	
}
.menubar_layout ul li{
	font-family: 'kit55p';
	position:relative;
	font-size:24px;
	line-height:45px;
	float:left;
	text-align:center;
	height:45px;
	width:123px;
	margin-right:1px;
	border-top:2px #FFFFFF double;
	background:url(../resources/menu-bgs.jpg);
}
.menubar_layout ul a li{
	color:#FFF;
}
.menubar_layout ul li a{
	text-decoration:none;
	color:#FFF;
}
.menubar_layout ul li:hover{
	border-bottom:2px #FFFFFF double;	
}
.menubar_layout ul a:hover li{
	color:#FFF;
}
.menubar_layout ul a:hover{
	color:#FFF;
}
.menubar_layout ul li ul{
	position:absolute;
	z-index:99999999;
	width:300px;
	visibility:hidden;
}
.menubar_layout ul li ul li{
	width:200px;	
	text-align:left;
	padding-left:20px;
	position:relative;

}

.menubar_layout ul li ul li a{
	text-decoration:none;
	color:#FF0;
}
.menubar_layout ul li ul li a:hover{
	color:#FFF;
}
.menubar_layout ul li ul li:hover{
	border-bottom:0px #FFFFFF double;
}

.menubar_layout ul li:hover ul{
	visibility:visible;	
}
.menubar_layout ul li:hover ul ul{
	visibility:hidden;	
}
.menubar_layout ul li ul li ul{
	position:absolute;
	margin-left:201px;
	margin-top:-47px;
	visibility:hidden;
}
.menubar_layout ul li ul li ul li{
	width:250px;
}
.menubar_layout ul li ul li:hover ul{
	visibility:visible;
}
.menubar_layout ul li ul li img{
	position:absolute;
	right:0;
	margin-top:10px;
	margin-right:10px;
}

/*==========================(-_-) CSS MENUBAR END HERE (-_-)========================*/
/*==========================(-_-) CSS SLIDER START HERE (-_-)=======================*/
.slider_layout{
	width:1024px;
	height:350px;
	background:#960;
	margin-top:5px;
}
/*==========================(-_-) CSS SLIDER END HERE (-_-)=========================*/
/*==========================(-_-) CSS MAIN CONTAINER1 START HERE (-_-)==============*/
.contaner1{
	width:1024px;
	margin-top:5px;
	/*background:#FFFFFF;*/
}
.sidebar1{
	width:200px;
	float:left;
}
	#sidebar_header{
		width:200px;
		height:60px;
		font-size:24px;
		text-align:center;
		color:#FFFFFF;
		background:url(../resources/sidebar_resources/sidebar_header1.png);
		line-height:40px;
		font-family: 'kit55p';
	}
	#sidebar_contact1{
		width:186px;
		margin-left:1px;
		height:350px;
		margin-top:5px;
		margin-top:-20px;
	}
	#sidebar_image1{
		width:186px;
		margin-left:1px;
		height:500px;
		margin-top:5px;
		background:url(../resources/sidebar_resources/deposit-withdraw-register.gif);
	}
	#sidebar_ad1{
		width:200px;
		height:400px;
		background:url(../resources/sidebar_resources/sport_sidebar.jpg);
		margin-top:10px;
	}
	#sidebar_ad2{
		width:200px;
		height:186px;
		background:url(../resources/sidebar_resources/sidebar_ad2.jpg);
		margin-top:5px;
	}
	#sidebar_ad3{
		width:200px;
		height:186px;
		background:url(../resources/sidebar_resources/sport_sidebar_ad3.jpg);
		margin-top:5px;
	}
	#sidebar_ad4{
		width:186px;
		height:186px;
		background:url(../resources/sidebar_resources/sport_sidebar_ad4.jpg);
		margin-top:5px;
	}
	#casino_online_game{
		width:185px;
		height:90px;
		background:url(../resources/sidebar_resources/sidebar_game_bg.jpg);
		margin-left:1px;
		margin-bottom:2px;
		position:relative;
		overflow:hidden;
		
	}
	#casino_online_game a{
		text-decoration:none;
	}
	#casino_online_name1{
		width:175px;
		height:90px;
		font-size:24px;
		text-align:right;
		color:#FFFFFF;
		line-height:40px;
		font-family: 'kit55p';
		position:absolute;
		transition:all 0.2s ease-in-out;
	}
	#casino_online_name2{
		width:175px;
		height:50px;
		font-size:24px;
		text-align:center;
		color:#FFFFFF;
		font-size:12px;
		position:absolute;
		margin-top:40px;
		line-height:15px;
		margin-left:35px;
		transition:all 0.2s ease-in-out;
	}
	#casino_online_game a #casino_online_name1{
		color:#000000;
	}
	#casino_online_game a #casino_online_name2{
		color:#666;
	}
	#casino_online_game:hover a #casino_online_name1{
		color:#039;
	}
	#casino_online_game img{
		position:absolute;
		transition:all 0.2s ease-in-out;
	}
	#casino_online_game:hover img{
		margin-left:100px;
	}
	#casino_online_game:hover #casino_online_name1{
		margin-left:-60px;
	}
	#casino_online_game:hover #casino_online_name2{
		margin-left:-30px;
	}
	
	.sidebar1_promotion{
		width:186px;
		height:300px;
		background:#F30;
	}
	
.content1{
	width:820px;
	float:right;
}
.content1_promotion{
	width:820px;
	height:400px;
}
	#content1_promotion_new{
		width:400px;
		height:400px;
		float:left;
		position:relative;
		overflow:hidden;
	}

	#content1_promotion_new img:hover{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    	filter: grayscale(100%);
	}
	#content1_promotion_small{
		width:418px;
		height:400px;
		float:right;
		
	}
	#content1_promotion_small1{
		width:418px;
		height:133px;
		margin-bottom:1px;
		position:relative;
		overflow:hidden;
	}
	#content1_promotion_small1 img:hover{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    	filter: grayscale(100%);
	}

	
.banks_content1{
	width:820px;
	height:55px;
	margin-top:5px;
}
.banks_content1 img{
	height:56px;
	float:left;
	margin-right:3px;
	margin-left:3px;
	transition:all 0.2s ease-in-out;
}
.banks_content1 img:hover{
	transform:scale(1.1);
}
.how_to_deposit{
	width:820px;
	height:240px;
	background:#0099FF;
	margin-top:5px;
}
.clear_end{
	width:1024px;
	clear:both;
}
.clear_end2{
	width:820px;
	clear:both;
}


.function-btn{
	margin-bottom:5px;
	margin-top:5px;
	border:1px #FFFFFF solid;
	border-radius:5px;
	line-height:25px;
	width:200px;
	height:50px;
	text-align:center;
	-webkit-animation: btn-light 6s infinite;
	-moz-animation: btn-light 6s infinite;
	-o-animation: btn-light 6s infinite;animation: btn-light 6s infinite;
	background: -moz-radial-gradient(center, ellipse cover, #000094 0%, #000000 100%); /* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000094), color-stop(100%, #000000)); /* safari4+,chrome */
background: -webkit-radial-gradient(center, ellipse cover, #000094 0%, #000000 100%); /* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, #000094 0%, #000000 100%); /* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, #000094 0%, #000000 100%); /* ie10+ */
background: radial-gradient(ellipse at center, #000094 0%, #000000 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000094', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
}
.sidebar1 a{
	color:#FFF; text-decoration:none;font-family: 'kit55p';
	font-size:24px;
	
}
.marqueestyle{
	height:400px;
	width:198px;
	margin-top:5px;
	border:1px #FFFFFF solid;
}
.marqueestyle img{
	margin-bottom:5px;
}


@-webkit-keyframes btn-light
{
	0% {box-shadow: 0px 0px 36px #FF0000;}
	25% {box-shadow: 0px 0px 36px #FF9900;}
	50% {box-shadow: 0px 0px 36px #990000;;}
	75% {box-shadow: 0px 0px 36px #FFCC66}
	100% {box-shadow: 0px 0px 36px #FF0000;}
}
@-moz-keyframes btn-light
{
	0% {box-shadow: 0px 0px 36px #FF0000;}
	25% {box-shadow: 0px 0px 36px #FF9900;}
	50% {box-shadow: 0px 0px 36px #990000;}
	75% {box-shadow: 0px 0px 36px #FFCC66}
	100% {box-shadow: 0px 0px 36px #FF0000;}
}
@-o-keyframes btn-light
{
	0% {box-shadow: 0px 0px 36px #FF0000;}
	25% {box-shadow: 0px 0px 36px #FF9900;}
	50% {box-shadow: 0px 0px 36px #990000;}
	75% {box-shadow: 0px 0px 36px #FFCC66}
	100% {box-shadow: 0px 0px 36px #FF0000;}
}
@keyframes btn-light
{
	0% {box-shadow: 0px 0px 36px #FF0000;}
	25% {box-shadow: 0px 0px 36px #FF9900;}
	50% {box-shadow: 0px 0px 36px #990000;}
	75% {box-shadow: 0px 0px 36px #FFCC66}
	100% {box-shadow: 0px 0px 36px #FF0000;}
}
/*==========================(-_-) CSS MAIN CONTAINER1 END HERE (-_-)================*/

/*==========================(-_-) CSS YOUTUBE AREA START HERE (-_-)=================*/
.youtube_area{
	width:820px;
	background: url(../resources/youtube-bg.jpg);
}
.youtube_video{
	width:500px;
	height:340px;
	float:left;
	border:2px #FFFFFF solid;
}
.youtube_video_event{
	width:270px;
	float:right;
	color:#FFFFFF;
	text-align:justify;
	line-height:22px;
	font-family: 'kit55p';
	font-size:22px;
	padding:20px;
	padding-top:0;
}
.youtube_video_event​ p{
	margin-left:5px;
	margin-right:5px;
	color:#FFF;
	font-family: 'kit55p';

}
/*==========================(-_-) CSS YOUTUBE AREA END HERE (-_-)===================*/

/*==========================(-_-) CSS FOOTER START HERE (-_-)=======================*/
.footer_layout{
	width:100%;
	height:250px;
	background:url(../resources/footer-bg.jpg);
}
.footer_wrap{
	width:1024px;
	height:250px;
	margin:auto;
	position:relative;
	background:url(../resources/footer-bg.jpg);
	
}
.footer_wrap ul{
	list-style:none;
	padding-top:15px;
	margin-left:50px;
}
.footer_wrap ul li{
	float:left;
}
.footer_wrap ul a li{
	text-decoration:none;
	color:#FFFFFF;
	margin-right:20px;
}
.footer-game-name{
	width:970px;
	height:150px;
	margin-top:30px;
	line-height:25px;
	color:#FFFFFF;
	margin-left:50px;
}
.footer-game-name a{
	color:#FFFFFF;
	text-decoration:none;
}

.footer_wrap ul a:hover li{
	color:#FF0;
	text-decoration:underline;
}
.footer_wrap th{
	color:#FFFF00; 
	font-weight:bold;
	font-size:24px;
}


.copyright{
	position:absolute;
	bottom:0;
	margin-left:350px;
	font-family: 'kit55p';
	font-size:24px;
	color:#FFFFFF;
}
.copyright a{
	color:#FFFF00; 
	text-decoration:none;
}
/*==========================(-_-) CSS FOOTER END HERE (-_-)=========================*/
/*==========================(-_-) CSS CASINO AND HOTEL START HERE (-_-)=============*/
.casino_and_hotel{
	font-family: 'kit55p';
}
.casino_and_hotel h1{
	margin-left:10px;
	padding-bottom:25px;
	color:#FFFF00;
	font-weight:bold;
	font-size:28px;
	
}
.casino_and_hotel p{
	margin-left:10px;
	margin-right:10px;
	color:#FFF;
	text-align:justify;
	line-height:20px;
	font-size:22px;
}
.casino_group2{
	color:#FFF;
	text-align:justify;
	line-height:20px;
	font-size:22px;
}
.casino_group2 img{
	padding-left:20px;
}
.casino_group3{
	color:#FFF;
	text-align:justify;
	line-height:20px;
	font-size:22px;
}
.casino_group3 table tr{
	height:180px;
}
.casino_group3 img{
	margin-left:20px;
	outline:1px #FFFFFF solid;
	position:absolute;
}
.casino_group3 span{
	color:#FF0;
	font-weight:bold;
}

.casino_group4{
	color:#FFF;
	text-align:justify;
	line-height:20px;
	font-size:22px;
}
.casino_group4 table tr{
	height:300px;
}
.casino_group4 img{
	margin-left:20px;
	outline:1px #FFFFFF solid;
	position:absolute;
}
.casino_group4 li{
	line-height:30px;
}
/*==========================(-_-) CSS CASINO AND HOTEL END HERE (-_-)===============*/
/*==========================(-_-) CSS HOW TO REGISTER START HERE (-_-)==============*/
.how_register{
	width:710px;
	border:2px #FFFFFF solid;
	float:right;
	color:#FFFFFF;
	font-family: 'kit55p';
	font-size:24px;
	background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(87,81,87,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(87,81,87,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(87,81,87,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(87,81,87,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(87,81,87,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(87,81,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#575157', GradientType=0 );
}
.how_register table img{
	position:absolute;
	margin-left:30px;
}
.how_register table td{
	text-align:justify;
	line-height:25px;
}
/*==========================(-_-) CSS HOW TO REGISTER END HERE (-_-)================*/
/*=====================ONLINE REGISTER======================*/
.onlinefn{
	width:700px;
	float:right;
	padding-bottom:50px;
	color:#fff;
	margin-right:25px;
	margin-top:25px;
	font-family: 'kit55p';
}
.clear_online{
	width:1000px;
	clear:both;
}
.onlinefn tr{

}
.onlinefn td{
	height:40px;
	width:300px;
	line-height:40px;
	padding-left:40px;
	font-size:24px;
}
.onlinefn h1{
	text-align:center;
	font-size:40px;
	padding-bottom:50px;
}

.onlinefn input[type=text]{
	height:25px;
	width:280px;
	border-radius:5px;
	outline:none;
	padding-left:10px;
	font-size:14px;
}
.onlinefn select{
	height:30px;
	width:150px;
	border-radius:5px;
	outline:none;
	padding-left:10px;
}
.onlinefn input[type=submit], input[type=reset]{
	height:35px;
	width:230px;
	background:#003333;
	margin-right:5px;
	font-family: 'kit55p';
	font-size:25px;
	line-height:25px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius:5px;
}
.onlinefn input[type=submit]:hover, input[type=reset]:hover{
	background:#006666;
}



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

.column2 {
	
}
.column2:last-child {

}
.column2::after {
	content: '';
	clear: both;
	display: block;
}
.column2 div {
	position: relative;
	width: 300px;
	height: 200px;
}
.column2 div:first-child {
	margin-left: 0;
}
figure2 {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

/* Shine */
.hover142 figure {
	position: relative;
}
.hover142 figure2::before {
	position: absolute;
	top: 0;
	left: -110%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 250%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover142 figure2:hover::before {
	-webkit-animation: shine 1.5s;
	animation: shine 1.5s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}