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

body { font-family:"Myriad Pro",Georgia,Serif;font-size:14px; color:#666;}
a {font-family:"Myriad Pro",Georgia,Serif; font-size:12px; color:#333; text-decoration: none;}
a:hover {color:#666;}

/*main center*/
.centerpage {
margin:0px auto;  
width:900px; height:835px;
border:solid 0px #000;
}
/*.bgcenter {
float:left;
margin:0px 0px 0x 0px;  
width:915px; height:0 auto;
border:solid 1px #000;
background:url(../image/bgcenter.png) repeat-y;
}
*/
/*main center*/
/*menu*/
.boxmenu{ 
float:left;
width:899px; height:80px;
border:solid 0px #F00;
margin:0px 0 0 0;

}

.menu{
float :left;
margin:5px 0px 0px 5px;
width:899px;
height:25px;
border:solid 0px #F00;

}
/*home menu*/
.first{float:left;width:224px;				height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menu.png) 0px 0px no-repeat; cursor:pointer;}
.home{float:left;width:69px;				height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menu.png) -153px 0px no-repeat; cursor:pointer;}
.profile{float:left;width:133px;			height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menu.png) -222px 0px no-repeat; cursor:pointer;}
.product{float:left;width:146px;			height:25px; 	margin:0px 0px 0px 0px;  	background:url(../image/menu.png) -355px 0px no-repeat; cursor:pointer;}
.eventandnews{float:left;width:141px;			height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menu.png) -501px 0px no-repeat; cursor:pointer;}
.sustainability{float:left;width:133px;		height:25px; 	margin:0px 0px 0px 0px;     background:url(../image/menu.png) -642px 0px no-repeat; cursor:pointer;}
.contact{float:left;width:112px;			height:25px; 	margin:0px 0px 0px 0px;     background:url(../image/menu.png) -776px 0px no-repeat; cursor:pointer;}


/*home hover*/
.first{float:left;width:224px;					height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menuhover.png) 0px 0px no-repeat; cursor:pointer;}
.home:hover{float:left;width:69px;				height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menuhover.png) -153px 0px no-repeat; cursor:pointer;}
.profile:hover{float:left;width:133px;			height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menuhover.png) -222px 0px no-repeat; cursor:pointer;}
.product:hover{float:left;width:146px;			height:25px; 	margin:0px 0px 0px 0px;  	background:url(../image/menuhover.png) -355px 0px no-repeat; cursor:pointer;}
.eventandnews:hover{float:left;width:141px;		height:25px; 	margin:0px 0px 0px 0px;		background:url(../image/menuhover.png) -501px 0px no-repeat; cursor:pointer;}
.sustainability:hover{float:left;width:133px;	height:25px; 	margin:0px 0px 0px 0px;     background:url(../image/menuhover.png) -642px 0px no-repeat; cursor:pointer;}
.contact:hover{float:left;width:112px;			height:25px; 	margin:0px 0px 0px 0px;     background:url(../image/menuhover.png) -776px 0px no-repeat; cursor:pointer;}



/*home act*/


/*end menu*/
/*home page*/





.logo{
display:block;
z-index:5000px; 
float:left;
width:115px;
height:107px;
margin: 10px 0 0 20px;
border:solid 0px #F00;
background:url(../image/logo.png) no-repeat;
position:absolute;
z-index:5000;

}

.changeversion{
float :right;
width:70px;
height: 20px;
margin: 30px 0 0 20px;
border:solid 0px #F00;
}


.boxindexslide{
margin-top:0px; float:left;
width:899px; height:328px;
border:solid 0px #F00;
background:url(../image/bg_slide.png) no-repeat; 

}

.boxdetail{
float:left;
width:899px; height:313px;
border:solid 0px #F00;
margin-top:0px;
}


}
/* index*/
.boxdetailvision{
float:left;
width:850px; height:500px;
border:solid 0px #F00;
margin-top:0px;
padding: 0 0px 20px 40px;
line-height:25px;
background:url(../visions/image/bg_detail.png) right no-repeat;
}

.detailleft{
float:left;
width:246px; height:309px;
margin:0 0 0 8px;
border:solid 0px #F00;
background:url(../image/boximgleft.png) no-repeat; 
/* index*/
}
/*header*/
.boximgheader_new{
float:left;
width:339px; height:51px; 
margin:15px 0 0 40px;
background:url(../image/m_New.png) no-repeat; 
border:solid 0px #F00;
}



