@import url('https://fonts.googleapis.com/css?family=Kanit|Mitr|Prompt');
@font-face {
    font-family: 'chau_philomene_oneitalic';
    src: url('../font/chauphilomeneone-italic-webfont.eot');
    src: url('../font/chauphilomeneone-italic-webfont.eot?#iefix') format('embedded-opentype'),
          url('../font/chauphilomeneone-italic-webfont.woff2') format('woff2'),
          url('../font/chauphilomeneone-italic-webfont.woff') format('woff'),
          url('../font/chauphilomeneone-italic-webfont.ttf') format('truetype'),
          url('../font/chauphilomeneone-italic-webfont.svg#chau_philomene_oneitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'THSarabun';
    src: 	url('../font/THSarabun/THSarabun.eot');
	src: 	url('../font/THSarabun/THSarabun.eot') format('embedded-opentype'),
    		url('../font/THSarabun/THSarabun.woff') format('woff'),
          	url('../font/THSarabun/THSarabun.ttf') format('truetype'),
         	url('../font/THSarabun/THSarabun.svg#THSarabun') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Conv_THSarabun';
	src: 	url('../font/THSarabun/THSarabun.eot');
	src: 	url('../font/THSarabun/THSarabun.woff') format('woff'), 
			url('../font/THSarabun/THSarabun.ttf') format('truetype'), 
			url('../font/THSarabun/THSarabun.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

 /**************************  Body  *******************************/
Body { 
	font-family:Tahoma; font-size:14px; text-decoration: none;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;	
	background-image: url("../images/2016/bg_lightwoodfloor.jpg");
	background-color: #CCC;
	background-attachment: fixed;
	/*
	background-image: url("../images/2016/bg_lightwoodfloor_gray.jpg");
	background-repeat: no-repeat; 
	background:url("../images/bg.gif"); */
	
	/* สำหรับเปลี่ยนหน้าเว็บเป็น ขาวดำ */
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE */
	/*-webkit-filter: grayscale(1); /* Chrome, Safari */	
	/*filter: grayscale(1); /* Firefox */
	/* สำหรับเปลี่ยนหน้าเว็บเป็น ขาวดำ */
	
 } 

 /**************************  header  *******************************/
 h1,h2,h3,h4,h5{
	font-family: "Kanit";
	margin-bottom: 5px;
	margin-top: 5px;
}


header {background:#f0f0f0;}
h1 a { font-family: 'chau_philomene_oneitalic';  sans-serif; float:left; line-height:36px; font-size:30px; color:#0066FF; text-decoration:none; font-weight:400}
h1 { font-family: 'chau_philomene_oneitalic';
		font-size:30px; 
		color:#0066FF; 
		text-decoration:none; 
		text-shadow: 2px 4px 3px #EBEFF2;	
}
h2 {
	color: #003399;
}
.head24Non { font-family: 'THSarabun'; font-size:24px;}
.head2 { font-family: 'THSarabun'; font-size:24px; color:#333333; text-decoration:none; text-shadow: 2px 2px 3px #FFFFFF;}
.headSearch { font-family: Tahoma, sans-serif; font-size:20px; color:#333333; text-decoration:none; text-shadow: 2px 2px 3px #FFFFFF;}
.head36 { font-family: 'THSarabun'; font-size:36px; color:#333333; text-decoration:none;}


 /**************************  TD  *******************************/
TD { font-family:Tahoma;}
TD.TextWhite {font-family:Tahoma;  font-size:13px; color:#FFFFFF;}
TD.TextORANGE {font-family:Tahoma;  font-size:14px; color:#FF9900;}
TD.channel A {WIDTH: 100%; TEXT-DECORATION: none; }
TD.channel A:visited {	TEXT-DECORATION: none; }
TD.channel A:hover { COLOR: #FFFFFF; BACKGROUND-COLOR: #009933; TEXT-DECORATION: none; font-family:Tahoma ; font-size: 12px}

 /**************************  TD BG  *******************************/
TD.BGHerder {background-image: url("../images/2016/png-2.png");}
TD.BGFooter {background-image: url("../images/2016/png-2.png");}
TD.BGShadow {background-image: url("../images/2016/shadow-1.png");}
TD.BGLine2 {background-image: url("../images/2016/line-2.png");}
TD.BGHeaderLibrary {background-image: url("../images/2016/head2016_3BG.jpg"); background-attachment : inherit ;}

 /**************************  Font & Color  *******************************/
.Color-W1 {color:#FFFFFF !important; }
.Color-G1 {color:#333333 !important; }
.Color-G2 {color:#666666 !important; }
.Color-G3 {color:#999999 !important; }

.SText10 { font-size:10px;}
.SText11 { font-size:11px;}
.SText12 { font-size:12px;}
.SText13 { font-size:13px;}

.TextTHSarabun22 { font-size:22px;  font-family: 'THSarabun'; }


.TextWhite {font-family:Tahoma; font-size:13px; color:#FFFFFF;}
.TextWhiteFooter {font-family:Tahoma;   font-size:14px; Color:#FFFFFF;}
.LEFTBG {background:url(../images/BG_Left01.png);}
.RIGHTBG {background:url(../images/BG_Right01.png);}
.BIGFORM {font-family: Tahoma; font-size: 18px; font-weight: bold; color: #000000}
.MENUBARFONT {font-family: Tahoma; font-size: 20px; font-weight: bold; color: #FFFFFF}


 /**************************  Form  *******************************/
.FORM_STEXT { font-family:Tahoma;  font-size:13px;}
.BIGFORM2 {PADDING-RIGHT: 0px; BORDER-BOTTOM: #cdcdcd 1px; TEXT-DECORATION: none; font-family:Tahoma ; font-size: 18px }


 /**************************  Link  *******************************/
A.Linkwhite {text-decoration: underline ; color: #FFFFFF;}
A.Linkwhite:hover {text-decoration: underline; color: #FF9900;}

A.LinkBlue {text-decoration: underline ; color: #0066FF;}
A.LinkBlue:hover {text-decoration: underline; color: #FF9900;}

A.MENUBAR {font-family: Tahoma; font-size: 14px; color: #000000;}
A.MENUBAR:hover {font-family: Tahoma; font-size: 14px; color: #FFFFFF;}

A.WHITE {font-family: Tahoma; font-size: 13px; color: #FFFFFF;}
A.WHITE:hover {font-family: Tahoma; font-size: 13px; color: #FF9900;}

.tabledot_Right {  BORDER-RIGHT: #cdcdcd 1px dotted; color: #696969;}
.tabledot_Bottom {  BORDER-BOTTOM: #cdcdcd 1px dotted; color: #000000;}


 /**************************    *******************************/
.social {float:right;padding:12px 0 0px}
.social li {
	float:left;
	margin-left:6px;
	}
.social li img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	}
.social li img:hover {
	padding-top:5px
	}