*{ margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; }
img {border:0;}
.cl {clear:both;}

body {
	width:820px;
	margin:auto;
	font-size:12px;
	line-height:18px;
	background:url(bg.jpg) no-repeat top center white;
}

/**************head**************/
#key {
	color:white;
	width:420px;
	position:absolute;
	margin:17px 0 0 220px;
}

#key h1 {
	font-size:16px;
	line-height:24px;
}

#key h2 {
	font-size:14px;
	line-height:14px;
	font-weight:normal;
}

#lang {
	top:9px;
	width:170px;
	position:absolute;
	margin:0 0 0 650px;
}

#lang img {
	float:left;
	cursor:pointer;
	margin:7px 6px 3px 6px;
}

/**************menu**************/
#menu {
	height:25px;
	width:820px;
	padding-top:75px;
}

#menu dl {
	float:right;
	width:600px;
	height:25px;
	overflow:hidden;
}

#menu dt {
	float:left;
	height:25px;
	color:white;
	display:inline;
	font-size:10px;
}

#menu .sel_l, #menu .sel_r,
#menu .menu_l, #menu .menu_r {width:4px; height:25px;}
#menu .sel_l, #menu .menu_l, {margin-left:5px;}
#menu .sel_r, #menu .menu_r {margin-right:5px;}
#menu .sel_l {background:url(sel_l.gif) no-repeat;}
#menu .sel_r {background:url(sel_r.gif) no-repeat;}
#menu .sel_m {background:url(sel_m.gif) repeat-x;}
#menu .menu_l {background:url(menu_l.gif) no-repeat;}
#menu .menu_r {background:url(menu_r.gif) no-repeat;}
#menu .menu_m {background:url(menu_m.gif) repeat-x;}

#menu a {
	float:left;
	color:white;
	font-size:12px;
	line-height:23px;
	white-space:nowrap;
	text-decoration:none;
	padding:0 11px 2px 11px;
}

#menu a:hover,
#menu a.ved:hover {
	text-decoration:underline;
}

#menu .ved {
	color:#014886;
	background:white;
}

/**************search**************/
#search {
	width:158px;
	float:left;
	overflow:auto;
	padding:8px 0 7px 10px;
}

#search form input.button {
	border:0;
	height:19px;
  width:38px;
	float:left;
	cursor:pointer;
	background:url(search_r.gif) no-repeat;
}

#search #q {
	border:0;
	width:100px;
	height:16px;
	float:left;
	color:gray;
	font-size:11px;
	padding:3px 0 0 5px;
	background:url(search_m.gif) repeat-x;
}

#search .searchleft {
	float:left;
	width:8px;
	height:19px;
	background:url(search_l.gif) no-repeat;
}

/**************left**************/
#side {
	float:left;
	width:188px;
	display:inline;
	margin:15px 0 0 17px;
}

#side .leftbar {
	width:170px;
	height:27px;
	overflow:hidden;
	padding:16px 0 0 18px;
	background:url(left_top.gif) no-repeat;
}

#side .leftbar a {
	color:black;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	text-decoration:none;
}

#side .leftbar a:hover {
	color:#384452;
}

#side .info {
	overflow:auto;
	border-left:1px #EEEEEE solid;
	border-right:1px #EEEEEE solid;
}

#side .lpro {
	width:179px;
	padding:3px 0 0 7px;
	background:url(lpro.jpg) no-repeat bottom #F6F7F9;
}

#side .lcer {
	width:178px;
	overflow:auto;
	padding:3px 0 3px 8px;
	background:url(lcon.jpg) no-repeat bottom #F6F7F9;
}

#side .lcon {
	width:171px;
	line-height:22px;
	padding:3px 2px 0 13px;
	background:url(lcon.jpg) no-repeat bottom #F6F7F9;
}

#side .lcer a {
	float:left;
	display:inline;
	margin:4px 6px 7px 5px;
}

#side .lcon span {
	font-weight:bold;
	color:#364553;
}

#side .lcon .email {
	width:169px;
	height:18px;
	margin:2px 0 0 0;
	background:url(email.gif) no-repeat;
}

#side .sidebot {
	width:188px;
	height:8px;
	margin:0 0 25px 0;
	background:url(bot.gif) no-repeat top;
}

#side dl {
	clear:both;
	overflow:auto;
	padding:0 0 5px 0;
}

#side dt a {
	color:black;
	font-size:12px;
	text-decoration:none;
}

#side .sort h3,
#side strong,
#side .ved,
#side dt a:hover {
	color:#305D98;
}

#side .bigl {
	width:168px;
	display:block;
	overflow:auto;
	font-weight:bold;
	padding:6px 0 6px 4px;
	background:url(ul.gif) repeat-x bottom;
}

