@charset "utf-8";
/* CSS Document */


body{
	margin:0px;
	padding:0px;
	background-position:top center;	
	background-repeat:no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#f57206;
	
	/*grayscale web
	 -webkit-filter: grayscale(100%);
	 -moz-filter: grayscale(100%);
	 -ms-filter: grayscale(100%);
	 -o-filter: grayscale(100%);
	 filter: grayscale(100%);
	 */
}
#wrapper{width:100%; margin-left:auto; margin-right:auto; overflow:hidden;}

/* Top */
#menu{position:fixed; z-index:4; top:0px; width:100%; height:92px; background:url("/images/bg-top.jpg") repeat center bottom; z-index: 8888;}
.logo1{width: 135px; margin:0px 0px 0px 210px;}

/* Flags */
.flags{position:absolute; width:99%; height:16px; top:0px; text-align:right;}
.flags ul{overflow:hidden; margin-top:10px; width:100%; height:16px;}
.flags ul li {	display: inline-block; position: relative; float:right;}
.flags ul li a {width:100%; height:16px; display:block; text-decoration:none; margin-right:1px; margin-left:1px;}
.flags ul li a.bt-flags-location {display: block; background-image:url("/images/flags-location.png"); background-position: center; background-repeat:no-repeat; width:84px; height:16px;}
.flags ul li a.bt-flags-th {display: block; background-image:url("/images/flags-th.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-th:hover {display: block; background-image:url("/images/flags-th2.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-id {display: block; background-image:url("/images/flags-id.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-id:hover {display: block; background-image:url("/images/flags-id2.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-my {display: block; background-image:url("/images/flags-my.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-my:hover {display: block; background-image:url("/images/flags-my2.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-sg {display: block; background-image:url("/images/flags-sg.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-sg:hover {display: block; background-image:url("/images/flags-sg2.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-tw {display: block; background-image:url("/images/flags-tw.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-tw:hover {display: block; background-image:url("/images/flags-tw2.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-aus {display: block; background-image:url("/images/flags-aus.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
.flags ul li a.bt-flags-aus:hover {display: block; background-image:url("/images/flags-aus2.png"); background-position: center top; background-repeat:no-repeat; width:28px; height:16px;}
/* End Flags */

/* MemberBox */
.mbbox{position:absolute; width:99%; height:60px; top:15px; text-align:right; z-index: -1;}
.mbbox ul{overflow:hidden; margin-top:0px; width:100%; height:60px;}
.mbbox ul li {	display: inline-block; position: relative; float:right;}
.mbbox ul li a {width:100%; height:30px; display:block; text-decoration:none; margin-right:2px; margin-left:2px;}
.mbbox ul li a.bt-login {display: block; background-image:url("/images/mbbt-login.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px;}
.mbbox ul li a.bt-login:hover {display: block; background-image:url("/images/mbbt-login2.png"); background-position:top center; background-repeat:no-repeat;	width:131px; height:60px;}
.mbbox ul li a.bt-register {display: block; background-image:url("/images/mbbt-register.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px;}
.mbbox ul li a.bt-register:hover {display: block; background-image:url("/images/mbbt-register2.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px;}
/* Logged in */
.mbbox ul li a.bt-confirm {display: block; background-image:url("/images/mbbt-confirm.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px;}
.mbbox ul li a.bt-confirm:hover {display: block; background-image:url("/images/mbbt-confirm2.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px;}
.logged-tab{margin-top: 15px; position: sticky; float: right; margin-right: -20px; z-index: 0; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.56); border-radius: 6px;}
.logged-text{padding: 5px 25px 1px 20px; color: #fff; font-size: 0.9em;}
.logged-text > font > a {color: #19ffff;}
.logged-text > font > a:hover {color: #f4fe00;}
.logged-text > a {color: red;}
.logged-text > a:hover {color: #f4fe00;}
/* End MemberBox */
/* End Top */

/* Menu2 */
#menu2{/*position:fixed;*/ z-index:5; width:210px; height:100%; align:left; background:url("/images/bg-menu.png") repeat center bottom; text-align:center;}
.button ul{overflow:hidden; margin:0 auto; width:202px;}
.button ul li {	display: inline-block; position: relative; float:left;}
.button ul li a {width:202px; height:60px; display:block; text-decoration:none;}
.button ul li a.bt-l-home {display: block; background-image:url("/images/bt-l-home01.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:60px;}
.button ul li a.bt-l-home:hover {display: block; background-image:url("/images/bt-l-home02.png"); background-position:top center; background-repeat:no-repeat;	width:202px; height:60px;}
.button ul li a.bt-l-news {display: block; background-image:url("/images/bt-l-news01.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:60px;}
.button ul li a.bt-l-news:hover {display: block; background-image:url("/images/bt-l-news02.png"); background-position:top center; background-repeat:no-repeat;	width:202px; height:60px;}
.button ul li a.bt-l-about {display: block; background-image:url("/images/bt-l-about01.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:60px;}
.button ul li a.bt-l-about:hover {display: block; background-image:url("/images/bt-l-about02.png"); background-position:top center; background-repeat:no-repeat;	width:202px;height:60px;}
.button ul li a.bt-l-service {display: block; background-image:url("/images/bt-l-service01.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:60px;}
.button ul li a.bt-l-service:hover {display: block; background-image:url("/images/bt-l-service02.png"); background-position:top center; background-repeat:no-repeat;	width:202px; height:60px;}
.button ul li a.bt-l-contact {display: block; background-image:url("/images/bt-l-contact01.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:60px;}
.button ul li a.bt-l-contact:hover {display: block; background-image:url("/images/bt-l-contact02.png"); background-position:top center; background-repeat:no-repeat;	width:202px; height:60px;}
.button ul li a.bt-l-PayMent {display: block; background-image:url("/images/bt-l-PayMent01.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:60px;}
.button ul li a.bt-l-PayMent:hover {display: block; background-image:url("/images/bt-l-PayMent02.png"); background-position:top center; background-repeat:no-repeat;	width:202px; height:60px;}
.button ul li a.bt-l-jobs {display: block; background-image:url("/images/bt-l-jobs01.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:60px;}
.button ul li a.bt-l-jobs:hover {display: block; background-image:url("/images/bt-l-jobs02.png"); background-position:top center; background-repeat:no-repeat;	width:202px; height:60px;}
/*.button ul li a.bt-l-line {display: block; background-image:url("/images/bt-l-line.png"); background-position:top center; background-repeat:no-repeat; width:202px; height:6px;}*/


/*End Menu2*/

/*Icon social*/
#icon-s{/*position:fixed*/; z-index:6; width:210px; height:38px; bottom:0px; align:center; text-align:center; z-index: 99999; margin-left: 170px; margin-top: 4px;}
.ic ul{overflow:hidden; width:210px;}
.ic ul li {	display: inline-block; position:relative;}
.ic ul li a {width:210px; height:30px; display:block; text-decoration:none;}
.ic ul li a.ic-fb {display: block; background-image:url("/images/ic-fb.png"); background-position:top center; background-repeat:no-repeat; width:25px; height:38px;}
.ic ul li a.ic-youtube {display: block; background-image:url("/images/ic-youtube.png"); background-position:top center; background-repeat:no-repeat; width:28px; height:38px;}

/*Bigbanner*/
#bigbanner{margin-top:92px; width:100%; height:370px; background:url("/images/pic1920x370-winner.jpg") repeat center bottom; background-color:#000; text-align:center;}

/*------------------------------------------------------*/

ul,li{margin:0px;padding:0px;}
ul,li{white-space:normal;list-style-type:none;} 

/* gamelist */
#row1{width:100%; overflow:hidden; /*background:url(/images/bg.jpg) no-repeat center top;*/}
#row2,#row3{width:100%; overflow:hidden; /*background:url(/images/bg.jpg) no-repeat center top;*/}

#gamelist{
	width:90%; margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
	padding-left: 290px;	/* เดิมกำหนดไว้ 200px */
	/* padding-right: 5px; */
	padding-top: 0px;
	position: relative;
}

/*.gradient-bg{background: url('images/bg.jpg') no-repeat scroll center top transparent;}*/

.topic{width:800px; height:46px; margin-top: 15px;}


/* BoxGames */
.box_gamemore { width: 175px; height: 235px; no-repeat 0 -28px; position:relative; float:left; margin-right: 11px; margin-bottom: 10px; overflow:hidden; }

.gameinfo_more { float:left; width:175px; height: 230px; overflow:hidden;}

.gameinfo_more a {color:#333;}

.up_layer { width:175px; height:33px; position:absolute; left:0; bottom: -70px; }

.bg_up_layer{ width:175px; height:33px; /*background-color:#CCC;filter:alpha(opacity=80);*/ -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.btn_moregame_home {position:absolute;left: 0px; top: -68px;}

.btn_moregame_home li { float:left; margin-right: 0px;}

.btn_moregame_home li a{ display:block; background-image:url(/images/bt-g01.png); background-repeat:no-repeat; text-indent: -999em;}

.btn_moregame_home1 a { width: 85px; height: 28px; background-position: 0px 0;}

.btn_moregame_home2 a { width: 90px; height: 28px; background-position: -85px 0;}

.btn_moregame_home1 a:hover { background-image:url(/images/bt-g02.png); background-position: 0px 0px;}

.btn_moregame_home2 a:hover { background-image:url(/images/bt-g02.png); background-position: -85px 0px;}

.game_more { padding-left: 8px;}

/*---------------------------------------------------------------------------------*/

/* Foot*/
#foot{width:100%; overflow:hidden;}
.footin {width:100%; background-color: #1565C0; overflow:hidden;}
.logoall{height:auto; margin:auto; overflow:hidden; display:block; float:right;margin-top: -20px; margin-right:20px;}
.logoall .logo_item{
	display:inline-block;
	margin:2px;
	height:auto;
}
/*
.logoall .wnc{ width: 28%;  }
.logoall .wn{ width: 18%; }
.logoall .winnie{ width: 18%; }
.logoall .oh{ width: 20% ; }
*/

@media screen and (max-width: 1200px){
/*	.logoall{float: left; margin-left:250px;}
	.textfoot{height:110px !important; overflow: initial !important;} */
}

@media screen and (max-width: 1024px){
.logoall{ width:100%;}
.logoall{ width:auto; float:none; text-align:center; margin-top:2px; margin-left:0px;}
.logoall .logo_item{
	margin:5px;
}
.logoall .logo_item .wnc{ width: 15%;  }
.logoall .logo_item .wn{ width: 10%; }
.logoall .logo_item .winnie{ width: 10%; }
.logoall .logo_item .oh{ width: 15%;  }
.logoall .logo_item .did{ width: 10%;  }
.textfoot{height:90px !important;}

}

.textfoot{ height:70px; margin-left:250px; margin-top:2px; overflow:hidden; }
.textfoot .p1{ text-align:left; color:#FFF; font-size:13px;}
.textfoot .p1 a{text-align:left; color:#FFf; font-size:13px; text-decoration:none;}
.textfoot .p1 a:hover{text-align:left; color:#fff000; font-size:13px;}

/*-------------------------------------------------*/


/* Responsive Style */
@media screen and (max-width: 64em){
	.logo1{width: 130px; height: 92px left:50%; margin: 15px 0px 0px 25px;}
	#icon-s{position:fixed*; z-index:6; width:210px; height:38px; bottom:0px; align:center; text-align:center; z-index: 99999; margin: 2px auto;}
	.ic ul{overflow:hidden; width:100%;}
	.ic ul li {	display: inline-block; position:relative; float: none;}
	.ic ul li a {width:210px; height:30px; display:block; text-decoration:none;}
	.ic ul li a.ic-fb {display: block; background-image:url("/images/ic-fb.png"); background-position:top center; background-repeat:no-repeat; width:25px; height:38px;}
	.ic ul li a.ic-youtube {display: block; background-image:url("/images/ic-youtube.png"); background-position:top center; background-repeat:no-repeat; width:28px; height:38px;}
	#menu{position:fixed; top:0px; width:100%; height:50px; background:url("/images/bg-top.jpg") repeat center bottom; z-index: 9; display: block;}
}

@media screen and (max-width: 64em) {
	.flags {
		/*width: 100%;
		height: 30px;
		top: 25px;
		text-align: right;*/
		display:none;
	}
	.flags ul {
		overflow: hidden;
		margin-top: 0px;
		width: 59%;
		height: 30px;
	}
	.logo1 {
		width: 70px;
		height: 92px left:50%;
		margin: 0px auto;
	}
	.mbbox {
		display: none;
	}
	#gamelist{
		width:100%; 
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 25px;
		padding-left: 0px;
		/*padding-right: 5px;*/
		padding-top: 0px;
		position: relative;
	}
	.textfoot{width:100%; height:90px; margin:5px auto; overflow:hidden; }
	.textfoot .p1{ text-align:center; color:#FFF; font-size:13px;}
	.textfoot .p1 a{text-align:center; color:#FFf; font-size:13px; text-decoration:none;}
	.textfoot .p1 a:hover{text-align:center; color:#fff000; font-size:13px;}
	.flags ul li a.bt-flags-location {display: none;}
	
	/* MemberBox */
	.mbbox2{position:absolute; width:100%; height:60px; top:0px; text-align:right;}
	.mbbox2 ul{overflow:hidden; margin-top:0px; width:100%;}
	.mbbox2 ul li {	display: inline-block; position: relative; float:right;}
	.mbbox2 ul li a {width:100%; height:30px; display:block; text-decoration:none; margin-right:2px; margin-left:2px;}
	.mbbox2 ul li a.bt-login {display: block; background-image:url("/images/mbbt-login.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px; margin: 0 auto;}
	.mbbox2 ul li a.bt-login:hover {display: block; background-image:url("/images/mbbt-login2.png"); background-position:top center; background-repeat:no-repeat;	width:131px;
	height:60px; margin: 0 auto;}
	.mbbox2 ul li a.bt-register {display: block; background-image:url("/images/mbbt-register.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px; margin: 0 auto;}
	.mbbox2 ul li a.bt-register:hover {display: block; background-image:url("/images/mbbt-register2.png"); background-position:top center; background-repeat:no-repeat; width:131px;
	height:60px; margin: 0 auto;}
	/* Logged in */
	.mbbox2 ul li a.bt-confirm {display: block; background-image:url("/images/mbbt-confirm.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px; margin: 0 auto;}
	.mbbox2 ul li a.bt-confirm:hover {display: block; background-image:url("/images/mbbt-confirm2.png"); background-position:top center; background-repeat:no-repeat; width:131px; height:60px;}
	.logged-tab2{width: 140px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.56); margin: 30px auto 0px; height: 90px; border-radius: 5px;}
	ul .logged-text2{text-align: center; font-size: 14px; color:#fff;}
	ul .logged-text2 > font > a {display: inline; font-size: 13px; padding: 2px; color: #19ffff;}
	ul .logged-text2 > font > a:hover {color: #f4fe00;}
	ul .logged-text2 > text > a {display: inline; font-size: 13px; padding: 2px; color: red;}
	ul .logged-text2 > text > a:hover {color: #f4fe00;}
	/* End MemberBox */
}

@media only screen and (max-width: 48em) {
	.flags ul {
		overflow: hidden;
		margin-top: 0px;
		width: 63.5%;
		height: 30px;
	}
	#row1 {
		width: 100%;
	}
	#row2 {
		width: 100%;
	}
	#row3 {
		width: 100%;
	}
}
@media screen and (max-width: 40em) {
	#row1 {
		width: 100%;
	}
	#row2 {
		width: 100%;
	}
	#row3 {
		width: 100%;
	}
}
@media screen and (max-width: 35.500em) {
	.flags ul {
		overflow: hidden;
		margin-top: 0px;
		width: 69%;
		height: 30px;
	}
	.gameinfo_more{max-width:100%;max-height:100%;}
	.gameinfo_more a img {border:none;width:135px;height:170px;}
	.box_gamemore {margin-right:0px;width:145px;height: 175px;}
	
	.up_layer { width:175px; height:33px; position:absolute; left:0; bottom: -70px; }
	
	.bg_up_layer{ width:135px; height:33px; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	
	.btn_moregame_home {position:absolute;left: 0px; top: -65px;}
	
	.btn_moregame_home li { float:left; margin-right: 0px; width: 67px;}
	
	.btn_moregame_home li a{ display:block; background-image:url(/images/bt-g01.png); background-repeat:no-repeat; text-indent: -999em; background-size: 137px; max-width:100%;}
	
	.btn_moregame_home1 a { width: 85px; height: 28px; background-position: 0px 0px;}
	
	.btn_moregame_home2 a { width: 90px; height: 28px; background-position: -70px 0px;}
	
	.btn_moregame_home1 a:hover { background-image:url(/images/bt-g02.png); background-position: 0px 0px;}
	
	.btn_moregame_home2 a:hover { background-image:url(/images/bt-g02.png); background-position: -70px 0px;}
	
	.textfoot .p1 {font-size: 11px;}
}
@media screen and (max-width: 360px){
	.flags ul {
		width: 75%;
	}
	.gameinfo_more{max-width:100%;max-height:100%;}
	.gameinfo_more a img {border:none;width:95px;height:125px;}
	.box_gamemore {margin-right:0px;width:100px;height: 135px;}
	
	.up_layer { width:175px; height:33px; position:absolute; left:0; bottom: -70px; }
	
	.bg_up_layer{ width:135px; height:33px; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	
	.btn_moregame_home {position:absolute;left: 0px; top: -65px;}
	
	.btn_moregame_home li { float:left; margin-right: 0px; width: 50px;}
	
	.btn_moregame_home li a{ display:block; background-image:url(/images/bt-g01.png); background-repeat:no-repeat; text-indent: -999em; background-size: 103px; max-width:100%;}
	
	.btn_moregame_home1 a { width: 85px; height: 28px; background-position: 0px 0px;}
	
	.btn_moregame_home2 a { width: 90px; height: 28px; background-position: -60px 0px;}
	
	.btn_moregame_home1 a:hover { background-image:url(/images/bt-g02.png); background-position: 0px 0px;}
	
	.btn_moregame_home2 a:hover { background-image:url(/images/bt-g02.png); background-position: -60px 0px;}
}
@media screen and (max-width: 320px){
	.mbbox{	
		position: absolute;
		width: 94%;
		height: 60px;
		top: 0px;
		text-align: right;
		display: none;
	}
	.logo1 {
		width: 100px;
		margin: 0px auto;
	}
	.flags {
		position: absolute;
		width: 100%;
		height: 30px;
		top: 25px;
		margin: 0 auto;
	}
	.flags ul {
		overflow: hidden;
		margin-top: 0px;
		width: 79%;
		height: 30px;
	}
	.button ul li a.bt-l-home {margin:0 auto;}
	.button ul li a.bt-l-home:hover {margin:0 auto;}
	.button ul li a.bt-l-news {margin:0 auto;}
	.button ul li a.bt-l-news:hover {margin:0 auto;}
	.button ul li a.bt-l-about {margin:0 auto;}
	.button ul li a.bt-l-about:hover {margin:0 auto;}
	.button ul li a.bt-l-service {margin:0 auto;}
	.button ul li a.bt-l-service:hover {margin:0 auto;}
	.button ul li a.bt-l-contact {margin:0 auto;}
	.button ul li a.bt-l-contact:hover {margin:0 auto;}
	.button ul li a.bt-l-PayMent {margin:0 auto;}
	.button ul li a.bt-l-PayMent:hover {margin:0 auto;}
	.button ul li a.bt-l-jobs {margin:0 auto;}
	.button ul li a.bt-l-jobs:hover {margin:0 auto;}
}
/*-------------------------------------------------------------------*/