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

.linelogo{
	max-width: 1920px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 500px;
	margin: auto;
	z-index: 0;
	
}



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

.bg_top_r2 {
	background-image: url(images/index_09.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
/*bg body*/
.bd_center {
	/*background-image: url(dex_08.jpg);*/
	background-repeat: no-repeat;
	background-position: center bottom;
}
.bd_l {
	background-image: url(images/index_04.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bd_r {
	background-image: url(images/index_06.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_pool {
	background: url(../image/collect1/index_227.gif) no-repeat right bottom;
}

/*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 : 11pt; font-family: 'Sarabun', sans-serif;}
.size3 {font-size : 12pt; font-family: 'Sarabun', sans-serif;}
.size2 {font-size : 11pt; font-family: 'Sarabun', 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: 000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: red; TEXT-DECORATION: none
}
.table {
	FONT-SIZE: 11pt; font-family: 'Sarabun', 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;  
}  

@media only screen and (min-width: 320px) and (max-width: 1250px){
	.linelogo{
		max-width: 1920px;
		width: 1255px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 550px;
		margin: auto;
		overflow: hidden;
	}
	
}