@charset "utf-8";
img {border: none;}
body {
	margin:0px;
	padding:0;
	font-family:"Helvetica Neue", Arial;
	font-size:13px;
	line-height:1.35em;


}
#top_1 {
	float: left;
	height: auto;
	width: 1028px;
	background-color: #000;
	border: 2px solid #beaa00;
}
.top-body {
	float: left;
	height: auto;
	width: 1028px;
}
.top-header {
	float: left;
	height: auto;
	width: 1028px;
}
.top-news {
	float: left;
	height: auto;
	width: 1028px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.t-news1 {
	float: left;
	height: auto;
	width: auto;
	background-color: #960;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #170700;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.t-news2 {
	float: left;
	height: auto;
	width: 960px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #C93;
	padding: 2px;
	background-image: url(img/bg-news.png);
	background-repeat: no-repeat;
	background-position: right;
}
.top-menu {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #47140c;
	background-color: #202020;
	background-repeat: repeat-x;
	float: left;
	height: auto;
	width: 1028px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.t-menu1 {
	float: right;
	height: auto;
	width: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fdd51d;
	border-left-color: #301100;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
}
a.t-menu1:link {
	font-size: 16px;
	color: #fdd51d;
	text-decoration:none;
	text-shadow: 1px 1px 0px #301100;
} /* unvisited link สีแดง*/
a.t-menu1:visited {
	color: #fdd51d;
	font-size: 16px;
	text-decoration:none;
	background-color: #47140c;
	text-shadow: 1px 1px 0px #301100;
} /* visited link สีเขียว*/
a.t-menu1:hover {
	color: #ffe985;
	font-size: 16px;
	text-decoration:none;
	background-color: #948601;
	text-shadow: 1px 1px 0px #301100;
} /* mouse over link สีชมพู */
a.t-menu1:active {
	color: #c2af00;

	font-size: 16px;
	text-decoration:none;
	background-color: #948601;
	text-shadow: 1px 1px 0px #301100;
} /* selected link สีน้ำเงิน*/ 
.body1 {
	float: left;
	height: auto;
	width: 1028px;
}
.body-l {
	float: left;
	height: auto;
	width: 270px;
}
.body-r {
	float: left;
	height: auto;
	width: 758px;
	margin-top: 10px;
}
.bg-body-l {
	float: left;
	height: auto;
	width: 256px;
	margin-left: 4px;
	margin-right: 10px;
	margin-top: 10px;
	color: #FFF;
}
.bg-b1 {
	float: left;
	width: 256px;
	background-image: url(img/bg0003.png);
	background-repeat: no-repeat;
	height: 206px;
}
.bg-b2 {
	float: left;
	width: 256px;
	background-image: url(img/bg02.png);
	background-repeat: no-repeat;
	height: 206px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.bg-body-r1 {
	float: left;
	height: auto;
	width: 750px;
	border: 1px solid #beaa00;
	margin-bottom: 15px;
}
.board {
	float: left;
	height: auto;
	width: 740px;
	border: 1px solid #CCC;
	margin: 4px;
}
.bb1 {
	background-image: url(img/bg-board.png);
	background-repeat: no-repeat;
	float: left;
	height: 49px;
	width: 740px;
}
.bb2 {
	float: left;
	height: auto;
	width: 740px;
}
table {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}

.login {
	float: left;
	height: 142px;
	width: 230px;
	margin-top: 55px;
	margin-right: 13px;
	margin-left: 13px;
	margin-bottom: 8px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.stat {
	float: left;
	height: 130px;
	width: 205px;
	margin-right: 20px;
	margin-left: 26px;
	margin-bottom: 8px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.stat1 {
	float: left;
	height: 27px;
	width: 205px;
	margin-right: 20px;
	margin-left: 26px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-top: 28px;
	text-align: center;
}

input[type="username"] {
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(235, 235, 235, 0.9) inset;
    color: #330000;
   width: 120px;
    height: 20px;
    outline: 0 none;
    padding: 4px;
}
input[type="password"] {
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(235, 235, 235, 0.9) inset;
    color: #330000;
   width: 120px;
    height: 20px;
    outline: 0 none;
    padding: 4px;
}
.board1 {
	float: left;
	height: auto;
	width: 730px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.intro {
	float: left;
	height: auto;
	width: 740px;
	margin: 4px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.intro1 {
	float: left;
	height: 43px;
	width: 740px;
}
.intro1-2 {
	float: left;
	height: 43px;
	width: 740px;
	background-image: url(img/bg3.png);
	background-repeat: no-repeat;
}
.intro2 {
	float: left;
	height: auto;
	width: 740px;
}
.pro {
	float: left;
	height: auto;
	width: 126px;
	padding: 10px;
}
.pro1 {
	float: left;
	height: 182px;
	width: 126px;
}
.pro2 {
	float: left;
	height: 135px;
	width: 116px;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}
.pro3 {
	float: left;
	height: 35px;
	width: 107px;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}
.pro4 {
	float: left;
	height: 16px;
	width: 107px;
	margin: 9px;
}












a.pro:link {

	float: left;
	height: auto;
	width: 126px;
	padding: 10px;
} /* unvisited link สีแดง*/
a.pro:visited {
		float: left;
	height: auto;
	width: 126px;
	padding: 10px;
	
	background-color: #47140c;
	
} /* visited link สีเขียว*/
a.pro:hover {
		float: left;
	height: auto;
	width: 126px;
	padding: 10px;

	background-color: #948601;

} /* mouse over link สีชมพู */
a.pro:active {
		float: left;
	height: auto;
	width: 126px;
	padding: 10px;

	background-color: #948601;

} /* selected link สีน้ำเงิน*/ 
.ma1 {
	float: left;
	height: 65px;
	width: 256px;
	background-image: url(img/bg-cat222.png);
	background-repeat: no-repeat;
}
.mr1 {
	float: left;
	height: 65px;
	width: 256px;
	background-image: url(img/bg-cat1.png);
	background-repeat: no-repeat;
}
.ma2 {
	background-image: url(img/bg-cat012.png);
	background-repeat: repeat-y;
	float: left;
	height: auto;
	width: 256px;
}
.ma3 {
	background-image: url(img/bg-cat022.png);
	float: left;
	height: 36px;
	width: 256px;
	background-repeat: no-repeat;
}
.maa1 {
	float: left;
	height: auto;
	width: 210px;
	margin-right: 15px;
	margin-left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.maas1 {
	float: left;
	height: auto;
	width: 205px;
	margin-right: 15px;
	margin-left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #930;
}

.maa1 a:link {
  
	
	font-size: 14px;
	color: #000000;
	text-shadow: 1px 1px 0 #ffffff;
	
     text-decoration:none;
} /* unvisited link สีแดง*/
.maa1 a:visited {
	color: #000000;
	
	font-size: 14px;
text-shadow: 1px 1px 0 #ffffff;
	text-decoration:none;
} /* visited link สีเขียว*/
.maa1 a:hover {
	color: #7d5c00;
	
	font-size: 14px;
	text-shadow: 1px 1px 0 #ffffff;
	text-decoration:none;
} /* mouse over link สีชมพู */
.maa1 a:active {
	color: #7d5c00;
	
	font-size: 14px;
text-shadow: 1px 1px 0 #ffffff;
	text-decoration:none;
} /* selected link สีน้ำเงิน*/ 















.footer {
	background-image: url(img/bg-footer.png);
	background-repeat: repeat-x;
	float: left;
	height: 185px;
	width: 1028px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
}
.foot1 {
	float: left;
	height: 185px;
	width: 479px;
}
.foot2 {
	float: left;
	height: 185px;
	width: 547px;
}
.f-menu {
	float: left;
	height: auto;
	width: 547px;
	margin-top: 15px;
}
.f-menu-1 {
	padding: 5px;
	float: left;
	height: auto;
	width: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
}
.f-moot {
	background-image: url(img/bg-footer2.png);
	background-repeat: repeat;
	float: left;
	height: auto;
	width: 514px;
	margin-top: 15px;
	border: 2px dashed #CCC;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 18px;
}





.foot11 {
	float: left;
	height: auto;
	width: 400px;
	margin-top: 70px;
	margin-left: 30px;
	font-size: 18px;
}
#webboard {
	width: 730px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 5px;
	float: left;
	height: auto;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
#webboard3 {
	float: left;
	height: 35px;
	width: 200px;
}
#webboard4 {
	float: right;
	height: 20px;
	width: 80px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-left: 15px;
	border: 1px ridge #E4E4E4;
	background-color: #F8F8F8;
}
#text_1 {
	float: left;
	height: auto;
	width: 740px;
	margin-top: 5px;
}
#d_c_board {
	float: left;
	width: 740px;
	height: auto;
}


.browse_page{  
    clear:both;  
    margin-left:12px;  
    height:35px;  
    margin-top:5px;  
    display:block;  
}  
.browse_page a,.browse_page a:hover{  
    display:block;  
    height:18px;  
    width:18px;  
    font-size:10px;  
    float:left;  
    margin-right:2px;  
    border:1px solid #CCCCCC;  
    background-color:#F4F4F4;  
    color:#333333;  
    text-align:center;  
    line-height:18px;  
    font-weight:bold;  
    text-decoration:none;  
}  
.browse_page a:hover{  
    border:1px solid #0A85CB;  
    background-color:#0A85CB;  
    color:#FFFFFF;  
}  
.browse_page a.selectPage{  
    display:block;  
    height:18px;  
    width:18px;  
    font-size:10px;  
    float:left;  
    margin-right:2px;  
    border:1px solid #0A85CB;  
    background-color:#0A85CB;  
    color:#FFFFFF;  
    text-align:center;  
    line-height:18px;  
    font-weight:bold;  
}  
.browse_page a.SpaceC{  
    display:block;  
    height:18px;  
    width:18px;  
    font-size:10px;  
    float:left;  
    margin-right:2px;  
    border:0px dotted #0A85CB;  
    font-size:11px;  
    background-color:#FFFFFF;  
    color:#333333;  
    text-align:center;  
    line-height:18px;  
    font-weight:bold;  
}  
.browse_page a.naviPN{  
    width:50px;  
    font-size:12px;  
    display:block;  
    height:18px;  
    float:left;  
    border:1px solid #0A85CB;  
    background-color:#0A85CB;  
    color:#FFFFFF;  
    text-align:center;  
    line-height:18px;  
    font-weight:bold;     
}  
.browse_page a.naviPN:hover{  
    width:50px;  
    font-size:12px;  
    display:block;  
    height:18px;  
    float:left;  
    border:1px solid #0A85CB;  
    background-color:#0A85CB;  
    color:#FFFFFF;  
    text-align:center;  
    line-height:18px;  
    font-weight:bold;     
} 












.browse2{  
    clear:both;  
    margin-left:12px;  
    height:35px;  
   
    display:block;  
}  
.browse2 a,.browse2 a:hover{  
    display:block;  
    height:18px;  
    width:auto;
    font-size:10px;  
    float:left;  
    margin-right:2px;  
    border:1px solid #CCCCCC;  
    background-color:#F4F4F4;  
    color:#333333;  
    text-align:center;  
    line-height:18px;  
    font-weight:bold;  
    text-decoration:none;  
}  
.browse2 a:hover{  
    border:1px solid #0A85CB;  
    background-color:#0A85CB;  
    color:#FFFFFF;  
}  
.
.ac1 {
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
}







#webboard1 {
	text-align: right;
	height: auto;
	width: 100%;
}
.intro22 {
	float: left;
	height: auto;
	width: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #BAA500;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
}
.tt1 {
	background-color: #6CF;
	padding: 2px;
	border: 1px solid #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: underline;
}

a.tt1:hover{
	background-color: #F00;
	padding: 2px;
	border: 1px solid #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: underline;
}

a.tt1:link {
  
	
	font-size: 14px;
	color: #000000;
	
	
     text-decoration:none;
} /* unvisited link สีแดง*/







.tt2 {
	border: 1px solid #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: underline;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

a.tt2:hover{
	background-color: #39F;
	padding: 2px;
	border: 1px solid #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: underline;
		margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

a.tt2:link {
  
	
	font-size: 14px;
	color: #000000;
	
	
     text-decoration:none;
} /* unvisited link สีแดง*/



.badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}
.prot {
	float: left;
	height: auto;
	width: 740px;
	border: 1px dashed #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
.prot3 {
	float: left;
	height: auto;
	width: 600px;
	margin-left: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #FFFF00;
}
.prot1 {
	float: left;
	height: auto;
	width: 116px;
	padding: 2px;
	margin: 2px;
	border: 1px dashed #F90;
}
.alert1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	padding: 10px;
}