@charset "utf-8";
/* CSS Document */
body {
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#333333;
	color:#FFFFFF;
}
#container {
	width:859px;
	margin:0 auto;
	height:auto;
}
#innerContainer {
    border:solid 1px #8f8f8f;
	padding:10px 17px 22px 17px;
	width: 825px;
	float:left;
	margin:30px 0 30px 0;
}
form {
	padding:0;
	margin:0;
}
a {
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#header {
	width:100%;
	float:left;
	text-align:left;
}
#header #flashbox {
	width:100%;
}
#header #info {
	background-color:#454545;
	width:100%;
	margin:20px 0 0 0;
	height:150px;
	border-bottom:1px solid #333333;
}
#header #login {
	width:31%;
	float:left;
	padding:20px 0 0 2%;
	height:130px;
}
#header #announcement {
	width:33%;
	float:left;
	padding:20px 0 0 0;
	height:130px;
	line-height:20px;
}
#header #question {
	width:33%;
	float:left;
	text-align:left;
	padding:20px 0 0 0;
	height:130px;
}
#header .title {
	height:18px;
	background-image:url(../images/smallboxtitlebg.jpg);
	background-repeat:no-repeat;
	background-position:left 0px;
	padding:0 0 0 20px;
	color:#000;
	line-height:18px;
}
#header .title a {
	color:#000;
	text-decoration:none;
}
#header #question ul {
	margin:0;
	padding:5px 0 0 0;
}
#header #question ul li {
	list-style:none;
	line-height:24px;
}
#header #locationbox {
	width:100%;
	padding:20px 0 0 0;
	background-color:#454545;
}
#header #locationbox #locationInfo {
	width:100%;
	background-color:#333333;
	color:Gray;
}
#header .search {
	background-image:url(../images/txtbg_search.jpg);
	background-position:center;
	background-repeat:no-repeat;
	color:#000000;
	width:151px;
	line-height:20px;
	height:20px;
	border:none;
	background-color:#454545;
	text-align:center;
}
#content {
	width:100%;
	float:left;
	text-align:left;
	padding:10px 0 5px 0;
	background-color:#454545;
}
#content #navigation {
	width:434px;
	float:left;
}
#content #information {
	width:434px;
	float:left;
	height:580px;
}
#content #slide {
	width:391px;
	float:left;
}
#content #image {
	width:391px;
	float:left;
	height:580px;
}
#content #pro-content {
	width:305px;
	float:left;
	height:750px;
}
#content #navigation dl {
	padding:0;
	margin:0;
	width:135px;
	float:left;
	padding-right:5px;
	height:204px;
}
#content #navigation dl dt {
	padding:0;
	margin:0;
}
#content #navigation dl dd {
	padding:0;
	margin:0;
	text-align:center;
	line-height:22px;
}
#content #navigation dl dd a {
	text-decoration:none;
}
#content #information #info-content {
	width:394px;
	height:580px;
	float:left;
	overflow: hidden;
	position: relative; 
}
.Scroller-Container {
  position:absolute;
  top: 0px; left: 0px;
}
#content #information #Scrollbar-Container {
	width:20px;
	float:left;
	position:relative;
}
#pro-info {
	padding:10px;
}
#pro-info h1 {
	font-size:12px;
	padding:0;
	margin:0;
	text-align:center;
	line-height:24px;
}
#pro-info h2 {
	font-size:12px;
	padding:0;
	margin:0;
	text-align:center;
	line-height:20px;
	font-weight:normal;
}
#pro-info h3 {
	font-size:14px;
	padding:0;
	margin:0;
	text-align:center;
	line-height:20px;
}
#pro-info h4 {
	font-size:12px;
	padding:0;
	margin:0;
	text-align:right;
	line-height:20px;
}
#pro-info p {
	line-height:22px;
	padding:0;
	margin:0;
}
/*--------------------scrollbar-------------------*/

.Scrollbar-Up {
  cursor: pointer;
   position:absolute;
  width:17px ;
  height:17px;
   background-image:url(../images/r6_c2b.jpg);
}
.Scrollbar-Track {
  width: 20px; 
  height: 587px;
  position:absolute;
  top: 0px; 
  background: transparent url(../images/r2_c21.jpg) ;
  background-repeat:repeat-y;
}
.Scrollbar-Handle {
  position:absolute;
  cursor:hand;
  width:17px ;
  height:102px;
   background-image:url(../images/r4_c21.jpg);
}
.Scrollbar-Down {
  cursor: pointer;
  position:absolute;
    width:17px ;
  height:17px;
   background-image:url(../images/r6_c2.jpg);
  top: 570px;
}

