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

body{
	background-color:#303030;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
a:link{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:visited{ text-decoration:none; }
a:active{ text-decoration:none; }
img{
	border:0px;
}
/*
table{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
td{
	border:0px solid black;
	padding:0px;
	text-align:left;
	vertical-align:top;
}
*/
/* -------------------- main -------------------- */
.main{
	position:absolute;
	width:1000px;
	left:50%;
	margin-left:-500px; /* ความกว้าง 1000 / 2 */
	border:1px solid #000000;
}
/* -------------------- end main -------------------- */

/* -------------------- head -------------------- */

/* -------------------- top-menu -------------------- */
.top-menu{
	background:url("../../../images/background/themes/games/top_nav_bg.gif") 0px 0px repeat-x;
	height:23px;
	padding:8px 0px 0px 0px;
}
.top-menu ul{
	float:left;
	padding:0px;
	margin:0px 0px;
	list-style:none;
}
.top-menu ul li{
	float:left;
	font-size:0;
	line-height:0;
}
.top-menu ul li a{
	display:block;
	padding:0px 14px 0px 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	background-color:inherit;
	text-decoration:none;
}
.top-menu ul li a:hover{
	color:#FFFFFF;
	background-color:#BD0000;
}
.top-menu ul li a.hover{
	display:block;
	padding:0px 14px 0px 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#BD0000;
	text-decoration:none;
	cursor:text;
}
.top-menu div{
	float:right;
	padding:2px 8px 0px 12px;
	background:url("../../../images/background/themes/games/phone_icon.gif") 0 2px no-repeat;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#C89601;
	background-color:inherit;
}
/* -------------------- end topmenu -------------------- */

/* -------------------- logo -------------------- */
.logo{
	background-color:#FFFFFF;
	padding:4px 0px 0px 4px;
	border:1px #000000;
	border-top-style: solid;
}
.logo span{
	float:right;
	padding:6px 10px 0px 0px;
}
/* -------------------- end logo -------------------- */

/* -------------------- top-main-menu -------------------- */
.top-main-menu{
	background-color:#E0DE5A; /*  EDEDED*/
	width:100%;
	height:33px;
	padding:0px 0px 0px 0px;
}
.top-main-menu ul{
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
}
.top-main-menu ul li{
	float:left;
	font-size:0;
	line-height:0;
	width:10%;
	text-align:center;
}
.top-main-menu ul li a{
	border:1px #000000;
	border-top-style:solid;
	border-right-style:solid;
	display:block;
	padding:5px 20px 5px 20px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	text-decoration:none;
}
.top-main-menu ul li a:hover{
	color:#FFFFFF;
	background-color:#000000;
}
.top-main-menu ul li a.hover{
	border:1px #000000;
	border-top-style:solid;
	border-right-style:solid;
	display:block;
	padding:5px 20px 5px 20px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#252525;
	text-decoration:none;
	cursor:text;
}
.top-main-menu ul li a.hover-end{
	border:1px #000000;
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:solid;
}
.top-sub ul{
	float:left;
	padding:0px;
	margin:0px 0px;
	list-style: none;
	background-color:#252525;
	width:100%;
}
.top-sub ul li{
	float:left;
	font-size:0;
	line-height:0;
}
.top-sub a{
	color:#FFFFFF;
	display:block;
	padding:5px 20px 5px 20px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	background-color:#252525;
	text-decoration:none;
}
.top-sub ul li a:hover{
	background-color:#000000;
}
/* -------------------- end top-main-menu -------------------- */

/* -------------------- head-image -------------------- */

table.head-image{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
table.head-image td.text-box{
	border:0px solid black;
	padding:20px;
	text-align:right;
	vertical-align:bottom;
	height:380px;
}
table.head-box{	
	background:url("../../../images/background/themes/games/background-box.png");
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:450px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}
table.head-box td.text-box{
	border:0px solid black;
	padding:10px;
	text-align:left;
	vertical-align:bottom;
	height:1px;
}
table.head-box td.text-box a{
	color:#FFFFFF;	
}
table.head-box td.text-box a:hover{
	color:  #000000;
}
/* -------------------- end head-image -------------------- */

/* -------------------- end head -------------------- */

/* -------------------- content -------------------- */
table.center{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
table.center td.left{
	border:0px solid black;
	padding:5px;
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
}
table.center td.right{
	border:0px solid black;
	padding:5px;
	text-align:left;
	vertical-align:top;
	background-color:#000000;
	width:280px;
}
table.ads{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
table.ads td{
	background-color:#E8E8D0;
}

table.content{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
.content span{
	color:#FF0000;
	background:#FFCCCC;
}
.content hr{
	border:2px solid #000000;
}
.content h1{
	margin:0; padding:0;
	color:#B22E11;
}
.content h2{
	margin:0; padding:0;
	color:#348ABC;
}
.content h3{
	margin:0; padding:0;
	color:#7A67A5;
}
.content h4{
	margin:0; padding:0;
	color:#94B434;
}
.content h5{
	margin:0; padding:0;
	color:#198488;
}
.content h6 a{
	color:#069EDB;
	padding:2px 5px 2px 5px;
}
.content h6 a:hover{
	background:#000000;
	color:#FF0000;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.content td hr{
	border:1px solid #DEDEDE;
}
.link a{ 
	color:#000000;
	background-color:#FF9900; 
	padding:1px 2px 1px 2px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.link a:hover{ 
	color:#FFFFFF; 
	background-color:#000000; 
	padding:1px 2px 1px 2px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}

.content-link ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.content-link ul li{
	font-size:0;
	line-height:0;
}
.content-link ul li a{
	display:block;
	background:url("../../../images/background/themes/games/arrow_yellow.gif");
	background-repeat:no-repeat;
	background-position:3px 6px;
	padding:0px 0px 0px 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	background-color:#FFE1E4;
	color:#000000;
	border:1px dotted #FF0000;
}
.content-link ul li a:hover{
	background-color:#BD0000;
	color:#FFFFFF;
}
/* -------------------- end content -------------------- */

/* -------------------- rigth-menu -------------------- */
table.rigth-menu{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	float:left;
	background-color:#202020;
	color:#FFFFFF;
}
.rigth-menu ul{
	padding: 0px;
	margin: 0px 0;
	list-style: none;
}
.rigth-menu ul li{
	font-size:0;
	line-height:0;
}
.rigth-menu ul li a{
	display:block;
	background:url("../../../images/background/themes/games/arrow_yellow.gif");
	background-repeat:no-repeat;
	background-position:4px 6px;
	padding:0px 0px 0px 20px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:1px;
	border-top-style:none;
	border-bottom-style:dotted;
	border-bottom-color:#000000;
}
.rigth-menu ul li a:hover{
	color:#000000;
	background-color:#C6C6A5;
	border:1px;
	border-bottom-style:dotted;
	border-bottom-color:#FFFFFF;
}
.rigth-menu b{
	background:url("../../../images/background/themes/games/menu.gif");
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 20px 5px 20px;
}
/* -------------------- rigth-menu -------------------- */

/* -------------------- footerimage -------------------- */
table.footer-image{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	height:366px;
}
table.footer-image td{
	border:0px solid black;
	padding:20px;
	text-align:left;
	vertical-align:top;
}
.footer-box{
	background:url("../../../images/background/themes/games/background_box.png");
	width:600px;
	height:150px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}
.footer-box td{
	width:50%;
}
/* -------------------- end footer-image -------------------- */

/* -------------------- footer-search -------------------- */
.footer-search{
	background-color:#252525;
	width:100%;
	color:#FFFFFF;
}
.footer-search td{
	padding:20px 40px 20px 40px;
	text-align:right;
}
.footer-search-input{
	margin:0;
	background:#FFFFFF url("../../../images/background/themes/games/search.gif") no-repeat 4px 2px;
	padding:2px 2px 2px 20px;
	width:200px;
	font-size:12px;
	border:1px solid #F0D0F0;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.footer-search-submit{
	margin:0;
	width:80px;
	background:#FF0000;
	color:#FFFFFF;
	padding:1px 0px 0px 0px;
	font-weight:bold;
	border:1px solid #FFFFFF;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
/* -------------------- end footer-search -------------------- */

/* -------------------- footer-link -------------------- */
table.footer-link{
	border:0px solid black;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	color:#000000;
	background-color:#F0F0F0;
}
table.footer-link td{
	border:0px solid black;
	padding:1px;
	text-align:left;
	vertical-align:top;
	width:25%;
}
.footer-link ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.footer-link ul li{
	font-size:0;
	line-height:0;
}
.footer-link ul li a{
	display:block;
	background:url("../../../images/background/themes/games/arrow_yellow.gif");
	background-repeat:no-repeat;
	background-position:3px 6px;
	padding:0px 0px 0px 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	border:1px dotted #FFFFFF;
}
.footer-link ul li a:hover{
	background-color:#BD0000;
	color:#FFFFFF;
}
.footer-link b{
	display:block;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 20px 5px 20px;
}
/* -------------------- end footer-link -------------------- */

/* -------------------- copyright -------------------- */
.copyright{
	background-color:#000000;
	width:100%;
	color:#FFFFFF;
}
.copyright td{
	padding:10px 20px 10px 20px;
	text-align:right;
}
.copyright-menu a{
	color:#0099CC;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.copyright-menu a:hover{
	background-color:#FFFFFF;
	color:#000000;
}
.copyright span{
	background-color:#FF0000;
	padding:1px 2px 1px 2px;
}
/* -------------------- end copyright -------------------- */

/* -------------------- end footer -------------------- */

/* -------------------- reply -------------------- */
.reply{
	background-color:#FFFFFF;
	padding:5px 14px 0px 14px;
}
.reply table td{
	padding:1px;
}
/* -------------------- end reply -------------------- */

.input{
	padding:4px 2px 4px 2px;
	font-size:12px;
	border:1px solid #E1004C;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.input:focus{
	border: 1px solid #000000;
}
.textarea{
	width:200px;
	height:100px;
	padding:2px;
	border: 1px solid #E1004C;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.textarea:focus{
	border: 1px solid #000000;
}
.select{
	padding:2px 2px 2px 2px;
	font-size:12px;
	border:1px solid #E1004C;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.submit{
	background:#FF0000;
	color:#000000;
	padding:1px 0px 1px 0px;
	font-weight:bold;
	border:1px solid #000000;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
 .submit:focus{
	color:#FFFFFF;
}
.input_user{
	width: 210px;
	margin: 0 5px 1px 0;
	border: 1px solid #ddd;
	padding: 3px 3px 3px 25px;
	background: #fff url("../../../images/background/themes/games/user.gif") no-repeat 5px 3px;
	color: #666;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.input_user:focus{
	border: 1px solid #191919;
}
.input_email{
	width: 210px;
	margin: 0 5px 1px 0;
	border: 1px solid #ddd;
	padding: 3px 3px 3px 25px;
	background: #fff url("../../../images/background/themes/games/mail.gif") no-repeat 5px 3px;
	color: #666;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.input_email:focus{
	border: 1px solid #191919;
}
.textarea_comment{
	width: 400px;
	height: 200px;
	padding: 2px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
}
.textarea_comment:focus{
	border: 1px solid #191919;
}
.input_reply{
	width: 235px;
	margin: 0 5px 1px 0;
	border: 1px solid #ddd;
	padding: 3px 3px 3px 3px;
	color: #666;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.input_code:focus{
	border: 1px solid #191919;
}