@import url('https://fonts.googleapis.com/css?family=Sarabun');
body {	
font-size: 11pt; 
line-height: 135%; 
color: #0099cc;
font-family: Sarabun;
}


table {	
font-size: 10pt; 
line-height: 135%; 
color: #000000;
font-family: Sarabun;
}


a:link {color: #00009d; text-decoration: none}
a:visited {color: #00009d; text-decoration: none}
a:hover {color: #ff0000; text-decoration: none}
a:active {color: #00009d; text-decoration: none}

a.menu:link {color: #66cc00; text-decoration: none}
a.menu:visited {color: #66cc00; text-decoration: none}
a.menu:hover {color: #f95100; text-decoration: none}
a.menu:active {color: #000080; text-decoration: none}

.bul_home{padding-left:18px;background: url('../images/ico/i_home.gif') 1px 3px no-repeat;}

.bul_home1{padding-left:18px;background: url('../images/ico/i_home1.gif') 1px 7px no-repeat;
  padding:4px 0 6px 25px !important;
  font-weight: bold;
  color:#000080;
}

.bul_home2{height: 28px;padding: 5px 5px 5px 25px;background: url('../images/ico_more.gif') 5px 8px no-repeat;}
.bul_logout{padding-left:22px;background: url('../images/ico/i_login.png') 1px 2px no-repeat;}

.bul1{
    background: url(../images/ico/i_bulmenu.gif) 8px 3px no-repeat;
    padding: 0px 5px 5px 25px;
}

.bg_line1{background: url('../images/ico/line_y1.gif') repeat-x;height: 5px;}
.bg_line2{background: url('../images/ico/line_x1.gif') repeat-y;}

.txt_title1{ 
font-size: 25pt; 
font-weight: bold;
font-style: none;
color: #ffffff;
letter-spacing: -1;
margin-top: 20pt;
margin-bottom: 10pt;
line-height: 100%; 
font-family: freesiaupc;
}

.gridTitle{
  height: 30px;
	text-align: center; 
	background-color: #3BB2EA; 
	border-top: 1px #3FBAF4 solid;  
	border-bottom: 1px #178FC7 solid; 
	border-left: 1px #178FC7 solid; 
	border-right: 1px #6AC8F4 solid; 
	font-family: Sarabun; 
	font-size: 14px;
	COLOR: #ffffff; 
  vertical-align: top;
  padding: 5px 10px 0 10px !important;
}

.gridRow{
	padding:0px 5px 0 5px; 
	border-bottom: 1px #eaf4ff solid; 
	border-right: 1px #DFF3FA solid; 
	font-family: Sarabun; 
	font-size: 14px; 
  height: 32px;
  vertical-align: top;
}

.gridRow1{
	padding:0 5px 0 5px; 
	background-color: #F2F5F6; 
	border-bottom: 1px #eaf4ff solid; 
	border-right: 1px #DFF3FA solid; 
	border-left: 1px #DFF3FA solid; 
	font-family: Sarabun; 
	font-size: 12px; 
}

.td_left{padding-left:5px; padding-right:5px; text-align:right}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 12px;
  padding: 4px 9px 3px 11px;
  text-decoration: none;
  cursor:pointer;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:pointer;
}				


.content-data td{
  padding:5px 5px 0 0;
}


fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
  margin-top: 30px !important;
}

legend.scheduler-border {
  font-size: 1em !important;
  font-weight: bold !important;
  text-align: left !important;
  width: auto;
  padding: 0 5px;
  border-bottom: none;
  margin-top: -10px;
  background-color: white;
  color: black;
}