@charset "utf-8";
body {
	font-family: "PT Sans", sans-serif;
	font-size: 100%;
}  

.nav { /*style background Tab menu bar*/
	border-radius: 3px;
	width: 85%;
	margin: 1px auto;
	height: 43px;
	background-color: #4E9A06;
}
/*properties in menu bar*/
.nav li { list-style: none;  }
.nav > li { padding: 0; float: left; position: relative; }
.nav > li > a {
	float: left;
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
	line-height: 43px;
	padding: 0 20px; /*Style Line in Tab Menu*/
	height: 43px;
	font-family: "TH KoHo", "TH Baijam", "Cordia New", CordiaUPC, tahoma;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #336604;
	border-left-color: #336604;
	font-weight: bolder;
}

/*Style Mouse over*/
.nav > li:hover > a {
	background: #0183d5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006600;
}
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
.nav > li:hover > div { display: block; }

/* MEGA DROP DOWN */
.nav > li > div {
	position: absolute;
	left: 0;
	top: 43px;
	display: none;
	background: #fff;
	padding: 10px 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	overflow: hidden;
}
.nav > li > div p {
	color: #356A04;
}
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }


/* COLUMNS */
.col1,.col2,.col3,.col4,.col5 { margin: 10px 0; float: left; padding: 0 10px;}


	/* 1 Column */
	.container-1 {
	width: 150px;
}
	.container-1 .col1 { width: 100%; }

	/* 2 Column */
	.container-2 { width: 270px; }
	.container-2 .col1 { width: 50% }
	.container-2 .col2 { width: 100% }

	/* 3 Column */
	.container-3 { width: 400px; }
	.container-3 .col1 { width: 33.33% }
	.container-3 .col2 { width: 66.66% }
	.container-3 .col3 { width: 100% }


	/* 4 Column _use*/
	.container-4 {width: 500px;}
	.container-4 .col1 { width: 25%; }
	.container-4 .col2 { width: 50% }
	.container-4 .col3 { width: 75% }
	.container-4 .col4 { width: 100% }


	/* 5 Column */
	.container-5 { width: 600px; }
	.container-5 .col1 { width: 20%; }
	.container-5 .col2 { width: 40% }
	.container-5 .col3 { width: 60% }
	.container-5 .col4 { width: 80% }
	.container-5 .col5 { width: 100% }

/* HIGHLIGHTS */
.container-3 .highlighted {
	width: 200px;
	margin-left: -20px;
	padding: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #00CC00;
}

/*Use_*/
.container-4 .highlighted {
	width: 200px;
	margin-left: -10px;
	padding: 20px;
	background-color:#fff;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
}



.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.font_normal {
	font-family: "TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
	font-size: 19px;
	color:#000000;
	text-align:left;
}
.font_normal-b{
	font-family: "TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
	font-size: 20px;
	color:#000000;
	text-align:center;
	font-weight:bold;
}
.font_inpreview_b{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
font-size:34;
font-weight:bold;
color:#990000;}

.fontstyle_footer{
	font-family: "TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
	font-size: 16px;
	color: #FFFFFF;
	float: right;
	text-align: right;
	background-position: right top;
}
.fontstyle_ref{
	font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	text-align: right;
	background-position: right top;
}
.head_content{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
font-size: 22px;
color:#000000;
}
.head_content-b{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
font-weight:bold;
font-size: 21px;
color:#000000;
}
.head_content-grn{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
font-weight:bold;
background-color:#C5FF9D;
font-size: 21px;
color:#000000;
}
.head_content-gr{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
background-color:#CCCCCC;
text-align:center;
font-weight:bold;
font-size: 20px;
color:#000000;
}
.head_content-en{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
background-color:#F2E499;
text-align:center;
font-weight:bold;
font-size: 20px;
color:#000000;
}
.head_content-p3{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
background-color:#BDF9D8;
text-align:center;
font-weight:bold;
font-size: 20px;
color:#000000;
}
.pass_style{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
color:#003300;
font-weight:bold;
background:#66CC66;
text-align:center;
}
.notpass_style{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
color:#CC0000;
font-weight:bold;
background-color:#f47f7f;
text-align:center;
}

.warning_style{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
color:#FF0000;
font-size:28px;
font-weight:bold;
text-align:center;
}
.warning_pay{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
color:#006600;
font-size:20px;
font-weight:bold;
text-align:center;
}
.warning_home{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
color:#990000;
font-size:34px;
font-weight:bold;
text-align:center;
text-decoration:blink;
}
.font_stage_b{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
font-size:45;
font-weight:bold;
color:#FFFFFF;
}
.head-grn_style{
font-family:"TH Baijam", "TH KoHo", "Cordia New", CordiaUPC, tahoma;
color:#003300;
font-weight:bold;
font-size:20px;
background:#66CC66;
text-align:center;
}