.detailright{
float:right;
width:616px; height:309px;
margin:0 8px 0 0;
border:solid 0px #F00;
background:url(../image/boximgright.png) no-repeat; 
}


.header{ 
float:left; margin:0 0 0 20px; 
width:500px; height:51px; 
border:solid 0px #F00;
}

.header_aboustus{ 
background:url(../image/header/aboutus.png) no-repeat; 
margin:0 0 0 00px;
}

.header_research {
float : right;
width:616px;
height:42px;
margin: 0 0 20 0px;
background:url(../image/header/research.png) bottom right no-repeat;
}	
/*header   end */

/*header       Start        Company Profile*/
.header_Rall {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/vision.png) bottom right no-repeat;
}
.header_company {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/company.png) bottom right no-repeat;

}
.header_mission {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/mission.png) bottom right no-repeat;

}

.header_philosophy {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/philosophy.png) bottom right no-repeat;

}
.header_vision {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/vision.png) bottom right no-repeat;

}
.header_boardofdirectors {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/boardofdirectors.png) bottom right no-repeat;

}
.header_management {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/management.png) bottom right no-repeat;

}
.header_message {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/message.png) bottom right no-repeat;
}
.header_milestones {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/milestones.png) bottom right no-repeat;
}
.header_schemgroup {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/schemgroup.png) bottom right no-repeat;
}
/*header        END         Company Profile*/
/*header  product&service */
.head_product_service{ 
float:left; margin:0 0 0 0px; 
width:246px; height:50px;
background:url(../image/header/productservice.png) no-repeat; 
border:solid 0px #F00;
}
.head_event{ 
float:left; margin:0 0 0 0px; 
width:246px; height:50px;
background:url(../image/header/menuevent.png) no-repeat; 
border:solid 0px #F00;
}
.head_sus{ 
float:left; margin:0 0 0 0px; 
width:246px; height:50px;
background:url(../image/header/sus.png) no-repeat; 
border:solid 0px #F00;
}


.header_prodcut_service {
float : right;
width:616px;
height:42px;
margin: 0 0 0 0px;
background:url(../image/header/product&service.png) bottom right no-repeat;
}
/* pic in page product and service*/
.boxpic_tank{
float:right;
width:300px; height:191px;
border:solid 0px #F00;
margin:-200px 0px 0px 0px;

}
.boxpic_safety{
float:right;
width:280px; height:191px;
border:solid 0px #F00;
margin:-198px 0px 10px 0px;

}
.boxpic_Wharf1{
float:right;
width:280px; height:135px;
border:solid 0px #F00;
margin:-150px 15px 10px 0px;

}
.boxpic_Wharf2{
float:left;
width: 620px; height:278px;
border:solid 0px #F00;
margin:0px 0px 10px 0px;
cursor:pointer;
}
.boxpic_fire3{
float:left;
width:180px; height:135px;
border:solid 0px #F00;
margin:0px 15px 10px 0px;
}

/*header        END         product&service*/

/* pic in page Company Profile*/
.boxpic_companyprofile{
float:left;
width:500px; height:300px;
border:solid 0px #F00;
margin:20px 5px 0px 60px;
}
.boxpic_message{
float: right; height:197px;
border:solid 0px #F00;
margin:-150px 10px 0px 0px;
}
.box_director{
float: left; height:208px;
width : 605px;
border:solid 0px #F00;
margin :5px 0px 50px 0px;
}
.boxpic_managerment{
float: left; height:228px;
width : 190 px;
border:solid 0px #F00;
margin :10px 20px 5px 0px;
}
/*header*/
/*company profile*/

.boxdetailcompany{
float:left;
width:899px; height:auto;
border:solid 0px #F00;
margin-top:0px;
}

.detailleftcompany{
float:left;
width:246px; height:520px;
margin:0 0 0 8px;
border:solid 0px #F00;
background:url(../image/boximgrightL.png) bottom right no-repeat; 
}
.detailrightcompany{
float:right;
width:616px; min-height:570px;
margin:0px 8px 20px 0px;
border:solid 0px #F00;
background:url(../image/boximgrightL.png) bottom right no-repeat; 

}
.headercompany{ 
float:left; margin:0 0 0 0px; 
width:246px; height:50px;
background:url(../image/header/menucompany.png) no-repeat; 
border:solid 0px #F00;
}
.listmenucompany{
float:left; 
margin:0 auto;
width:240px; height:350px;
border:solid 0px #F00;
padding: 2px 2x 2px 2px;
}

