@charset "windows-874";
@font-face {
	font-family: 'CircularBold';
	src: url('font/CircularBold.ttf');
}


body {
	font-family: "Trebuchet MS",Tahoma;
	background-image: url(webboard/image/BG.png);
	background-repeat:repeat-x;
	margin:0px;
	padding: 0px;
	height: 50px;
	font-size: 13px;
	text-align:center;
}



a:link {	color: #EB7384;}
a:visited {	color: #EB7384;}
a:hover {	color: #DF203D;}
a:active {	color: #EB7384;}

.circular{ font-family:"CircularBold", "Trebuchet MS",Tahoma;}

td{
	font-size:13px;
}

.head {margin-bottom:100px;}

.head .logo {	background-image: url(webboard/image/logo.png);	background-repeat:no-repeat;	height: 183px;	width: 603px;}
.head .menu{	display:block;	text-decoration:none;	float: right;	margin-right: 50px; text-align:center;}

.head .menu li {	display:inline;	list-style:none;}

.head .menu a{	background:transparent no-repeat;	display:block;	height:50px;	text-decoration:none;	float:left;	z-index:1;	text-indent:-999em;}

.head .menu  a.home {	background-image: url(webboard/image/menu.png);	background-position:-31px 0px;		height: 50px;	width: 85px;}
.head .menu  a.home:hover {	background-position:-31px -50px;}
.head .menu a.member {	background-image: url(webboard/image/menu.png);	background-position:-107px 0px;	height: 50px;	width: 80px;}
.head .menu a.member:hover {	background-position:-107px -50px;}
.head .menu a.board {	background-image: url(webboard/image/menu.png);	background-position:-187px 0px;height: 50px;	width: 71px;}
.head .menu a.board:hover {	background-position:-187px -50px;	}
.head .menu a.board :hover .select_sub  {	display:block; z-index:100; }
.head .menu a.picture {	background-image: url(webboard/image/menu.png);	background-position:-258px 0px;	height: 50px;	width: 89px;}
.head .menu a.picture:hover {	background-position:-258px -50px;	}
.head .menu a.ff {	background-image: url(webboard/image/menu.png);	background-position:-347px 0px;	height: 50px;	width: 92px;}
.head .menu a.ff:hover {	background-position:-347px -50px;	}
.head .menu a.contact {	background-image: url(webboard/image/menu.png);	background-position:-439px 0px;		height: 50px;	width: 77px;}
.head .menu a.contact:hover {	background-position:-439px -50px;	}

.head .menu a.link {	background-image: url(webboard/image/menu.png);	background-position:-439px 0px;		height: 50px;	width: 77px;}
.head .menu a.link:hover {	background-position:-439px -50px;	}
	
.head .menu  a.left {	background-image: url(webboard/image/menu.png);	background-position:0px 0px;	background-repeat: no-repeat;	height: 50px;	width: 22px;}
.head .menu  a.right {	background-image: url(webboard/image/menu.png);	background-position:-529px 0px;	background-repeat: no-repeat;	height: 50px;	width: 36px;}



.head .menu .select_sub .sub a {
	margin:0;
	padding:0;
	height:auto;
	text-indent:0em;
	margin-left:auto;
	margin-right:auto;
	margin-left:10px;
	color: #333333;
	
}

.head .menu .select_sub{
display:none;
}



.body{
	background-image: url(webboard/image/BG.png);	background-position:0 -80px;	background-repeat:repeat-x;
	border-color:#FFCC00;	border-width:5px;
	-moz-border-radius:5px;	-webkit-border-radius:5px;	-moz-box-shadow:0 0 5px #666;	-webkit-box-shadow:0 0 5px #666;
	width:900px;
	text-align:left;
	margin-left: auto ;	margin-right: auto ;	border:5px solid #ccc;
	padding:15px;
}

 .subbody {
	font-weight: lighter;
	color: #333333;
	font-size: 12px;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	clear:both;
}
.body .login {
	float:left;
	position:inherit;
	background-color:transparent;
	margin-left:10px;
	margin-bottom:20px;
}


.awesome, .awesome:visited {
	background: #222 url(webboard/images/register.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}


button { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	

.body .login input,.body .search {
	background-image: url(webboard/image/box.png);
	background-repeat: no-repeat;
	height: 18px;	width: 142px;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 10px;
	padding-top: 6px;
	padding-left: 6px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	background-color:transparent;
}

.body .login #button,#button2 {
	background-repeat: no-repeat;
	height: 33px;
	width: 81px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:5px;
	padding:5px;
	background-color:transparent;
}

.body .login #button{
	background-image:url(webboard/image/OK.png);
}
.body .login #button2{
	background-image:url(webboard/image/register.png);
}

.bodyLeft{
display:block;
float:left;
}

.bodyRight{
float:left;
display:block;
clear:right;
}

.Article {	
	column-count: 2;
	column-gap: 0px;
	column-rule: 1px dotted #BBB;
	width:890px;
	margin-left: 20px;
}


.showAll {

	list-style-image: url(webboard/pic/closefd.gif);
	line-height: 25px;
}	

.newTopic{
	position:absolute;
	right:15px;
	border:0px;
	z-index:1000;
}
.hot{
		list-style-image: url(webboard/pic/hotfd.gif);
}

.newTopicButton{
	background-color:transparent;
	background-image:url(webboard/image/webboard_button.png);
	background-position:0 0;
	width:112px; height:42px;
	display:block;
}

.newTopicButton:hover{
	background-color:transparent;
	background-image:url(webboard/image/webboard_button.png);
	width:112px; height:42px;
	background-position:0 -42px;;
}


/* เฉพาะหน้าโพสต์ข้อความ */
dl {
    position: relative;

}
dt {
    clear: both;

	width:100px;

    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    margin: 0 0 8px 0;
    padding-left: 6px;
}