﻿@charset "utf-8";
/*
描述: Cavan主题样式表第121套
作者: linli
版本: 0.1

[目录表]

0- common
1- Container
2- Header
3- Body
4- Footer
5- main
6- sidebar
7- content
8- feedback
9- product
10- faq
*/

/* =0 common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a{ color:#363637;}
html body a:hover, #default_link_hover_color, #Footer a:hover{ color:#025e9e; text-decoration:underline;}

/* common 2.01版本增加 begin*/
input, textarea, select{ color:#333;}
h4.title{ color:#000; font-weight:bold; font-size:14px; padding:10px 0;}
.msg{ color:#666666; padding:5px 0 10px;}
.star_note{ color:#f00; padding:0 3px;}
label.error{ color:#f00; display:inline-block; line-height:normal; padding:2px 0 3px 3px; vertical-align:middle;}
.popup label.error{ padding:3px 0 5px; display:block;}

/* common 2.01版本增加 end*/

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{ color:#363637;background:#ffffff;}

#Container{ width:960px; background:#ffffff;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ position:relative; width:960px; height:159px; margin:0 auto; background:url(images/header_bg.jpg) no-repeat top right; z-index:10;}
#Logo{ left:0px; top:0px;}
.logoText { font-size:22px; position:absolute; left:77px; top:28px;}
#Logo .logoText a{color:#323232;text-decoration:none;font-family:Verdana;}
.logoText a:hover{color:#323232;}

#Navbar{ width:960px; height:77px; top:82px; z-index:100; background:#fff url(images/body_bg.jpg) repeat-x 0 -82px;}
.nav{ padding-left:60px;}
.scrollNav{ position:absolute; top:12px; right:65px; width:45px; height:29px; line-height:29px;}
.navleft, .navright{ width:18px; height:18px; cursor:pointer;}
.navleft{ float:left;  background:url(images/nav_left.gif) no-repeat center center;}
.navright{ float:right;  background:url(images/nav_right.gif) no-repeat center center; }

.nav li{ float:left; height:42px; }
.nav li .nav_level_one{ float:left; text-align:center; line-height:42px; height:42px;  font-size:14px; font-family:microsoft yahei,arial; text-decoration:none; color:#fff;}
.nav .liImg{ width:1px; background:none;}
.nav li .nav_level_one:hover,.nav .navhover a{ color:#fff;}
/*.nav li .nav_level_one:hover,.nav .navhover a{ color:#fff; background:url(images/nav_hover.jpg) no-repeat center; text-decoration:none;}*/
/******nav_level_one 一级菜单 ******/
.nav_span_in, .nav_span_inner{ display:inline-block;}
.nav_level_one { padding-left:10px;}
.nav_span_in { padding-right:10px;}
.nav .nav_level_one:hover,.nav .nav_level_one .nav_span_in:hover,.nav .nav_level_one .nav_span_inner:hover,.navhover .nav_level_one,.navhover .nav_span_in,.navhover .nav_span_inner { background-image:url(images/hover.gif); text-decoration:none;} 
.nav .nav_level_one:hover,.navhover .nav_level_one{ background-position:left 10px; background-repeat:no-repeat;}
.nav .nav_level_one .nav_span_in:hover,.navhover .nav_level_one .nav_span_in {background-position:right -70px; background-repeat:no-repeat; }
.nav .nav_level_one .nav_span_inner:hover,.navhover .nav_level_one .nav_span_inner { background-position:left -29px; background-repeat:repeat-x;}

.level_wid .nav_level_one{ width:90px; overflow:hidden;}
.level_wid .nav_level_one {padding-left:0px; }
.level_wid  .nav_span_in { padding-right:0px;}
.level_wid .nav_level_one:hover,.level_wid .nav_level_one .nav_span_in:hover,.level_wid .nav_level_one .nav_span_inner:hover,.level_wid .navhover .nav_level_one,.level_wid .navhover .nav_span_in,.level_wid .navhover .nav_span_inner { background:none;}
.level_wid .nav_level_one:hover,.level_wid .navhover .nav_level_one{ background:url(images/nav_hover.jpg) no-repeat left center; text-decoration:none;}

.submenu{ position:absolute; top:42px; z-index:100; display:none; overflow:hidden; white-space:nowrap; height:27px; }
.submenu,.submenu div,.submenu div div{ height:30px; float:left; background:url(images/submenu_bg.gif) repeat-x 0px -30px;}
.submenu div{ background-repeat:no-repeat; background-position:left 0; }
.submenu div div{ padding-right:20px; background-repeat:no-repeat; background-position:right -60px; }
.subline{ background:url(images/sub_nav_line.gif) no-repeat center center; width:1px; height:30px; display:inline-block; overflow:hidden; }
 
#Navbar .submenu a{ float:none; width:auto; overflow:hidden; display:inline-block; background:none; padding:0 3px 0px 15px; height:30px; line-height:30px; *vertical-align:top; color:#053b57; font-size:12px; text-decoration:none; }
#Navbar .submenu a:hover, #Navbar .submenu a.submenu_cur{ color:#000; text-decoration:underline;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ margin:0 auto; width:960px;}
#Banner{position:relative; overflow:hidden;}
.bannerText{position:absolute; left:56px; top:270px; color:#fff; font-size:20px; font-family:"微软雅黑"; font-weight:bold; }

#SideBar{ margin-left:-960px;}


/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ text-align:center; width:960px; background:url(images/footer.jpg) no-repeat 0 top #1c649e;  margin:0 auto;  padding:19px 0px 13px; color:#eaf8ff;}
#Footer a{ line-height:30px; color:#eaf8ff; }
.footer_links a{ margin:0 4px; text-decoration:none; }
.footer_authentication,.footer_stat,.footer_records{ display:inline; margin-right:15px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.main_row_span1{ margin-bottom:6px; }
.main_row_span1 .content,#Main .MenuCompon{padding:12px 8px;}
#Main .com_title,#Main .com_title_in,#Main .com_title_inner{background:url(images/main_tittle_bg.png) repeat-x 0px -33px; height:33px; }
#Main .com_title_in{ background-repeat:no-repeat; background-position:left 0px; padding-left:50px;}

#Main .com_title_inner{ background-repeat:no-repeat; background-position:right -66px; padding-right:15px;}
#Main .com_title h2{ left:30px; color:#fff;}

.com_title .more{ display:none; position:absolute; top:12px; right:0; background:url(images/more.gif) no-repeat; width:29px; height:9px; overflow:hidden; text-indent:-9999px; display:block;}

/* 2.01版本修改增加begin */
.more{ padding-top:6px;}
.more a{ color:#1459a5; line-height:normal;}
.more a span{ font-family:"宋体",simsun;}
/* 2.01版本修改增加end */

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title h2{ position:absolute; left:25px; line-height:34px; *line-height:36px; font-weight:bold;}
.side .com_title, .side .com_title_in, .side .com_title_inner{background:url(images/side_tittle_bg.png) repeat-x 0 -34px; height:34px; }
.side .com_title_in{ background-repeat:no-repeat; background-position:left 0px;/* padding-left:55px;*/}
.side .com_title_inner{ background-repeat:no-repeat; background-position:right -68px; /*padding-right:55px;*/}
.side .content,.side .MenuCompon{ background:url(images/side_cnt_bg.gif) repeat; margin-bottom:8px; line-height:1.8; padding:3px 3px 10px 10px;}
/*.side .discUL li{ padding-left:14px; background:url(images/list_ico.gif) no-repeat left center; list-style-type:none; list-style-position:outside; color:#363637;}*/
.side li a{ text-decoration:none;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{}
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}

.page{ margin:20px 0 20px 26px; padding:10px; clear:both; text-align:right;}
.page input{ width:17px; height:15px; border:1px solid #b5b5b5; padding:1px; color:#1459a5;}
.page a{ text-decoration:underline; margin-right:10px;}
.page a:hover{ font-weight:normal;}
.page .disabled{ margin-right:10px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .feedback_con{ padding-bottom:39px;}
.feedback_con table td { height:20px; padding:3px 0; vertical-align:top;}
.edit_tbl .btn{ margin-top:5px;} /*modify 2.01版本增加*/
.feedback_con .btn,.item_search .btn,.edit_tbl .btn,
.vote_btn .btn{ background:url(images/btn.png) no-repeat 0 0; width:62px; height:22px; line-height:20px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px 1px 1px 2px; border:1px solid #c9c9c9; background:#fff; width:142px; height:18px; }
.feedback_con table textarea{ padding:1px 1px 1px 2px; width:286px; height:136px;  border:1px solid #c9c9c9; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.sidecon,.side .MenuCompon{ background:url(images/side_cnt_bg.gif) repeat; border:none; padding: 5px 10px 10px 15px;}
.tree{ line-height:27px;}
.tree li{}
.tree li.open{}
.tree_parent{ background: url(images/tree-plus.gif) no-repeat 5px 8px; line-height:27px; _height:27px; cursor:pointer; padding-left:27px;}
.tree li.open .tree_parent{background: url(images/tree-minus.gif) no-repeat 5px 8px;}
.faq_sidecon .tree_parent{ cursor:default;}

.tree li a{ text-decoration:none;}
.tree li a:hover{ text-decoration:underline;}
.tree .open a{ font-weight:bold;}
.tree_sub{ margin-left:20px;}
.tree .tree_sub li{ background:url(images/side_li_icon.gif) no-repeat 5px 9px; padding-left:16px;}
.tree .tree_sub li a{ font-weight:normal;}
.tree .tree_sub .cur a{ color:#003b7a; font-weight:bold; }
/*------------------------新闻中心,faq,站点管理,列表图标更改------------*/
.faq_sidecon .tree_parent, .admin_sidecon .tree_parent{ cursor:default; background:none;}
.faq_sidecon .tree li, .admin_sidecon .tree li{ background:url(images/tree_child_icon.gif) no-repeat 18px 10px; }
/*------------------------新闻中心,faq,站点管理,列表图标更改------------*/
#Main .product h3 a{ font-size:12px; font-weight:bold;color:#232423;}
.prdcrumb{ padding:6px; font-family:Simsun; margin:10px 0;}
.prdcrumb strong{ color:#321a08; font-weight:bold;}
.prdcrumb a{ text-decoration:none;}

.product_con_detail{ padding-bottom:50px;}
.product_con_detail .pic{ margin:0 0 10px 30px;}
.product_con_detail .pic img{ border:1px solid #CCC;}
.product_con_detail .info{ margin:0 0 0 30px; padding-bottom:10px;}
.product_con_detail .info table{ font-family:Verdana; border:solid #EFEFEF; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ background:#FAFAFA; border:1px solid #EFEFEF; text-align:right; padding:0; padding-left:5px; color:#000; font-weight:bold;}
.product_con_detail .info td{ height:28px; border:1px solid #EFEFEF; padding:0 5px;}
.prdname td{ }
.prdpromotion td{ color:#1459a5; font-size:14px; font-weight:bold;}

/***********************主内容区域 2.01版本修改增加 begin **************************************/
.result_con{ line-height:1.8;}
.result_con .result_suc{ padding:10px 10px 0;}

/*gray button*/
.gray_btn{ border:1px solid #bbb; display:inline-block; line-height:normal; margin:4px 3px 5px 0; *padding:1px;}
body .gray_btn a,
body .gray_btn input,
body .gray_btn_on input{ background:#f1f1f1 url(images/btn_bg.gif) repeat-x 0 0; border:1px solid #fff; *border:none; color:#666; cursor:pointer; display:inline-block; height:16px; line-height:16px; padding:2px 6px; *padding:3px 6px 1px; min-width:30px; *width:auto; text-align:center; text-decoration:none;}
body .gray_btn input,
body .gray_btn_on input{ height:22px; *height:20px; line-height:22px; padding:0 5px 1px; *padding:1px 5px; min-width:52px; *min-width:auto;}
.popup .gray_btn input{ font-weight:bold;}
body .gray_btn a:hover, body .gray_btn_on input{ background-image:url(images/btn_bg_on.gif); color:#666666; text-decoration:none;}
body .gray_btn a:active{ background-image:url(images/btn_bg.gif);}
body .edit_tbl .gray_btn a{ font-weight:normal; padding-left:15px; padding-right:15px; min-width:20px; *width:auto;}

.btn_box{ text-align:center; padding-top:10px;}
.btn_box .gray_btn a{ padding-left:10px; padding-right:10px;}

/*input*/
.input, textarea{ border:1px solid #BBBBBB;}
.input{ padding:3px 1px 3px 3px; height:16px; line-height:16px;}
html body .input:focus, html body input[type="text"]:focus, html body textarea:focus{ border-color:#ff6600;}
input.short{ width:150px;}
input.middle{ width:230px;}
.input_addr{ width:315px;}
.order_con input.middle, .order_con .input_addr{ width:290px;}
#Main .item_search input.long{ height:18px; line-height:18px; padding:3px 1px 1px 3px; width:300px;}

.num_desc, .num_ascend{ background:url(images/ico_desc.png) no-repeat 0 2px; width:14px; height:14px; font-size:16px; font-weight:bold;}
.num_desc{ font-size:20px; background-position:-14px 1px;}

/*edit-table*/
.edit_tbl{ margin-top:4px;}
.edit_tbl th{ color:#333; text-align:right; padding-top:3px; *padding-top:4px;}
.edit_tbl td{ height:36px; padding-top:3px; }
.buyer_info_check { padding-bottom:10px; *padding-top:5px;}
.buyer_info_check th,.buyer_info_check td{ text-align:left; height:27px;}/*收货人信息确认表格行高较小*/

/*search table*/
.search_msg{ color:#555; padding:10px 0 0 15px; margin:0 0 10px 0;}
.item_search{ padding:10px 10px 15px 15px;}
.item_search th{ font-family:"宋体",arial; text-align:right;}
.item_search td{ font-family:"宋体",simsun; height:auto; padding:3px 1px 3px 5px;}
.item_search input, .item_search span{ vertical-align:middle;}
.admin_con .item_search{ padding:10px 0;}
.admin_con .item_search .gray_btn{ margin:0;}
.admin_con .edit_tbl .gray_btn{ margin-top:7px;}

/*gridlist table*/
.gridlist a{ color:#707070;}
.gridlist{ border:1px solid;}
.gridlist td{ border-top:1px solid; color:#777; padding:2px 1px 2px 5px; line-height:19px;}
.gridlist, .gridlist td{ border-color:#C5C5C5;}
.gridlist th{ background:#EEEEEE; color:#333; padding:2px 1px 2px 5px; line-height:24px;}
.gridlist tr.over{ background:#F0F7FD;}

.orderlist{ margin-bottom:12px;}

/*产品详细页面*/
.product_con_detail .prd_summary{}
.product_con_detail .prdtitle{ color:#333; font-weight:bold; font-size:16px;}
.product_con_detail .important_info th{ color:#333; line-height:25px;}
.product_con_detail .important_info .morehilite{ font-size:16px;}

.product_con_detail .prd_info_tab{ border-bottom:1px solid #bbb; margin-left:10px;}
.product_con_detail .prd_info_tab li a{ position:relative; bottom:-1px; background:#e6e6e6 url(images/tabmenu_bg.gif) repeat-x 0 0; border:1px solid #d8d8d8; border-bottom:none; color:#707070; display:inline-block; height:25px; line-height:25px; padding:0 12px; text-decoration:none;}
.product_con_detail .prd_info_tab li.cur_tab a{ background:#fff url(images/tabmenu_bg_cur.gif) repeat-x 0 0; border:1px solid #bbb; border-bottom:none; color:#f60; font-weight:bold; text-decoration:none;}
.product_con_detail .prd_description{ line-height:1.8;}

/*订单提交页面*/
.order_con{ padding:10px 15px 19px;}
.order_con h4.title .gray_btn{ position:relative; top:1px; *top:3px; display:inline-block; font-size:12px; font-weight:normal; margin:0 0 6px 25px; *margin-bottom:0; }
.order_con .select_addr{ padding:3px 0 0; margin-bottom:12px;}

.order_con .order_edit{ padding:5px 0 17px;}
.order_con .order_edit .input_num{ padding:2px; *padding-left:0; _padding-left:1px; height:14px; line-height:14px; width:25px; text-align:center; overflow:hidden;}
.order_con .order_totals{ line-height:22px;}

.order_btn{ margin:10px 0 30px; text-align:center;}
.order_btn .btn{ display:inline-block;}
/***************************主内容区域 2.01版本修改增加 end */

/* =10 faq & news 2.01版本修改增加 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.sidecon{padding:10px 10px 13px 15px; }
.faq .page, .news .page{ background:none;}

.sidecon,.side .MenuCompon{ padding:10px 10px 10px 20px;}
.side .MenuCompon{ padding-top:0;}
.faq_con, .news_con, .news_detail_con, .admin_con, .order_con{ padding:16px 10px 20px 15px; line-height:20px;}

h3.h3_title, .guestbook .msg_question{ background:url(images/faq_ico.gif) no-repeat 2px 6px; *background-position:2px 4px; color:#1989BD; font-size:14px; font-weight:normal; line-height:24px; padding-left:20px; margin:26px 10px 0; position:relative;}
.h3_title a{ color:#555; text-decoration:none;}
.h3_title a:hover{ color:#4A88CC; text-decoration:underline;}
.h3_title .time, .msg_question .time{ color:#aaa;}

.faq_con2 .h3_title, .news_con .h3_title, .guestbook .msg_cell{ border-bottom:1px dotted #B6D5ED; font-size:12px; line-height:22px; margin-top:13px;}

.answer{ background:url(images/product_line.gif) repeat-x bottom; line-height:1.8; padding:0 10px 0px 30px;}
.news_detail_con .answer{ padding:15px 0 10px 2px;}
.news_detail_con .news_tit{ font-size:16px; font-weight:bold; text-align:center; padding:0 0 5px;}
.news_detail_con .news_time{ color:#A7A7A7; font-size:12px; display:block; text-align:center;}
.news_detail_con .btn{ text-align:center;}

/* =11 top loginBar   2.01版本增加 begin
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.topLogBox{ }
.topLogBox_in{ width:960px; height:33px;}
.topLogBox, .topLogBox a{ color:#0C66A5;}
.lanLine{ color:#94C2E9;}
.logInfo{background:#BBD9F1;}
.topLogBox_in {
    line-height: 32px;
}

/*弹出框*/
.popup_inner{ background:#fff; border:4px solid #1B68BE;}
.popup_inner h3{ background:#CADFF7; line-height:27px; height:27px;}
.popup_inner h3 span{ color:#000; cursor:pointer; height:21px; line-height:21px;}
.popup_inner h3 span.on{ background:#fff; color:#124276; font-weight:bold;}
.popup_inner h3 .close, .popup_inner h3 .close_hover{ background:url(images/close.gif) no-repeat 0 0; width:16px; height:16px; overflow:hidden; cursor:pointer;}
.popup_inner h3 .close_hover{ background-position:0 -16px;}
.popup_inner .popup_con a{ color:#124276;}
.popup_inner .popup_con td a{ color:#777777; text-decoration:underline;}
.popup_inner .popup_con a:hover{ color:#f60;}
.popup_inner .popup_con input.middle{ padding:3px 1px 3px 3px; height:16px; line-height:16px; width:190px; color:#333;}
.popup_inner .popup_con .gray_btn a{ color:#666666; font-weight:bold; text-decoration:none;}
.popup_inner .popup_con .suc{ color:#2B8521;}
.popup_inner .buy_notlogin span a{ color:#f60; font-size:14px; font-family:microsoft yahei; font-weight:bold;}
/* =11 top loginBar   2.01版本增加 end*/


/* =12 administrator  2.01版本增加 begin
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*admin common*/
.hilite, .morehilite{ font-style:normal;}
.hilite, .state_success{ color:#f60;}
.morehilite{ color:#f60;}
.state_wait{ color:#61B212;}
.state_stop{ color:#196AFF;}

.order_more a{ color:#286BB1; display:inline-block; font-family:"宋体",simsun;}




/*admin sidebar*/
.admin_sidecon .open a{ color:#286BB1;}
/*------------------------站点管理列表高度更改------------*/
.admin_sidecon .tree li.open .tree_parent{ background:none;}
.admin_sidecon li { padding:0px;}
/*------------------------站点管理列表高度更改------------*/
/*admin content*/
.admin_con{ padding:10px 5px 20px 10px;}
.admin_con .edit_tbl{ padding-left:10px;}
.admin_crumb{ padding-bottom:10px;}
.admin_info{ color:#888; line-height:25px; margin-bottom:15px;}
.admin_info strong{ color:#333;}
.admin_info strong span{ color:#A64A00;}
.admin_info small{ font-size:12px;}
.admin_info span{ padding-right:23px;}
/* =12 administrator  2.01版本增加 end*/
/* =13 job recruitment 招聘 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.job_con .page{ background:none;}
/*job recruitment  招聘列表*/
 .tab_reclist th{ background-color:#17adeb; color:#fff;}
 .tab_reclist td{ border-bottom:1px solid #B6D5ED;}
 .tab_reclist td a { color:#f60;}
/*vote 投票*/
 .voted_details{ border-top:1px dashed #B6D5ED;}
 .voted_details li .vote_mem{ color:#1459A5;}
