body {
	margin: 0px;
	padding: 0px;
	font-family: Helevetica,Arial,sans-serif;
	font-size: 14px;
	line-height:2em; 
	background-color: #fff;
	/*background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;*/

}


a:link, a:visited { color: #dd0034; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #990099; text-decoration: Never underline; }


h1 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color:#000;
}

h2 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color:#000;
}

h3 {

	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

h4 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }
a:hover img {
	filter: Alpha(opacity=60);
	opacity: 0.6; 
}


.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h5 { clear: both; width:100%; height: 5px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


#template_container {
	margin: 0px auto;
	width: 1024px;

	
}


/* ----- Header ----- */

#template_header {
	background-image:url(../images/head.jpg);
	width:1024px;
	height:218px;
	
}
#templatemo_menu{
	float:right;
	width:875px;
	height:64px;
	background-image:url(../images/bg_menu.png);
}

/* ----- End of Header ----- */

/* ----------------- Content ----------------------- */

#template_content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 1024px;
}

.banner{
	width: 1024px;
	-moz-box-shadow: 0 0 5px #999; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 5px #999; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 5px #999; /* กำหนดสีของกรอบและเงา*/
}
.banner_about{
	float:left;
	width:1024px;
	height:426px;
	background-image:url(../images/about2.png);
}
.banner_mtk{
	float:left;
	width:1024px;
	height:927px;
	background-image:url(../images/mtk2.png);
}
.banner_services{
	float:left;
	width:1024px;
	height:660px;
	background-image:url(../images/services2.png);
}
.banner_aec{
	float:left;
	width:1024px;
	height:1625px;
	background-image:url(../images/aec2.png);
}
.banner_agent{
	float:left;
	width:1024px;
	height:676px;
	background-image:url(../images/agency2.png);
}
.detail_about{
	float:left;
	padding:115px 400px 0 60px;
}

.detail_aec{
	float:left;
	padding:115px 50px 0 60px;
}
/* ----- Footer ----- */

#template_footer {
	margin: 0px auto;
	width: 1024px;
	height:173px;
	background-image:url(../images/foot.jpg);
}
.detail{
	float:right;
	margin-right:10px;
	font-size:13px;
	color:#020202;
}
.logo_foot{
	float:right;
	margin-right:5px;
	margin-top:10px;
}
.link{
	float:left;
	padding:10px 0px 0px 15px;

}
.link li	{
	font-size:13px;
	display: inline;
	border-right: 1px solid #0156a1;
	padding-right:2px;
	padding-left:2px;

 }
.link li:last-child {
	
	border-right:none;
 }
 
.link li a {
	/*color: #0156a1;*/
	/*color:#fd07ee;*/
	color: #a3208c;
	font-weight:bold;
	text-shadow: 0.2em 0.1em #fff;
	
}
.link li a:hover{
	color: #333333;
	
}
.errtext{
	color:#ff0000;	
	font-size:12px;
	font-style:italic;
}
/* ----- End of Footer ----- */