/*//.................................................................................................................................
//...SSSSSSS......OOOOOOO.....RRRRRRRRRR...NNNN...NNNN.....GGGGGGG..........SSSSSSS...SIIIIIYYY....YYYY...OOOOOOO.....UUUU...UUUU..
//..SSSSSSSSS....OOOOOOOOOO...RRRRRRRRRRR..NNNNN..NNNN...GGGGGGGGGG........SSSSSSSSS..SIIIIIYYYY..YYYYY..OOOOOOOOOO...UUUU...UUUU..
//..SSSSSSSSSS..OOOOOOOOOOOO..RRRRRRRRRRR..NNNNN..NNNN..GGGGGGGGGGGG.......SSSSSSSSSS.SIIII.YYYY..YYYY..OOOOOOOOOOOO..UUUU...UUUU..
//.SSSSS..SSSS..OOOOO..OOOOO..RRRR...RRRRR.NNNNNN.NNNN..GGGGG..GGGGG...... SSSS..SSSS.SIIII.YYYYYYYYY...OOOOO..OOOOO..UUUU...UUUU..
//.SSSSS.......SOOOO....OOOOO.RRRR...RRRRR.NNNNNN.NNNN.NGGGG....GGG....... SSSS.......SIIII..YYYYYYYY..YOOOO....OOOOO.UUUU...UUUU..
//..SSSSSSS....SOOO......OOOO.RRRRRRRRRRR..NNNNNNNNNNN.NGGG................SSSSSSS....SIIII...YYYYYY...YOOO......OOOO.UUUU...UUUU..
//...SSSSSSSSS.SOOO......OOOO.RRRRRRRRRRR..NNNNNNNNNNN.NGGG..GGGGGGGG.......SSSSSSSSS.SIIII...YYYYYY...YOOO......OOOO.UUUU...UUUU..
//.....SSSSSSS.SOOO......OOOO.RRRRRRRR.....NNNNNNNNNNN.NGGG..GGGGGGGG.........SSSSSSS.SIIII....YYYY....YOOO......OOOO.UUUU...UUUU..
//........SSSSSSOOOO....OOOOO.RRRR.RRRR....NNNNNNNNNNN.NGGGG.GGGGGGGG............SSSSSSIIII....YYYY....YOOOO....OOOOO.UUUU...UUUU..
//.SSSS....SSSS.OOOOO..OOOOO..RRRR..RRRR...NNNN.NNNNNN..GGGGG....GGGG..... SSS....SSSSSIIII....YYYY.....OOOOO..OOOOO..UUUU...UUUU..
//.SSSSSSSSSSSS.OOOOOOOOOOOO..RRRR..RRRRR..NNNN..NNNNN..GGGGGGGGGGGG...... SSSSSSSSSSSSIIII....YYYY.....OOOOOOOOOOOO..UUUUUUUUUUU..
//..SSSSSSSSSS...OOOOOOOOOO...RRRR...RRRRR.NNNN..NNNNN...GGGGGGGGGG........SSSSSSSSSS.SIIII....YYYY......OOOOOOOOOO....UUUUUUUUU...
//...SSSSSSSS......OOOOOO.....RRRR....RRRR.NNNN...NNNN.....GGGGGGG..........SSSSSSSS..SIIII....YYYY........OOOOOO.......UUUUUUU....
//.................................................................................................................................
//....................................................................................................................
//...000000....999999.....66666............4444......4444...........4444.4777777777..........4444...888888......1111..
//..00000000..99999999..66666666..........44444.....44444..........44444.4777777777.........44444..88888888....11111..
//..00000000.0999.9999..6666.6666........444444....444444.........444444......7777.........444444.4888888888..111111..
//.0000..00000999..99999666..............444444....444444.........444444......7777.........444444.4888..8888.1111111..
//.0000..00000999..999996666666.........4444444...4444444........4444444.....7777.........4444444.488888888..1111111..
//.0000..00000999..9999966666666.......44444444..44444444.......44444444....77777........44444444..88888888..11.1111..
//.0000..000009999999999666666666......444.4444..444.4444.......444.4444....7777.........444.4444..88888888.....1111..
//.0000..0000.9999999999666..6666..... 444.4444.4444.4444...... 444.4444....7777........ 444.4444.4888.88888....1111..
//.0000..0000..999999999666..6666..... 4444444444444444444..... 444444444..7777......... 4444444444888..8888....1111..
//.0000..0000......99999666..6666..... 4444444444444444444..... 444444444..7777......... 4444444444888..8888....1111..
//..00000000.0999.9999..666666666..........4444......4444...........4444...7777..............4444.4888888888....1111..
//..00000000..99999999..66666666...........4444......4444...........4444...7777..............4444..88888888.....1111..
//...000000....99999.....666666............4444......4444...........4444...7777..............4444...888888......1111..
//....................................................................................................................*/
@charset "utf-8";
/* CSS Document */

