@charset "utf-8";
/* CSS Document */

/* 重写浏览器的所有默认样式
---------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {/* 去掉了P */
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,th,var {/* 去掉了strong */
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border: 0;
}

/* 基本属性
---------------------------------------------------------------------------------------------------------------------- */
body{
background: url(images/Depond/bg.png);
color:#444;
font-size:12px;
text-align:left;
}

a{text-decoration: none;}
a:link,a:visited{color:#444;font-size:12px;}
a:hover,a:active,a:focus{color:#f00;text-decoration: underline;}

/* 颜色属性 [定义规则，小写c加颜色名称] */
.cRed, a.cRed:link, a.cRed:visited{ color:#f00;}a.cRed:hover{color:#c00;}

.fB {font-weight: bold;}
.f14px{ font-size:14px;}
.height{padding:5px;}/* 高度10px */

input, button, select{font-size:12px;color:#444;}
input.width0{ width:30px; border:1px #999 solid; padding:3px;}
input.width1{ width:50px; border:1px #999 solid; padding:3px;}
input.width2{ width:150px; border:1px #999 solid; padding:3px;}
input.width3{ width:380px; border:1px #999 solid; padding:3px;}
input.soso{ width:120px; border:1px #999 solid; padding:3px;}

textarea{font-size:12px;color:#444;}
textarea.width0{ width:150px; height:150px;border:1px #999 solid; padding:3px; line-height:180%;}
textarea.width1{ width:380px; height:90px;border:1px #999 solid; padding:3px; line-height:180%;}
textarea.width2{ width:380px; height:160px;border:1px #999 solid; padding:3px; line-height:180%;}

/* 清除浮动_以后不再在新项目中使用*/
.clear{clear:both;height:0;line-height:0px;font-size:0;overflow: hidden;}

/* 解决容器不扩展问题，调用<div class="clear_box">&nbsp;</div> */
.clear_box{
font:0px/0px sans-serif;
clear:both;
display:block;
overflow:hidden;
height:0;
line-height:0px;
border:0px;
padding:0px;
margin:0px;
}


/* 总布局
---------------------------------------------------------------------------------------------------------------------- */
.index_header{/* 首页头部 */
width:980px;
margin:0 auto;
background: url(images/Depond/vi_index01.png) #fff left bottom no-repeat;
border-top:4px #c95b8e solid;
}

.header{
width:980px;
margin:0 auto;
background: url(images/Depond/top_bg.png) #fff left 72px no-repeat;
border-top:4px #c95b8e solid;
}
.header_bot{padding:9px;}


.shopping_header{/* 订购流程 */
width:935px;
height:68px;
line-height:68px;
padding-right:45px;
text-align:right;
margin:0 auto;
background: url(images/Depond/shopping_header_logo.png) #fff no-repeat;
border-top:4px #c95b8e solid;
}

.wrapper{
width:890px;
padding:0px 45px;
margin:0 auto;
background:#fff;
}
.wrapper .sidebar{
float:left;
width:192px;
}
.wrapper .main{
float:left;
width:678px;
margin-left:20px;
}

.footer{
position:relative;
width:980px;
margin:0 auto;
background: url(images/Depond/footer_bg.png) #fff repeat-x;
height:90px;
}
.footer .footer_logo{
position: absolute;
background: url(images/Depond/footer_logo.png);
width:140px;
height:65px;
left:100px;
text-indent:-9999px;
}
.footer .footer_txt{
position: absolute;
width:650px;
left:260px;
top:30px;
line-height:160%;
}
.footer_top{
width:960px;
padding:10px;
margin:0 auto;
background:#fff;
}



/* logo、顶导航菜单
---------------------------------------------------------------------------------------------------------------------- */
.index_logo{/* 首页logo */
float:left;
display:block;
width:166px;
height:104px;
cursor:pointer;
}
.index_logo h1{
text-indent:-9999px;
width:166px;
height:104px;
background:url(images/Depond/logo_index.png);
}

.logo{
float:left;
display:block;
width:166px;
height:104px;
cursor:pointer;
}
.logo h1{
text-indent:-9999px;
width:166px;
height:104px;
background:url(images/Depond/logo_public.png);
}


.top_nav{/* 顶部导航、购物车 */
float:left;
padding-top:7px;
height:25px;
width:770px;
padding-right:44px;
text-align:right;
}
.top_nav a.shopping, .top_nav a.shopping:visited{
color:#c00;
font-weight:bold;
text-decoration:underline;
}
.top_nav a.shopping:hover{
color: #03c;
}

.scroll_news{/* 滚动公告 */
float:left;
margin-left:80px;
width:734px;
height:32px;
line-height:32px;
}
.scroll_news a, .scroll_news a:visited{
text-decoration:underline;
}
.scroll_news a:hover{
color: #c00;
}





/* 频道导航菜单
---------------------------------------------------------------------------------------------------------------------- */
#main_nav{
float:left;
background:url(images/Depond/nav_main_bg.png) no-repeat;
height:40px;
line-height:40px;
padding-left:14px;
width:800px;
}
#main_nav li{
display:inline;
}
#main_nav a{
float:left;
background:url(images/Depond/nav_main_left.png) no-repeat left top;
padding-left:7px;
color:#fff;
margin-left:1px;
}
#main_nav a span{
float:left;
display:block;
background:url(images/Depond/nav_main_right.png) no-repeat right top;
padding-left:1px;
padding-right:8px;
}

/* 针对IE5和Mac的hack调整 \*/
#main_nav a span{float:none;}
/* End IE5-Mac hack */

#main_nav a:hover{
background-position:0% -40px;
color:#ff0;
text-decoration:none;
}
#main_nav a:hover span{
background-position:100% -40px;
}
/* 当前频道的样式定义[开始] */
#main_nav a.ok_top{
background:url(images/Depond/nav_main_left.png) no-repeat left top;
background-position:0% -40px;
color:#ff0;
}
#main_nav a.ok_top span{
background:url(images/Depond/nav_main_right.png) no-repeat right top;
background-position:100% -40px;
}
#main_nav a:hover.ok_top span{
color:#fff;
text-decoration:underline;
}




/* 侧栏
---------------------------------------------------------------------------------------------------------------------- */
/* 侧栏导航
----------------------------------------------- */
.sidebar_nav_title{
height:75px;
background: url(images/Depond/sidebar_nav_title_bg.png) #bd0056;
text-indent:-9999px;
}
.sidebar_nav{
background: url(images/Depond/sidebar_nav_bg.png) #bd0056 left bottom no-repeat;
}
.sidebar_nav a, .sidebar_nav a:visited{
color:#fff;
}
.sidebar_nav a:hover{
color: #ff0;
}

.sidebar_nav li{
padding-left:10px;
padding-top:7px;
height:20px;
}
.sidebar_nav li.hover{
padding-top:7px;
height:20px;
background: url(images/Depond/sidebar_nav_hover_bg.png) #bd0056 left bottom no-repeat;
}

.sidebar_nav_bottom{
height:60px;
background: url(images/Depond/sidebar_nav_bottom_bg.png);
}

.sidebar_bot_pic{
height:200px;
background: url(images/Depond/sidebar_bot_pic.png) no-repeat;
}

.sidebar_title{/* 公共标题 */
height:27px;
line-height:27px;
font-weight:bold;
margin:0px 10px;
text-indent:10px;
margin-top:10px;
background:url(images/Depond/icon03.png) #fff left 9px no-repeat;
border-bottom:1px #bd0056 solid;
}

.sidebar_search{/* 搜索 */
padding:10px;
}

.sidebar_new{/* 新品 */
padding:10px;
}
.sidebar_new li{
height:25px;
line-height:25px;
border-bottom:1px #ccc dashed;
background:url(images/icon01.gif) left 8px no-repeat;
padding-left:15px;
}

.sidebar_recommend{/* 推荐 */
padding:10px;
}
.sidebar_recommend li{
height:25px;
line-height:25px;
border-bottom:1px #ccc dashed;
background:url(images/icon01.gif) left 8px no-repeat;
padding-left:15px;
}

.sidebar_hot{/* 热门 */
padding:10px;
}
.sidebar_hot li{
height:25px;
line-height:25px;
border-bottom:1px #ccc dashed;
background:url(images/icon01.gif) left 8px no-repeat;
padding-left:15px;
}


/* 模型样式
---------------------------------------------------------------------------------------------------------------------- */
/* 当前位置
----------------------------------------------- */
.description_box{
position:relative;
height:60px;
border-bottom:1px #bd0056 solid;
margin-bottom:10px;
background:#fff;
}

.location{
padding-top:35px;
color:#999;
text-align:right;
padding-right:10px;
}
.description_txt{
position: absolute;
left:10px;
padding-top:10px;
}
.description_txt .cn{
font-size:16px;
font-weight:bold;
color:#444;
}
.description_txt .en{
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
color:#bbb;
}



/* 单页面
----------------------------------------------- */
.page_content{
padding:10px;
font-size:14px;
line-height:200%;
}



/* 多页面
----------------------------------------------- */
.multipage_list_content{/* 父页面 */
padding:10px;
font-size:14px;
line-height:200%;
}

.multipage_list_link{
padding:10px;
text-align:center;
}
.multipage_list_link li{
margin-bottom:5px;
}
.multipage_list_link a, .multipage_list_link a:visited{
display:block;
height:32px;
line-height:32px;
font-size:14px;
width:280px;
background:#ddd;
}
.multipage_list_link a:hover{
color: #f00;
background:#ccc;
}


.multipage_content{/* 子页面 */
padding:10px;
font-size:14px;
line-height:200%;
}

/* 单级栏目
----------------------------------------------- */
/* 文字列表
------------------------- */
.singleclass_list_box{
padding:10px;
}
.singleclass_list_box li{
height:36px;
line-height:36px;
border-bottom:1px #ccc dashed;
background:url(images/icon01.gif) left 13px no-repeat;
color:#999;
}
.singleclass_list_box span{
display:-moz-inline-box;
display:inline-block;
}
.singleclass_list_box span.n1{
padding-left:20px;
width:498px;
}
.singleclass_list_box span.n1 a, .singleclass_list_box span.n1 a:visited{
font-size:14px;
}
.singleclass_list_box span.n1 a:hover{
color: #f00;
}
.singleclass_list_box span.n2, .singleclass_list_box span.n3{
width:70px;
}

.singleclass_list_box span.fhtz{/* 发货通知专用 */
padding-left:20px;
width:638px;
font-size:14px;
color:#444;
}

/* 图文列表
------------------------- */
.singleclass_pt_list_box{
padding:10px;
}
.singleclass_pt_list_box li{
border-bottom:1px #ccc dashed;
padding-bottom:10px;
margin-bottom:10px;
}

.singleclass_pt_list_box span{
display:-moz-inline-box;
display:inline-block;
vertical-align:top;
}
.singleclass_pt_list_box span.n1{
width:90px;
}
.singleclass_pt_list_box span.n2{
width:620px;
line-height:180%;
color:#666;
}
.singleclass_pt_list_box span.n1 img{
float:left;
padding:2px;
border:1px #ccc solid;
}
.singleclass_pt_list_box span.n1 a:hover img{
float:left;
padding:2px;
border:1px #f60 solid;
}
.singleclass_pt_list_box a, .singleclass_pt_list_box a:visited{
font-size:16px;
color:#c00;
}
.singleclass_pt_list_box a:hover{
color: #f00;
}

.singleclass_list_pagination{/* 分页 */
padding:10px;
border-top:1px #bd0056 solid;
}


.singleclass_title{/* 内容面 */
padding:20px 0px;
font-size:18px;
font-weight:bold;
text-align:center;
border-bottom:1px #ccc dashed;
}
.singleclass_info{
height:36px;
line-height:36px;
text-align:center;
border-bottom:1px #ccc dashed;
}
.singleclass_content{
padding:10px;
font-size:14px;
line-height:200%;
border-bottom:1px #ccc dashed;
}
.singleclass_PrevNext{/*上一篇下一篇*/
padding-left:10px;
}
.singleclass_PrevNext li{
height:27px;
line-height:27px;
}



/* 多级栏目
----------------------------------------------- */
.multiclass_list_box{/* 列表 */
padding:10px;
}
.multiclass_list_box li{
height:36px;
line-height:36px;
border-bottom:1px #ccc dashed;
background:url(images/icon01.gif) left 13px no-repeat;
color:#999;
}
.multiclass_list_box span{
display:-moz-inline-box;
display:inline-block;
}
.multiclass_list_box span.n1{
padding-left:20px;
width:498px;
}
.multiclass_list_box span.n1 a, .multiclass_list_box span.n1 a:visited{
font-size:14px;
}
.multiclass_list_box span.n1 a:hover{
color: #f00;
}
.multiclass_list_box span.n2, .multiclass_list_box span.n3{
width:70px;
}
.multiclass_list_pagination{/* 分页 */
padding:10px;
border-top:1px #bd0056 solid;
}



.multiclass_title{/* 内容面 */
padding:20px 0px;
font-size:18px;
font-weight:bold;
text-align:center;
border-bottom:1px #ccc dashed;
}
.multiclass_info{
height:36px;
line-height:36px;
text-align:center;
border-bottom:1px #bd0056 dashed;
}
.multiclass_content{
padding:10px;
font-size:14px;
line-height:200%;
border-bottom:1px #ccc dashed;
}
.multiclass_PrevNext{/*上一篇下一篇*/
padding-left:10px;
}
.multiclass_PrevNext li{
height:27px;
line-height:27px;
}



/* 产品
----------------------------------------------- */
.product_list_box{
padding:10px;
}
.product_list_box li{/* 列表 */
float:left;
width:329px;
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px #ccc dashed;
}
.product_list_box span{
display:-moz-inline-box;
display:inline-block;
vertical-align:top;
}
.product_list_box span.n1{
width:91px;
}
.product_list_box span.n1 img{
border:1px solid #ccc;
padding:4px;
background:#fff;
}
.product_list_box span.n1 a:hover img{
border:1px solid #c00;
padding:4px;
background:#eee;
}

.product_list_box span.n2{
width:230px;
line-height:180%;
color:#666;
}
.product_list_box span.n2 a.title, .product_list_box span.n2 a.title:visited{
color:#c00;
font-size:14px;
text-decoration:underline;
}
.product_list_box span.n2 a.title:hover{
color: #06c;
}



.product_list_pagination{/* 分页 */
padding:10px;
}



.product_title{/* 内容面 */
padding:20px 0px;
font-size:18px;
font-weight:bold;
text-align:center;
border-bottom:1px #bd0056 dashed;
}
.product_expr li{/* 扩展 */
float:left;
padding-top:10px;
height:26px;
width:226px;
text-indent:10px;
border-bottom:1px #ccc dashed;
}
.product_content{
background:#fff;
padding:10px;
font-size:14px;
line-height:200%;
}
.product_info{
height:36px;
line-height:36px;
text-align: right;
padding-right:10px;
border-bottom:1px #ccc dashed;
}



.product_inquiry_title{/* 发布留言 */
padding:10px;
font-size:14px;
font-weight:bold;
border-bottom:1px #bd0056 solid;
}

.product_inquiry_add{
background:#fff;
padding:10px;
}

.product_inquiry_add .prompt{
padding-top:10px;
line-height:24px;
color:#3399CC;
}

.inquiry_table{
width:100%;
line-height:180%;
}
.inquiry_table th{
border:1px #dadada solid;
padding:8px;
width:100px;
text-align:right;
font-weight:bold;
background:#f1f1f1;
}
.inquiry_table td{
border:1px #dadada solid;
padding:8px;
}

.product_PrevNext{/*上一篇下一篇*/
background:#fff;
padding:10px;
border-top:1px #ccc dashed;
}
.product_PrevNext li{
height:25px;
line-height:25px;
}


/* 招聘
----------------------------------------------- */
.job_list_box li{/* 列表 */
background:#fff;
}

.job_list_title{/* 标题 */
font-size:14px;
font-weight:bold;
border-bottom:1px #ccc dashed;
height:36px;
line-height:36px;
padding-left:10px;
margin-top:10px;
color:#c00;
}
.job_list_title div.n1{
float:left;
}
.job_list_title div.n2{
float:right;
padding-right:10px;
}

.job_info{
border-bottom:1px #ccc dashed;
}
.job_info li{
float:left;
height:32px;
line-height:32px;
width:50%;
text-indent:10px;
}
.job_list_description{
padding:10px;
line-height:200%;
border-bottom:1px #ccc dashed;
}
.job_list_requirements{
padding:10px;
line-height:200%;
border-bottom:1px #ccc solid;
}

.job_list_pagination{/* 分页 */
padding:10px;
}



.job_title{/* 应聘页 */
padding:10px;
font-size:14px;
font-weight:bold;
background:#fff;
border-bottom:1px #ccc dashed;
}

.job_content{
background:#fff;
padding:10px;
}

.job_content .title{
height:30px;
line-height:30px;
color:#3399CC;
}

.job_table{
width:100%;
line-height:180%;
}
.job_table th{
border:1px #dadada solid;
padding:8px;
width:100px;
text-align:right;
font-weight:bold;
background:#f1f1f1;
}
.job_table td{
border:1px #dadada solid;
padding:8px;
}


/* 留言
----------------------------------------------- */
.guest_list_box li{/* 列表 */
background:#fff;
}
.guest_list_info{/* 信息 */
padding:8px;
background:#eee;
border-bottom:1px #ccc solid;
}
.guest_list_info div.n1{
float:left;
}
.guest_list_info div.n2{
float:right;
}


.guest_list_content{
padding:10px;
line-height:200%;
}
.guest_list_admincontent{
border-top:1px #ccc dashed;
color: #393;
padding:10px;
line-height:200%;
}

.guest_list_pagination{/* 分页 */
padding:10px;
border-top:1px #ccc solid;
border-bottom:1px #ccc dashed;
}



.guest_title{/* 发布留言 */
padding:10px;
font-size:14px;
font-weight:bold;
border-bottom:1px #bd0056 solid;
}

.guest_add{
background:#fff;
padding:10px;
}

.guest_add .prompt{
padding-top:10px;
line-height:24px;
color:#3399CC;
}

.guest_table{
width:100%;
line-height:180%;
}
.guest_table th{
border:1px #dadada solid;
padding:8px;
width:100px;
text-align:right;
font-weight:bold;
background:#f1f1f1;
}
.guest_table td{
border:1px #dadada solid;
padding:8px;
}



/* 表单
----------------------------------------------- */
.form_content{
padding:10px;
font-size:14px;
line-height:200%;
}




/* 公告
----------------------------------------------- */
.announcement_title{
padding:20px 0px;
font-size:18px;
font-weight:bold;
text-align:center;
border-bottom:1px #ccc dashed;
}
.announcement_content{
padding:10px;
font-size:14px;
line-height:200%;
border-bottom:1px #ccc dashed;
}
.announcement_info{
height:36px;
line-height:36px;
text-align:right;
}

.announcement_list_title{/* 以往公告标题 */
padding:10px;
font-size:14px;
font-weight:bold;
border-bottom:1px #bd0056 solid;
}

.announcement_list_box{/* 以往公告列表 */
padding:10px;
}
.announcement_list_box li{
height:36px;
line-height:36px;
border-bottom:1px #ccc dashed;
background:url(images/icon01.gif) left 13px no-repeat;
color:#999;
}
.announcement_list_box span{
display:-moz-inline-box;
display:inline-block;
}
.announcement_list_box span.n1{
padding-left:20px;
width:568px;
}
.announcement_list_box span.n1 a, .announcement_list_box span.n1 a:visited{
font-size:14px;
}
.announcement_list_box span.n1 a:hover{
color: #f00;
}
.announcement_list_box span.n2{
width:70px;
}







/* 购买
---------------------------------------------------------------------------------------------------------------------- */
/* 公共
----------------------------------------------- */
.shopping_box{/* 总外框 */
padding:30px 15px;
background:#fff;
}
.shopping_box a, .shopping_box a:visited{
font-weight:normal;
color:#06c;
text-decoration:underline;
}
.shopping_box a:hover{
color: #f00;
}

.shopping_box .n1{/* 左右两部分 */
float:left;
width:650px;
}
.shopping_box .n2{
float:right;
width:200px;
}


.shopping_explain{/* 步骤说明 */
padding:10px;
font-size:14px;
border-top:1px #ccc solid;
}

.shopping_prompt{/* 小提示 */
padding:10px;
border:1px #ccc dashed;
color:#666;
line-height:180%;
margin-top:10px;
}



/* 购物车
----------------------------------------------- */
.shopping_list_btn{/* 操作 */
position:relative;
text-align:right;
width:860px;
margin:10px 0;
}
.shopping_list_btn .txt{
position:absolute;
text-align: left;
left:0px;
}
.shopping_list_btn .txt span{
font-size:16px;
font-weight:bold;
}


.shopping_list_box{/* 列表box */
background:#f1f1f1;
border:1px solid #b3b6b0;
overflow:hidden;
overflow:visible;
}


.shopping_list_table{/* 列表表格 */
width:100%;
}
.shopping_list_table th{
border:1px #fff solid;
border-bottom:1px #dadada solid;
text-align: center;
font-weight:bold;
background: url(images/Shopping/Shopping_List_bg.gif) #fff;
height:30px;
line-height:30px;
}
.shopping_list_table td{
border:1px #fff solid;
padding:8px;
}
.shopping_list_table img{
padding:3px;
border:1px #ccc solid;
}
.shopping_list_table a:hover img{
padding:3px;
border:1px #f60 solid;
}


.shopping_list_info{/* 购物车统计信息 */
background:#ddd;
border:1px solid #b3b6b0;
border-top:0px;
padding:10px;
text-align:right;
font-size:14px;
}



/* 其他
----------------------------------------------- */
.shopping_content_box{
margin-bottom:10px;
}

.shopping_content_box .title{
background: url(images/Shopping/Shopping_List_bg.gif) #fff;
height:30px;
line-height:30px;
padding-left:15px;
border:1px #b3b6b0 solid;
border-bottom:1px #dadada solid;
font-weight:bold;
}
.shopping_content_box .info{
border:1px #b3b6b0 solid;
border-top:0px;
padding:15px;
background:#f1f1f1;
}

.shopping_content_box .info .table{/* 表格 */
width:100%;
}
.shopping_content_box .info .table th{
text-align: right;
padding:5px;
width:130px;
}
.shopping_content_box .info .table td{
padding:5px;
line-height:180%;
}

.shopping_content_box .info dt{/* 订单信息 */
font-size:14px;
font-weight:bold;
padding:5px;
}
.shopping_content_box .info dd{
padding:5px;
border-bottom:1px #ccc dashed;
margin-bottom:10px;
line-height:180%;
}


.shopping_content_box .info .list_table{/* 商品清单列表表格 */
width:100%;
}
.shopping_content_box .info .list_table th{
padding:5px;
font-weight:bold;
text-align:center;
border-bottom:1px #ccc solid;
}
.shopping_content_box .info .list_table td{
padding:8px;
border-bottom:1px #ccc dashed;
}

.shopping_confirm_info{/* 商品清单统计信息 */
margin-top:10px;
padding:10px;
text-align:right;
line-height:180%;
}
.shopping_confirm_info span{
font-size:14px;
color:#f00;
}

.shopping_confirm_btn{/* 提交订单 */
padding:10px;
text-align:right;
}

/* 右侧
----------------------------------------------- */
.shopping_content_box .info li{/* 订单信息 */
padding:3px;
}


/* 订单提交完成后提示
----------------------------------------------- */
.shopping_complete_box{
line-height:230%;
}
.shopping_complete_box .ok{
font-size:14px;
font-weight:bold;
text-align:center;
color: #c00;
}
.shopping_complete_box .ok span{
font-size:24px;
}
.shopping_complete_box .info{
font-size:14px;
color: #c00;
}
.shopping_complete_box .prompt{
margin-bottom:20px;
}
.shopping_complete_box .btn{
padding:10px;
text-align:center;
}






/* 登录页、注册页
---------------------------------------------------------------------------------------------------------------------- */
.lrg_box{/* 总外框 */
padding:30px 15px;
}


.lrg_box .n1{/* 登录页左右两部分 */
float:left;
width:420px;
}
.lrg_box .n2{
float:right;
width:420px;
}


.lrg_box .title{
background: url(images/lrg_title_bg.gif) #fff;
height:30px;
line-height:30px;
padding-left:15px;
border:1px #ccc solid;
font-weight:bold;
}
.lrg_box .info{
border:1px #ccc solid;
border-top:0px;
padding:15px;
background:#f1f1f1;
}
.lrg_box .info .table{/* 列表表格 */
width:100%;
}
.lrg_box .info .table th{
text-align: right;
height:30px;
width:130px;
}
.lrg_box .info .table td{
height:30px;
}




/* 用户中心
---------------------------------------------------------------------------------------------------------------------- */
/* 布局
----------------------------------------------- */
.wrapper_user{
width:930px;
padding:0px 25px;
margin:0 auto;
background:#fff;
}
.sidebar_user{
float:left;
width:190px;
}
.main_user{
float:left;
width:730px;
margin-left:10px;
}
.main_user a, .main_user a:visited{
font-weight:normal;
color:#06c;
text-decoration:underline;
}
.main_user a:hover{
color: #f00;
}


.user_location{/* 当前位置 */
height:32px;
line-height:32px;
font-weight:bold;
text-indent:20px;
background:url(images/Depond/icon03.png) #f1f1f1 10px 13px no-repeat;
border-bottom:1px #bd0056 solid;
margin-bottom:10px;
}



/* 侧栏
----------------------------------------------- */
.sidebar_user .info{/* 会员信息 */
padding:10px;
background: #f1f1f1;
border:1px #ccc solid;
line-height:180%;
}
.sidebar_user .info span{
color:#c00;
}


.sidebar_user .title{
height:27px;
line-height:27px;
font-weight:bold;
text-indent:20px;
margin-top:10px;
background:url(images/Depond/icon03.png) #f1f1f1 10px 9px no-repeat;
border-bottom:1px #ccc solid;
}
.sidebar_user .contentbox{
padding:10px;
}
.sidebar_user .contentbox li{
height:27px;
line-height:27px;
background: url(images/icon01.gif) left center no-repeat;
padding-left:15px;
}



/* 主体-列表表格
----------------------------------------------- */
.user_menu{/* 分页 */
padding:10px;
background:#eee;
border:1px solid #b3b6b0;
border-bottom:0px;
}
.user_box{
border:1px solid #b3b6b0;
overflow:hidden;
overflow:visible;
}
.user_list_table{
width:100%;
}
.user_list_table th{
border:1px #fff solid;
border-bottom:1px #dadada solid;
text-align: center;
font-weight:bold;
background: url(images/User_title_bg.gif) #fff;
height:30px;
line-height:30px;
}
.user_list_table td{
border:1px #fff solid;
padding:8px;
}

.user_pagination{/* 分页 */
padding:10px;
background:#eee;
border:1px solid #b3b6b0;
border-top:0px;
margin-bottom:10px;
}




/* 主体
----------------------------------------------- */
.user_content_box{
margin-bottom:10px;
}

.user_order_info{/* 订单概述 */
border:1px #b3b6b0 solid;
border-top:0px;
padding:15px;
background:#fff;
font-size:14px;
line-height:180%;
}

.user_content_box .title{
background: url(images/User_title_bg.gif) #fff;
height:30px;
line-height:30px;
padding-left:15px;
border:1px #b3b6b0 solid;
border-bottom:1px #dadada solid;
font-weight:bold;
}
.user_content_box .info{
border:1px #b3b6b0 solid;
border-top:0px;
padding:15px;
background:#fff;
}

.user_content_box .info .table{/* 表格 */
width:100%;
}
.user_content_box .info .table th{
text-align: right;
padding:5px;
width:130px;
}
.user_content_box .info .table td{
padding:5px;
line-height:180%;
}

.user_content_box .info dt{/* 订单信息 */
font-size:14px;
font-weight:bold;
padding:5px;
}
.user_content_box .info dd{
padding:5px;
border-bottom:1px #ccc dashed;
margin-bottom:10px;
line-height:180%;
}


.user_content_box .info .list_table{/* 商品清单列表表格 */
width:100%;
}
.user_content_box .info .list_table th{
padding:5px;
font-weight:bold;
text-align:center;
border-bottom:1px #ccc solid;
}
.user_content_box .info .list_table td{
padding:8px;
border-bottom:1px #ccc dashed;
}

.user_confirm_info{/* 商品清单统计信息 */
margin-top:10px;
padding:10px;
text-align:right;
line-height:180%;
}
.user_confirm_info span{
font-size:14px;
color:#f00;
}



.user_prompt{/* 小提示 */
border:#b3b6b0 1px solid;
line-height:200%;
padding:10px;
padding-left:40px;
color: #666;
background: url(images/icon_help_in.gif) #fff 10px 10px no-repeat;
font-family:Arial, Helvetica, sans-serif;
}
.user_prompt a, .user_prompt a:visited{
text-decoration:underline;
color:#c00;
}
.user_prompt a:hover{
color: #06c;
}



/* 公共搜索页布局
---------------------------------------------------------------------------------------------------------------------- */
.search_box{/* 总外框 */
}

.search_info{/* 信息 */
padding:10px;
background:#eee;
border-bottom:1px #ccc solid;
}
.search_info div.n1{
float:left;
}
.search_info div.n2{
float:right;
}

.search_list_box{/* 列表box */
background:#fff;
padding:10px;
}
.search_list_box li{
border-bottom:1px #ccc solid;
}

.search_title{/* 标题 */
border-bottom:1px #ccc dashed;
height:36px;
line-height:36px;
padding-left:15px;
background:url(images/icon01.gif) left 13px no-repeat;
}
.search_title a, .search_title a:visited{
font-weight:bold;
color:#333;
}
.search_title a:hover{
color: #06c;
}

.search_reading{/* 导读 */
padding:10px;
line-height:180%;
color:#999;
}


.search_list_pagination{/* 分页 */
padding:10px;
}







/* 页面内权限不足小提示，留言、表单模型页用到
---------------------------------------------------------------------------------------------------------------------- */
.permissions_prompt{
border:#b3b6b0 1px solid;
line-height:200%;
padding:10px;
padding-left:40px;
color: #666;
background: url(images/icon_help_in.gif) #ffc 10px 10px no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.permissions_prompt span{
font-size:14px;
font-weight:bold;
}

.permissions_prompt a, .permissions_prompt a:visited{
text-decoration:underline;
color:#c00;
}
.permissions_prompt a:hover{
color: #06c;
}




/* 提示页面 ErrorMessage.aspx、找回密码 RecoverPwd.aspx、重置密码 ResetPwd.aspx
---------------------------------------------------------------------------------------------------------------------- */
.message_box{/* 总外框 */
padding:30px 15px;
}
.message_box .title{
background: url(images/lrg_title_bg.gif) #fff;
height:30px;
line-height:30px;
padding-left:15px;
border:1px #ccc solid;
font-weight:bold;
}
.message_box .info{
border:1px #ccc solid;
border-top:0px;
padding:15px;
background:#fff;
}
.message_box .info .table{/* 表格 */
width:100%;
line-height:200%;
}
.message_box .info .table th{
width:180px;
text-align:center;
}
.message_box .info .table span{
font-size:14px;
font-weight:bold;
}






/* 与js相配合的css
---------------------------------------------------------------------------------------------------------------------- */
/* 滑动门 /js/tab.js demo在首页index.html
---------------------------------------------------------- */
.nTab{
width:500px;
margin:0 auto;
background:#fff;
margin-bottom:10px;
}
.nTab .TabTitle{
clear:both;
overflow:hidden;
}
.nTab .TabTitle li{
float:left;
width:100px;
cursor:pointer;
height:30px;
line-height:30px;
text-align:center;
}
.nTab .TabTitle .active{background:#fff;border:1px #ace solid;border-bottom:1px #fff solid;}
.nTab .TabTitle .normal{background:#EBF3FB;border:1px #ace solid;}
.nTab .TabContent{
background:#fff;
padding:10px;
border:1px #AACCEE solid;
border-top:0px;
}
.none {display:none;}




/* 无缝滚动 /js/Scroller.js demo在首页index.html
---------------------------------------------------------- */
.Scroller {
margin:0 auto;
width:500px;
height:50px;
line-height:25px;
background:#fff;
overflow:hidden;
}
#idScrollMid ul{width:500px;}/* 上滚动*/
#idScrollMid li{float:left;width:250px;overflow:hidden;}

#idScrollMid1 {float:left;}/* 右滚动*/
#idScrollMid1 ul{float:left;width:250px;overflow:hidden;}

#idScrollMid2 {float:left;}/* 左滚动*/
#idScrollMid2 ul{float:left;width:250px;overflow:hidden;}





/* 浮动IM
---------------------------------------------------------------------------------------------------------------------- */
.float_im{
width:109px;
position:fixed;
left:6px;
top:120px;
z-index: 1001;
}

.float_im_title{
height:34px;
cursor: pointer;
}
.float_im_title h2{
display:none;
}

.float_im_content{
padding:5px 10px;
background: url(images/IM/IM_Content_bg.png) #fff left top no-repeat;
}
.float_im_content li{
border-bottom:1px #eee solid;
padding:3px 0px;
}

.float_im_bottom{
background: url(images/IM/IM_bottom_bg.png) #fff no-repeat;
padding:6px;
}





/* 广告系统
---------------------------------------------------------------------------------------------------------------------- */
/* 右下角弹窗广告
---------------------------------------------------------- */
.pop_up{
BORDER-RIGHT:#455690 1px solid;
BORDER-TOP:#a6b4cf 1px solid;
BORDER-LEFT:#a6b4cf 1px solid;
BORDER-BOTTOM:#455690 1px solid;
background:url(images/AD_Show/msg_TopBg.gif) #e5ecfc repeat-x;
}
.pop_up_title{
position:relative;
height:22px;
WIDTH: 100%;
}
.pop_up_title .logo{
position: absolute;
top:2px;
left:10px;
background:url(images/AD_Show/msg_Logo.gif) no-repeat;
cursor:default;
}
.pop_up_title .close{
position: absolute;
top:5px;
right:10px;
}

.pop_up_content{
BORDER-TOP: #728eb8 1px solid; 
BORDER-LEFT: #728eb8 1px solid;
BORDER-RIGHT: #b9c9ef 1px solid;
BORDER-BOTTOM: #b9c9ef 1px solid;
padding:3px;
margin:2px;
margin-top:0px;
background:#fff;
}


/* 全屏自动关闭广告
---------------------------------------------------------- */
.auto_close{
width:980px;
margin:0 auto;
background:#fff;
}


/* 随屏滚动广告
---------------------------------------------------------- */
.float_AD{
position:relative;
}
.float_AD .close{
position:absolute;
top:3px;
right:3px;
z-index:9999;
}


















/* Depond的css
---------------------------------------------------------------------------------------------------------------------------------- */
/* 首页
---------------------------------------------------------------------------------------------- */
.index_flash{/* 形象图片 */
width:980px;
margin:0 auto;
background: url(images/Depond/vi_index02.jpg) #fff;
height:200px;
padding-top:158px;
}


/* 主体
--------------------------------------------------- */
.index_wrapper{
width:890px;
padding:0px 45px;
margin:0 auto;
background: url(images/Depond/index_wrapper_bg.png) #fff no-repeat;
}

.index_left_box{
float:left;
width:228px;
}

.index_middle_box{
float:left;
width:412px;
margin-left:22px;
}

.index_right_box{
float:left;
width:206px;
margin-left:22px;
}



/* 新闻中心、疾病防控中心、营销网络
--------------------------------------------------- */
.index_title_01{/* 新闻中心 */
position: relative;
background: url(images/Depond/index_title_01.png);
height:30px;
}
.index_content_01{
position: relative;
background:url(images/Depond/index_news_bg.jpg) 4px 4px no-repeat;
height:160px;
}
.index_content_01 .short{/* 短标题 */
position: absolute;
left:100px;
}
.index_content_01 .short li{
height:23px;
line-height:23px;
background:url(images/Depond/icon01.png) 4px center no-repeat;
padding-left:15px;
}
.index_content_01 .long{/* 长标题 */
position: absolute;
top:70px;
}
.index_content_01 .long li{
height:25px;
line-height:25px;
background:url(images/Depond/icon01.png) 4px center no-repeat;
padding-left:15px;
}


.index_title_02{/* 疾病防控中心 */
position: relative;
background: url(images/Depond/index_title_02.png);
height:30px;
}
.index_content_02{
margin-bottom:12px;
}
.index_content_02 li{
height:25px;
line-height:25px;
background:url(images/Depond/icon01.png) 4px center no-repeat;
padding-left:15px;
}

.index_title_02_1{/* 客户俱乐部 */
position: relative;
background: url(images/Depond/index_title_02_1.png);
height:30px;
}
.index_content_02_1{
margin-bottom:12px;
}
.index_content_02_1 li{
height:25px;
line-height:25px;
background:url(images/Depond/icon01.png) 4px center no-repeat;
padding-left:15px;
}


.index_title_03{/* 营销网络 */
position: relative;
background: url(images/Depond/index_title_03.png);
height:30px;
}
.index_content_03{
height:90px;
background:url(images/Depond/index_map.jpg);
text-indent:-9999px;
}


.more01{/* 更多 */
position: absolute;/* 与index_title_01、index_title_02、index_title_03配合使用 */
right:3px;
top:10px;
}
.more01 a{
display:block;
width:24px;
height:9px;
background: url(images/Depond/more01.png) no-repeat;
text-indent:-9999px;
}
.more01 a:hover{
display:block;
width:24px;
height:9px;
background: url(images/Depond/more01_hover.png) no-repeat;
}



/* 产品天地
--------------------------------------------------- */
.index_title_04{
position: relative;
background: url(images/Depond/index_title_04.png);
height:30px;
}
.index_content_04{
padding:15px 20px 0px 20px;
height:575px;
background:url(images/Depond/index_products_bg.png);
}

.index_content_04 li{/* 产品循环 */
float:left;
width:186px;
margin-bottom:10px;
}
.index_content_04 li span{
display:-moz-inline-box;
display:inline-block;
vertical-align:top;
}
.index_content_04 li span.n1{
width:86px;
}
.index_content_04 li span.n1 img{ border:1px solid #ccc; padding:4px;}
.index_content_04 li span.n1 a:hover img{ border:2px solid #f00; padding:3px;}

.index_content_04 li span.n2{
position: relative;
width:100px;
line-height:200%;
color:#666;
}
.index_content_04 li span.n2 a.title, .index_content_04 li span.n2 a.title:visited{
font-weight:bold;
color:#c00;
}
.index_content_04 li span.n2 a.title:hover{
color: #03c;
}

.index_content_04 li span.n2 .btn{/* 查看按钮 */
position: absolute;
left:0px;
top:76px;
}




/* 祝福爱墙、论坛
--------------------------------------------------- */
.index_middle_box .l{/* wall box */
float:left;
width:195px;
}
.index_middle_box .r{/* bbs box */
float:left;
width:195px;
margin-left:22px;
}

.index_title_05{/* wall */
background: url(images/Depond/index_title_05.png) no-repeat;
height:30px;
}
.index_content_05{
height:90px;
text-indent:-9999px;
}
.index_content_05 a{
display:block;
width:195px;
height:90px;
background: url(images/Depond/index_wall.png);
}
.index_content_05 a:hover{
display:block;
width:195px;
height:90px;
background: url(images/Depond/index_wall_hover.png);
}


.index_title_06{/* bbs */
background: url(images/Depond/index_title_06.png) no-repeat;
height:30px;
}
.index_content_06{
height:90px;
text-indent:-9999px;
}
.index_content_06 a{
display:block;
width:195px;
height:90px;
background: url(images/Depond/index_bbs.png);
}
.index_content_06 a:hover{
display:block;
width:195px;
height:90px;
background: url(images/Depond/index_bbs_hover.png);
}




/* 视频展播、发货通知、联系我们
--------------------------------------------------- */
.index_title_07{/* 视频展播 */
position: relative;
background: url(images/Depond/index_title_07.png);
height:30px;
}
.index_content_07{
height:136px;
padding-left:17px;
padding-top:18px;
background:url(images/Depond/index_video_bg.png);
}
.index_video_btn{
height:30px;
text-indent:-9999px;
}
.index_video_btn a{
display:block;
height:30px;
background: url(images/Depond/index_video_btn.png) center center no-repeat;
}
.index_video_btn a:hover{
display:block;
height:30px;
background: url(images/Depond/index_video_btn_hover.png) center center no-repeat;
}



.index_consignment{/* 发货通知 */
position: relative;
height:192px;
background:url(images/Depond/index_consignment_bg.png);
margin-top:11px;
margin-bottom:11px;
}
.index_consignment .title{
position: relative;
height:55px;
}

.more03{/* 更多 */
position: absolute;/* 与index_consignment .title配合使用 */
right:18px;
top:21px;
}
.more03 a{
display:block;
width:30px;
height:9px;
background: url(images/Depond/more02.png) no-repeat;
text-indent:-9999px;
}
.more03 a:hover{
display:block;
width:30px;
height:9px;
background: url(images/Depond/more02_hover.png) no-repeat;
}

.index_consignment .list{
position: absolute;
left:13px;
top:45px;
height:135px;
width:180px;
overflow:hidden;
}
.index_consignment .list li{
padding-top:5px;
background:url(images/Depond/icon01.png) 4px 10px no-repeat;
padding-left:15px;
}



.index_title_07_1{/* 总裁论道 */
position: relative;
background: url(images/Depond/index_title_07_1.png);
height:30px;
}
.index_content_07_1{
margin-bottom:12px;
}
.index_content_07_1 li{
height:25px;
line-height:25px;
background:url(images/Depond/icon01.png) 4px center no-repeat;
padding-left:15px;
}



.index_title_08{/* 联系我们 */
background: url(images/Depond/index_title_08.png) no-repeat;
height:30px;
}
.index_content_08{
height:90px;
text-indent:-9999px;
}
.index_content_08 a{
display:block;
width:206px;
height:90px;
background: url(images/Depond/index_tel.png);
}
.index_content_08 a:hover{
display:block;
width:206px;
height:90px;
background: url(images/Depond/index_tel_hover.png);
}






.more02{/* 更多 */
position: absolute;/* 与index_title_01、index_title_02、index_title_03配合使用 */
right:10px;
top:10px;
}
.more02 a{
display:block;
width:30px;
height:9px;
background: url(images/Depond/more02.png) no-repeat;
text-indent:-9999px;
}
.more02 a:hover{
display:block;
width:30px;
height:9px;
background: url(images/Depond/more02_hover.png) no-repeat;
}








.index_link{
background: url(images/Depond/index_link_bg.png) repeat-x;
height:46px;
line-height:46px;
text-align:center;
margin-top:15px;
}