html { background-color:#fff; margin:0px; padding:0px }

body 
{
	text-align:left;
	font-family:\5B8B\4F53,arial,serif;
	font-size:12px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,blockquote,p{padding:0; margin:0;list-style-type:none;
border:none;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}  
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   

button {
*padding:3px 0 0 0; line-height:1em }

* html .clearfix { height: 1%; }

.head { margin-bottom:-30px; min-width:985px;}
.head-wrapper { position:relative; width:100%; margin:0 auto; margin-top:8px; height:80px;}
.logo { float:left; }
.login { float:left; margin:10px 0 0 40px;}
.login a { text-decoration:none; color:#333; font-weight:bold;}
.tel { float:right; margin:5px 8px 0 0; text-align:right;}
.tel a { text-decoration:none; color:#333; font-weight:bold; padding-top:10px;}
.tel img { margin:0 3px 0 6px}


.navpoint { cursor:pointer; cursor: hand; }

.buttonarea {height:0px;}
.buttoninfo {width: 250px; height:36px; white-space:nowrap;}
.buttonlist {height:36px; }

.mainnav { position:absolute; left:0px; bottom:0px; }
.mainnav span { float:left; height:29px; margin-right:4px; background:url(../images/headbg.gif) repeat-x left -145px; position:relative }
.mainnav .homepage { margin-right:9px }
.mainnav span u { position:absolute; left:0px; top:0px; width:4px; height:29px; background:url(../images/headbg.gif) no-repeat left -87px; }
.mainnav span i { position:absolute; right:0px; top:0px; width:4px; height:29px; background:url(../images/headbg.gif) no-repeat left -116px; }
.mainnav span a { display:block; padding:9px 13px 0 13px; _padding-top:10px; line-height:14px; font-size:14px; font-family:"宋体"; color:#666 }
.mainnav span a:link, .mainnav span a:hover, .mainnav span a:visited { text-decoration:none }
.mainnav span a:hover { color:#00e }
.mainnav .current { background-position:left -58px }
.mainnav .current u { background-position:left top }
.mainnav .current i { background-position:left -29px }
.mainnav .current a { color:#fff; font-weight:bold }
.mainnav .current a:hover { color:#fff }

.mainnav p { float:left;position:relative;margin-right:10px;margin-left:5px}

.subnav { background:#4D87CE; height:22px }
.subnav-wrapper { width:99%; margin:0 auto; height:22px; padding-left:5px;}
.subnav span { float:left; position:relative; margin-top:4px; font-size:12px; padding:2px 5px 2px 5px; *padding:3px 5px 1px 5px;color:#fff }
.subnav span a { text-decoration:none; color:#fff }
.subnav span a:hover { text-decoration:underline }
.subnav .current { background:#D2E1F3 }
.subnav .current a { color:#000 }
.subnav .current a:hover { text-decoration:none }
.subnav i, .subnav u, .subnav s, .subnav b { background:#4D87CE; font-size:1px; border:none; text-decoration:none; width:1px; height:1px; position:absolute; overflow:hidden }
.subnav i { left:0px; top:0px }
.subnav u { left:0px; bottom:0px }
.subnav s { right:0px; top:0px }
.subnav b { right:0px; bottom:0px }
.subnav .split { padding:3px 0 2px 0; *padding:2px 0 0 0;width:15px; text-align:center; text-decoration:none; }
.head-bottom { height:40px; background:url(../images/headbg.gif) repeat-x left -174px }

/* left.html 样式 */
.lcon {
	float:left;	margin:0 0 0 1px; width:188px; border:0px}
	
.lconlist {
	margin:0 0 10px 0;	float:left;	width:186px; border:1px #CCCCCC solid;
	}
	
.lconlist_top {	background:url(../images/index.png) repeat-x left top;border-bottom:1px #CCCCCC solid;height:24px;
	}
	
.lconlist_top span { float:left; height:19px; font-weight:bold; padding:6px 0 0 6px; font-size:14px;}
.lconlist_top p { float:right; padding:6px 5px 0 6px; }
.lconlist_top span img { margin-left:5px; margin-right:5px; width:16px; height:16px; cursor:pointer; cursor:hand;}

.lconlistc {
	margin:0; padding:2px; background:url(../images/index.png) repeat-x left -358px; width:182px; max-height:300px; max-width:182px;
	}
	
.lconlistc a { text-decoration:none; color:#333;}

.lconlistc a:hover { text-decoration:none; color:#0000ff;}


.lother {
	float:left;	width:180px; height:35px; padding:6px 0 0 6px; border:1px #CCCCCC solid; background:url(../images/index.png) repeat-x left top;
	}

.lother b {
	float:left;	font-weight:bold; padding-top:5px; font-size:14px;
}

.lother span {
	float:left;	margin-left:25px;}

.lother span a {
	padding:6px 20px 6px 15px; height:30px;	line-height:25px; background:url(../images/index.png) no-repeat -51px -250px;
	text-decoration:none;
	}
	
	
/* main_index 样式 */
.rcon {	margin-left:8px; width:98%;}

.rloca { background: #FFFFFF url(../images/repeat_bg.png) repeat-x left -805px; height:45px}
.rloca a { text-decoration:none; color:#666666;}
.rloca a.blue { text-decoration:none; color:#3159A9; font-weight:bold}
.rloca a:hover { text-decoration:underline; color:#0000ff }
.rloca img { margin-top:3px; margin-left:3px }


/* 表格标题 */
.table-ppfor { position:relative; height:36px; margin:-1px 0 0 0; padding:6px 0 3px 10px; border:1px solid #ccc; border-bottom:0; background-color:#fff; background:url(../images/repeat_bg.png) repeat-x 0 -257px; text-align:left; font-size:12px; font-weight:bold }
.table-ppfor i { display:block; position:absolute; top:-1px; left:-1px; width:3px; height:3px; background:url(../images/tjiao.gif) no-repeat left top; overflow:hidden; }
.table-ppfor u { display:block; position:absolute; top:-1px; right:-1px; _right:-2px; width:3px; height:3px; background:url(../images/tjiao.gif) no-repeat right top; overflow:hidden; }

.table-ppfor ul {width:100%;margin:0px}
.table-ppfor ul li {float:left; vertical-align:middle}
.table-ppfor ul li.right {float:right; text-align:right; margin-right:5px}
.table-ppfor span { float:left; margin-right:5px }
.table-ppfor span b { float:left; width:27px; height:30px; background:url(../images/add_01.gif) no-repeat;}
.table-ppfor span b.bb { float:left; width:18px; height:30px; background:url(../images/add_04.gif) no-repeat;}
.table-ppfor span s { float:left; width:10px; height:30px; background:url(../images/add_03.gif) no-repeat;}
.table-ppfor span a { float:left; height:22px; line-height:14px; font-size:14px; color:#0000ff; background:url(../images/add_02.gif) repeat-x; padding:8px 0 0 2px; text-decoration:none }
.table-ppfor span a.bb { float:left; height:22px; line-height:14px; font-size:14px; color:#333; background:url(../images/add_02.gif) repeat-x; padding:8px 3px 0 2px; text-decoration:none }
.table-ppfor .blueinput { margin: 2px auto; *margin: 0px auto;}
.fortable { border-top: 1px solid #CCC; border-left: 1px solid #CCC; line-height:1.8em }
.fortable a { text-decoration:none; color:#333;}
.fortable a:hover { text-decoration:none; color:#0000ff;}
.fortable td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; color:#000; white-space: nowrap; word-wrap:break-word; word-break:break-all; padding:3px; margin:3px;}
.fortable thead td {margin:3px; height:27px; padding:3px; background:url(../images/repeat_bg.png) repeat-x left top; color:#828282; text-align:center; vertical-align:middle; white-space: nowrap; word-wrap:break-word; word-break:break-all;}
.fortable .blue { background-color:#F5F5F5 }
.fortable .yellowbg { background-color:#FFFFC8 }
.fortable .right{white-space:normal}
.fortable .rtitle{ width:15%; text-align:right; white-space:normal; }
.fortable .rcontent{ width:35%; text-align:left; white-space:normal; }
.fortemplate { border-top: 1px solid #CCC; border-left: 1px solid #CCC; line-height:1.8em }
.fortemplate td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; color:#000; padding:3px; margin:3px;}
.fortemplate td .left{white-space: nowrap; word-wrap:break-word; word-break:break-all;}
.fortemplate thead td {margin:3px; height:25px; padding:3px; background:url(../images/repeat_bg.png) repeat-x left top; color:#828282; text-align:center; vertical-align:middle; white-space: nowrap; word-wrap:break-word; word-break:break-all; }

.forgridview {line-height:1.8em; margin-top:1px; }
.forgridview a { text-decoration:none; color:#333;}
.forgridview a:hover { text-decoration:none; color:#0000ff;}
.forgridview td {margin:1px; border:1px solid #CCC; color:#000; vertical-align:middle; white-space: nowrap; word-wrap:break-word; word-break:break-all; padding:3px; height:27px; }
.forgridview th {margin:1px; border:1px solid #CCC; text-align:center; vertical-align:middle; height:25px; padding:3px; white-space: nowrap; word-wrap:break-word; word-break:break-all; background:url(../images/repeat_bg.png) repeat-x left top; color:#828282 }
.forgridview td img{vertical-align: middle;}
.forgridview td span{vertical-align: middle;}
.forgridview .right{white-space:normal}
.reviewtable { line-height:1.8em; }
.reviewtable td { border:1px solid #CCC;}

.forarea {line-height:1.8em; margin:0px; width:100%;}
.forarea a { text-decoration:none; color:#333;}
.forarea a:hover { text-decoration:none; color:#0000ff;}
.forarea td {margin:0px; color:#000; border:0px solid #CCC; vertical-align:middle; white-space: normal; height:27px; }
.forarea th {margin:0px; text-align:center; border-bottom:1px solid #CCC; border-top:1px solid #CCC; border-right:1px solid #CCC;  vertical-align:middle; height:25px; white-space: normal; background:url(../images/repeat_bg.png) repeat-x left top; color:#828282 }
.forarea td img{vertical-align: middle;}
.forarea .rowend td{border-bottom:1px solid #CCC;}
.forarea .rows td{border-bottom:1px solid #CCC;}
.forarea .thstart{ border-left:1px solid #CCC; }
.forarea .colstart{ border-left:1px solid #CCC; border-right:1px solid #CCC;  white-space: normal;  text-align:left;}
.forarea .cols{ border-right:1px solid #CCC; text-align:center;  }

/*规格*/
.spec_pic{padding:1px;border:1px solid #36c;vertical-align:middle;}
.spec_list{padding:1px;border:1px solid #36c;vertical-align:middle; display:block; float:left;}
/*分页*/
.pagebar_none a { text-decoration:none; color:#333;}
.pagebar_none a:hover { text-decoration:none; color:#333;}
.pagebar_link {text-decoration:none; color:#333;}
.pagebar_link a {cursor:hand; cursor:pointer; text-decoration:none; color:#0000ff;}

.updowntable { margin:0px; text-align:center;}
.updowntable td{ border:0px; height:16px}

.innertable { margin-left:1px; text-align:left;}
.innertable td{ border:0px;}
.innertable a { text-decoration:none; color:#333;}
.innertable a:hover { cursor:hand; cursor:pointer; text-decoration:none; color:#0000ff;}
/* */

/*弹出窗口*/
.popup_class { z-index: +1; visibility:visible; position:absolute; display:block;}
.popup_class iframe { overflow:auto; }
.menu_form_header{ cursor:move }
.popup_class .menu_form_header{ border: 8px solid #8ACCE3; border-bottom: 0px; cursor: default; width: 300px; height: 20px;line-height: 19px; vertical-align: middle; background:#F1F5FA; text-decoration: none; font-family: "Times New Roman", Serif; font-weight: 900; font-size: 13px; color: #0099CC; padding:5px}
.popup_class .menu_form_body { border: 8px solid #8ACCE3; width: 300px; background:#F1F5FA; padding:0 5px 5px 5px; border-top: 0px; }
.popup_class img.menu_form_exit{ float: right; margin: 4px 5px 0px 0px; cursor: pointer;}
.popup_class .menu_form_bottom { border: 8px solid #8ACCE3; width: 300px; background:#F1F5FA; padding:0 5px 5px 5px; border-top: 0px; margin-top:-8px;}
.popup_class table{  border-collapse: collapse; width: 100%;}
.popup_class th{  width: 1%; padding: 0px 5px 1px 0px; text-align: left; font-family: "Times New Roman", Serif; font-weight: 900; font-size: 13px; color: #004060;}
.popup_class td{ width: 99%; padding: 0px 0px 1px 0px;}
.popup_class form{ margin: 0px; padding: 8px 10px 10px 10px;}
.popup_class input.field{ border: 1px solid #808080; width: 95%; font-family: Arial, Sans-Serif; font-size: 12px;}
.popup_class input.btn{ margin-top: 2px; border: 1px solid #808080; background-color: #DDFFDD; font-family: Verdana, Sans-Serif;  font-size: 11px;}
.popup_class a {	color: #FF0000;	text-decoration: none;}
.popup_class .iframe_for_hide {	position:absolute; z-index:-1; width:expression(this.nextSibling.offsetWidth); height:expression(this.nextSibling.offsetHeight); top:expression(this.nextSibling.offsetTop); left:expression(this.nextSibling.offsetLeft);}

/*自定义*/
.customview a{text-decoration:none; cursor:hand; cursor:pointer;}
.customview #menu{background:#F1EFEF;border:solid #CCCCCC 1px; margin:6px;}
.customview #menu ul {display: block; list-style: none;margin:5px; padding:0px;}
.customview #menu ul li{display: inline;}
.customview #menu ul li a{ color:#000000; text-decoration:none; padding:3px; font-size:14px;}
.customview #menu ul li a:hover{background:#CCCCCC;}
.customview #menu ul li a img{border:none;}
.customview * html { position: absolute;}

/* 操作提示 */
.info { position:absolute; top:100px; left:100px; width:80%; white-space:nowrap;} 
.info_left { float:left; width:35%; padding-right:10px; border-right:1px #CCCCCC solid; }
.info_left h1 { color:#ff0000; font-size:16px; font-weight:bold; height:60px; background:url(/Admin/Images/info/right.jpg) no-repeat; text-align:left; padding:25px 0 0 70px }
.info_left h2 { color:#ff0000; font-size:16px; font-weight:bold; height:60px; background:url(/Admin/Images/info/wrong.jpg) no-repeat; text-align:left; padding:25px 0 0 70px }
.info_left h3 { color:#000000; font-size:14px; font-weight:bold; height:28px; background:url(/Admin/Images/info/back.jpg) no-repeat; text-align:left; padding:2px 0 0 25px; margin-left:70px }
.info_left h4 { color:#000000; font-size:14px; font-weight:bold; height:28px; background:url(/Admin/Images/info/up.jpg) no-repeat; text-align:left; padding:2px 0 0 25px; margin-left:70px }
.info_left h4 a, h3 a { text-decoration:none; color:#000000}
.info_left h5 { color:#109f01; font-size:14px; font-weight:bold; height:28px; background:url(/Admin/Images/info/sound.jpg) no-repeat; text-align:left; padding:2px 0 0 25px; margin-top:20px}

.info_right { float:left; width:45%; margin-left:50px; }
.info_right h1 { background:url(/Admin/Images/info/ask.jpg) no-repeat; height:40px; margin-top:20px; padding:3px 0 0 32px; color:#005FB0; font-size:16px; font-weight:bold; text-align:left; }
.info_right ul { float:left;}
.info_right ul li { list-style:square; color:#006fb0; text-align:left; margin-left: 40px; line-height:25px; white-space:normal}
.info_right h2 { clear:left; float:left; background:url(/Admin/Images/info/help.jpg) no-repeat; height:40px; margin-top:20px; padding:3px 0 0 29px; color:#005FB0; font-size:16px; font-weight:bold; text-align:left; }
.info_right h2 a { color:#000000; text-decoration:underline}

.ophelp {float:left; width:180px; padding:6px 0 0 6px; border:1px #CCCCCC solid; background:url(../images/ophelp.gif) repeat-x left top; padding-bottom:20px; color:#FF6600}
.ophelp h1 { font-weight:bold; padding-top:5px; font-size:14px;}
.ophelp h2 { text-align:left; font-size:14px; font-weight:bold; margin-top:20px; color:#333333}
.ophelp h3 { padding-left:10px; margin:10px auto; color:#555}
.ophelp h4 { margin:10px auto; padding-top:10px; color:#666666; font-size:14px; font-weight:bold}
.ophelp h4 a { text-decoration:underline; color:#003399}

/*会员*/
.usertop { background:url(/Admin/Images/usertopbg.gif) repeat-x; height:40px; width:100%; float:left; }
.usertop h1 { color:#fff; font-weight:bold; padding-left:20px; padding-top:10px; text-align:left; color:#fff; font-weight:bold; padding-left:20px; padding-top:10px; text-align:left; }
.userleft { float:left; width:147px;}
.userleft ul { margin-left:1px; width:146px; }
.userleft ul li { height:26px; background:url(/Admin/Images/userabg.gif) no-repeat; text-align:left; padding:7px 0 0 10px; width:136px;}
.userleft ul li.cor { height:26px; background:url(/Admin/Images/usercorbg.gif) no-repeat; text-align:left; padding:7px 0 0 10px; width:136px; font-size:14px; color:#fff; line-height:22px; font-weight:bold;}
.userleft ul li.cor a { height:26px; padding:7px 0 0 10px; width:136px; font-size:14px; color:#fff; line-height:22px; font-weight:bold;}
.userleft ul li.cor a:hover { height:26px; padding:7px 0 0 10px; width:136px; font-size:14px; color:#fff; line-height:22px; font-weight:bold;}

.userleft ul li a { line-height:22px; font-weight:bold; text-decoration:none; font-size:14px; color:#333; }
.userleft ul li a:hover { line-height:22px; font-weight:bold; text-decoration:none; font-size:14px; color:#666; }

/*配送方式*/
.delivery ol { padding:0; margin-left:30px;list-style: decimal outside none; }
.delivery ol li { margin-bottom:5px; margin-top:5px; list-style: decimal outside none; }
.delivery ol li div { border:1px #BEC6CE solid; border-bottom:2px #BEC6CE solid; border-right:2px #BEC6CE solid;  width:98%; }
.delivery ol li div p { padding:0; margin:10px 5px; }
.delivery ol li div .arealist{width:80%;}
.delivery ol li div .price{width:50px;}
.delivery ol li div img { vertical-align:middle;}
.delivery ol li div i { cursor:pointer; width:16px; height:16px; position:relative; z-index:1; float:right; margin-right:10px; margin-top:10px; }
.delivery ol li div p a { color:#0000FF; text-decoration:underline; }
.delivery .button { margin:5px;  background:#E2E8EB url(/Admin/Images/div_ico1.gif) no-repeat 5px center; border:0; border-bottom:2px #BEC6CE solid; border-right:2px #BEC6CE solid; padding-top:5px; padding-bottom:3px; padding-left:20px; text-align:left;}

.promptlabel{color:Red;}

/* button */
.blueinput { display:inline-block; padding:3px 8px 3px 8px; *padding:4px 0px 0px 4px;
margin:0 6px 0 0; border-top:1px solid #CDDCED; border-left:1px solid #CDDCED; border-right:1px solid #1F5187; border-bottom:1px solid #1F5187; background-color: #1272CE; color:#fff; font-weight:bold; text-align:center; cursor:pointer; font-size:13px }

.inputbutton, .inputbutton_hover {
	background: url(../images/btn_bgs.gif) repeat-x scroll 0 -5px;
	padding: 0px 14px 0px 13px;
	margin: 2px;
	overflow: visible;
	border: 1px solid #7FB5E1;
	height: 24px;
	text-decoration:none;
	font-size:14px;
	cursor: pointer; *padding-top:2px;
}
.inputbutton_hover {
	background-position: 0 -35px;
	border: 1px solid #95C1FF;
	color: #306FB6;
}

textarea{height:50px; overflow:auto; font-size:14px; border:1px #ccc solid; margin:2px;}
 
input {	vertical-align: middle; margin:2px;}

select {vertical-align: middle; margin:2px;}
input[type=button]{vertical-align: middle;}
* + html input[type=button]{vertical-align: middle;}
input[type=checkbox]{vertical-align: middle;}
* + html input[type=checkbox]{vertical-align: middle;}
input[type=radio]{vertical-align: middle;}
* + html input[type=radio]{vertical-align: middle;}

















