@charset "utf-8";
/* CSS Document */
body {
    font:10pt "宋体";
	background:url(../Image/Back/back.png);
	line-height:16pt;
	margin:0;
	padding:0;
	text-align: center;
	color:#505050;
	}

a:link {
    color:#006699;
	text-decoration:underline;
	}
a:visited {
    color:#006699;
	text-decoration:underline;
		}
a:hover {
    color:#e35b00;
	text-decoration:underline;
	}
	
img {border:0px;
    padding:0;
	margin:0;
	}

h1, h2, h3, h4, h5, h6{
    margin:0px;
	padding:0px;
}
h3 {
	font-size: 10pt;
	}
h2 {
	font-size: 10pt;
	}


/* header begin */
#header {
    width:1003px;
	background:#FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	}
#banner{
    height:86px;
	background:#FFFFFF;
	padding:0;
	}
#header_top{
	width:1003px;
	height:31px;
	background:url(../Image/Back/header.jpg) fixed;
}
#top_left{
    margin:6px 0px 0px 4px;
	width:690px;
	float:left;
	}
#top_right{
    width:230px;
	float:right;
	text-align:right;
    margin:6px 0px 0px 0px;
	padding:0px 18px 0px 0px;
	}
#top_right a:link {color:#EE0000; font-weight:bold;}
#top_right a:visited {color:#EE0000; font-weight:bold;}
#top_right a:hover {color:#0000FF; font-weight:bold;}


#manual{
    clear:both;
	width:1003px;
	height:42px;
	background:#FFFFFF;
	margin:0 auto;
	padding:0;
	}

#nav{width:1003px; height:30px; margin:0; border-bottom:14px solid #b0bec7;}
#nav ul{list-style:none; padding-left:200px;}
#nav li{float:left; background:url(../Image/Back/back1.jpg) repeat-x; margin:0px 5px 0px 0px;line-height:29px; display:inline;}
#nav a{display:block; text-align:center; padding:2px 8px 0px 8px;}
#nav a:hover{background:url(../Image/Back/back2.jpg) repeat-x;color:#333333; font-weight:bold;}
#nav li a#current1 {background:url(../Image/Back/back2.jpg) repeat-x;color:#333333; font-weight:bold; text-decoration:none;}	
/* header end */


/*** Content Begin ***/
#content {
	width:1003px;
	background:#FFFFFF;
	margin:0 auto;
	text-align:left;
	}
#mainbag {
    width:1003px;
    background:#FFFFFF;
	float:left;
	}

/* Left Begin */
#left {
	clear:both;
	width:746px;
	float:left;
	padding:0;
	background:#FFFFFF;
	}
