@import url(fonts/fonts.css);
/*
THBaijam			
THChakraPetch
THCharmofAU
THFahkwang
THK2DJuly8
THKodchasal
THKoHo				กอฮอ (ก.ฮ.)
THKrub
THMaliGrade6		มะลิ
THNiramitAS
THSrisakdi
THCharmonman
THSarabunNew	สารบัญ
เพิ่มเติม
Bangna				บางนา ตัดใหม่ (Bangna New)
wdb_Bangna		ดับบลิวดีบี บางนา (WDB Bangna)
Bansomdej			บ้านสมเด็จ BSRU Bansomdej  ###ตัวหนังสือเพี้ยน
DanViVek			ดานวิเวก (TH Dan Vi Vek)	####ต้องเพิ่มขนาด Font-size 
ps_PimDeed		พิมพ์ดีด  ####ต้องเพิ่มขนาด Font-size 
THsansneue		ไทยสารนุก
*/

BODY {
	FONT-FAMILY:  'THChakraPetch'; 
	/* line-height: 24px; */
	CURSOR: default; 
	MARGIN: 0 0 10 0px;  /* top right bottom left  */
	PADDING: 0;
	BACKGROUND-color: #FFF;
	/*background: transparent url(../images/000-00_R020948.jpg) no-repeat; */
	COLOR: #000;
}
A:link		{ color:#0000A0; FONT-WEIGHT: none; text-decoration:none;  }
A:active	{ color:#8080FF; FONT-WEIGHT: none; text-decoration:none;  }
A:visited	{ color:#0000A0; FONT-WEIGHT: none; text-decoration:none;  }
A:hover	{ color:#8080FF; FONT-WEIGHT: none; text-decoration:underline;  }

input,select,textarea 	{  font-family: 'THChakraPetch'; clear: both; cursor:pointer; }

.header		{ font-family: 'THCharmonman'; font-size: 24px; }
.footer		{ font-family: 'asadong'; font-size: 20px; }
.footer a:link		{ font-family: 'asadong'; font-size: 20px; }
.footer a:hover	{ font-family: 'asadong'; font-size: 20px; text-decoration:underline; }
.copyright	{ font-family: 'THCharmonman'; color: #c0c0c0; font-size: 0.5em; }
.copyright a:link	{ font-family: 'THCharmonman'; color: #c0c0c0; font-size: 0.5em; }
.copyright a:hover{ font-family: 'THCharmonman'; color: #c0c0c0; font-size: 0.5em; text-decoration:underline; }

/* ฟอนต์ราชการสวยๆ*/
.THCharmonman	{ font-family: 'THCharmonman'; font-size: 12px; }
.THSrisakdi			{ font-family: 'THSrisakdi'; font-size: 12px; }
.DanViVek			{ font-family: 'DanViVek'; font-size: 24px; }
.Bansomdej			{ font-family: 'Bansomdej'; font-size: 14px; }
.ps_PimDeed		{ font-family: 'ps_PimDeed'; font-size: 24px; }
.THMaliGrade6		{ font-family: 'THMaliGrade6'; font-size: 12px; }
.wdb_Bangna		{ font-family: 'wdb_Bangna'; font-size: 14px; }
.THSarabunNew		{ font-family: 'THSarabunNew'; font-size: 14px; }
.THSarabunNew_print		{ font-family: 'THSarabunNew'; font-size: 12px; line-height: 16px;}

.menu		{ font-family: 'asadong'; font-size: 24px; }
.menu a:link		{ font-family: 'asadong'; font-size: 24px; }
.menu a:hover		{ font-family: 'asadong'; font-size: 24px; text-decoration:underline; }
.menuGreen	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: green; }
.menuGreen a:link	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: green; }
.menuGreen a:hover	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: green; text-decoration:underline; }
.menuBlue		{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: blue; }
.menuBlue a:link	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: blue; }
.menuBlue a:hover	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: blue; text-decoration:underline; }
.menuOrange	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: orange; }
.menuOrange a:link	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: orange; }
.menuOrange a:hover	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: orange; text-decoration:underline; }
.smallfont		{ font-size: 12px; }
.smallfont a:link		{ font-size: 12px; }
.smallfont a:hover	{ font-size: 12px; text-decoration:underline; }

