body{	    
	position: absolute;
	padding:0px;margin:0px; 
	font-size:12px;
	font-weight:normal;
	font-family: 'Tahoma', 'Arial', 'Helvetica', 'Sans-Serif';
	min-width: 100%;
	height: 100%;
	background: #000 url("../images/wheat_field02.jpg") no-repeat; background-size:cover; 
	opacity:0.9;
	direction: ltr;
	-webkit-text-size-adjust: none;
}

div.bg { z-index:-1; width:100%; height:100%; background: #000 url("../images/wheat_hr.jpg") no-repeat; background-size:103% 100%; opacity:0.7;}
div.bg img.logo {      float: left; margin-left:6%; width:9%;}
div.bg img.quality {  position:fixed; top:0px; right:5%; width:9%; border-radius:90px; }

div.upperNav{	position:fixed; top:25%; right:4%; width:15%; text-align:right;}
div.upperNav span.navItem{ display:block; margin:0px; padding:5px; line-height: 110%; letter-spacing: 2px; font-size:11px;  text-shadow: 1px 0px #333; text-transform:uppercase; cursor:pointer;}
div.upperNav span.navItem:hover{  color:#555;  text-shadow: 1px 0px #999;  }
div.upperNav div.orderPanel{	position:fixed;  bottom: 20px; right:4%; width:8%; height:125px;margin:0px; padding:5px; border:1px dashed #999; text-align:center;}
div.upperNav div.orderPanel input{	margin:0;padding:0; width:100px; height:25px;	background:#EEE; color:#000; text-align:center; font-size:11px; letter-spacing:2px; 	border-radius: 5px; border: 1px inset #999;}
div.upperNav div.orderPanel input.text{ 	background:transparent; color:#555;font-size:20px; font-weight:bold;text-shadow: 1px 1px #FFF;border: 0;border-radius:0; box-shadow: none;}
div.upperNav div.orderPanel input.button{ 	background:#222; color: #FFF;  border: 3px double #CCC; text-transform:uppercase; border-radius:10px;}
div.upperNav div.orderPanel input.button:hover{ 	background:#000; color:#0F0; border:3px solid #FFF;}
div.upperNav div.orderPanel img{ float:right; width:80px; opacity:0.5;}


text{              letter-spacing: 2px;line-height: 180%;text-transform:uppercase; text-shadow: 1px 0px #111;}
text.title{       position:fixed; top:25%; left:5%; text-align:right; width:11%;}
div.subtitle{   position:fixed; top:0px;left:16%; 
		      width:68%; height:50px; 
			padding-top:20px; 
			background:#FFF;color:#000; 
			font-size:15px;line-height: 200%;letter-spacing: 4px;
			text-shadow: 1px 1px #000;text-align:center; text-transform:uppercase;
}
img.hrLine{   background:#FFF; width:40%; }
div.subtitle span{ color:#442; line-height: 150%; font-style:italic; font-weight:normal; text-shadow: 1px 0px #5CA; text-transform:none; }

div.navList ul.list{ z-index:0; position:fixed; top:30%; left:6%; width:11%;display: table;table-layout: fixed; padding:0px; margin:0px; list-style-type:none; text-align:center;}
div.navList ul.list li{ z-index:0; display:block; margin:5px;padding:7px; padding-bottom:25px; background:#000 url("../images/bt_hr.gif") no-repeat 50% 80%;color:#EEE; font-size:11px; letter-spacing: 0px; border-radius: 10px 0 0 10px; border:2px inset #FEF; cursor: pointer; text-transform:lowercase; }
div.navList ul.list li:hover{   color: #FFF; border:2px outset #FEF; ext-shadow: 1px 0px #CCC;} 


div.content  {  z-index:2;	
			position:fixed; top:70px; left:16%; 
			width:68%;  height:100%; 
			background: #FFF ;  color: #000;
			font-weight:normal;  
			letter-spacing: 2px;line-height: 100%; 
}
div.flexcroll {   z-index:2; width:100%;height:90%;	background: #FFF ; }

div.content  table.company{ margin:0;padding:0;font-size:11px; font-weight:normal;  letter-spacing: 3px; line-height: 160%;  text-align:center; text-shadow: 1px 0px #999;}
div.content  table.company img{  margin:15px; width:250px; height:200px; border-radius:10px;}

div.content  table.company td { margin:0;  padding:0px; vertical-align: top; text-align:center;}

div.content  table.company td.profile { padding:60px;}
div.content  table.company td.profile text, p{line-height:150%; }
div.content  table.company td.profile img.qq{ width:80%; height:auto; padding:15px;border-radius:25px; border:1px outset #999;}

div.content  table.company td.contact{width:900px; padding:40px;}
div.content  table.company td.contact p.title{ font-size:19px; line-heght:180%; text-transform:uppercase; letter-spacing: 2px; text-shadow:1px 0px #555; }

div.content  table.company div.product{ 		padding:0;margin:0; width:100%;height:100%;}
div.content  table.company div.product div.pitem{  display: inline-block; width: 175px; height: 175px; margin: 0.5em;  border:1px solid #EEE; border-radius:0px; vertical-align:top;}
div.content  table.company div.product div.pitem:hover{ background:#EEE; color:#000; border:1px outset #DDF;}
div.content  table.company div.product div.pitem img{  	margin:5px; width:130px; height:130px; border-radius:10px;}
div.content  table.company div.product div.pitem text{ 	color:#333; text-shadow:1px 1px #DDD; line-height:100%;  text-transform:lowercase;}

div.content  table.company td.internal{   margin:0px; padding:20px;padding-bottom:2px;}
div.content  table.company td.internal img{  float:left; padding:20px;padding-top:0px; width:160px; height:160px; border-radius:10px;}
div.content  table.company td.internal text{ color:#555; text-shadow:none;line-height:90%;  text-transform:lowercase;}
div.content  table.company tr:nth-child(odd){background:#FFF;} 
div.content  table.company tr:nth-child(even){background:#FFE;} 

div.copyright{	position:fixed; bottom: 5px; left: 10px; width:100%; font-size:9px; text-transform:lowercase; }

/*
div.content  div.order {margin:20px; display:block;}
div.content  div.order img.processIcon{ float:left; margin:10px; width:60px; border-radius:20px; border:3px double #999;  opacity:0.8;}
div.content  div.order table.companyList{ vertical-align:top; margin:0px; padding:10px; font-size:11px; letter-spacing:3px; color: rgba(25,25,25,0.9);  text-align: center; overflow:auto}
div.content  div.order table.companyList tr{  vertical-align:middle;  padding:0px; height:40px; border-bottom:1px solid #999;}
div.content  div.order table.companyList tr:nth-child(even){background:#FFF;} 
div.content  div.order table.companyList tr:nth-child(odd){background:#FEF;} 
div.content  div.order table.companyList td{ padding:5px; width:120px; color:#020; text-align:left;}
div.content  div.order table.companyList tr.standard{background:#FFF;} 
div.content  div.order table.companyList tr.standard input{width:230px; height:23px; border:0; background:#ADA;}
div.content  div.order table.companyList tr.header{background:#EEE; } 
div.content  div.order table.companyList tr.header td{  padding:5px;  font-weight:bold;}
div.content  div.order table.companyList tr.buttonPanel td{ background:#FFF; text-align:center;} 
div.content  div.order table.companyList tr.buttonPanel span.button{   padding:10px; margin:10px;  background:#484; color:#FFF; font-size:12; font-weight:bold: letter-spacing:5px; text-shadow: 1px 1px #DDD;  box-shadow: 1px 2px 0px #CCC;    border-radius:10px; border:3px double #999;  text-transform:uppercase;}
div.content  div.order table.companyList tr.buttonPanel span.button:hover{ opacity:0.4;  }
div.content  div.order table#extaddress{margin:30px; margin-left:100px; border:1px solid #CCC; visibility:hidden;}


div.orderPanel{			z-index:6; position: absolute; bottom:40px; right:70px; padding:3px; width:120px; height:140px; text-align:center; border:1px dashed #ACA;}
div.orderPanel input{	padding:3px; margin:2px; width:100px; background:transparent; color:#FFF; font-size:10px; text-align:center; letter-spacing:2px; border-radius: 3px; border: 2px solid #CCC; box-shadow:1px 1px 1px #000;}
div.orderPanel input.button{ background:#8A8; color: #EEE; letter-spacing: 3px; text-shadow: 1px 0px #393; border: 2px double #CCC; text-transform:uppercase;}
div.orderPanel input:hover{ background:#EFE; color:#777; border: 2px double #999;}
div.orderPanel span {   padding:0px; margin:0px; color:#000; font-size:9px;font-weight:bold; text-shadow:1px 1px #9A9; letter-spacing:1px;  text-align:center;}
div.orderPanel text{	text-decoration:none;}

div#blackscreen{  z-index:7; position: absolute; top: 0%; left: 0%; width: 100%; height:100%; background: black; opacity:.80; visibility:hidden;}
div#blackscreen div.close{ margin-top:5px;margin-left:81%;padding:2px; width:20px;height:20px;color:#FFF;font-size: 12px; font-weight:bold;text-align:center; border:2px solid #FFF; cursor:pointer;}
div#blackscreen div.close:hover{ color:#DDD; font-size:15px; text-shadow: 1px 0px #DDD;border:2px solid #777;}

iframe#pSelection{  z-index:7; position: absolute;  top: 4%;  left: 18%;  width: 5%; height: 5%; visibility:hidden; }
iframe#pWindow{   z-index:8; position: absolute;  top: 4%;  left: 18%;  width: 65%; height: 90%; padding:0px;color: #222;font-size:13px; font-weight:normal;letter-spacing: 2px;line-height:120%; border: 2px double #EEE;   background:#FFF url("../images/icon/hat.jpg")  50% 50%;  visibility:hidden; }
table#deliveryCost td {  padding:0px;color: #222;font-size:12px; font-weight:normal;letter-spacing: 2px;line-height:120%; }
*/