p {margin:10px 4px 6px 4px; padding: 0px 0px 0px 16px;}
.inforight{text-align:right;}
.prey { background:#EEE;}

.mainpage{
	clear:both;
	width:729px;
	margin:6px auto;
	border-left:1px solid #EEE;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	line-height:18px;
	background:#BBB;
	}
.mainpage h1{
    background:url(../Image/Back/left_h3.jpg) no-repeat;
	color:#000;
	margin:0px 0px 2px 0px;
	padding:3px 3px 0px 20px;
	font-size:10pt;
	line-height:22px;
	border-bottom:1px solid #949dad;
	}


.products {
	clear:both;
	width:723px;
	height:850px;
	margin:2px auto;
	padding:0px 0px 4px 0px;
	border:1px solid #949dad;
	background:#FFF;
	line-height:18px;
	}
.products ul{list-style:none; padding:0;margin:6px 0px 6px 0px;} 
.products  li{float:left;width:212px; margin:0px 0px 12px 14px; padding:3px; border:1px dashed #949dad;} 
.products a{display:block; text-align:center; text-decoration:none;}
.products a:hover{text-decoration:none; }



.story {
	clear:both;
	width:723px;
	margin:2px auto;
	padding:0px 0px 4px 0px;
	border:1px solid #949dad;
	background:#FFF;
	line-height:18pt;
	}
.story h3 {
    background:url(../Image/Back/left_h3.gif) #DDD no-repeat 8px;
	color:#014d63;
	padding:3px 3px 0px 16px;
	border-bottom:1px solid #949dad;
	line-height:18px;
}
.story ul{list-style:upper-alpha; margin:0px 0px 6px 8px; padding:0px 0px 0px 20px;}
.story li{padding:4px 0px 2px 2px;
	border-bottom:1px solid #949dad;
	margin:0px 0px 2px 0px;
	background:#EEE;
	} 


.story2 {
	clear:both;
	width:722px;
	margin:4px 4px 10px 10px;
	padding:0px 0px 4px 0px;
	border:1px solid #949dad;
	line-height:16pt;
	background:#F5F5F5;
	}
.story2 h3 {
    background:url(../Image/Back/left_h3.gif) #DDD no-repeat left center;
	color:#014d63;
	padding:3px 3px 0px 10px;
	border-bottom:1px solid #949dad;
}
.story2 ul{list-style:disc; margin:0; padding:0px 0px 0px 16px;}
.story2 li{margin-left:10px; padding-top:4px;} 
.story2 img{float:left; padding: 0px 2px 0px 10px;margin: 0 5px 5px 0;}

#now{
    background:#FFCC99;
	font-weight:bold;
	color:#0000FF;
	}


.briefinfo{
	clear:both;
	width:723px;
	margin:2px auto;
	padding:0px 0px 4px 0px;
	border:1px solid #949dad;
	background:#FFF;
	line-height:18pt;
}
.briefinfo img{
	float: right;
	padding: 0px 2px 0px 10px;
	margin: 0 5px 5px 0;
}
.briefinfo h3 {
    background:url(../Image/Back/left_h3.gif) #DDD no-repeat 8px;
	color:#014d63;
	padding:3px 3px 0px 16px;
	border-bottom:1px solid #949dad;
	line-height:18px;
}
.briefinfo ul{list-style:disc; margin:0; padding:0px 0px 0px 16px;}
.briefinfo li{margin-left:10px; padding-top:4px; } 



.sample1 {
	clear:both;
	width:723px;
	height:2200px;
	margin:2px auto;
	padding:0px 0px 4px 0px;
	border:1px solid #949dad;
	background:#FFF;
	line-height:18pt;
	}
.sample {
	width:350px;
	float:left;
	height:200px;
	margin:4px 0px 6px 8px;
	padding:4px 0px 4px 0px;
	border:1px dotted #007FAA;
	line-height:20px;
	text-align:left;
	}
.sample ul{list-style:disc;} 
.sample li{display:block; border-bottom:1px dotted; background:#FFF;}
.sample a{text-decoration:underline; }
.sample img {
	float: left;
	margin: 6px 12px 4px 0px;
	border:0px;
}


.story1 {
	clear:both;
	width:982px;
	margin:4px 4px 10px 10px;
	padding:0px 0px 4px 0px;
	border:1px solid #949dad;
	line-height:18pt;
	background:#F5F5F5;
	}
.story1 h3 {
    background:url(../Image/Backnew/left_h3.gif) #DDD no-repeat left center;
	color:#014d63;
	padding:3px 3px 0px 10px;
	border-bottom:1px solid #949dad;
}
.story1 ul{list-style:disc; margin:0; padding:0px 0px 0px 16px;}
.story1 li{margin-left:10px; padding-top:4px;} 



/* Left Begin */

#right {
	width:250px;
	float:right;
	padding:0;
	background:#FFFFFF;
	}
#right h1{
	background:#b0bec7 url(../Image/Back/back2.jpg) repeat-x;
	font-size:11pt;
	line-height:16px;
	color:#014d63;
	padding:8px 0px 8px 20px;
	margin:0;
	border-bottom:4px solid #014d63;
	}

#right h3 {
    padding:2px 6px 2px 20px;
	background:url(../Image/Back/right_h3.jpg) no-repeat;
	line-height:22px;
	color:#333;
	}

#productslist{
    position:inherit;
	margin: 0px;
	padding: 0px;
}
#productslist ul{list-style:none; margin:0; padding: 0;}
#productslist li {
	border-bottom:2px solid #949dad;
	margin:0px 0px 1px 0px;
	}
#productslist a:link{
    background:#DDDDDD url(../Image/Back/arrow_off.gif) no-repeat 12px;
	padding: 2px 6px 2px 20px;
	width:100%;
	line-height:20px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
	display:block;
	text-decoration:none;
}
#productslist a:visited{
    background:#DDDDDD url(../Image/Back/arrow_off.gif) no-repeat 12px;
	padding: 2px 6px 2px 20px;
	width: 100%;
	line-height:20px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
	display:block;
	text-decoration:none;
}
#productslist a:hover{
    background:#b0bec7 url(../Image/Back/arrow_on.gif) no-repeat left;
	padding: 2px 6px 2px 20px;
	color:#e35b00;
	text-decoration:none;
}
#productslist li a#current {
    background:#FFFFFF url(../Image/Back/arrow.gif) no-repeat left;
	padding: 2px 6px 2px 20px;
	color:#0000FF;
	text-decoration:none;
	font-weight:bold;
	}

/*** Content end ***/

#footer {
    clear:both;
	background:url(../Image/Back/back6.jpg);
    width:1003px;
	height:50px;
	margin:0 auto;
	padding:8px 0 2px 0;
	}
