body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
		float:left;
		font-family: 'Open Sans', sans-serif;
		background:#FFFFCC;
	}
	#wrap {
		width:780px;
		margin:0 auto;
		background:#fff;
	}
	#header {
    	padding:0;
		
	}

	#nav {
		padding:5px 10px;
		background:#c99;
	}
	#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li {
		display:inline;
		margin:0;
		padding:0;
	}
	#main {
		float:left;
		width:155px;
		
		background: url('images/2012/left-bg.png')!important;;
		
	}
	h2 {
		margin:0 0 1em;
	}
	#sidebar {
	
		float:right;
		width:610px;
		background:#fff;
	}
	#footer {
		clear:both;
		padding:0px;
		text-align: center;
background:#fff;
	}
	#footer p {
		margin: 0 auto;
    }
	#footer span{ font-size:14px; color:#e97d01; display:block;text-align: center;}
	#footer strong{ font-size:12px; color:#000; display:block;text-align: center;}
	* html #footer {
		height:1px;
	}

/*========================================================*/
/*body {
margin:0;
padding:0;
font: 10pt "MS Sans Serif", "Microsoft Sans Serif";  
color: #000;
scrollbar-face-color:#555555;
scrollbar-shadow-color:#f0f0f0;
scrollbar-track-color:#f0f0f0;
scrollbar-shadow-color:#ff9900;
scrollbar-highlight-color:#ff9900;
scrollbar-arrow-color:#990000;
scrollbar-base-color:#f0f0f0;
scrollbar-darkshadow-color:#F0F0F0;
}*/
form {margin: 0 auto;}
td  {  font: 10pt "MS Sans Serif", "Microsoft Sans Serif"}
b  {  font: "MS Sans Serif", "Microsoft Sans Serif"; font-weight: bold}
a {  font-family: MS Sans Serif, sans-serif; color: #000;TEXT-DECORATION: none; }
a:hover {  font-family: MS Sans Serif, sans-serif; color: #0035ff;TEXT-DECORATION: underline}
a.menu {  font-family: MS Sans Serif, sans-serif; color: #FFFFFF; TEXT-DECORATION: none}
a.menu:hover {  font-family: MS Sans Serif, sans-serif; color: #FF4411; TEXT-DECORATION: none}
img {border: none;}
.clear {
	 clear: both;
}
	h1 {
	    margin:0;
    }
p {
	display:block;
	margin:2px 0;
}


#wrapper{margin: 0 auto;width:800px;background-color:#fff;}
#intro_tab{margin-top:-20px;background: url('images/2012/intro_tab.png');width:800px;height:54px;}
#intro_th{background: url('images/2012/lai-thai-bg.png');width:800px;height:400px;}
#index_center_content{margin: 0 auto;width:470px;height:390px; background: url('images/2012/intro_th.png');}
#intro_en{margin: 10px auto;width:800px;text-align:center;font-weight: bold;font-size:16px;} /*font intro en*/

#flag-top{width:780px; height:14px;position: relative;background:#fff;}
#flag-th{background: url('images/2012/flag/thl-flag.jpg') left top no-repeat;background-position: 0 0;width: 16px;
	height: 11px;position: absolute;right:60px;top:0px;}
#flag-en{background: url('images/2012/flag/uk-flag.jpg') left top no-repeat;background-position: 0 0;width: 16px;
	height: 11px;position: absolute;right:40px;top:0px;}
#flag-ch{background: url('images/2012/flag/cha-flag.jpg') left top no-repeat;background-position: 0 0;width: 16px;
	height: 11px;position: absolute;right:20px;top:0px;}



/*Left menu*/
.block-menu{
	padding:0px;
}
h3.subject {
		color:#0035ff;
		margin: 0 auto;
		padding-top:10px;
		text-align: center;
	}
div.space{
	/*
	background-color:white;
	min-height:5px;
	width:160px;
	margin-left:-5px;*/
	
	background: url('images/2012/line.png') left top no-repeat;
	background-position: 0 0;
	width:165px;
	min-height:5px;
	border-bottom-color:#fff;
	line-height:50%;	
	margin-left:-5px;
}
.space2{
	/*background-color:#000;
	height:5px;
	width:160px;
	margin-left:-7px;
	background: url('images/2012/line.png') left top no-repeat;
	background-position: 0 0;
	width: 160px;
	height: 5px;
	margin-left:-8px;*/
}
p.pmenu{
	padding-left:10px;
	font-weight: bold;
}
/*Sidebar (center)*/
h3.subjectleft {
		color:#0035ff;
		margin: 0 10px;
		padding-top:10px;
		text-align: left;
	}


#to-top {
	background: url('images/2012/to-top.png') left top no-repeat;
	background-position: 0 0;
	width: 50px;
	height: 40px;
	position: absolute;
	right:10px;
	top:50px;
}
#to-top:hover {
	background-position: 0 -40px;
	cursor: pointer;
}

