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

*{	padding:0px; 
	margin:0px; 
}
body{background:#0071bf; 
font-family:Verdana, Geneva, sans-serif;
font-size:11px; line-height:20px; color:#0071bf;}

/* clear */ 
h1,h2,h3,div,span{padding:0 px; margin:0px;}
img{border:none;}
li{list-style:none;}
/* clear */

.main_body{width:900px;  margin:auto;  position:relative;}

/* top */
.main_top{
	width:900px; 
	height:75px; 
	overflow:hidden;
	background:url(../../images/bg_top.jpg) top #f0f0f0 no-repeat;
	position:relative;
}

.logo{position:absolute; 
	  width:138px; height:75px; 
	  left:25px; top:0px; 
	  text-indent:-9999px; 
	  background:url(../../images/com_logo.jpg) no-repeat;
	  cursor:pointer;
}
.nav{position:absolute; right:20px; top:75px; overflow:hidden;  width:590px; height:16px; overflow:hidden;}
.nav_top{ width:600px; height:35px; position:relative;  }
.nav_top li{ display:block; float:left; text-align:center; border-right:#0071bf 2px solid; font-weight:bold; color:#0071bf; line-height:16px; }
.nav_top .nvb1{ width:100px;}
.nav_top .nvb2{ width:120px;}
.nav_top .nvb3{ width:110px;}
.nav_top .nvb4{ width:150px;}
.nav_top .nvb5{ width:110px;}


.nav_top li a{text-decoration:none; color:#0071bf; }
.nav_top li a:hover{text-decoration:none; color:#999;}
.sidemap{
	position:absolute;
	right:155px;
	top:0px;
}
.sidemap a{color:#74c6ff; text-decoration:none; font-size:10px;  font-family:Verdana, Geneva, sans-serif;}
.sidemap a:hover{text-decoration:underline;}
/* top */

/* mid */
.main_mid{ position:relative; width:900px; }
.boxswf{background:#f0f0f0;  height:253px;}
.swf_decor{
	background:url(../../images/bg_top_main2.jpg) 0px 0px;
	background-repeat:no-repeat;
	height:24px;
	position:relative;
	z-index:3;
	
}
.flash{
	width:900px;
	height:245px;
	display:block;
	background:url(../../images/flash_bg.jpg) 0px 0px;
	position:absolute;
	top:-35;
	z-index:1;


	
}
.swf_footer{background:url(../../images/brd_undswf.jpg) no-repeat; height:9px; display:block;}
.box01{background:url(http://www.aun-thai.co.th/images/bg_btm_menu.jpg) bottom no-repeat; height:196px; width:900px; position:relative; }


.box01 .footer_l,.box01 .footer_r
{ display:block; position:absolute;  bottom:0px;  height:8px; width:10px; }
.box01 .footer_l{background:url(../../images/bg_top_footer01.jpg) bottom left no-repeat; left:0px;  }
.box01 .footer_r{background:url(../../images/bg_top_footer02.jpg) bottom right no-repeat; right:0px; }


.box01 .menu01{width:900px; height:180px; }
.box01 .menu01 li{width:300px; float:left; display:block; position:relative; height:180px;}
.box01 .menu01 li .menu_tittle{ position:absolute; top:15px; left:23px;  padding-left:60px; height:40px; padding-top:20px;}
.box01 .menu01 li .menu_tittle a{color:#0071bf; text-decoration:none; font-weight:normal; font-size:17px;}
.box01 .menu01 li .menu_tittle a:hover{color:#999; text-decoration:none;}
.box01 .menu01 li #ico_corporate{ background:url(../../images/icon/icon_corporate.jpg) left top no-repeat; padding-left:50px; } 
.box01 .menu01 li #ico_service{ background:url(../../images/icon/icon_services.jpg) left top no-repeat; } 
.box01 .menu01 li #ico_job{ background:url(../../images/icon/icon_job_opportunity.jpg) left top no-repeat; } 
.box01 .menu01 li .message{width:260px; position:absolute; left:23px; top:75px;}
.box01 .menu01 li .link{position:absolute; left:25px; top:160px; width:200px; font-weight:bold;}
.box01 .menu01 li .link a{ text-decoration:none; color:#0071bf; background:url(../../images/icon/arrow_mainmenu.jpg) right no-repeat; padding-right:20px;}
.box01 .menu01 li .link a:hover{ text-decoration:underline;}

.box02_top{background:url(../../images/bg_mid2.jpg) top no-repeat; height:38px; }
.box02{background:url(../../images/bg_bt.jpg) repeat-y; position:relative; height:220px; overflow:hidden; }
.box02_sub{position:relative; float:left; display:inline; width:450px; height:220px;}
.box02_sub .tittle1{padding:0px 0px 0px 23px; width:300px; display:block; font-size:17px; font-weight:normal; height:25px;}
.box02_sub .tittle2{padding:0px 0px 0px 33px; width:300px; display:block; font-size:17px; font-weight:normal; height:25px;}
.box02_sub .txt_box{width:410px; padding:10px 0px 0px 40px; color:#535353; }

.box02_sub .bold{font-weight:bold;}
.box02_sub p{ padding:0px 0px 15px 0px;}
.box02_sub a{ color:#0071bf; text-decoration:none;}

.box02_sub .info{width:410px; height:192px; margin-left:23px; color:#535353; overflow:auto; }
/*.box02_sub li{ width:390px; display:block; height:96px; position:relative;}*/
.box02_sub li{ width:390px; display:block; height:135px; position:relative;}
.box02_sub .date{ position:absolute; left:0px; top:0px; padding-left:0px; font-weight:bold;  color:#0071bf; width:80px; height:70px; float:left; background:url(../../images/bg_date_blu.jpg) no-repeat;}
.box02_sub .date .dd,.box02_sub .date .mm,.box02_sub .date .yy{color:#FFF; width:60px; text-align:right; position:absolute; height:20px;}
.box02_sub .date .yy{font-size:16px; top:5px;}
.box02_sub .date .mm{font-size:14px; font-weight:normal; top:22px; }
.box02_sub .date .dd{font-size:16px; top:43px;}
.box02_sub .txt{float:left; width:308px; padding-left:80px;}

.box02_sub .link{ display:block; padding-left:80px; float:left;  width:250px; font-size:11px; font-weight:bold;}
.box02_sub .link a{ text-decoration:none; color:#0071bf; padding-right:15px;}
.box02_sub .link a:hover{ text-decoration:none; color:#999; }

.box03{
	background:url(../../images/bg_mid3.jpg) top left #FFF no-repeat;
	height:290px;
	width:900px;
	padding-top:55px;
	position:relative;
}
.box03 .imgleft{position:absolute; top:84px; left:23px;}
.box03 .tittle3_sub1{display:block; position:absolute; top:82px; left:120px; height:210px;}
.box03 .tittle3_sub2{display:block; width:417px; padding-top:10px;}

.box03 .tittle3_sub2 img{width:154px; height:64px; padding-right:10px; padding-bottom:5px; float:left;}
.box03 .tittle3_sub2 span{ width:300px;}

.box03 li{ width:417px; float:left; padding-left:23px;}
.box03 li .tittle3{ font-weight:normal; display:block; font-size:17px; font-weight:normal; }
.box03 li .tittle3_sub1 div{  width:325px; height:210px;}
.box03 li span{ color:#535353; }
.box03 a{color:#0071bf; text-decoration:none;}
.box03 a:hover{color:#535353; text-decoration:none;}

.box03 .btn{background:url(../../images/bg_btm.jpg) no-repeat; padding-top:5px; width:94px; height:26px; display:block; color:#FFF; text-align:center; margin-top:10px;}

.box03 .btn{ font-weight:bold; color:#FFF;}
.box03 .btn:hover{ color:#51B7FF; }

.contactData a:hover{ color:#535353; text-decoration:none;}

/*mid*/

/*footer*/
.main_footer_header{position:relative; height:43px; width:900px; background:url(../../images/bg_btm_area.jpg) no-repeat; }

.main_footer_header2{position:relative; height:43px; width:900px; background:url(../../images/bg_btm_area2.jpg) no-repeat; }

.main_footer{ position:relative; height:60px; width:900px; background:url(../../images/bg_footer.jpg) no-repeat; }

.main_footer .nav{
	position: absolute;
	top: 30px;
	right: 0px;	
	width:550px;
}



.main_footer .nav_botton li{ display:block; float:left; height:16px; overflow:hidden; text-align:center; border-right:#FFF 1px solid; line-height:16px; font-size:10px;  color:#FFF; }
.main_footer .nav_botton .nvb1{ width:103px;}
.main_footer .nav_botton .nvb2{ width:50px;}
.main_footer .nav_botton .nvb3{ width:93px;}
.main_footer .nav_botton .nvb4{ width:80px;}
.main_footer .nav_botton .nvb5{ width:63px;}
.main_footer .nav_botton .nvb6{ width:65px;border:none;}

.main_footer .nav_botton li a{text-decoration:none; color:#FFF; }
.main_footer .nav_botton li a:hover{text-decoration:underline; color:#FFF;}

.main_footer .txt_box{width:300px; position:absolute; color:#FFF; display:block; top:0px; left:25px; line-height:20px; }
/*footer*/

/*submenu*/

/*top*/
.main_top_sub{
	width:900px; 
	height:120px; 
	overflow:hidden;
	background:url(../../images/bg_top2.jpg) top no-repeat;
	position:relative;
}
/*top*/

/*mid*/
.main_mid_sub{ margin-left:262px; width:638px; background:#FFF; padding:0px; position:relative;}

.main_mid_sub .box_right p{ margin-bottom:8px;}
.box_left{position:relative; width:262px; position:absolute; left:0px; top:0px; padding:0px;}
.box_right{position:relative; background:url(../../images/bg_top_data.jpg) top no-repeat; padding:10px 0px 0px 0px; width:638px;
min-height:850px;  height:auto; }


.menu_service{background:url(../../images/bg_sub_head.jpg) top left no-repeat; padding-top:40px; position:relative; }

.sub_service_tittle,.sub_corporate_tittle,.sub_job_tittle{ 
position:absolute; top:10px; left:10px; height:25px; width:150px; padding-left:30px; padding-top:3px; color:#FFF; font-size:13px;}
.sub_service_tittle{    background:url(../../images/icon/symb_serv.jpg) no-repeat;}
.sub_corporate_tittle{  background:url(../../images/icon/symb_corporate.jpg) no-repeat; }
.sub_job_tittle{        background:url(../../images/icon/symb_job.jpg) no-repeat; }
.sub_contact_tittle{        background:url(../../images/icon/symb_job.jpg) no-repeat; }

.menu_service_sub{background:#FFF; width:238px; background:url(../../images/btm_submenu.jpg) bottom #FFF no-repeat; padding-bottom:30px;}
.menu_service_sub ul{position:relative; width:300px; display:block; }
.menu_service_sub li{ width:185px; 
					  margin-left:15px; 
					  border-bottom:#BBB dotted 1px; 
					  display:block; 
					  padding:10px 0px 10px 20px;
					  
					 }
.menu_service_sub li a{color:#999; text-decoration:none;}
.menu_service_sub li a:hover{color:#0071bf; text-decoration:none;}

.menu_service_sub li#focus{background:url(../../images/icon/arrow.jpg) left no-repeat; padding-left:20px; font-weight:bold; color:#0071bf;}


.box_right .bread_camp{position:relative; width:618px; padding:5px 0px 0px 20px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.box_right .bread_camp li{float:left; padding-right:7px;}
.box_right .bread_camp li a{color:#999; text-decoration:none; background:url(../../images/icon/arrow_bread.jpg) right no-repeat; padding-right:13px;}
.box_right .bread_camp li a:hover{color:#0071bf; text-decoration:underline;}


.box_right .tittle{ clear:both; color:#0071bf; font-size:17px; display:block; padding:15px 17px 10px 17px;}
.box_right .text{ min-height:525px; height:auto; margin-left:18px; padding:10px 0px 10px 0px; border-top:#BBB dotted 1px; width:603px; color:#535353; line-height:20px;}

.box_right .text p{ padding-bottom:9px;}
.box_right .text span{padding-bottom:5px;   }
.box_right .box_line{border-bottom:#BBB dotted 1px;}
.box_right li{line-height:20px;}
.box_right .text a{color:#0071bf; text-decoration:none; line-height:20px;}
.box_right .text a:hover{color:#999; text-decoration:none;}
/*mid*/

/*footer*/
.main_footer_sub{ position:relative; background:url(http://www.aun-thai.co.th/images/bg_footer_subpage.jpg) top no-repeat; height:113px; width:900px;  position:relative;}

.main_footer_sub .nav{ position:absolute; top:63px; right:20px; height:20px;  width:315px;}

.main_footer_sub .nav_botton{ width:500px; height:20px; position:relative;  }
.main_footer_sub .nav_botton li{ display:block; width:80px; float:left; text-align:center; border-right:#FFF 1px solid; font-size:10px;  color:#FFF; }
.main_footer_sub .nav_botton li a{text-decoration:none; color:#FFF; }
.main_footer_sub .nav_botton li a:hover{text-decoration:underline; color:#FFF;}

.main_footer_sub .txt_box{width:350px; position:absolute; color:#FFF; display:block; top:78px; left:25px; line-height:20px; }
/*footer*/

/*submenu*/



/* common */

/* height */
.txt_eng{font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:20px;}
.h_244{height:244px;}
/* height */
.noline{border:none;}
.bg_gray{background:#f0f0f0;}
.bg_white{background:#FFF;}

.f_bold{font-weight:bold;}
.d_box{display:block;}

.f_gray{color:#999;}
.f_darkgray{color:#535353;}
.f_blue{color:#0071bf;}
.f_whiteblue{color:#74c6ff;}

.pabs{position:absolute;}

.ptop20{padding-top:20px;}
.space20{display:block; height:20px;}
.space30{display:block; height:30px;}
.space100{display:block; height:100px;}
.space300{display:block; height:300px;}

.txt_center{ 
	text-align:center;
}

/* banner sem seo ch*/
.txt_sem{position:absolute; left:10px; top:21px; height:35px; width:217px;}
.txt_sem span, .txt_seo span, .txt_gmch span{display:block; padding-top:3px; width:217px; font-size:11px;}
.txt_seo{position:absolute; left:10px; top:63px; height:35px; width:217px;}
.txt_gmch{position:absolute; left:10px; top:23px; height:35px; width:217px;}

.txt_sem a,.txt_seo a, .txt_gmch a{color:#0071bf; text-decoration:underline;}
.txt_sem a:hover,.txt_seo a:hover, .txt_gmch a:hover{color:#0097ff; text-decoration:none;}
/* banner sem seo ch*/

/* common */
/* Inquiry Form */
.f_left{float:left;}
.box_455{width:455px;}
.f_right{float:right;}
.p_top15{padding-top:15px;}
.p_left5{padding-left:5px;}
.p_left10{padding-left:10px;}
.p_right5{padding-right:5px;}
.p_right10{padding-right:10px;}
.pad_t10{padding-top:10px;}
.clear{clear:both;}
.inq_title1{width:110px; height:22px;padding:5px 5px 0 5px; font-size:12px; font-size:12px;}
.inq_form1{width:450px; height:22px; }
.inq_form1 label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-size:10px;	
}

.main_footer strong{font-weight:bold; font-size:11px;}


/* web box jquery */
.web_box{background:url(../../images/web_product/web_box.jpg) no-repeat; 
		 width:390px; height:172px; 
		 padding:0px; margin:0px; 
		 position:relative; }

.web_box .webbox_text{position:absolute; }

.web_box .webbox_left{ width:97px; position:absolute; left:0px; top:0px;}
.web_box .webbox_left .line1,.web_box .webbox_left .line2{width:92px; float:left; height:29px; list-style:none; 
background:url(../../images/web_product/btn.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px;
padding-left:5px; padding-top:5px;
}

.web_box .webbox_left .line1{ padding-top:10px; height:24px;}

.web_box .webbox_left .focus{background:url(../../images/web_product/btn_cur.gif) no-repeat; color:#FFF;}
.web_box .webbox_img{ position:relative; margin-left:92px;  width:295px; height:170px; overflow:hidden;}

.webbox_slitebox{width:590px; height:170px; position:absolute; left:0px; top:1px; }
.webbox_img li{width:295px; height:170px; float:left;}

.web_box #btn1,
.web_box #btn2,
.web_box #btn3,
.web_box #btn3,
.web_box #btn4,
.web_box #btn5{cursor:pointer;}

/* web box jquery */



.text_left150 {width:575px; padding-left:35px;}
.li_dot li{ list-style:disc;}
.li_ol li{list-style:decimal;}
.imgcenter{margin:auto; display:block;}
 
.contact_top_btn{
	background:url(../../images/contact_us.jpg) no-repeat; 
	width:122px; height:44px; 
	display:block; 
	text-indent:-9999px;
	position:absolute;
	top:0px; right:10px;
	cursor:pointer;
}

.contact_top_btn:hover{
	background:url(../../images/contact_us_on.jpg) no-repeat;
	width:122px; height:44px; 
}

.d_box{display:block;}

.p_top10{padding-top:10px;}
.p_bottom5{padding-bottom:5px;}
.p_bottom10{padding-bottom:10px;}
.p_bottom20{padding-bottom:20px;}
.p_bottom25{padding-bottom:25px;}

.boxleft150{float:left; display:block; width:150px;}
.boxleft170{float:left; display:block; width:170px;}
.boxleft200{float:left; display:block; width:200px;}



a.enquery_btn{background:url(../../images/contact.jpg) top no-repeat; 
			  width:230px; height:59px; 
			  text-indent:-9999px; 
			  cursor:pointer; 
			  display:block;
			  margin:auto;}
			  
.h_25{height:25px;}
.h_30{height:25px;}
a.enquery_btn:hover{background:url(../../images/contact_on.jpg) top no-repeat;}


.m_right40{ 
	margin-right:40px;	
}

.p_left20{
	padding-left:20px;
}

.p_top20{
	padding-top:20px;
}



.line_bottom{background:url(../../images/pick_line.gif) bottom left repeat-x; padding-top:10px;}
.web_list ul{
	padding-left: 20px;
	padding-top: 10px;

}
.web_list li {
	list-style-type: circle;
}
.sitemap {
	padding-left: 60px;
}


.sitemap ul {
	margin-left: 60px;
	background-image: url(http://www.aun-thai.co.th/common/css/images/sitemap_bullet.jpg);
}
.sitemap ul li{
	padding-left: 25px;
	background-repeat: no-repeat;
	list-style-type: none;
	background-image: url(../../images/sitemap_bullet.jpg);
	background-position: 5px;
	line-height: 25px;
}

.m_left70{
	margin-left:70px;
}


/*inquiry form*/
.btn_next{
	background:url(../../images/btn_next.jpg) no-repeat;
	border:none;
	line-height:0px;
	width:98px;
	height:35px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
.btn_next:hover{background:url(../../images/btn_next_on.jpg) left top no-repeat;}

.btn_back{
	background:url(../../images/btn_back.jpg) no-repeat;
	border:none;
	line-height:0px;
	width:98px;
	height:35px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
.btn_back:hover{background:url(../../images/btn_back_on.jpg) left top no-repeat;}

.btn_submit{
	background:url(../../images/btn_submit.jpg) no-repeat;
	border:none;
	line-height:0px;
	width:98px;
	height:35px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
.btn_submit:hover{background:url(../../images/btn_submit_on.jpg) no-repeat; }

#text_inquiry th span{width:10px; position:absolute; left:0px; top:3px; }
#text_inquiry th{width:100px; display:block; padding-left:10px; position:relative; line-height:20px;}

#text_inquiry .txt_border{border:#999 solid 1px; line-height:20px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; padding:2px;}
#box_error{height:50px; padding:0px 0px 0px 10px; color:#C00;}

.true{ width:24px; height:12px; line-height:20px;  background:url(../../images/icon/icn_true.jpg) left top no-repeat; text-indent:-999px;  }
.false{ width:24px; height:12px; line-height:20px;  background:url(../../images/icon/icn_false.jpg) left top no-repeat; text-indent:-999px;  }

.inp_yellow{background:#FF9;}
.box_left100{
	float:left;
	width:100px;
}
.box_center{ text-align:center; margin:auto; width:360px; padding-top:10px;}

.h2_blue{font-size:18px; color:#0071bf; } 
.pleft10{padding-left:10px; line-height:24px;}
/*inquiry form*/


/* banner more */
/* pom add */
.txt_more  { line-height:13px; }
/* pom add */
.txt_more a,.txt_more a{color:#ffffff; text-decoration:underline;}
.txt_more a:hover,.txt_more a:hover{color:#efefef; text-decoration:none;}
/* banner more*/

.link_service_site {
	right: 140px;
	position: absolute;
	width: 300px;
	text-align: right;
	top: 11px;
}
.link_service_site a:link, .link_service_site a:visited{
	color: #FFF;
}

.link_service_site a:hover, .link_service_site a:active {
	text-decoration: none;
}