#side .bigl a {
	float:left;
	line-height:16px;
	font-weight:bold;
}

#side .bigl img {
	float:left;
	width:10px;
	height:7px;
	margin:6px 5px 0 0;
}

#side .bigl h3,
#side .midl h3 {font-size:13px;}

#side .midl {
	width:151px;
	display:block;
	padding:5px 0 5px 21px;
	background:url(ul.gif) repeat-x bottom;
}

#side .midl a {
	line-height:14px;
}

#side .smll {
	width:144px;
	display:block;
	padding:1px 0 0px 28px;
}

#side .smll a {
	font-size:11px;
	line-height:12px;
}

#side .smll h3,
#side .midl h3 {font-weight:normal;}
#side .smll h3 {font-size:13px;}

#side .catalog {padding:0 0 5px 20px;}

#side .catalog a {
	color:#0069ba;
	font-weight:bold;
	font-style:italic;
}

#side .catalog a:hover {
	color:#4A7FF0;
	text-decoration:none;
}

#side .more {
	float:right;
	display:inline;
	margin:1px 7px 4px 0;
}

#side .more a {
	color:#364553;
	font-size:10px;
}

#side .more a:hover {text-decoration:none;}

/**************right**************/
#main {
	width:595px;
	float:left;
	overflow:hidden;
	display:inline;
	margin:0 0 0 19px;
}

#main .banner {
	height:178px; 
	margin:13px 0 0 8px;
}

#main a {color:black;}
#main a:hover {text-decoration:none;}
#main td {padding:2px;}
#main .warning {color:red;}

#main .line {
	margin:0 17px 2px 3px;
	border-bottom:1px #f6f6f6 solid;
}

#main .heading {
	height:30px;
	width:585px;
	overflow:hidden;
	margin:2px 0 0 3px;
}

#main .heading img {
	float:left;
}

#main .heading .caption {
	height:19px;
	float:left;
	width:527px;
	display:inline;
	color:#444444;
	font-size:14px;
	font-weight:bold;
	padding:1px 0 0 8px;
	margin:4px 0 3px 9px;
	border-bottom:1px solid #f0f0f0;
}

#main .heading h2,
#main .heading h3 {
	color:#444444;
	font-size:13px;
	display:inline;
}

#main .heading .caption {width:527px;}
#main .heading .cerwidth {width:550px;}

#main .heading h3 a,
#main .heading .caption a {
	color:#536675;
	text-decoration:none;
}

#main .heading h3 a:hover,
#main .heading .caption a:hover {color:#0069ba;}
#main .desp a:hover {color:#315D9A;}

#main .desp {
	clear:both;
	width:571px;
	font-size:12px;
	line-height:16px;
	padding:2px 7px 5px 11px;
}

#main .inline p,
#main .inline h2,
#main .inline h3,
#main .inline strong {
	display:inline;
	font-size:12px;
	font-weight:normal;
}

#main .inline i {font-style:normal;}
#main .inline b {font-weight:normal;}

#main .desp h5 {
	font-weight:bold;
	font-size:13px;
}

#main .detail {
	width:54px;
	height:13px;
	padding:0 0 0 10px;
	margin:0 0 0 490px;
	background:url(detail.gif) no-repeat;
}

#main .detail a {
	font-size:11px;
	line-height:12px;
	text-decoration:none;
}

#main .detail a:hover {color:#315D9A;}

#main .despcer {
	overflow:auto;
	margin:0 0 10px 0;
}

#main .despcer a {
	float:left;
	display:inline;
	margin:4px 0 8px 13px;
}

#main .sitemap ul {margin:0 0 0 15px;}
#main .sitemap li {margin:2px 0 3px 18px;}
#main .sitemap a:hover {font-weight:bold;}

#main .line {
	clear:both;
	height:1px;
	margin-top:3px;
	border-bottom:#E6E6E6 solid 1px;
}

#main .focus {
	background:#F2F9FB;
	border: 1px solid #CCCCCC;
}

#main .blur {
	background:#EEEEEE;
	border-bottom: #FFFFFF 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #FFFFFF 1px solid;
	border-top: #CCCCCC 1px solid;
}

#main .button {margin:0 10px;}

#main .links ul li {
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:2px 0 2px 0;
}

#main .links ul li a {
	text-decoration:underline;
}

#main .links .ved,
#main .links a:hover {
	color:#0f3c8a;
	text-decoration:none;
}

#main .links ol li {
	font-size:12px;
	font-weight:normal;
}

#main .process {
	clear:both;
	width:585px;
	padding:2px 0 5px 0px;
}

/**************ct_pr**************/
#main .prolist {
	clear:both;
	width:582px;
	line-height:20px;
	padding:2px 7px 5px 0;
}

