@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color:#fff;
font-family: 'Arial', Helvetica, sans-serif;
}

a:link, a:visited { color: #036EB7; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #92D2E8; text-decoration: Never underline; }

h1 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: normal;
	color:#888888;
}

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;
	text-align: right;
}


#font_default{
	font-size:12px;
	color:#888888;
}

.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_h15 { clear: both; width:100%; height: 15px; }
.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;
	
}

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

#template_header {
	background-color:#fff;
	clear: both;
	width: 1024px;
	height: 105px;
	font-family: '2005iannnnnMTVRegular';
}

.site_h1 {
	float:left;
	padding:8px 0px 0px 18px;
	font-size:12px;
	text-shadow:1px 2px 3px #ccc;
	font-weight:bold;
	color:#4D4D4D;

}

.languages {
	display:block;
	list-style: none;
	float:right; 
	padding:0px 10px 0px 0;
	
}
.languages li	{
	 font-size:13px; 
	 display: inline;
	 border-right: 1px dotted #aea68c;
	 padding-right:5px;

	  }

.languages li a {
	color: #4D4D4D;

}
#logo{
	float:left;
	margin-top:10px;
}

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

/* -----  start content ----- */
#template_content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 1024px;
	background-color:#fff;
	
}
#template_midden {
	float:left;
	width: 800px;
	padding-top:5px;
	
	background-color:#fff;
}

#midden_bg{
		width:800px;
		-moz-box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */		
}

.banner_midden{
	    display:block;
		width:800px;
		height:240px;
		-moz-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */		
}
.banner_midden1{
	display:block;
	float:left;
	width:392px;
	height:210px;
	-moz-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */	
}

.banner_midden2{
	display:block;
	float:right;
	width:392px;
	height:210px;
	-moz-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */	
}
.banner_midden3{
	display:block;
	width:700px;
	height:127px;
	-moz-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */	
}

#title{
	float:left;
	margin-left:0px;
	font-size:18px;
	font-weight:bold;
	color:#0381C9;

}
#title2{
	float:left;
	margin-left:0px;
	font-size:20px;
	font-weight:bold;
	color:#EF922E;

}
#title3{
	float:left;
	margin-left:0px;
	font-size:15px;
	font-weight:bold;
	color:#0099CC;

}
#tab_title{
	display:block;
	float:left;
	margin-left:0px;
	background-image:url(../images/tab_title.png);
	width:750px;
	height:28px;
}
#font_title_tab{
	font-size:14px;
	color:#4D4D4D;
	margin:3px 0 0 40px;
}

.font_detail{
	display:block;
	width:750px;
	font-size:14px;
	color:#717071;
	margin-left:20px;
	line-height:20px;
	
}


#template_link_banner {
	float:left;
	padding-left:50px;
}
.banner_link{
	    display:block;
		float:left;
			-moz-box-shadow: 0 0 10px #B6BDC4; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 10px #B6BDC4; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 10px #000; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */
	  overflow:hidden;
	  width:200px;
	  height:140px;

}
.link_detail_banner{
		text-align:center;
		font-size:14px;
		width:200px;
		
}

.link_detail_banner a {
		color:#6ccc2c;
}

.link_detail_banner a:hover{
		color:#4D4D4D;
}


/* -----  end content ----- */

/* -----  Start right_menu ----- */
#template_right_column  {
	float: right;
	padding-top:5px;
	width: 200px;
	background-color:#fff;
}

.banner_right1{
	    display:block;
		width:200px;
		height:86px;
		-moz-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */
}
.banner_right2{
	    display:block;
		width:150px;
		height:41px;
		margin-left:26px;
}

.menu_right1{
	    display:block;
		background-image:url(../images/right_menu.png);
		width:200px;
		height:225px;
		-moz-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */
}


#font_title_menu_right1{
	font-size:14px;
	color:#888888;
	margin-left:40px;
	padding-top:15px;
}

