@charset "utf-8";
/* CSS Document */
body {
    font:12px Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	line-height:16px;
	margin:0;
	padding:0;
	text-align: center;
	color:#505050;
	}

a:link {
    color:#1A5053;
	text-decoration:underline;
	}
a:visited {
    color:#1A5053;
	text-decoration:underline;
		}
a:hover {
    color:#457a8b;
	text-decoration:underline;
	}
	
img {border:0px;
    padding:0;
	margin:0;
	}

h1, h2, h3, h4, h5, h6{
    margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	background:#b0bec7 url(image/back/arrow_on.gif) no-repeat top left;
	color:#FFFFFF;
	padding:8px 0px 8px 40px;
	margin:0;
	border-bottom:6px solid #b0bec7;
	}
h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	}

/* header begin */
#header {
    width:1003px;
	background:#FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	}
#banner{
    height:76px;
	background:#FFFFFF;
	padding:0;
	}
#header_top{
	padding:6px 0px 0px 0px;
	width:100%;
	height:25px;
	text-align:right;
	font-size:14px;
	color: #333333;
	background:#DDDDDD;
}


#manual{
    clear:both;
	width:1003px;
	background:#FFFFFF;
	margin:0 auto;
	padding:0;
	}

#nav{width:1003px; height:30px; margin:0; border-bottom:8px solid #b0bec7;}
#nav ul{list-style:none; padding-left:150px;}
#nav li{float:left; background:#DDDDDD; margin:0px 5px 0px 0px;line-height:30px; display:inline;}
#nav a{display:block; text-align:center; padding:0px 5px 0px 15px;}
#nav a:link{background: url(image/back/arrow_off.gif) #DDDDDD no-repeat 5px 12px;}
#nav a:visited{background: url(image/back/arrow_off.gif) #DDDDDD no-repeat 5px 12px;}
#nav a:hover{color:#FFFFFF;background: url(image/back/arrow_on.gif) #b0bec7 no-repeat 5px 12px;}
#nav li a#current1 {background: url(image/back/arrow_on.gif) #b0bec7 no-repeat 5px 12px;color:#FFFFFF;}	
/* header end */


/* Content Begin */
#content {
	width:1003px;
	background:#FFFFFF;
	margin:0 auto;
	text-align:left;
	}
#mainbag {
    width:1001px;
    background:#FFFFFF;
	float:left;
	border:1px solid #b0bec7;
	}


#left {
	width:250px;
	float:right;
	padding:0;
	background:#FFFFFF;
	}
	
#left h1{color:#006666;border-bottom:2px solid #FFFFFF;}
#left h3 {
    padding:2px 6px 2px 30px;
	background:#b0bec7  url(image/back/index-left.gif) no-repeat top left;
	line-height:22px;
	color:#006666;
	border-bottom:1px solid #FFFFFF;
	}

#productslist{
    position:inherit;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#productslist ul{list-style:none; margin:0; padding: 0;}
#productslist li {
	border-bottom:2px solid #cccccc;
	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%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
	display:block;
	text-decoration:underline;
}
#productslist a:visited{
    background:#DDDDDD url(image/back/arrow_off.gif) no-repeat 12px;
	padding: 2px 6px 2px 20px;
	width: 100%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
	display:block;
	text-decoration:underline;
}
#productslist a:hover{
    background:#b0bec7 url(image/back/arrow_on.gif) no-repeat left;
	padding: 2px 6px 2px 20px;
	color:#FFFFFF;
	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;
	}



#right {
    width:735px;
	float:left;
	padding:0;
	background: #FFFFFF;
	}
	
.pagenae{
    padding:0px 0px 0px 5px;
	background:#FFFFFF;
	}

.products {
	clear:both;
	width:710px;
	height:150px;
	margin:0px 0px 10px 20px;
	padding:4px 0px 4px 0px;
	text-align:center;
	}
.products ul{list-style:none; margin: 0; padding: 0px;} 
.products  li{float:left; width:230px; margin-left:3px; padding-bottom:4px; border:1px dotted;} 
.products a{display:block; text-align:center; text-decoration:none;}
.products a:hover{text-decoration:none; }