#main .prolist a:hover {
	color:#094987;
	text-decoration:none;
}

#main .prolist dl {
	padding:0 0 0 12px;
}

#main .selected {
	color:#094987;
	font-weight:bold;
}

#main .productlist {
	clear:both;
	width:575px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	margin:5px 0 3px 0;
	padding:2px 0 0 10px;
	background:#EEEEEE;
}

/**************goods**************/
#goods {
	clear:both;
	width:584px;
	overflow:auto;
	padding:0 5px;
	line-height:17px;
}

#goods .bigname {
	clear:both;
	width:563px;
	height:20px;
	font-size:13px;
	overflow:hidden;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:2px 0 0 10px;
	background:#EEEEEE;
}

#goods .bigname a {
	font-size:13px;
	color:black;
	text-decoration:none;
}

#goods .bigname a:hover {color:#0069ba;}
#goods dt a:hover {color:#4A7FD0;}
#goods dt a {line-height:18px;}
#goods dl {overflow:auto;}
#goods dt a.fbold {font-weight:bold;}

#goods dt .colortext {
	color:#536675;
	font-weight:bold;
}

#goods dt a.pic {
	display:block;
	width:130px;
	height:130px;
	margin-bottom:3px;
	padding:3px 0 0 3px;
	background:url(proframe.gif) no-repeat;
}

#goods dt a img {
	width:125px;
	height:125px;
	display:block;
	border:1px white solid;
}

#goods a img:hover{
	border:1px #e4e9ec solid;
}

#goods dt b {font-weight:normal;}
#goods dt i {font-style:normal;}

/**************mod1**************/
#goods dt.propic {
	float:left;
	height:190px;
	width:160px;
	font-size:12px;
	display:inline;
	overflow:hidden;
	padding:10px 4px 8px 7px;
	margin:0 5px 0 10px;
}

/**************mod2**************/
#goods dt.propic1 {
	float:left;
	height:140px;
	width:275px;
	font-size:12px;
	display:inline;
	overflow:hidden;
	padding:5px 4px 5px 5px;
}

#goods dt.propic1 a.pic {
	float:left;
}

#goods dt.propic1 .picinfo {
	float:left;
	width:135px;
	margin:0 0 5px 7px;
}

/**************mod3**************/
#goods dt.propic2 {
	height:135px;
	width:550px;
	float:left;
	font-size:12px;
	display:inline;
	overflow:hidden;
	margin:5px 4px 10px 15px;
}

#goods dt.gbg {
	background:#f6f3f0;
}

#goods dt.propic2 a.pic {
	float:left;
}

#goods .picinfo {
	float:left;
	width:400px;
	height:120px;
	padding-top:5px;
	overflow:hidden;
	margin:0 0 0 10px;
}

#goods .picinfo a {font-weight:bold;} 

#goods .detaildesp {
	padding:5px 0;
	line-height:16px;
}

/**************foot**************/
#botinfo {
	clear:both;
	color:#364553;
	font-size:11px;
	text-align:center;
	margin-top:5px;
	padding:0 0 8px 0;
}

#botinfo #botlink {
	color:white;
	overflow:auto;
	margin:0 0 3px ;
	padding:3px 0 5px 0;
	background:#0f3c8a;
}

#botinfo #botlink a {
	color:white;
	font-size:11px;
	white-space:nowrap;
	padding:0 12px 0 10px;
}

#botinfo .keylist a:hover,
#botinfo .keylist .ved,
#botinfo #botlink .ved, 
#botinfo #botlink a:hover {color:#ffFe00;}

#botinfo a:hover {text-decoration:none;}
#botinfo .keyist dl {margin:0 auto 3px auto;}
#botinfo .keylist dt {display:inline;}

#botinfo .keylist a {
	font-size:10px;
	color:black;
	margin:0 3px 0 3px;
}

#botinfo .end a {color:#4ea4f4;}

#botinfo .end,
#botinfo .end a {
	line-height:14px;
	font-size:10px;
}

#botinfo .end a {color:#2D5EAB;}

/**************pichage**************/
#pichange {width:300px; height:201x; margin:3px 14px 5px 14px; float:right;}
#pichange li {list-style:none; position:absolute;}
#pichangebg {margin:171px 0 0 0; position:absolute; height:30px; background:black; filter:alpha(opacity=30); opacity:0.3;}
#clicknum {float:right; margin:179px 8px 0 20px; position:relative;}
#clicknum .lihover {background:red;}
#clicknum .lilink {background:gray;}
#clicknum .lihover,
#clicknum .lilink {float:left; width:14px; height:14px; line-height:15px; color:white; font-size:10px; cursor:pointer; margin:0 3px 0 3px; text-align:center;}