﻿/*※※※※※※※※※※※※※※※※※※※※※※※※※*/
/*※--基本布局设置(圣荷stherb站点)-----*/
/*※--最后修改时间：2009/03/18-----*/
/*※--整理人：老皮-----*/
/*※※※※※※※※※※※※※※※※※※※※※※※※※*/

/*==整体布局样式start==*/
body { margin:0; padding:0; background:#fff; font-size:12px; color:#666; line-height:20px; }
div, p, h1, h2, h3, h4, h5, h6, form, ul, ol, li, dl, dt, dd { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-size:12px; }
img,a {margin:0; padding:0; border:0;}
input, select { font-size:12px; line-height:16px; }
img { border:0; }
ul, li { list-style:none;}
a:link { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:underline; }
a:active { text-decoration:none;}
.clear { clear:both; font-size:1px; line-height:0; height:0; }

/*==自定义连接样式==*/
a.gary:link { color: #666; text-decoration: none; }/*-灰色-*/
a.gary:visited { color: #666; text-decoration: none; }
a.gary:hover { color: #666; text-decoration:underline; }
a.gary:active { color: #666; text-decoration:none; }
a.red:link { color: #ff0000; text-decoration: none; }/*-红色-*/
a.red:visited { color: #ff0000; text-decoration: none; }
a.red:hover { color: #ff0000; text-decoration:underline; }
a.red:active { color: #ff0000; text-decoration:none; }
a.black:link { color: #000; text-decoration: none; }/*-红色-*/
a.black:visited { color: #000; text-decoration: none; }
a.black:hover { color: #000; text-decoration:underline; }
a.black:active { color: #000; text-decoration:none; }

/*==圣荷频道S网头文件==*/
#phone { position:absolute; right:0; top:25px; width:225px; color:#000000; border:1px solid #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; z-index:9999; font-size:12px; }
#phone ul { background-color:#fff; filter:alpha(opacity=85); -moz-opacity:0.8; opacity: 0.8; width:225px;}
#phone ul li { line-height:18px; padding:0 5px 0 10px; }
#phone ul li a { color:#ff6600;}
#TopRoll { background:url(../images/basic/tagbg.gif) left bottom repeat-x; height:22px; color:#000; line-height:20px; }
#sTophead {width:100%; height:95px; background:url(../images/basic/s_headbg_st.gif) repeat-x;}
#sTopmenubar {width:1000px; clear:both; margin:0 auto;}
#slogo,#sublogo {float:left;}
#sublogo {margin-left:40px;}
#slogo { font-family:Verdana, Arial, Helvetica, sans-serif;}
#slogo dt {margin:17px 0 5px 10px;}
#slogo dd {padding:8px 0 0 20px;}
#sublogo_s dt { display:inline;}
#sublogo_s dd {}
#sublogoTxt {}
#sublogoTxt dd { float:left; padding:3px 0 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*==圣荷频道S网尾文件==*/
#footer { width:994px; background-color:#eaeaea; padding:3px; margin:0 auto; }
#subfoot { width:992px; border:1px solid #acacac; background-color:#FFFFFF; }
#subfoot ul { width:210px; float:left; padding:20px 0;}
#subfoot ul li { font-family:Verdana, Arial, Helvetica, sans-serif; padding:34px 0 10px 72px; background:url(../images/basic/foot_40.gif) no-repeat; margin:10px 0;}
#subfoot dl { width:156px; float:left; background:url(../images/basic/foot_32.gif) repeat-y right; margin:8px 0; }
#subfoot dl p { width:52px; float:left; }
#subfoot dl dt { padding:0 0 6px 2px; }
#subfoot dl dd { float:right; width:103px; line-height:22px; }
.xian1 { width:1px; font-size:0; float:left; }
#address { float:left; width:758px; margin:0 auto; background:url(../images/basic/foot_47.gif) repeat-x top; padding:8px 0 0 2px; margin-left:11px; line-height:20px; }
#b_n { background-image:none; }
.fvline {float:left;}

/*==圣荷页头部分==*/
#stHead {width:1000px; height:145px; background:url(../images/index/stTopbg.gif) left bottom repeat-x; margin:0 auto; color:#fff; clear:both; font-weight:bold;}
#stHead a {color:#fff;}
#stlogo {float:left; margin:14px 28px 10px 23px; display:inline;}
#stTopbanner1 {width:453px; height:62px; float:left; background:url(../images/index/st_topbanner1_gold.gif) no-repeat; margin:14px 6px 5px auto; position:relative; z-index:1;}
#stTopbanner1txt {position:absolute; top:0; left:15px;font-size:14px; font-weight:bold; height:30px; line-height:30px;}
#stTopbanner1txtmore {position:absolute;top:40px;right:12px; font-size:12px; font-weight:normal;}
#stTopbanner2 {width:350px; height:62px; float:left; background:url(../images/index/st_topbanner2.gif) no-repeat; margin:14px auto 5px auto;}
#stTopmenubar {border:1px solid #1e94d4;border-top:0; background:url(../images/index/st_menubg1.png); height:28px; clear:both;}
#stTopmenubar a {font-size:14px;}
.stTopMenu {background:url(../images/index/st_menubg2.png); line-height:28px; display:block; text-align:center; margin:0 1px;}
.stTopMenu li {display:inline;}
.stTopMenu span {margin:auto 10px;}

/*==圣荷页尾==*/
#stFootArea {width:1000px; border-top:1px solid #1E94D4; background:url(../images/index/stFootArea_outbg.gif) repeat-x; margin:0 auto;clear:both; position:relative; z-index:5;}
.stFootAreaMenu, .stFootAreaMenu a { color:#4063c8;}
.stFootAreaMenu { display:block; background:url(../images/index/stFootArea_inbg.gif) repeat-x; width:996px; margin:0 auto; height:36px; text-align:center; clear:both;}
.stFootAreaMenu li { display:inline; line-height:36px; font-size:14px; margin:0 5px;}
.copyright {clear:both; background:url(../images/index/stFootArea_botbg.gif) repeat-x; overflow:hidden; text-align:center; padding:10px 0;}
.copyright span {margin:0 5px;}

/*==发货记录==*/
#demo {line-height:20px;}
#demo table {border-collapse:collapse;}
#demo td {padding-left:10px;text-align:left;line-height:24.5px;}
#demo tr {background-color:expression(this.sourceIndex%2 ? '#f3f9ff':'#ffffff');}

/*==圣荷布局公用样式start==*/
.starea { width:998px; height:auto; margin:0 auto; border:1px solid #1e94d4; border-top:none; border-bottom:none; padding-top:1px; overflow:hidden;clear:both}
.stareaTitle {margin:0 1px 0 1px; height:33px; background:url(../images/index/st_titmidd.gif) repeat-x;}
.stareaTitleLeft {float:left; width:37px; height:33px; background:url(../images/index/st_titleft.gif) no-repeat;}
.stareaTitleRight {float:right; width:19px; height:33px; background:url(../images/index/st_titright.gif) no-repeat;}
.stareaTitleMain {float:left;height:33px;}
.stareaTitleMain h1 {font-family:"黑体"; font-size:18px; color:#224096; font-weight:normal; padding:10px 0 0 5px;}
.stareaTitleSmall {font-family:"宋体"; font-size:12px; vertical-align:middle;}
.stareaMain {clear:both; width:996px; display:inline; margin:0 1px; background:#fff;float:left;background:url(../images/index/st_mainbg.gif) repeat-x;}
.stareaMainBot { clear:both; height:10px; background:url(../images/index/stareaMainBot.gif) repeat-x;}

/*==赠品版块==*/
.freeOffer {background:url(../images/pro/saleBg.gif) repeat-x; height:133px; overflow:hidden; color:#e2f5ff;}
.freeOfferTitle { padding-left:15px;height:28px; line-height:28px; font-size:18px; font-family:"黑体"; font-weight:normal;}
.freeOfferSale {}
.freeOfferSale li {float:left;}
.freeOfferInfo {line-height:16px; padding:10px 0 0 10px; float:left; background:url(../images/pro/saleBotom.gif) right top no-repeat; position:relative; z-index:1; margin-top:-10px;}
.saleBotom { position:absolute; top:0; right:5px; z-index:10;}
.saleBotom img {width:45px; height:45px;}
.remonybtn {margin:10px 0 0 0;}

/*==圣荷频道产品订购板块==*/
/*==产品订购==*/
.proslist { overflow:hidden; cursor:default; z-index:1; }
.proico { width:45px; height:45px; z-index:5; position:absolute; top:0; left:0;}
.proslist dl { display:block;}
.proslist { border:1px solid #b9dcf0; margin-right:-1px; background-color:#FFFFFF; padding:1px; width:230px; height:174px; float:left; position:relative;}
.proslist a { color:#4063c8;}
.proslist dl {height:174px;}
.proslist h1 {color:#fff; margin:0 6px 9px 6px; padding-left:50px; line-height:31px; height:31px; background:url(../images/index/js2_06.gif) bottom repeat-x; }
.proslist dl dt { float:left; }
.proslist dl dd {line-height:20px; padding-left:5px; margin-top:2px;}
.f_red {color:red;}
.proslist h2 { float:left; font-size:12px; width:14px; height:100px; padding:20px 6px 0 10px; color:#c62e96; line-height:14px; }
/*--------*/
.productShowArea { clear:both; margin:0 5px; border:1px solid #b9cff0; background:#ecf5fd; padding-bottom:5px;}

.productAreaTit li {float:left; line-height:31px; color:#4063C8;}
.productTitTxtBig {font-size:14px; font-weight:bold;}

.productAreaOne, .productAreaTwo, .productAreaThr {clear:both;}
.productAreaTwo, .productAreaThr {padding-top:8px;}

.productAreaTit {height:31px;background:url(../images/index/proArea_divbg.gif) repeat-x;}
.productTitBico {width:52px; height:31px;background:url(../images/index/proArea_bico.gif) no-repeat;}
.productTitTxt {height:31px;background:url(../images/index/proArea_titbg.gif) repeat-x;}
.productTitLico { width:10px; height:31px;background:url(../images/index/proArea_lico.gif) no-repeat;}

.productAreaCon {clear:both; width:978px; margin:0 auto; overflow:hidden; padding-top:5px;display:inline;}
.productAreaPie {width:320px; height:174px;background:url(../images/index/proArea_conbg.gif) repeat-x; border:1px solid #f0b9dd; position:relative; z-index:5; float:left; margin-left:3px; margin-top:3px;}
.productAreaFlash {width:45px; height:45px; overflow:hidden; position:absolute; z-index:10; top:0; left:0;}
.productAreaPie h3 { height:30px;background:url(../images/broken-line.gif) left bottom repeat-x; line-height:30px; margin:0 10px 0 50px; color:#C62E96; font-size:14px;}
.productAreaPieInfo { clear:left; display:block; padding-top:5px;}
.productAreaPieInfo li { float:left;}
.productAreaPieVTit {width:15px; line-height:14px; margin:15px 0 0 10px; display:inline; color:#C62E96; font-weight:bold;}
.productAreaPieInfo dl { display:block; width:150px; overflow:hidden; margin:0;}
.productAreaPieInfo dt {}
.productAreaPieInfo dd { color:red;}

/*==圣荷第六大版块==*/
#reportArea { width:986px;clear:both; margin:0 auto;}
.reportAreaImgs, .reportAreaImgs a {color:#224096;}
.reportAreaImgs img { display:block;}
.reportAreaImgs li { float:left; display:inline;margin:8px 0 0 16px; text-align:center;}
.threeProJsArea, .easyOrderArea {height:180px; overflow:hidden;}
.threeProJsArea { width:700px; float:left; background:#fff; margin:3px; position:relative; z-index:5;}
.easyOrderArea { width:260px; float:right;margin:3px 3px 3px auto;}
.easyOrderAreaTitle {height:25px; line-height:25px; background:url(../images/pro/easyord_03.gif) left center no-repeat; padding-left:40px; font-size:14px; color:#224096;}
.shuru1 { border:1px solid #c9ddfe; font-size:12px; height:15px; text-align:center; width:25px;}
.shuru2 { border:1px solid #c9ddfe; font-size:12px; width:17px; width:100px;}
.shuru3 { border:1px solid #c9ddfe; color:#999999; font-size:12px; height:35px; line-height:18px; width:100px;}
#secretArea, #dispatArea {height:154px; float:left; display:inline;overflow:hidden; border:1px solid #c1e0f4;}
#secretArea {width:390px;  margin:5px 0 0 5px; background:#f3f9ff;}
#secretArea h2, #dispatArea h2 { background:url(../images/index/secret_04.gif) repeat-x; height:33px; line-height:33px; color:#224096; font-size:14px;}
#secretArea p {margin:15px 20px 0; color:#224096;}
#dispatArea {width:593px; margin:5px 0 5px -1px;}
.secretAreaTitle { height:33px; float:left; display:inline; background:url(../images/index/secret_03.gif) no-repeat; padding-left:35px;}
.dispatAreaTel {padding-left:50px;}

/*==弹出开始==*/
#box_tc { position:absolute; width:423px; height:177px; background-color:#FFFFFF; visibility:hidden; left:50%; top:200px; margin:-88px 0 0 -212px; z-index:100; }
.left_tc { float:left; width:130px; }
.right_tc { float:left; width:293px; }
.r_1 { background:url(../images/basic/_03.gif) no-repeat; width:283px; line-height:20px; height:20px; font-size:12px; color:#000000; font-weight:bold; padding:2px 0 0 10px; overflow:hidden; }
.r_2 { background:url(../images/basic/_04.gif) no-repeat; width:278px; height:114px; padding-left:15px; }
.r_3 { font-size:0px; line-height:0px; vertical-align:top; }
.one { width:250px; font-size:12px; line-height:20px; padding-bottom:5px; padding-top:14px; }
.one_1 { width:250px; font-size:12px; line-height:20px; padding-bottom:5px; }
.two { width:250px; font-size:12px; line-height:20px; padding-bottom:5px; font-weight:bold; color:#FF0000; text-align:right; }