.font1	{ FONT-SIZE: 12px;  FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC }
.font1w	{ FONT-SIZE: 12px; color : #FFFFFF; FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC }

.font2	{ FONT-SIZE: 14px; color : #ff9900; FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC }
.fontmenu	{ FONT-SIZE: 14px; color : #000; FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC }
.fontmenu2	{ FONT-SIZE: 14px; font-weight: bold; color : #FFFFFF; FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC }
.font3	{ FONT-SIZE: 14px; color : #1215A4; FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC }
.fontsub { color : #FF9900; FONT-SIZE: 14px; FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC ;
 }
 .mytextbox {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;
}
.F2 { FONT-SIZE: 12px; FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif", CordiaUPC }
.FormFld {
	BORDER-RIGHT: #f1eee9 1px dotted; BORDER-TOP: #f1eee9 1px dotted; FONT-SIZE: 10pt; BORDER-LEFT: #f1eee9 1px dotted; COLOR: #0000ff; BORDER-BOTTOM: #97a1c9 1px dotted; FONT-FAMILY: "MS Sans Serif", Tahoma, sans-serif; BACKGROUND-COLOR: #f1eee9
}


.menutop {font: "MS Sans Serif", "Microsoft Sans Serif"; font-weight: bold; color:#FFFFFF;} 
.menutop a:link {font: "MS Sans Serif", "Microsoft Sans Serif"; font-weight: bold; text-decoration: none; color:#FFFFFF;} 
.menutop a:active { font: "MS Sans Serif", "Microsoft Sans Serif"; font-weight: bold; text-decoration: none; color:#FFFFFF;} 
.menutop a:visited {font: "MS Sans Serif", "Microsoft Sans Serif"; font-weight: bold; text-decoration: none; color:#FFFFFF;}
.menutop a:hover {font: "MS Sans Serif", "Microsoft Sans Serif"; font-weight: bold; text-decoration: none; color:#FFFFFF;}

.menutype {font: 5pt "MS Sans Serif", "Microsoft Sans Serif"; color:#000000;} 
.detailjob {font: 5pt "MS Sans Serif", "Microsoft Sans Serif"; color:navy;} 

INPUT.orenge {
	BACKGROUND: #faf2e6; BORDER-BOTTOM: #ff9900 1px solid; BORDER-LEFT: #ff9900 1px solid; BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; COLOR: #333333; FONT-FAMILY: MS Sans Serif, sans-serif; FONT-SIZE: 9pt
}
INPUT.blue {
	BACKGROUND: #99ffcc; BORDER-BOTTOM: #0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP: #0099ff 1px solid; COLOR: #000000; FONT-FAMILY: "MS Sans Serif"; FONT-SIZE: 9pt
}
INPUT.violet {
	BACKGROUND: #ffffff; BORDER-BOTTOM: #686898 1px solid; BORDER-LEFT: #686898 1px solid; BORDER-RIGHT: #686898 1px solid; BORDER-TOP: #686898 1px solid; COLOR: #333333; FONT-FAMILY: MS Sans Serif, sans-serif; FONT-SIZE: 11pt
}
TEXTAREA.orenge {
	BACKGROUND: #faf2e6; BORDER-BOTTOM: #ff9900 1px solid; BORDER-LEFT: #ff9900 1px solid; BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; COLOR: #333333; FONT-FAMILY: MS Sans Serif, sans-serif; FONT-SIZE: 9pt
}
TEXTAREA.blue {
	BACKGROUND: #e0ffff; BORDER-BOTTOM: #0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP: #0099ff 1px solid; COLOR: #333333; FONT-FAMILY: MS Sans Serif, sans-serif; FONT-SIZE: 9pt
}
TEXTAREA.violet {
	BACKGROUND: #ffffff; BORDER-BOTTOM: #686898 1px solid; BORDER-LEFT: #686898 1px solid; BORDER-RIGHT: #686898 1px solid; BORDER-TOP: #686898 1px solid; COLOR: #333333; FONT-FAMILY: MS Sans Serif, sans-serif; FONT-SIZE: 9pt
}
.BUTTON {
	BACKGROUND: #686898; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; COLOR: #ffffff; FONT-FAMILY: MS Sans Serif, sans-serif; FONT-SIZE: 9pt
}
TEXTAREA {
	FONT-FAMILY: "MS Sans Serif"; FONT-SIZE: 14px
}

.title01	{ 	font-size:10pt ; font-weight:bold ; font-color:rgb(255,100,0) ;
				background-color:rgb(255,200,100) ; 	}
				
.message01	{	border:1px solid #996600 ; vertical-align:top ; 	}		

.search-box {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
	color: #5C5C5C;

}
.search-box2 {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	background-color: #C0C0C0;
	color: #330000;

}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
}

.mask{
	padding-bottom: 5px;
	display:block;
	border: 1px dotted white;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.mask a{
	display:block;
    /*
	height:227px;*/
    width:125px;
	margin: 0 auto;
}
.mask a:hover,
.mask a.active,
.mask a:active{
    border:4px solid #ff9900;
    width:117px;
    /* height:215px;
    */
	overflow:hidden;
}

.mask a:hover img,
.mask a.active img,
.mask a:active img{
    margin:-4px 0px 0px -4px;
}

.mask img{
    border:0px;
}
.filler-mask {
    position: absolute;
    left:5; top:25;
    /*height:361px;*/
    width:130px;
    z-index: 900;
	color: #000;
}
.filler-mask2 {
    left:5; top:25;
    /*height:361px;*/
    width:130px;
    z-index: 900;
	color: #000;
}
#dhtmltooltip {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; BACKGROUND-COLOR: lightyellow
}
#dhtmlpointer {
	Z-INDEX: 101; LEFT: -300px; VISIBILITY: hidden; POSITION: absolute
}

/**Home**/
.gold-home{
	text-align:center;
	color:#f90;
}

/**Contact**/
.blue{
	color:#0035ff;
}