@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;1,200;1,300&display=swap');
.body_bg {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}


hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}







/*bg top*/
.bg_top_l {
	background-image: url(images/index22_01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_top_r {
	background-image: url(images/index22_03.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.bd_l {
	background-image: url(images/index22_04.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bd_r {
	background-image: url(images/index22_06.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bd_c {
	background-image: url(images/index22_05.png);
	background-repeat: no-repeat;
	background-position: top;
}


.bd_l1 {
	background-image: url(images/indexact_01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bd_r1 {
	background-image: url(images/indexact_03.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bd_c1 {
	background-image: url(images/indexact_02.png);
	background-repeat: no-repeat;
	background-position: top;
}






.bd_l2 {
	background-image: url(images/indexnews_01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bd_r2 {
	background-image: url(images/indexnews_03.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bd_c2 {
	background-image: url(images/indexnews_02.png);
	background-repeat: no-repeat;
	background-position: top;
}

.bd_c22 {
	background-image: url(images/body.png);
	background-repeat: no-repeat;
	background-position: top;
}




/*bg footer*/
.bg_footer {
	background-image: url(images/foot_02.png);
	background-repeat: no-repeat;
	background-position: top;
}
.bg_bottom_l {
	background-image: url(images/foot_01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_bottom_r {
	background-image: url(images/foot_03.png);
	background-repeat: no-repeat;
	background-position: left top;
}






td {font-size : 12pt; font-family: 'Sarabun', sans-serif;}
.size3 {font-size : 12pt; font-family : MS Sans Serif;}
.size2 {font-size : 11pt; font-family : MS Sans Serif;}

A.menu:visited {
	COLOR: 000000; TEXT-DECORATION: none
}
A.menu:active {
	COLOR: 000000; TEXT-DECORATION: none
}
A.menu:hover {
	COLOR: red; TEXT-DECORATION: none
}

AA {
	COLOR: 000000; TEXT-DECORATION: none
}
AA:hover {
	COLOR: 000000
}
A {
	    color: #337ab7;
    text-decoration: none;
}
A:hover {
	 text-decoration: none; font-weight: underline;
}

.table {
	FONT-SIZE: 12pt; FONT-FAMILY: MS Sans Serif
}
.bread {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: blue;
	LINE-HEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	TEXT-DECORATION: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-left-color: #666666;

}
.subheader {
	FONT-WEIGHT: normal; FONT-SIZE: xx-small; COLOR: white; FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; BACKGROUND-COLOR: none
}
.botool {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #003366;
	FONT-STYLE: normal;
	FONT-FAMILY: "MS Sans Serif", Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	border: 1px solid #000033;
	padding: 1px;


}
.datetime {
	COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif
}
.basebackground {
	BACKGROUND-COLOR: #ffffff
}
.banner {
	border: 1px solid #000066;


}
.regional {
	BACKGROUND-COLOR: #ffffff
}
.workspace {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006600;
	border-left-color: #006600;
	border-right-color: #006600;
	border-bottom-color: #006600;


}
.footer {
	FONT-SIZE: xx-small; COLOR: #000099; FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; BACKGROUND-COLOR: #ffffff
}
.captiontext {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; TEXT-ALIGN: left
}
.teasertext {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;

}
.teaserbody {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica
}
.bodytext {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"
}

/* For menu only */
.cnnNavText {
	PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 13px; LINE-HEIGHT: 17px; FONT-FAMILY: MS Sans Serif, Verdana, Arial
}
.cnnNav {
	CURSOR: pointer; COLOR: #fff; BACKGROUND-COLOR: #036
}
.cnnNav A:link {
	COLOR: #fff
}
.cnnNav A:visited {
	COLOR: #fff
}
TR TD.cnnNav A:link {
	TEXT-DECORATION: none
}
TR TD.cnnNav A:visited {
	TEXT-DECORATION: none
}

.cnnNavGroup {
	COLOR: #fff; BACKGROUND-COLOR: #666
}
.cnnNavGroup A:link {
	COLOR: #fff
}
.cnnNavGroup A:visited {
	COLOR: #fff
}
TR TD.cnnNavGroup A:link {
	TEXT-DECORATION: none
}
TR TD.cnnNavGroup A:visited {
	TEXT-DECORATION: none
}
.cnnNavOther {
	CURSOR: pointer; COLOR: #000; BACKGROUND-COLOR: #ddd
}
.cnnNavOther A:link {
	COLOR: #000
}
.cnnNavOther A:visited {
	COLOR: #000
}
TR TD.cnnNavOther A:link {
	TEXT-DECORATION: none
}
TR TD.cnnNavOther A:visited {
	TEXT-DECORATION: none
}
TD.swath {
	FONT: 10px sans-serif;
	background-color: #666666;

}
TR.cnnNavRow TD {
	BORDER-RIGHT: #003 1px solid; BORDER-TOP: #369 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: medium none; BORDER-BOTTOM: #003 1px solid
}
TR.cnnNavRow TD.swath {
	BORDER-RIGHT: medium none; BACKGROUND-COLOR: #369
}
TR.cnnNavGroupRow TD {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #ddd 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: medium none; BORDER-BOTTOM: #666 1px solid
}
TR.cnnNavOtherRow TD {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #fff 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: medium none; BORDER-BOTTOM: #666 1px solid
}
TR.cnnNavOtherRow TD.swath {
	BORDER-RIGHT: medium none; BACKGROUND-COLOR: #ccc
}

.cnnNavHilite {
	CURSOR: pointer; COLOR: #fff; BACKGROUND-COLOR: #c00
}
.cnnNavHilite A:link {
	COLOR: #fff
}
.cnnNavHilite A:visited {
	COLOR: #fff
}
TR TD.cnnNavHilite A:link {
	TEXT-DECORATION: none
}
TR TD.cnnNavHilite A:visited {
	TEXT-DECORATION: none
}

TR.cnnNavHiliteRow TD.swath {
	BORDER-RIGHT: medium none; BACKGROUND-COLOR: #f66
}


  
.ui-datepicker{  
    width:200px;
	background-color:#99cc33;
    font-family:tahoma;  
    font-size:11px;  
    text-align:center;  
}