/*reset*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
/*----*/
html, body {width:100%; height:100%; padding:0; margin:0;}
html { 
	/*background:url(../images/bg.jpg) no-repeat center center fixed; */
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
}

body { 	 
	font: 14px/25px Arial, Helvetica, sans-serif;
	color:#999999;
	min-width:960px;
}
.main {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.main p{
	padding:10px;
	font-size:16px;
}
.clear {clear:both; line-height:0; font-size:0; width:100%;}

header {
	width:100%;
	height:100px;
	background:#EEE;
	margin:0 auto; z-index:101; position:relative; z-index:100;
}
.content{
	width:100%;
	margin:0 auto;
	background:#f6f6f6;
}
.content p{
	padding:10px;
}
.content ul{
	width:100%;
	height:380PX;
}
.content ul li{
	color:#aaa;
	padding:10px;
	float:left;
	width:30%;
}
.content ul li hr{
	border:none;
	border-top:1px dotted #aaa;
	height:1px;
}
.content ul li h3{
	color:#000;
}
.content ul li a{
	color:#aaa;
	text-decoration:none;
}
.detail{
	width:65%;
	float:right;
	margin-top:-350px;
}
.header{
	width:100%;
	height:25px;
	margin:0 auto;
	background:#FFC820;
	color:#fff;
	font-weight:bold;
}
.header p{
	margin-left:10px;
}
.product_menu{
	width:30%;
	float:left;
}
.product_menu li{
	width:100%;
	border:1px solid #000;
}

footer{
	position:fixed;
	background-color:#666;
	height:25px;
	width:100%;
	padding:5px;
	bottom:0px;
	left:0px;
}
header a{
	color:#FFC820;
	text-decoration:none;
}
header a:hover{
	color:#aaa;
	text-decoration:underline;
}