/*--------------class-------------*/
.font-01 {
	color:#000000;
}
.input-01 {
	background-color:#454545;
	border:1px solid #8f8f8f;
	padding:2px 0 0 0;
	width:80px;
	line-height:14px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFFFFF;
}
.input-02 {
	background-color:#454545;
	border:1px solid #8f8f8f;
	padding:2px 0 0 0;
	line-height:14px;
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFFFFF;
}
.submit-01 {
	background-image: url(../images/submit-01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:45px;
	height:23px;
	line-height:23px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	border:none;
	color:#fff;
}
.submit-02 {
	background-image: url(../images/submit-02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:35px;
	height:18px;
	line-height:18px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	border:none;
	color:#fff;
}
.submit-03 {
	background-image: url(../images/submit-03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:140px;
	height:28px;
	line-height:28px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	border:none;
	color:#fff;
}
.input-03 {
	padding:2px 0 0 0;
	line-height:16px;
	border:1px solid #8f8f8f;
	width:20px;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFFFFF;
}
.product dl {
	padding:10px 0 0 0;
	margin:0;
	width:155px;
	float:left;
	padding-right:5px;
	height:220px;
}
.product  dl dt {
	padding:0 0 5px 0;
	margin:0;
	height:138px;
	text-align:center;
}
.product  dl dd {
	padding:0;
	margin:0;
	text-align:center;
	line-height:22px;
}
.font-02 {
	text-decoration:line-through;
; 	color: #999999;
}
.dl-01 dl {
	width:136px;
	padding:0 5px 0 0;
	margin:0;
	float:left;
	height:210px;
}
.dl-01 dl dt {	
	width:135px;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
}
.dl-01 dl dd {	
	width:135px;
	padding:0;
	margin:0;
	float:left;
	text-align:center;
	line-height:24px;
}
.headercar {
	height:54px;
	background-color:#7a7a7a;
	line-height:12px;
	margin:5px 20px 0 0 ;
	padding:2px;
	overflow: auto;
	overflow-x:hidden;
	SCROLLBAR-FACE-COLOR: #454545; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ababab; 
	SCROLLBAR-SHADOW-COLOR: #454545; 
	SCROLLBAR-3DLIGHT-COLOR: #ababab; 
	SCROLLBAR-ARROW-COLOR: #ababab;
	SCROLLBAR-TRACK-COLOR: #7a7a7a; 
	SCROLLBAR-DARKSHADOW-COLOR: #000; 
	SCROLLBAR-BASE-COLOR: #454545;
}
.headercar td {
	color:#000000;
}
.menu-01 {
	background-image: url(../images/MyPfbg.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding:0 0 0 10px;
}
.menu-01 a {
	text-decoration:none;
}
.navi-01 {
	line-height:24px;
	border-bottom:1px solid #808080;
	background-image: url(../images/form-5-02.jpg);
	background-repeat: no-repeat;
	background-position: 140px top;
	padding:0 0 0 40px;
}
.navi-02 {
	background-image: url(../images/form-5-02.jpg);
	background-repeat: repeat-y;
	background-position: 140px top;
	padding:0 0 0 160px;
}
.navi-03 {
	line-height:18px;
	padding:10px 0 0 0;
}
.navi-04 {
	background-image: url(../images/form-5-01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:14px 0 0 0;
	border-right:1px solid #808080;
}
.navi-04 ul {
	padding:0;
	margin:0;
	border-bottom:1px solid #808080;
	background-image: url(../images/form=5-03.jpg);
	background-repeat: repeat-y;
	background-position: -1px top;
	height:390px;
}
.navi-04 ul li {
	list-style:none;
	margin:0;
	background-image: url(../images/form-5-04.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding:3px 10px;
	line-height:18px;
}
.font-04 {
	font-weight:bold;
	font-size:14px;
}
.font-05 {
	color:#999999;
}
.pro-detail  {
	padding:20px;
}
.pro-detail p {
	padding:20px 0;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}