/* row1 = สีเหลืองอ่อน, row2 = สีฟ้าอ่อน, row3 = สีเขียวอ่อน */

.row1 { background-color: #ffffea; padding: 1px; }
.row2 { background-color: #eaeaff; padding: 1px; }
.row3 { background-color: #eaffef; padding: 1px; }
.row4 { background-color: #ffffff; padding: 1px; }
.row1 { background-color: #ffffea; padding: 1px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row2 { background-color: #eaeaff; padding: 1px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row3 { background-color: #eaffef; padding: 1px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 1px 1px; }
.row4 { background-color: #ffffff; padding: 1px; border-color: #c0c0c0; border-style: solid; border-width: 1px 1px 1px 1px; }

.myButton {
	cursor:pointer; 
	font-family: 'asadong';
	font-size: 24px; font-weight:none;
	border: 1px solid #fff;  /* #96d1f8 */
	background-color: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#8000ff));
	background: -moz-linear-gradient(top,  #65a9d7,  #8000ff);
	padding: 5px 10px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	color: white;
	text-decoration: none; 
	vertical-align: middle;
}
.myButton:hover {
    border-top-color: #8080ff;
	background: #8080ff;
    color: #ffffff; 
}
.myButton:active {
    border-top-color: #1b435e;
	background: #1b435e;
	outline: 0;
}

/*ตาราง goldenrod, lemonchiffon */
.myTableGold{
	border-collapse:collapse; 
}
.myTableGold th,
.myTableGold td { 
	padding:5px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableGold th{
	background: goldenrod;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
}
/*  Define the background color for all the EVEN background rows  */
.myTableGold tr:nth-child(even){
	background: gold;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableGold tr:nth-child(odd){ 
	background: lemonchiffon;		/*สีพื้น - แถวสอง*/
}

/*ตาราง น้ำเงิน ฟ้า */
.myTableSky{
	border-collapse:collapse; 
}
.myTableSky th,
.myTableSky td { 
	padding:5px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableSky th{
	background: #0080ff;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
}
/*  Define the background color for all the EVEN background rows  */
.myTableSky tr:nth-child(even){
	background: #b8d1f3;		/*สีพื้น - แถวแรก**/
}
/*  Define the background color for all the ODD background rows  */
.myTableSky tr:nth-child(odd){ 
	background: #dae5f4;		/*สีพื้น - แถวสอง*/
}

/*ตาราง เขียว - เหลือง */
.myTableGreen{
	border-collapse:collapse; 
}
.myTableGreen th,
.myTableGreen td { 
	padding:5px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableGreen th{
	background: green;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
}
/*  Define the background color for all the EVEN background rows  */
.myTableGreen tr:nth-child(even){
	background: #BCF5A9;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableGreen tr:nth-child(odd){ 
	background: #dfffdf;		/*สีพื้น - แถวสอง*/
}

/*ตาราง น้ำเงิน - เหลือง */
.myTableBlue{
	border-collapse:collapse; 
}
.myTableBlue th,
.myTableBlue td { 
	padding:5px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableBlue th{
	background: blue;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
}
/*  Define the background color for all the EVEN background rows  */
.myTableBlue tr:nth-child(even){
	background: #acc0fd ;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableBlue tr:nth-child(odd){ 
	background: #e0e8fe;		/*สีพื้น - แถวสอง*/
}

/*ตาราง น้ำเงิน - เหลือง */
.myTablePurple{
	border-collapse:collapse; 
}
.myTablePurple th,
.myTablePurple td { 
	padding:5px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTablePurple th{
	background: #8000ff;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
}
/*  Define the background color for all the EVEN background rows  */
.myTablePurple tr:nth-child(even){
	background: #d5aaff ;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTablePurple tr:nth-child(odd){ 
	background: #ead5ff;		/*สีพื้น - แถวสอง*/
}