.tblglobal02 {
	BACKGROUND-COLOR: #b0c4de
}

.tblglobal03 {
	BACKGROUND-COLOR: #f1f1f8
}

.tblglobal04 {
	BACKGROUND-COLOR: #ffffff
}

.tblbodyrow {
	BORDER-RIGHT: #00CCCC 0px solid; BORDER-TOP: #00CCCC 1px solid; BORDER-LEFT: #00CCCC 0px solid; BORDER-BOTTOM: #00CCCC 1px solid
}

.tblhrrow {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #00CCCC 2px solid
}

.tblhrrow1 {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #00CCCC 1px solid
}

.tblhrrow2 {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #00CCCC 1px solid
}

.tbllindsiderow {
	BORDER-RIGHT: #99FF00 1px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #ffffff 0px solid
}

.tbllindboxrow {
	BORDER-RIGHT: #00CCCC 4px solid; BORDER-TOP: #00CCCC 4px solid; BORDER-LEFT: #00CCCC 4px solid; BORDER-BOTTOM: #00CCCC 4px solid
}

.textlink {
	COLOR: #737373; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}

.textnormal {
	COLOR: #000000; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}

.textTitle {
	FONT-WEIGHT: bold; COLOR: #000000; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}

.textTitleX {
	FONT-WEIGHT: bold;  COLOR: #0000CC; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}

.textlink2 {
	COLOR: #737373; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}

.textlink22 {
	 COLOR: #6699cc; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}


.textlink23 {
	 COLOR: #6699cc; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: underline
}

.textlink3 {
	FONT-WEIGHT: bold;  COLOR: #6699cc; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}

.textlink33 {
	FONT-WEIGHT: bold;  COLOR: #000000; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}

.textlinkmenu {
	COLOR: #003366; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none
}


.bnt {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: "microsoft sans serif"
}



.textTitle2 {

	FONT-WEIGHT: bold; COLOR: #000000; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none

}

.textTitle3 {

	FONT-WEIGHT: bold; COLOR: #000000; font-family: 'Sarabun', sans-serif; TEXT-DECORATION: none

}

.tblhrrowtopdown {

	BORDER-RIGHT: black 0px solid; BORDER-TOP: #6699cc 1px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #6699cc 1px solid

}

.inputbox {

	BORDER:  1px dotted #525252; COLOR: #333333; BACKGROUND-COLOR: "#F2F4F7";
		-moz-border-radius: 3px;
	border-radius: 3px;
}

.calTitle {

	FONT: bold 14px Tahoma,MS Sans Serif,Arial; HEIGHT: 30px; TEXT-ALIGN: center

}

.calItem {

	FONT: bold 10px Tahoma,MS Sans Serif,Arial; VERTICAL-ALIGN: top; HEIGHT: 80px; BACKGROUND-COLOR: #ffffcc; TEXT-ALIGN: left

}

.calItemLink {

	FONT: bold 10px Tahoma,MS Sans Serif,Arial; VERTICAL-ALIGN: top; BACKGROUND-COLOR: #ffffcc; TEXT-ALIGN: left

}

.calDayname {

	FONT: bold 11px Tahoma,MS Sans Serif,Arial; WIDTH: 100px; HEIGHT: 30px; BACKGROUND-COLOR: #7eaed6; TEXT-ALIGN: center

}

.calToday {

	FONT: 11px Tahoma,MS Sans Serif,Arial; VERTICAL-ALIGN: top; COLOR: #ff0000; BACKGROUND-COLOR: #ffffcc; TEXT-ALIGN: left

}

.calDay {

	FONT: bold 11px Tahoma,MS Sans Serif,Arial; VERTICAL-ALIGN: top; WIDTH: 100px; HEIGHT: 80px; BACKGROUND-COLOR: #e9e9e9; TEXT-ALIGN: left

}

.calTDay {

	FONT: bold 11px Tahoma,MS Sans Serif,Arial; VERTICAL-ALIGN: top; WIDTH: 100px; HEIGHT: 80px; BACKGROUND-COLOR: #f3f3f3; TEXT-ALIGN: left

}

A.calNav {

	FONT: 12px Tahoma,MS Sans Serif,Arial; TEXT-DECORATION: none

}

A.calNav:hover {

	TEXT-DECORATION: underline

}







.aceButton {

background-color: #65b2be;

font-weight:bold;

color:#ffffff;

}



.trline

{

	border-left:1px none #cccccc; 

	border-top:1px none #cccccc;  

	border-right:1px none #cccccc;  

	border-bottom:1px solid #D9F0FF;

	font-family: Ms Sans Serif;

	font-size:13px;



}

.tdlinedot{
	border-bottom:1px dotted #B1BAB3; 

}

TD.uline {

	BORDER-TOP: none;

	BORDER-BOTTOM: 1px solid #E8E8E8;

	border-right-style: none;

	border-left-style: none;

}





td.menuout {

height: 25px;

background-image: url("../image/bt.jpg");

background-position: center left;

background-repeat: no-repeat;

}

td.menuover {

height: 25px;

background-image: url("../image/btover.jpg");

background-position: center left;

background-repeat: no-repeat;

}

td.bghead {

background-image: url("../image/bghead.jpg");

background-position: top left;

background-repeat: repeat-x;

}

td.bgmenu {

background-image: url("./images/bottom_dark.png");

background-position: top right;

background-repeat: repeat-y;

}

tr.bglogin {

background-image: url("../image/bglogin.jpg");

background-position: top right;

background-repeat: repeat-y;

}

td.bgbottom {

background-image: url("../image/bgbottom.jpg");

background-position: top left;

background-repeat: repeat-x;

}





td.bgheadad {

background-image: url("../image/bgheadad.jpg");

background-position: top left;

background-repeat: repeat-x;

}

td.bgmenu {
	background: url("../images/bottom_dark.png");
	background-repeat: repeat-x;

}
td.grad {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#3F8496, endColorstr=#FFFFFF);

}



td.gradOrange {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#FFCC00, endColorstr=#FFFFFF);

}

td.gradGray {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#F5EBEB, endColorstr=#FFFFFF);

}

td.gradGreen {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#66FF00, endColorstr=#FFFFFF);

}

td.gradBlue {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#0099FF, endColorstr=#FFFFFF);

}



td.bgheadadin {

background-image: url("../image/bgheadadin.jpg");

background-position: top left;

background-repeat: repeat-x;

}

td.gradmenuadin {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#6DA1B0, endColorstr=#DAE7EB);

}

td.gradmenuadin2 {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#3F8496, endColorstr=#DAE7EB);

}

td.gradmenuadinv {

Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6DA1B0, endColorstr=#DAE7EB);

}



a.menu {text-decoration:none}

a.menu:link    {color:#FFFFFF; background-color:transparent;}

a.menu:visited {color:#FFFFFF; background-color:transparent}

a.menu:active  {color:#FFFFFF; background-color:transparent}

a.menu:hover   {color:#FFFFFF; font-weight:bold;background-color:transparent}



a.menuadin {text-decoration:none}

a.menuadin:link    {color:#2F6270; background-color:transparent}

a.menuadin:visited {color:#2F6270; background-color:transparent}

a.menuadin:active  {color:#2F6270; background-color:transparent}

a.menuadin:hover   {color:#FFFFFF; font-weight:normal;background-color:transparent}



.Txttitle{

font-family: 'Sarabun', sans-serif;

font-weight:bold;

font-size:16px;

color:#ffffff;

}

.Txtw{

font-family: 'Sarabun', sans-serif;

font-size:16px;

color:#ffffff;

}

.Txtsubtitle{
	color:#FFF;
	font: bold 16px Tahoma, sans-serif, "Microsoft Sans Serif";

}

.Txttext{

font-family: 'Sarabun', sans-serif;

font-size:16px;

color:#666666;

}



/********************FORM*****************************/
.form_txt{
		font-size:1.1em;
		width:150px;
		border:dotted 1px #C2BFB4;
					-moz-border-radius: 2px;
			border-radius: 2px;

}
.form_btn{
		border: none;
		font-family: 'Mitr', sans-serif; font-weight:bold; 
		font-size:26px;border-radius:42px;
		width:200px;
		height:60px;
			background-color: #4CAF50;
			  -webkit-transition-duration: 0.4s; /* Safari */
		  transition-duration: 0.4s;
		  cursor: pointer;
		color:#ffff00;
}
.form_btn1{
		border: none;
		font-family: 'Mitr', sans-serif; font-weight:bold; 
		font-size:26px;border-radius:42px;
		width:200px;
		height:60px;
			background-color: #c73da5;
			  -webkit-transition-duration: 0.4s; /* Safari */
		  transition-duration: 0.4s;
		  cursor: pointer;
		color:#ffff00;
		text-align:center;
		vertical-align: middle; 
}
.form_btn:hover{
	background-color: #008CBA;
	color:#FFF;
}
.form_btn1:hover{
	background-color: #ff9900;
	color:#FFF;
}
/********************FORM*****************************/

/********************null_page*****************************/
#null_page{
width:800px;

}

.fixed_page800{
	width:800px;
}

#page_myinformation{
	padding:2em;
	 display: block;
}

/*############¡ÅØèÁÊÒÃСÒÃàÃÕ¹ÃÙé UL LI ###################*/
.mainmenu   {
        margin:0;
        list-style-type:none;
        color:#717171;
		  padding:5px 5px 5px 5px;
	}
/*
  .mainmenu li  {
        border-bottom:1px solid #eeeeee;
		border-radius: 5px;
         padding:10px 5px 5px 5px;
		height:55px;
		font-size:15px;font-family: 'K2D', sans-serif;
		background:url('../img/steel300-sky.jpg')repeat-x #E5E5E5;
		 vertical-align: middle;
    }
	*/
.mainmenu li a  {
			  text-shadow: 0px  1px 1px #FFF; padding:2px 0 0 2px; 
			  color:#000;
}
/*สีตัวอักษรเมนูตอนmouse over*/
.mainmenu li a:hover  {
		/*color:#FFF;  text-shadow: 1px  1px 1px #000;*/
}
/*สีพื้นหลังเมนูตอนmouse over*/
    .mainmenu li:hover  {
       /* background-color:#A7E613;*//*เขียว*/
		/*background-color:#F1A912;*//*แสด*/
    }
    .mainmenu li:hover>ul>li  {
        /*background-color:#A7E613;*/
		background-color:#FFF;
    }
    .mainmenu  li>ul {
        display:none; 
    }
    .mainmenu  li>ul>li {
		background:url('../img/steel300.jpg')repeat-x #E5E5E5;
    }
    .mainmenu  li:hover>ul,li:hover>ul  li,li:hover>ul:hover{
        display:block; 
				
    }

.mainmenu li:hover >ul>li:hover a  {
        TEXT-DECORATION: underline;
		/*background-color:#A7E613;*/
    }
/*########END 1##############*/
	.mainmenu2{
        /*padding:30px;*/
        list-style-type:none;
        color:#717171;
        width:450px;
    }

    .mainmenu2 li{
        border-bottom:1px solid #eeeeee;
		border-radius: 5px;
        padding:20px;
    }
.mainmenu2 li a  {
		font-size:30px;font-weight:bold;
			  text-shadow: 1px  1px 1px rgba(0,0,0,.5); padding:0.5em 0 0 2px; 
}
    .mainmenu2 li:hover  {
        /*background-color:#A7E613;*/
		background-color:#C9C9C7;
    }
    .mainmenu2 li:hover>ul>li  {
        /*background-color:#A7E613;*/
		background-color:#FFF;
		        padding:10px;

    }
    .mainmenu2  li>ul {
        display:none; 
    }
    .mainmenu2  li:hover>ul {
        display:block; 
    }
.mainmenu2 li:hover >ul>li:hover a  {
        TEXT-DECORATION: underline;
		/*background-color:#A7E613;*/
    }
	/*########END 2##############*/