#template_right_menu .font_right_detail {
	margin: 0;
	/*padding-left:8px;
	padding-top:20px;*/
	padding: 15px 5px 5px 8px;
	list-style: none;
}
.font_right_detail li  {
	display: block;
	font-size:12px;
	color: #3E3A39;
	padding: 0px 0px  6px 15px;
	background: url(../images/button2.png)  no-repeat;
}
.font_right_detail li a:hover {
	color:#92D2E8;
	text-decoration: none;
}

#bloc_right{
	display:block;
	float:right;
	margin-top:-20px;
	margin-right:10px;
}

.font_right_detail2{
	
	font-size:11px;
	color:#036EB7;
}


.menu_right2{
	    display:block;
		width:168px;
	
}

#template_right_menu2 .font_right_detail2 {
	margin: 0;
	list-style: none;
	padding-left:15px;
	float:left;

}
.font_right_detail2 li a {
	display: block;
	font-size:14px;
	color: #036EB7;
	padding: 4px 0  3px 15px;
	background: url(../images/button1.png)  no-repeat;
	

}

.font_right_detail2 li a:hover {
	color:#92D2E8;
	text-decoration: none;
}

.line_menu{
	display:block;
	border-bottom:1px dashed #C8C9CA;
}



#form_banner_right3{
	   display:block;
	   background-image:url(../images/menu_banner.png);
		width:200px;
		height:160px;
		-moz-box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */
}

#font_title_menu_right2{
	font-size:14px;
	color:#fff;
	margin-left:75px;
	padding-top:5px;
}
#banner_right3{
	   display:block;
}

#line_right{
	-moz-box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 5px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */
}
/* -----  End right_menu ----- */


/* -----  Start Footer ----- */

#template_footer {
	float:left;
	width: 1024px;
	padding-top:5px;
	
	background-color:#fff;
}

#banner_footer{
	    display:block;
		width:1024px;
		height:345px;
		-moz-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
		-webkit-box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา */
		 box-shadow: 0 0 3px #B4B4B5; /* กำหนดสีของกรอบและเงา*/
	  ; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */		
}

#bloc1{
	display:block;
	float:left;
	margin-right:25px;
	margin-left:15px;
}

#font_title_footer{
	font-size:13px;
	color:#036EB7;
}
#template_footer_detail .font_footer_detail {
	margin: 0;
	padding:0;
	list-style: none;
}
.font_footer_detail li a {
	display: block;
	font-size:13px;
	color: #888888;
	padding: 0px 0  6px 15px;
	background: url(../images/button2.png)  no-repeat;
}
.font_footer_detail li a:hover {
	color:#92D2E8;
	text-decoration: none;
}

#bloc{
	display:block;
	float:left;
	margin-right:20px;
}
#bloc2{
	display:block;

}
#bloc3{
	display:block;
	float:left;
	margin-right:15px;
}
#font_title_footer2{
	font-size:13px;
	color:#036EB7;
}
#template_footer_detail2 .font_footer_detail2 {
	margin: 0;
	padding:0;
	list-style: none;
}
.font_footer_detail2 li  {
	display: block;
	font-size:13px;
	color: #888888;
	padding: 0px 0  6px 15px;
	background: url(../images/button2.png)  no-repeat;
}
.font_footer_detail2 li a:hover {
	color:#92D2E8;
	text-decoration: none;
}
#bloc_contact{
	display:block;
	float:right;
	margin-right:10px;
	margin-top:150px;
}

#font_contact{
	font-family:'Arial';
	font-size:13px;
	color:#888888;
}
#bloc_copy{
	display:block;
	float:right;
	margin-right:10px;
	padding-top:20px;
	padding-right:10px;

}#copyright{
   font-size: 12px;
   color:#888888;
   padding-top:250px;
   float:right;
   position:absolute;
   color:#888888; 
}.link2{
  font-size:16px;
  color:#0099cc; 
}
.link2 a:link,a:visited{
  font-size:16px;
  color:#EF922E;
}
.link2 a:hover,a:active{
  font-size:16px;
  color:#0099cc; 
}

/* -----  End Footer ----- */