.briefinfo{
	width:718px;
	line-height:20px;
	padding: 4px 6px 8px 20px;
}
.briefinfo img{float: right;
	padding: 0px 2px 0px 10px;
	margin: 0 5px 5px 0;}
.briefinfo h3 {
	color:#006666;
	padding:10px 0 3px 8px;
	border-bottom:1px dotted;
}
.briefinfo ul{list-style:upper-alpha; margin:0; padding:0px 0px 0px 16px;}
.briefinfo li{margin-left:10px; padding-top:4px; border-bottom:1px dotted;} 
.briefinfo a:link {text-decoration:underline; background:#DDD;	padding:3px; margin:2;}
.briefinfo a:visited {text-decoration:underline; background:#DDD;	}
.briefinfo a:hover {color:#457a8b; text-decoration:none; background:#FFFFFF; }


.story {
	clear:both;
	width:718px;
	padding:4px 6px 8px 20px;
	line-height:20px;
	}
.story h3 {
	color:#006666;
	padding:2px 6px 2px 20px;
	border-bottom:1px dotted ;
	background:#b0bec7 url(Image/Back/index-left.gif) no-repeat top left;
}
.story h2 {
	color:#006666;
	padding:10px 0px 3px 8px;
	line-height:26px;
}
.info { padding: 0px 0px 0px 26px;}
.story ul{list-style:upper-alpha; margin:0; padding:0px 0px 0px 16px;}
.story li{margin-left:10px; padding-bottom:4px; border-bottom:1px dotted;} 

.story a:link {text-decoration:underline;padding:3px; margin:2;}
.story a:visited {text-decoration:underline; background:#DDDDDD;	}
.story a:hover {text-decoration:none; background:#FFFFFF; }
.storya{clear:both;
	width:718px;
	padding:4px 6px 8px 20px;
	line-height:20px;
	}
.storya h3 {
	color:#006666;
	padding:2px 6px 2px 20px;
	border-bottom:1px dotted ;
	background:#b0bec7 url(Image/Back/index-left.gif) no-repeat top left;
}
.storya ul{list-style:upper-alpha; margin:0; padding:0px 0px 0px 16px;}
.storya li{margin-left:10px; border-bottom:1px dotted; line-height:26px;} 
.story1 {
	clear:both;
	width:988px;
	background:#DDDDDD;
	padding:0px auto;
	margin:0px auto;
	line-height:20px;
	}
.story1 h3 {
	color:#006666;
	padding:2px 6px 2px 20px;
	border-bottom:1px dotted ;
	background:#b0bec7 url(Image/Back/index-left.gif) no-repeat top left;
 }
.story1 h2 {
	width:97%;
	padding:10px 0px 3px 8px;
	border:1px solid #014d63;
	line-height:26px;
}
.story1 ul{list-style:none; margin:0; padding:0px 0px 0px 16px;}
.story1 li{margin-left:10px; border-bottom:1px dotted; line-height:26px;} 
.story1 a{text-decoration:underline; background:#DDDDDD; }
.story2 {
	clear:both;
	width:728px;
	background:#DDDDDD;
	padding:0px auto;
	margin:0px auto;
	line-height:26px;
	}
.story2 h3 {
	color:#006666;
	padding:2px 6px 2px 20px;
	border-bottom:1px solid #FFFFFF;
	background:#b0bec7 url(Image/Back/index-left.gif) no-repeat top left;
 }
.story2 ul{list-style:none; margin:0; padding:0px 0px 0px 16px;}
.story2 li{margin-left:10px; border-bottom:1px dotted; line-height:26px;} 
.story2 a{text-decoration:underline; background:#DDDDDD; }

#translate{
	width:160px;
	height:60px;
	text-align:right;
	color: #333333;
	position: absolute;
	top:30px;
	right:4px;
}
#footer {
    clear:both;
	background:#DDDDDD;
    width:1003px;
	height:30px;
	margin:0 auto;
	padding:0;
	border-top:2px solid #b0bec7;
	}