@font-face {
			font-family: 'thai_sans_literegular';
			src: url('../font/thaisanslite_r1-webfont.eot');
			src: url('../font/thaisanslite_r1-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/thaisanslite_r1-webfont.woff') format('woff'),  url('../font/thaisanslite_r1-webfont.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
			font-size: 20px;
		}
		.container{
		  width: 970px !important;
		}
		
		body {
			font-family: 'thai_sans_literegular';
			font-size: 20px;
		}
		.logo{
			background:url(../../images/m88logo.png) no-repeat 0px 8px;
			/*background-color:rgba(255,255,255,0.9);*/
			width:135px;
			height:140px;
			margin-left:-12px;
			/*border-radius: 70px;*/
			
		}
		.no-border,.no-border:hover{
			border: 0px;
			background: none;
			
		}
		
		.reverse{
			margin-top:-75px;
			position:absolute;
			width:970px;
			z-index: 9999;
		}
		.top-reverse{
			margin-top:24px;
		}
		input,select,button,.btn{
			font-family: arial;
			font-size:14px;
		}
	    .header-bg{
		    background:url(../../images/bg-huay888.jpg) #5d5d5d;
		    height:150px;
		    padding-top:20px;
		    color:white;
	    }
	    .header-contact{
		    padding-top:40px;
	    }
	    .header-user{
		    text-align: right;
	    }
	    .navbar a {
		    color:white;
	    }
	    .runningtext{
		    font-size:20px;
		    
		    color:#db524a;
		    text-align: center;
		    border: 1px solid #57b856;
		    border-radius: 3px;
		    width:360px;
		    height:35px;
		    padding-top:3px;
		    background: white;
	    }
	    .main-menu{
	    	font-family: 'thai_sans_literegular';
		    color:white;
		    font-size:20px;
		    border-radius: 0px;
	    }
	    .line-bottom-purple{
	    	background: #7938e6;
		    border-bottom:5px solid #4c03c7; 
	    }
	    .line-bottom-blue{
	    	background: #55c0df;
		    border-bottom:5px solid #44a0bb; 
			}
			.line-bottom-laos{
				background: rgb(63,146,215);
		    border-bottom:5px solid rgb(16, 140, 241); 
			}
			.line-bottom-hanoi{
				background: rgb(226,27,34);
		    border-bottom:5px solid rgb(240,27,34); 
			}
		.line-bottom-yellow{
			background: #f1ad44;
		    border-bottom:5px solid #cf9336; 
	    }
		.line-bottom-deepblue{
			background: #3d89cc;
		    border-bottom:5px solid #296aa3; 
	    }
		.line-bottom-red{
			background: #db524a;
		    border-bottom:5px solid #c43027; 
	    }
		.line-bottom-pink{
			background: #fb71ac;
		    border-bottom:5px solid #df3b81; 
	    }
		.banner{
			height:296px;
			background: #5d5d5d;
		}
		
		.table-green thead{
			color:#57b856;
			font-size:24px;
			font-weight: bold;
		}
		.table-green tbody{
			color:#5d5d5d;
		}
		.table-green tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th {
			background: #57b856;
			color:white;
		}
		.table-blue thead{
			color:#55c0df;
			font-size:24px;
			font-weight: bold;
		}
		.table-blue tbody{
			color:#55c0df;
			text-align: center;
		}
		.table-blue tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th {
			background: #55c0df;
			color:white;
		}
		.table-blue tbody > tr:nth-child(1) > td,.table-striped tbody > tr:nth-child(1) > th {
			background: #e4e4e4;
			color:#5d5d5d;
			text-align: center;
		}
		.table-blue tbody tr td:nth-child(2){
			border-left: 1px solid #55c0df;
			border-right:1px solid #55c0df;
		}
		.table-blue tbody tr td:nth-child(3){
			border-left: 1px solid #55c0df;
			border-right:1px solid #55c0df;
		}
		.table-yellow thead{
			color:#f1ad44;
			font-size:24px;
			font-weight: bold;
		}
		.table-yellow tbody{
			color:#f1ad44;
			text-align: center;
		}
		.table-yellow tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th {
			background: #f1ad44;
			color:white;
		}
		.table-yellow tbody > tr:nth-child(1) > td,.table-striped tbody > tr:nth-child(1) > th {
			background: #e4e4e4;
			color:#5d5d5d;
			text-align: center;
		}
		.table-yellow tbody tr td:nth-child(2){
			border-left: 1px solid #f1ad44;
			border-right:1px solid #f1ad44;
		}
		.table-yellow tbody tr td:nth-child(3){
			border-left: 1px solid #f1ad44;
			border-right:1px solid #f1ad44;
		}
		.table-space{
			margin-top:20px;
		}
		.table-green-slot{
			background: #57b856 !important;
			color:white;
			
		}
		.table-red-slot{
			background: #db524a !important;
			color:white;
			
		}
		.clear-radius{
			border-radius: 0px;
		}
		.game-result-box{
			margin-top:20px;
		}
		.game-result{
			width:145px;
			height:145px;
			background: #5d5d5d;
			border:2px solid white;
			color:white;
			text-align: center;
			padding-top: 10px;
			line-height: 1.1em;
		}
		.game-result-border{
			padding:5px 5px 5px 5px;
			width:155px;
			background: #5d5d5d;
			margin-right:1px;
			float:left;
		}
		.game-result-title{
			font-size: 24px;
			font-weight: bold;
		}
		.game-result-type{
			font-size:30px;
			
		}
		.game-result-number{
			font-size:44px;
			
		}
		.game-soon{
			background: #57b856;
		}
		.game-blue{
			color: #55c0df;
		}
		.game-yellow{
			color: #f1ad44;	
		}
		.bg-blue{
			background: #55c0df;
		}
		.bg-yellow{
			background: #f1ad44;
		}
		.game-box{
			height: 158px;
			padding:5px 5px 5px 5px;
			line-height: 1.1em;
			margin-top:20px;
		}
		.game-box a{
			text-decoration: none;
			color:black;
		}
		.game-name{
			height: 72px;
			background: white;
		}
		.game-gov{
			background: url(../../images/ico_huaygov.png) no-repeat white 10px 10px;
			padding:10px 0px 0px 80px;
		}
		.game-gov span{
			color:#55c0df;
			font-size: 28px;
			font-weight: bold;
		}
		.game-nk{
			background: url(../../images/ico_nikkei.png) no-repeat white center 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;

			font-weight: bold;
			color:#f1ad44;
		}
		.game-hs{
			background: url(../../images/ico_hungseng.png) no-repeat white 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;

			font-weight: bold;
			color:#f1ad44;
		}
		.game-dj{
			background: url(../../images/ico_downjones.png) no-repeat white 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;

			font-weight: bold;
			color:#f1ad44;
		}
		.game-set{
			background: url(../../images/ico_set.png) no-repeat white 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;
			font-weight: bold;
			color:#f1ad44;
		}
		.game-laos{
			background: url(../../images/ico_laos.png) no-repeat white 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;
			font-weight: bold;
			color:rgb(63,146,215);
		}
		.game-hanoi{
			background: url(../../images/ico_hanoi.png) no-repeat white 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;
			font-weight: bold;
			color:rgb(226,27,34);
		}
		.game-hanoi-sp{
			background: url(../../images/ico_hanoi-sp.png) no-repeat white 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;
			font-weight: bold;
			color:rgb(226,27,34);
		}
		.game-hanoi-vip{
			background: url(../../images/ico_hanoi-vip.png) no-repeat white 10px 10px;
			text-align: center;
			padding:10px 0px 0px 70px;
			font-size: 22px;
			font-weight: bold;
			color:rgb(226,27,34);
		}
		.game-detail{
			padding: 5px 5px 10px 5px;
			background: white;
			margin-top:1px;
			text-align: center;
		}
		.game-time{
			padding: 5px 5px 10px 5px;
			background: white;
			margin-top:1px;
			text-align: center;
			width:82px;
			float:left;
		}
		.game-time-clock{
			float:left;
			width:40px;
			text-align: center;
			border-right: 1px white solid;
			padding-top:6px;
			height:37px;
			margin-top:1px;
			color:white;
		}
		.footer{
			height:35px;
			text-align: center;
			color:white;
			background: #5d5d5d;
			padding-top:5px;
			margin-top:20px;
		}
		.pagespace{
			margin-top:80px;
			
		}
		.pagespace .btn{
			font-size:24px;
		}
		.greeting{
			margin-top:20px;
			margin-bottom:20px;
			
		}
		.lobby-content .btn{
			font-size:24px;
		}
		ul .ratio{
			width:940px;
		}
		.ratio li{
			float:left;
			list-style: none;
		}
		.tr{
			text-align: right;
		}
		
/* GAME */
::-webkit-input-placeholder {
	font-size: 12px;
  
}

:-moz-placeholder { /* Firefox 18- */
font-size: 12px;
  }

::-moz-placeholder {  /* Firefox 19+ */
font-size: 12px;
    
}

:-ms-input-placeholder {
font-size: 12px;  
   
}
	  .mini-logo{
		width:100px;
		height:70px;  
		position:absolute;
		margin-top:-10px;
	  }
	  .brand{
			width:100px;  
	  }
	  .table888 { 
			
			border-spacing:0;
			border-collapse:collapse; 
	  }
	  .table888 thead{
			text-align:center;  
	  }
	  .table888 tbody{
			text-align:right;  
	  }
	  .table888 tr:nth-child(even):not(.topic) td {background: #eaeaeb}
	.table888 .topic td {
		font-weight: bold;
		color: #fff;
		font-size: 14px;
		text-shadow: 1px 1px 3px #000;
		-webkit-text-shadow: 1px 1px 3px #000;
		background: #555960 url('../images/table_topic_bg.png') repeat-x;
		border: 1px solid #404042;
		box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		
	}
	.table888 tr:not(.topic):hover td { background: #fffb92 }
	.table888 .topic td h2 { color: #fff }
	
	.table888 td { 
		border: 1px solid #9facb3;
		padding: 5px 2px;
		background-color: #fdfdfd;
		background: none\9;
		color: #252728;
		font-size: 13px;
		position: relative;
	}
	.table888 .row-center td {
		text-align: center;	
	}
	.table888 input{
		width:45px;
		height:20px;
		border:0;
		margin:0;
		padding:0;
		border-radius:0;
		text-align:right;
		background:none;
		box-sizing:content-box;
		-webkit-box-shadow:none;
			 -moz-box-shadow: none;
				  box-shadow: none;
		  -webkit-transition:none;
			 -moz-transition: none;
			   -o-transition: none;
				  transition: none;
	}
	
	.center{
		text-align:center;	
	}
	.fl{
		float:left;	
	}
	#runningtext{
		color:red;	
	}
	/* KEY */
.keyspace{
	height:10px;
}
.input-mini{
	width:70px;
	text-aligh:right;
	padding-left:3px;
	padding-right:3px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 5px;
}
.input-mini::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size:12px;
  padding-top:3px;
}
.input-mini:-ms-input-placeholder {
  color: #999;
  font-size:12px;
  padding-top:3px;
}
.input-mini::-webkit-input-placeholder {
  color: #999;
  font-size:12px;
  padding-top:3px;
}
.input-verymini{
	width:45px;
	text-align: center;
	padding-left: 3px;
	padding-right:3px;
}
.toRight td{
	line-height: 15px;
	text-align: right;
}
input{
	text-align: right;
	
}
.numpad{
	width:320px;
	position:absolute;
	z-index: 100;
	
}
.numpad div{
	width:70px;
	height:70px;
	background:black;
	color:white;
	font-size:40px;
	padding-top:30px;
	padding-left:30px;
	border:2px solid white;
	float:left;
	cursor: pointer;
}
.btn-sendpoll{
	width:135px;
}
.login-page{
	padding-top:50px;
}
#myModal{
	z-index: 10000;
	
}
.bold{
	font-weight: bold;
	font-size:25px;
}
.underline{
	text-decoration: underline;
}
.fr{
	float:right;
	margin-left:5px;
}
.header-text{
	font-size:24px;
}
a.nolink{
	text-decoration: none;
	color:white;
}
.swaptext{
	height:30px;
	overflow: hidden;
}
.swaptext div {
	height:30px;
}
.online-report{
	height:450px;
	overflow: hidden;
	position: relative;
}
#slideUp1,#slideUp2{
	height:450px;
	position:absolute;
	width:698px;
}
.online-report table{
	margin:0 0 0 0;
}
.btn-purple{
	background: rgb(79,1,199);
	color:white;
}
.btn-orange{
	background: rgb(241,173,67);
	color:white;
}
.btn-green{
	background: rgb(71,150,7);
	color:white;
}
.btn-pink{
	background: rgb(224,74,134);
	color:white;
}
#gov-img{
	margin-top:10px;
	width:940px;
	height: 435px;
	overflow: hidden;
}
#gov-img div {
	width:4000px;
}
#gov-img img{
	float:left;
}