@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, form, label,
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;
	margin-top:15px;
	 background: url(../resources/body_wallpaper.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}

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 MAIN WRAPPER START HERE (-_-)=================*/
.Wrapper{
	width:1024px;
	margin:auto;
}
/*==========================(-_-) CSS MAIN WRAPPER END HERE (-_-)===================*/
/*==========================(-_-) CSS HEADER START HERE (-_-)=======================*/
.top_bar{
	width:1024px;
	height:25px;
	margin:auto;
	line-height:25px;
	position:relative;
	background:url(../resources/top_bar_bg.png);
	
}
.top_bar_l{
	width:500px;
	height:25px;
	float:left;
	position:relative;
}
.top_bar_l a{
	color:#000000;
	margin-left:15px;
	margin-right:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.top_bar_l span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.top_bar_l a:hover{
	text-decoration:underline;
	color:#F00;
}
.social_share{
	margin-left:500px;
	width:170px;
	height:25px;
	position:absolute;
	right:50px;
	margin-top:3px;
}

.header{
	width:1024px;
	height:150px;
	background:url(../resources/Header_banner5.gif);
	position:relative;
}
.logo{
	width:150px;
	height:150px;
	background:url(../resources/skybet555_logo.png);

}

.boxlogo {
    width: 150px;
    height: 150px;
    position: absolute;
    margin: 0px 0px 0px 0px;
}
.boxlogo .mask-logo-box1::after{
  content:'';
  position: absolute;
  pointer-events: none;
  top:0; left:0; right:0; bottom: 0;
  background: radial-gradient(0 0,circle farthest-side,rgba(255,255,255,0) 20%,rgba(243,226,199,1) 38%,rgba(255,255,255,0) 50%, rgba(255,255,255,0) 70%,rgba(243,226,199,1) 80%,rgba(243,226,199,0) 92%,rgba(255,255,255,0) 100%) no-repeat;
  background: radial-gradient(circle farthest-side at 0 0,rgba(255,255,255,0) 20%,rgba(243,226,199,1) 38%,rgba(255,255,255,0) 50%, rgba(255,255,255,0) 70%,rgba(243,226,199,1) 80%,rgba(243,226,199,0) 92%,rgba(255,255,255,0) 100%) no-repeat;
  background-position: inherit; 
  -webkit-mask: url('../resources/skybet555_logo.png') center;
  -moz-mask: url('../resources/skybet555_logo.png') center;
  -ms-mask: url('../resources/skybet555_logo.png') center;
  -o-mask: url('../resources/skybet555_logo.png') center;
  mask: url('#mask-firefox');
}
.boxlogo .mask-logo-box1 {
    position: absolute;
    display: block;
    width: 150px;
    height: 150px;
    top: 0px;
    /*left: 211px;*/
    text-align: center;
    background: ;
    -webkit-animation: mask-logo-box2new2 2s infinite;
    -moz-animation: mask-logo-box2new2 2s infinite;
    -ms-animation: mask-logo-box2new2 2s infinite;
    -o-animation: mask-logo-box2new2 2s infinite;
    animation: mask-logo-box2new2 2s infinite;
}

@-webkit-keyframes mask-logo-box2new2{0%{background-position: -185px 0;}100%{background-position: 185px 0;}	}
@-moz-keyframes mask-logo-box2new2{0%{background-position: -185px 0;}100%{background-position: 185px 0;}	}
@-ms-keyframes mask-logo-box2new2{0%{background-position: -185px 0;}100%{background-position: 185px 0;}	}
@-o-keyframes mask-logo-box2new2{0%{background-position: -185px 0;}100%{background-position: 185px 0;}	}
@keyframes mask-logo-box2new2{0%{background-position: -185px 0;}100%{background-position: 185px 0;}	}


/*==========================(-_-) CSS HEADER END HERE (-_-)=========================*/
/*==========================(-_-) CSS MENUBAR START HERE (-_-)======================*/
.main_menu{
	width:1024px;
	height:28px;
	line-height:28px;
	background:url(../resources/menu_bg.png);
	position:relative;
}
.main_menu ul{
	list-style-type:none;
}
.main_menu ul li{
	float:left;
}
.main_menu ul li a{
	color:#000;
	text-decoration:none;
	font-family: 'kit55p';
	font-size:22px;
	padding-left:15px;
	padding-right:15px;
}
.main_menu ul li a:hover{
	color:#900;
	background:url(../resources/menu_bg_hover.png);

}
/*==========================(-_-) CSS MENUBAR END HERE (-_-)========================*/
/*==========================(-_-) CSS IMAGES SLIDER START HERE (-_-)================*/
.slider_wrapper{
	height:250px;
	width:1024px;
	margin:auto;
	margin-bottom:5px;
	margin-top:5px;
}
.slider_layout{
	width:770px;
	height:250px;
	float:left;
}
.fn_button_layout{
	width:250px;
	height:250px;
	float:right;
}
.fn_button{
	outline:1px #666 solid;
	width:250px;
	height:80px;
	margin-bottom:5px;
	position:relative;
	background: rgba(46,1,31,1);
	background: -moz-linear-gradient(-45deg, rgba(46,1,31,1) 0%, rgba(107,23,86,1) 79%, rgba(168,0,119,1) 79%, rgba(46,1,31,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(46,1,31,1)), color-stop(79%, rgba(107,23,86,1)), color-stop(79%, rgba(168,0,119,1)), color-stop(100%, rgba(46,1,31,1)));
	background: -webkit-linear-gradient(-45deg, rgba(46,1,31,1) 0%, rgba(107,23,86,1) 79%, rgba(168,0,119,1) 79%, rgba(46,1,31,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(46,1,31,1) 0%, rgba(107,23,86,1) 79%, rgba(168,0,119,1) 79%, rgba(46,1,31,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(46,1,31,1) 0%, rgba(107,23,86,1) 79%, rgba(168,0,119,1) 79%, rgba(46,1,31,1) 100%);
	background: linear-gradient(135deg, rgba(46,1,31,1) 0%, rgba(107,23,86,1) 79%, rgba(168,0,119,1) 79%, rgba(46,1,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e011f', endColorstr='#2e011f', GradientType=1 );
}
.fn_button:hover{
	background: rgba(25,2,43,1);
	background: -moz-linear-gradient(-45deg, rgba(25,2,43,1) 0%, rgba(56,17,46,1) 79%, rgba(168,0,119,1) 79%, rgba(25,2,43,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(25,2,43,1)), color-stop(79%, rgba(56,17,46,1)), color-stop(79%, rgba(168,0,119,1)), color-stop(100%, rgba(25,2,43,1)));
	background: -webkit-linear-gradient(-45deg, rgba(25,2,43,1) 0%, rgba(56,17,46,1) 79%, rgba(168,0,119,1) 79%, rgba(25,2,43,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(25,2,43,1) 0%, rgba(56,17,46,1) 79%, rgba(168,0,119,1) 79%, rgba(25,2,43,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(25,2,43,1) 0%, rgba(56,17,46,1) 79%, rgba(168,0,119,1) 79%, rgba(25,2,43,1) 100%);
	background: linear-gradient(135deg, rgba(25,2,43,1) 0%, rgba(56,17,46,1) 79%, rgba(168,0,119,1) 79%, rgba(25,2,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19022b', endColorstr='#19022b', GradientType=1 );
}
.fn_button span{
	color:#FFF;
	text-align:center;
	font-family: 'kit55p';
	font-size:40px;
	position:absolute;
	left:15%;
	margin-top:10px;
}
.fn_button h1{
	color:#FFF;
	text-align:center;
	font-size:14px;
	position:absolute;
	left:15%;
	margin-top:30px;
}
/*==========================(-_-) CSS IMAGES SLIDER END HERE (-_-)==================*/
/*==========================(-_-) CSS BANK LAYOUT START HERE (-_-)==================*/
.bank_layout{
	width:1024px;
	height:120px;
	background:url(../resources/bank.jpg);
	margin:auto;
	position:relative;	
}
.bank_layout ul{
	list-style:none;
	position:absolute;
	right:0;
	margin-top:42px;
}
.bank_layout ul li{
	float:left;
	width:70px;
	height:70px;
	margin-right:17px;
	
	
}
/*==========================(-_-) CSS BANK LAYOUT END HERE (-_-)====================*/
/*==========================(-_-) CSS MAIN CONTAINER START HERE (-_-)===============*/
.container{
	width:1024px;
	margin:auto;
}
.content{
	width:730px;
	background:#000;
	float:left;
	
}
.homeview{
	padding:15px;
	margin:10px;
	background:#333;
	border:1px #CCCCCC solid;
	line-height:25px;
	font-size:14px;
	text-align:justify;
	color:#FFFFFF;
}
.homeview h1{
	color:#F60;
}
.game_layout{
	border:1px #CCCCCC solid;
	width:680px;
	height:500px;
	background:#333;
	padding:15px;
	margin:10px;
}
.game_box{
	width:160px;
	height:110px;
	background:#6600FF;
	float:left;
	margin-right:10px;
	margin-bottom:40px;
	position:relative;
}

.banner_hover{overflow:hidden;}
.banner_hover .tt_img_hover{opacity:0;position:absolute;left:0px;top:0px;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.post-sm3xx:hover .tt_img_hover,
.tt_list.sbo:hover .tt_img_hover,
.banner_hover:hover .tt_img_hover{opacity:1;left:0px;top:0px;-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);}
.tt_list.sm img,
.tt_list.hl img,
.banner_hover .tt_img_hover,
.banner_hover{-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
figure{position:relative;}
figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;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);}
.thaitheme1x:hover figure::before,
figure:hover::before{-webkit-animation:shine 1.50s;animation:shine 1.50s;}
@-webkit-keyframes shine{
}
@keyframes shine{
}

.game_box:hover .game_name{
	color:#FFFF00;
}

.game_name{
	width:160px;
	height:25px;
	line-height:25px;
	color:#FFF;
	text-align:center;
	position:absolute;
	bottom:0;
	margin-bottom:-30px;
}




.sidebar{
	width:280px;
	float:right;
}
.sidebar_promotion{
	width:280px;
	height:400px;
	background:url(../resources/sidebar_promotion.jpg);
	position:relative;
	overflow:hidden;
	outline:1px #FFFFFF solid;
	margin-top:10px;
}
.sidebar_game{
	width:280px;
}
.sidebar_game img{
	margin-bottom:5px;
}
.sidebar_promotion img{
	position:absolute;
	right:0;
	margin-right:-100px;
	position:absolute; z-index:999; -webkit-animation: spinnerRotate 6s infinite linear;
}
@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}

.clearboth{
	clear:both;
}
/*==========================(-_-) CSS MAIN CONTAINER END HERE (-_-)=================*/
/*==========================(-_-) CSS CASINOS START HERE (-_-)======================*/
.casinos{
	
	width:680px;
	padding:15px;
	margin:10px;
	background:#333;
	border:1px #CCCCCC solid;
	line-height:25px;
	font-size:14px;
	text-align:justify;
	color:#FFFFFF;
}
.casinos ul{
	list-style:none;
}
.casinos ul li{
	margin-bottom:10px;
	height:150px;
	width:680px;
	position:relative;
}
.casinos ul li img{
	height:150px;
	
}
.casinos_info{
	width:450px;
	height:150px;
	position:absolute;
	margin-left:230px;
	margin-top:-150px;
}
.casinos_info a{
	text-decoration:none;
	color:#FF0;
}
.general_view{
	width:650px;
	height:40px;
	line-height:40px;
	color:#FF0;
	background:#999;
	border-left:10px #FFFF00 solid;
	padding-left:20px;
	font-family: 'kit55p';
	font-size:28px;
}

.casinos form{
	margin-top:50px;
}
.casinos input[type=text]{
	width:250px;
	height:25px;
	border-radius:5px;
	outline:none;
	margin-bottom:10px;
	margin-top:10px;
}
.casinos input[type=submit]{
	width:150px;
	height:35px;
	background:#003366;
	font-size:16px;
	margin-top:25px;
	color:#FFFF00;
}
.casinos input[type=submit]:hover{
	background:#003399;
	color:#FFFFFF;
	cursor:pointer;
}
.casinos select{
	width:255px;
	height:30px;
	border-radius:5px;
	outline:none;
}
/*==========================(-_-) CSS CASINOS END HERE (-_-)========================*/

/*==========================(-_-) CSS FOOTER START HERE (-_-)=======================*/
.footer_layout{
	width:1024px;
	background:url(../resources/footer_bg.png);
	margin:auto;
	margin-top:5px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
.footer_layout ul{
	list-style:none;
	float:left;
	margin-left:50px;
	margin-top:50px;
}
.footer_layout ul li{
	height:25px;
	line-height:25px;
}

.footer_layout a{
	color:#FFFFFF;
	text-decoration:none;
	
}
.footer_layout a:hover{
	
	color:#FF0;
}

/*==========================(-_-) CSS FOOTER END HERE (-_-)=========================*/