@charset "utf-8";
@import url(../../css/sukhumvit/sukhumvit.css);
/* CSS Document */

body{ font-family: 'sukhumvit_setlight',Verdana, Arial, Helvetica, sans-serif; font-size:100%;}
label{ padding:3px;  display:block; }
label input, label select, label textarea{ margin: 3px; padding:4px; border:#D4D4D4 1px dashed; background:#FFF; font-size:110%; font-family: 'sukhumvit_setlight',Verdana, Arial, Helvetica, sans-serif;}

/* error เมื่อผู้ใช้ไม่ใส่ข้อมูลในช่อง textbox*/
label.error {color: #CC0000;font-style: normal; font-family: 'sukhumvit_setlight',Verdana, Arial, Helvetica, sans-serif;}

#bsubmit{ padding: 5px 10px; background-color:#333333; color:#FFFFFF; font-size: 130%; border-radius: 10px;  }
#disp{ display:inline-block;  }
.red{ color:#C00; }
.center{ text-align:center; }
.right{ text-align:right;  }
.left{ text-align:left;  }
.comment1{ color:#990000; }
.comment2{ margin:10px auto; padding: 10px; width: 90%; background-color: #fdfdfb; border-radius: 10px; }
.comment3{ font-size:18px;  }
.bold{ font-weight:700; }

#frm-login{ margin:auto; padding:5px; width: 450px; background-color: #859257; border-radius: 10px;}

#header{ margin:auto; width: 1000px;}
#header #logo{ float:left; display:inline-block; }
#header #detail-user{ float:right; display:inline-block; margin: 50px 20px 0px 5px;  }

#main-body{ margin: auto; padding: 4px; width: 1000px; background-color: #c3d294; border-radius: 10px; }

table{ margin: 5px auto; width: 98%; padding:5px; /*border:#FFF 1px solid; border-collapse:collapse;*/ border-radius: 10px; }
table tr td{ padding:3px; /*border:#FFF 1px dashed;*/ }
table thead td{ padding:3px; /*border:#FFF 1px dashed*/; background-color: #4f742c; font-weight:700; color: #FFF;  }
table tr a{ text-decoration:none; color:#006699;}
.bg1{ background-color:#E6E4D0; }
.bg2{ background-color: #EFEFEF; }

.ans{ margin:auto; width: 98%; padding: 5px; background-color:#FFF;}
#captcha{ margin:5px; padding: 5px; width: 160px; background-image:url(../image/number/bg.gif); border:#333333 1px solid; text-align:center; font-size: 130%; font-weight:600;}

/*menu*/
#menu{ margin: 5px 8px; padding: 10px; width:95%; text-align:right; background-color:#627329; border-radius:10px; font-size:16px;  }
#menu a{ text-decoration:none; color:#FFF; }
#menu a:hover{ color:#FF6; }

/*menu back*/
#menu-black{ padding: 5px; width: 95%; font-size:14px; font-weight:800;}
#menu-black a{ text-decoration:none; color:#006699;  }

#footer{ padding: 7px; margin:auto; width: 1000px; font-size:15px; font-weight:600; text-align:center; }

/* ----------------------------------------------Page-------------------------------------*/
#area-page{margin:auto; width: 97%; padding: 5px; font-size: 13px; color:#FFF; }
#area-page ul{ padding: 0px; width: 100%;}
#area-page ul li{ margin: 3px; padding: 8px 5px; width: auto; list-style: none; display:inline-block; border: #999 1px solid; border-radius: 10px; text-align:center;}
#area-page ul li { background-color: #000000; }
.active{ font-size:18px; color:#FFCC00;}
#area-page ul li a{ text-decoration:none; color:#FFFFFF; }

.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}