.read_mailestones{
float:right;
margin: 5px 40px 0px 0px;
width:80px; height:20px;
border:solid 0px #F00;
padding: 2px 2x 2px 2px;
}
.boxname{
float:left;
margin :10px 15px 10px 0px;
width:190px;height:20px;
border:solid 0px #F00;
}
.boxdetailmanagement{
float:left;
width:600px; min-height:450px;
border:solid 0px #F00;
margin: 0 0px 20px px;

}


.boxmanagement{
float: left;
margin:31px 0 0  30px;
width: 230px; height: 80px;
display:inline;
border:solid 0px #F00;
cursor:pointer;
}

.m1{font-family:"Constantia";color:#9a9898;text-align: center;margin-left: 200px;background:url(../image/m1.png) no-repeat; display:inline;}
.m1:hover {font-family:"Eras Blod ITC";color:#908f8f;padding-top: 0px; text-align: center; background:url(../image/m1act.png) no-repeat;}
.m2{font-family:"Constantia";color:#9a9898;margin-left: 50px;text-align: center;background:url(../image/m1.png) no-repeat; display:inline;}
.m2:hover {font-family:"Eras Blod ITC";color:#908f8f;text-align: center;padding-top: 20px; background:url(../image/m1act.png)  no-repeat;}


.position{
		float:left;
		width:180px;
		height:45px;
		font-size:14px;
		margin: 20px 0px 50px 15px;
		background:url(../companyprofiles/image/position_2.png) repeat-x; 
		border:solid 0px #F00;
		}

.box_philosophy{
float:left;
margin :10px 15px 10px 0px;
width:620px;height:198px;
border:solid 0px #F00;
}
.boxpic_philosophy{
float:left;
margin : 0px 10px 0px 10px;
width:280px;height:198px;
border:solid 0px #F00;
}
/*company profile*/

/*product&service*/

.boxdetailproduct{
float:left;
width:899px; height:auto;
border:solid 0px #F00;
margin-top:0px;
}

.detailleftproduct{
float:left;
width:246px; min-height:380px;
margin:0 0 0 8px;
border:solid 0px #F00;
background:url(../image/boximgrightL.png) bottom right no-repeat; 
}
.detailrightproduct{
float:right;
width:616px; min-height:500px;
margin:0px 8px 20px 0px;
border:solid 0px #F00;
background:url(../image/boximgrightL.png) bottom right no-repeat; 

}
.boxfertilizers{
float: left; height:110px;
width : 600px;
border:solid 0px #F00;
margin :20px 0px 0px 0px;
}
.boxpic_fertilizers{
float: left; height:100px;
width : 150px;
border:solid 0px #F00;
margin :10px 20px 5px 0px;
}
.boxdetail_fertilizers{
float: left; height:60px;
width : 400px;
border:solid 0px #F00;
margin :60px 10px 5px 0px;
}
.boxfuels{
float: left; height:110px;
width : 610px;
border:solid 0px #F00;
margin :20px 0px 0px 0px;
}
.boxpic_fuels{
float: left; height:100px;
width : 150px;
border:solid 0px #F00;
margin :0px 0px 0px 0px;
}
.boxdetial_fuels{
float: left; height:100px;
width : 140px;
border:solid 0px #F00;
margin : 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;

}
.boxpic_spareproduction{
float: left; height:190px;
width : 190px;
border:solid 1px #F00;
margin :10px 20px 5px 0px;
}
/* product&service end*/

/* sustainability */

.detailleftsustainbility{
float:left;
width:246px; height:450px;
margin:0 0 0 8px;
border:solid 0px #F00;
background:url(../image/boximgrightL.png) bottom right no-repeat; 
}

.boxpic_humanresource{
float: left; height:197px;
width : 250px;
border:solid 0px #F00;
margin :30px 40px 0px 0px;
}


.boxcsr_ac{
float: left; height:167px;
width : 600px;
border:solid 0px #F00;
margin : 20px 0px 0px 0px;
}

.boxpic_csrac{
float: left; height:167px;
width : 250px;
border:solid 1px #F00;
margin : 0px 25px 0px 0px;
}

.box_accreditation{
float: left; height:300px;
width : 630px;
border:solid 0px #F00;
margin : 20px 0px 0px 0px;
}

.boxpic_accreditation{
float: left; height:327px;
width : 200px;
border:solid 1px #000000;
margin : 0px 5px 0px 0px;
}

.boxcommitt{
float: left; height:80px;
width : 600px;
border:solid 0px #000000;
margin : 10px 0px 0px 0px;
}
.boxpic_committ{
float: left; height:80px;
width : 80px;
border:solid 0px #000000;
margin : 0px 15px 0px 0px;
}
.boxpic_committcbesc{
float: right; height:130px;
width : 130px;
border:solid 0px #000000;
margin : -210px 40px 0px 0px;
}

/* end sustainability */



/* contact */
.boxdetailcontact{
float:left;
width:899px; height:auto;
border:solid 0px #F00;
margin-top:20px 0px 0px 20px;

}

.detailleftcontact{
float:left;
width:400px; min-height:400px;
margin:5px 0px 0px 8px;
border:solid 0px #F00;
background:url(../image/boximgrightL.png) bottom right no-repeat; 
}
.detailrightcontact{
float:right;
width:460px; min-height:350px;
margin:5px 8px 0px 10px;
border:solid 0px #F00;
background:url(../image/boximgrightL.png) bottom right no-repeat; 
}

/* end contact */



.boxfooter{
float:left;
margin:10px 0px 0px -189px;
width:1280px; height:34px;
background:url(../image/footer.png) no-repeat;
border:solid 0px #F00;
}

.map{
float:left;
margin: 10px 20px 0px 0px;
width:430px; hieght:340px;
border:solid 0px #F00;
}
 /*AEG*/

 /*AEG*/
/*home page*/
.clear {clear:both; }
 /*AEG*/

 /*AEG*/

/*footer*/
.td18 {height:17px; font-family:"Myriad Pro",Georgia,Serif;font-size:10px; color:#999; cursor:pointer;}
.td18:hover {color:#666;}
.tdarrow {width:11px; height:17px; background:url(../img/leftarrow.png) no-repeat; }



/*AEG Job*/
 .boxjobdetail{
float:left;
width:899px; height:auto;
border:solid 0px #F00;
 }
margin-top:0px;
 .detailjob{
float:left;
width:870px; height:auto;
padding: 0 0 20px 20px;
border:solid 0px #F00;
margin-top:0px;
}

/*AEG END Job*/
/* event */
.detailrightevent{
float:right;
width:616px; min-height:500px;
margin:0px 8px 20px 0px;
border:solid 0px #F00;
}
/* end      event */
/*nong sfs */

.menuShopping{
		cursor:pointer;
		width: 210px;
		margin:0 0 0 5px;
		padding: 15px 0px 10px 20px;
		color: #999999;
		font-size:14px;
		border:0px solid #eee;
	
		
	}

.menuShoppingAct{color:#666666; font-weight:bold; 
	
				 background:url('../image/bgleftmenuact.png');}
	
	.showSubMenuShopping{
		display:none;
		
	}
	.subMenuShopping{
		cursor:pointer;
		width: 210px;
		height:20px;
		font-size:13px;
		color: #afacac;
		padding: 10px 0px 0px 25px;
		margin:1px 0 0 5px;
		background:#faf8f8;
		border:1px solid #eee;
	}
	.subMenuShopping:hover{
		
		color:#ed4545;
	
	}
	.subMenuShoppingAct{
	
		color:#ed4545;
	
	}
	
	.subMenuHeadAct{
		
		
		background:url('../image/box_submenuHead.png') no-repeat;
	}
	
	
	
	.subMenuEnd{
		margin:2px 0 0 5px;
		background:url('../image/box_submenuEnd.png') no-repeat;
		width: 195px;
		height:7px;
	}
	

	
	.menuShoppingHead{
		width: 185px;
		height:80px;
		
		font-size:14px;
	}
	.menuShoppingEnd{
		width: 185px;
		height:9px;
	}
	

/*nong table job */
.headtittle{
padding: 10px 0 0 8px;
vertical-align:text-top;
text-align:center;
width:200px;
height:30px;
background:#d2d5d3;
}




.detailjob table {
margin: 0 auto;
margin-bottom:20px;
width: 600px;
}

.positontittle {
padding: 10px 0 0 8px;
vertical-align:text-top;
 text-indent:15px;
 background:#eceffc;
 width:230px;
 
}
.positondetail {
padding: 10px 5px 0 8px;
vertical-align:text-top;
 text-indent:0px;
 background:#eceffc;
 width:370px;
}

.th{
float:left;
width : 20px;
height : 20px;
font-size:12px;
vertical-align:text-top;
}
.en{
float:left;
width : 20px;
height : 20px;
}
.th:hover{
color:#ed4545;
}
.en:hover{
color:#ed4545;