body {
	margin: 0px; color: rgb(0, 0, 0); padding-top: 0px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none; background-image: url("images/bg.jpg");
}
body a {
	color: rgb(0, 0, 0); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body a:hover {
	color: rgb(0, 0, 0); font-family: MS Sans Serif ,Arial; font-size: 13px;
}
body .default {
	color: rgb(144, 69, 9); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .default a {
	color: rgb(144, 69, 9); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .default a:hover {
	color: rgb(190, 97, 22); font-family: MS Sans Serif ,Arial; font-size: 13px;
}
body .menu {
	text-align: center; color: rgb(255, 255, 255); font-family: MS Sans Serif ,Arial; font-size: 13px; font-weight: bold; text-decoration: none;
}
body .menu a {
	text-align: center; color: rgb(255, 255, 255); font-family: MS Sans Serif ,Arial; font-size: 13px; font-weight: bold; text-decoration: none;
}
body .menu a:hover {
	color: rgb(255, 93, 23); font-family: MS Sans Serif ,Arial; font-size: 13px;
}
body .table_blue {
	border: 1px solid rgb(41, 128, 244); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .blue {
	text-align: left; color: rgb(10, 64, 137); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .blue2 a{
	text-align: center; color: rgb(10, 64, 137); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 18px; text-decoration: none;
}
body .blue2 a:hover {
	color: rgb(103, 159, 236); font-family: MS Sans Serif ,Arial; font-size: 18px; text-decoration: none;
}
body .blue1 {
	text-align: left; color: #0000FF; padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 14px; text-decoration: none;
}
body .blue a {
	text-align: left; color: rgb(10, 64, 137); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .blue a:hover {
	color: rgb(103, 159, 236); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
.table_green 
{
	border: 1px solid rgb(22, 179, 37); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
.MyLinkgreen a
{
    color: limegreen; text-align: center;   padding-left: 3px; font-family: Leelawadee; font-size: 15px; text-decoration: underline; 
}
.MyLinkgreen a:hover 
{
    color: #FF99CC; font-family: Leelawadee; font-size: 15px; text-decoration: underline wavy #FF99CC;
}
body .green {
	text-align: left; color: rgb(4, 136, 16); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .green a {
	text-align: left; color: rgb(4, 136, 16); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .green a:hover {
	color: rgb(56, 210, 53); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .table_orange {
	border: 1px solid rgb(213, 145, 15); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .orange {
	text-align: left; color: rgb(128, 85, 5); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .orange a {
	text-align: left; color: rgb(128, 85, 5); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .orange a:hover {
	color: rgb(174, 121, 20); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .table_pink {
	border: 1px solid rgb(196, 5, 144); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .pink {
	text-align: left; color: rgb(224, 32, 213); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .pink a {
	text-align: left; color: rgb(224, 32, 213); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .pink a:hover {
	color: rgb(194, 41, 153); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .table_red {
	border: 1px solid rgb(225, 59, 14); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .red {
	text-align: left; color: rgb(244, 56, 56); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .red a {
	text-align: left; color: rgb(244, 56, 56); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .red a:hover {
	color: rgb(212, 79, 43); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .yellow {
	text-align: left; color: rgb(144, 69, 9); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .yellow a {
	text-align: left; color: rgb(144, 69, 9); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .yellow a:hover {
	color: rgb(190, 97, 22); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .login_filed {
	border: 1px solid #006600; font-family: MS Sans Serif ,Arial; font-size: 15px; background-color: rgb(255, 255, 255); 
}
body .margin_tran {
	padding: 2px; text-align: left; font-family: MS Sans Serif ,Arial; font-size: 12px;
}
body td.personalheader {
	text-align: center; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; background-color: rgb(201, 63, 1);
}
body td.personal {
	text-align: left; padding-left: 10px; background-color: rgb(251, 240, 236);
}
body td.topic {
	text-align: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; background-color: rgb(255, 102, 0);
}
body td.Mytopic {
	text-align: center; color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; background-color:chartreuse;
}
body td.Mytopic2 {
	text-align: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; background-color:#0000FF;
}
body table.view {
	border: thin solid rgb(204, 153, 0);
}
body td.announce {
	height: 20px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; background-image: url("images/bar_5.gif");
}
body table.common_table {
	border: 1px solid rgb(226, 108, 47); border-collapse: collapse;
}
body td.common_table_topic {
	border: 1px solid rgb(226, 108, 47); padding-right: 5px; padding-left: 5px;
}
body td.rowcommon_table_header {
	border: 1px solid #800080; text-align: center; font-weight: bold;
}
body td.rowcommon_table_topic {
	border: 1px solid #800080; text-align: left; padding-right: 5px; padding-left: 5px;
        font-family: MS Sans Serif ,Arial; font-size: 12px; text-decoration: none; 
}
body td.rowcommon_table_datacenter {
	border: 1px solid #800080; text-align: center;
}
body td.submenu {
	text-align: center; padding-top: 3px; padding-bottom: 3px; border-top-color: rgb(240, 200, 183); border-bottom-color: rgb(240, 200, 183); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
body td.Mysubmenu {
	text-align: center; padding-top: 3px; padding-bottom: 3px; border-top-color:#0000FF; border-bottom-color: #0000FF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
body .calendar_n {
	color: rgb(153, 153, 153); font-family: MS Sans Serif ,Arial; font-size: 9px; text-decoration: none;
}
body .calendar_n a {
	color: rgb(153, 153, 153); font-family: MS Sans Serif ,Arial; font-size: 9px; text-decoration: none;
}
body .calendar_data a:hover {
	color: rgb(153, 153, 153); font-family: MS Sans Serif ,Arial; font-size: 9px;
}
body .calendar_data {
	color: rgb(144, 69, 9); font-family: MS Sans Serif ,Arial; font-size: 9px; text-decoration: none;
}
body .calendar_data a {
	color: rgb(144, 69, 9); font-family: MS Sans Serif ,Arial; font-size: 9px; text-decoration: none;
}
body .calendar_data a:hover {
	color: rgb(190, 97, 22); font-family: MS Sans Serif ,Arial; font-size: 9px;
}
body .Mybutton {
	border: 0px solid #800080; font-family: MS Sans Serif ,Arial; font-size: 13px; background: transparent;
}
body .MybuttonBorder1 {
        font-size: 18px;  font-weight:bold; color: #0000FF;
}
body .MybuttonBorder2 {
       font-size: 18px;  font-weight:bold; color: #006600; 
}
body .MybuttonBorder3 {
       font-size: 18px;  font-weight:bold; color: #FF0000; 
}
body .MybuttonBorder4 {
	border: 2px solid #FF0000; font-family: MS Sans Serif ,Arial; color: #FF0000; font-size: 14px; font-weight:bold;  background: #FFFFFF;
}
body .MybuttonBorder5 {
	border: 2px solid #FF0000; font-family: MS Sans Serif ,Arial;color: #FF0000; font-size: 12px; font-weight:bold;  background: #FFFFFF;
}
body .MybuttonBorder6 {
	border: 2px solid #006600; font-family: MS Sans Serif ,Arial;color: #006600; font-size: 12px; font-weight:bold;  background: #FFFFFF;
}
body .MybuttonBorder7 {
	border: 1px solid #006600; font-family: MS Sans Serif ,Arial;color: #000000; font-size: 14px; background: #FFFFFF;
}
body .buttonData2 {
	border-style:solid; border-color:#FFFFFF;  background-color:#FFFFFF;  text-align: left; color: #000000;
	font-family: MS Sans Serif ,Arial; font-size: 12px; text-decoration: none; 
}
body .MyInput {
	text-align: left; color: #000000; font-family: MS Sans Serif ,Arial; font-size: 12px; text-decoration: none;
}
body My_table {
	border: 1px solid #800080; text-align: center; font-weight: bold; background: #FF99CC;
}
body .MyPicture {
	border: 1px solid #800080; font-family: MS Sans Serif ,Arial; font-size: 13px;
}
body .NewFontBig {
	color: #0000FF; font-family: MS Sans Serif ,Arial; font-size: 18px; text-decoration: none;
}
body .NormalFont {
	color: black; font-family: MS Sans Serif; font-size: 16px; text-decoration: none;
}
body .Mygreen {
	text-align: right; color: rgb(4, 136, 16); padding-left: 3px; font-family: MS Sans Serif ,Arial; font-size: 18px; text-decoration: none;
}
body .InputData {
	text-align: left; color: rgb(0, 0, 0); font-family: MS Sans Serif ,Arial; font-size: 13px; text-decoration: none;
}
body .buttonData {
	border-style:solid; border-color:#FFFFFF;  background-color:#FFFFFF;  text-align: left; color: rgb(22, 179, 37);
	font-family: MS Sans Serif ,Arial; font-size: 14px; text-decoration: none;
}
body .MybuttonData {
	border-style:solid; border-color:#FFFFFF;  background-color:#FFFFFF;  text-align: left; color: black;
	font-family: MS Sans Serif ,Arial; font-size: 14px; text-decoration: none;
}
body .MybuttonDataX {
	border-style:solid; border-color:#FFFFFF;  background-color:#FFFFFF;  text-align: left; color: black;
	font-family: MS Sans Serif ,Arial; font-size: 16px; text-decoration: none;
}
body .Text2 {
	font-family: "Angsana New", AngsanaUPC, "Times New Roman"; font-size: 20px; text-decoration: none;
}

.B_bgcolor {
  background-color: #C500C5;
  padding: 0 90px;
}

.navbar-default {
  background-color: #c500c5;
  border-color: #C500C5;
}
.navbar-default .navbar-brand {
  color: #ffffff;
  font-size: 14px;
  font-weight:bold; 
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
  font-size: 14px;
  font-weight:bold;   
}
.navbar-default .navbar-text {
  color: #ffffff;
  font-size: 14px;
  font-weight:bold;   
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  font-size: 14px;
  font-weight:bold;   
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  font-size: 14px;
  font-weight:bold;   
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #720f78;  
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #720f78;
}
.navbar-default .navbar-toggle {
  border-color: #720f78;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #720f78;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}