﻿@charset "utf-8";
/*
描述: Cavan主题样式表第九十六套
作者: linli
版本: 0.1

[目录表]

0- common
1- Container
2- Header
3- Body
4- Footer
5- main
6- sidebar
7- content
8- feedback
9- product
10- product detail
11- faq
*/

/* =0 common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table,textarea,select,input{ font-size:12px;}
a{ color:#351003;}

.discUL{list-style-position:outside; list-style:none;}
.discUL li{ color:#351003; height:23px; background: url(images/list-ico.jpg) no-repeat 7px 6px; padding-left:20px;}
.side, .side .content, .com_bullet a{color:#351003;}
.com_bullet a:hover{ color:#c6b49e;}
 
/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{color:#351003; background:#FFF url(images/body-bg.jpg) repeat-x top; }
#Container{ width:100%; }

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; z-index:10; margin:0 auto; background:url(images/header-bg.jpg) no-repeat top right; height:84px; width:960px;}
#multiLanArea{ position:absolute; right:15px; top:13px;}
#multiLanArea .lanLine{ color:#351003; padding:0 7px;}
#multiLanArea a{ color:#351003; text-decoration:underline;}
#multiLanArea a:hover{ color:#c6b49e; text-decoration:none;}	
#Logo{left:0px; top:0px;}
.logoText{font-size:24px; position:absolute; left:45px; top:20px;}
.logoText a{color:#3a1c08; text-decoration:none;font-family:Verdana;}

#Navbar{ width:700px; top:37px; right:25px; height:30px; z-index:10; }
#Navbar,.nav{ }
.nav{ }
.scrollNav{ position:absolute; right:55px; width:55px; height:30px;}
.navleft,.navright{ width:23px; top:10px; height:30px; cursor:pointer;}
.navleft{float:left; background:url(images/nav-left.gif) no-repeat right;}
.navright{ float:right; background:url(images/nav-right.gif) no-repeat left;}

.nav li{ float:left; height:30px; line-height:30px;}
.nav li a{ float:left; overflow:hidden; width:auto; padding:0px 10px; display:inline-block;  font-size:12px; color:#351003; text-decoration:none; text-align:center;}
.nav li a:hover,.nav .navhover a{ background:url(images/down_arrow.gif) no-repeat center bottom; color:#99420f; }
.nav .liImg{ width:14px; height:30px; background:url(images/nav-ico.gif) no-repeat 0px 10px; margin:0px; padding:0px;}

.submenu{ position:absolute; top:30px; display:none; z-index:100; height:23px; line-height:23px; overflow:hidden; padding:0px; }
.submenu .subline{background:none; }
.submenu,.submenu div,.submenu div div{ background:url(images/submenu-bg.jpg) 0 -23px repeat-x; height:23px; float:left; padding-top:0px;}
.submenu div{ background-position:right -46px; background-repeat:no-repeat; padding-right:8px; padding-top:0px;}
.submenu div div{ background-position:0 0; background-repeat:no-repeat; padding-left:15px;  white-space:nowrap; padding-top:0px;}
#Navbar .submenu a{ width:auto; float:none; display:inline-block; height:19px; line-height:23px; /**line-height:16px;*/ font-size:12px; color:#fff; font-weight:normal; font-family:Arial,Helvetica,sans-serif; background:none; margin:0px;padding:0px 5px; }
#Navbar .submenu a:hover{ text-decoration:none; font-weight:bold; }

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{width:960px;  margin:0 auto;}
#Banner{ width:960px; cursor:pointer; text-align:center; position:relative; margin:0px;}
.bannerText{ position:absolute; right:220px; top:95px; color:#3a1c08; font-size:26px; font-family:Microsoft Yahei; font-weight:bold;}

#SideBar{ margin-left:-960px;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:url(images/footer.jpg) repeat-x bottom; margin-top:10px; padding:20px 20px 10px 20px;/*margin-top:2px; */ color:#351003; line-height:22px; text-align:center}
#Footer a{ color:#351003; text-decoration:none;}
.footer_links a:hover{ text-decoration:underline;}
.footer_stat{}
.footer_stat img{ margin-right:2px;}
.footer_authentication, .footer_stat, .footer_records{ display:inline; padding:0 6px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .com_title, #Main .com_title_in, #Main .com_title_inner { background:url(images/main-tittle-bg.jpg) repeat-x -43px; height:43px; }
#Main .com_title_in{ padding-left:125px; background-position:left 0px; background-repeat:no-repeat;}
#Main .com_title_inner{ padding-right:100px; background-position:right -86px; background-repeat:no-repeat;}
#Main .com_title h2{ position:absolute; left:50px; z-index:100; color:#fff0ce; font-weight:bold; font-size:14px; line-height:43px;}
a.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;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*.side .com_title,.side .com_title_in,.side .com_title_inner{ background:url(images/side_tit_bg.gif) repeat-x 0px -34px; height:34px;}*/
.side{}
.side .com_title, .side .com_title_in, .side .com_title_inner{ background:url(images/sidebar-tittle-bg.jpg) repeat-x 0px -41px; height:41px;}
.side .com_title{ background-position:left 0px; background-repeat:no-repeat; padding-left:80px;}
.side .com_title_inner{ background-position:right -82px; background-repeat:no-repeat; padding-right:54px;}
.side .com_title h2{ position:absolute; left:30px; line-height:41px; color:#fff0ce; font-weight:bold;}
.side .content{ background:#efe7c8; margin-bottom:10px;  padding:10px 5px 18px;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}
.content{ padding:10px; background:#e9ddb5; }

.page{ margin:20px 0; text-align:center; clear:both; color:#6e6e6e;}
.page input{ width:17px; height:15px; border:1px solid #631b02; background:#eee2bc; padding:1px;}
.page a{ color:#6e6e6e; text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#008e75;}
.page .disabled{ margin-right:10px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ margin-bottom:20px; padding:10px; color:#351003;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/btn.png) no-repeat; width:76px; height:24px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px 1px 1px 2px; border:1px solid #fff; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px 1px 1px 2px; width:286px; height:136px;  border:1px solid #fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tree{  margin:0px 0 0 20px; padding:10px 10px 20px 10px ;}
.tree li{display:block; line-height:24px;}
.tree li.open{}
.tree li a{ color:#351003; text-decoration:none;}
.tree_parent{ background:url(images/tree-minus.gif) no-repeat 1px 7px;  height:24px; cursor:pointer; padding-left:15px;}
.tree li.open .tree_parent{background: url(images/tree-plus.gif) no-repeat 1px 7px;}
.faq_sidecon .tree_parent{ cursor:default;}
.tree li a:hover{ font-weight:bold;}
.tree .open a{font-weight:bold;}
.tree_sub{}
.tree .tree_sub li{background:url(images/con_list_ico.gif) no-repeat 17px 10px; padding-left:29px;}
.tree .tree_sub li a{ color:#351003; font-weight:normal;}
.tree .tree_sub li a:hover{ font-weight:bold;}
.tree .tree_sub .cur a{color:#351003; font-weight:bold;}



.prdcrumb{ padding:0 7px 10px;}
.prdcrumb strong{ color:#351003; font-weight:bold;}
.prdcrumb a{ color:#6e6e6e; text-decoration:none;}
.prdcrumb a:hover{ text-decoration:underline;}
.product_con1,.product_con2{ padding:10px 0; background:#e9ddb5;}
.prd_cell{ margin-top:5px; overflow:hidden;}
.prd_cell .pic a{ display:inline-block; }
.prd_cell .info{ line-height:18px; padding-top:5px;}
.prd_cell .info p{ line-height:15px; padding-top:5px; color:#351003;}
.product h3 a{ color:#351003; font-weight:bold; text-decoration:none;}


.product_sidecon, .faq_sidecon{ background:#efe7c8;}

/* =10 product detail
--------------------------------------------------------------------*/
.product_con_detail{ padding:15px 10px; background:#e9ddb5;}
.product_con_detail .info{ margin:5px 0 0 10px; line-height:18px;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info table{ font-family:Verdana; border:solid #ffffff; border-width:1px 0 0 1px; line-height:18px;color:#351003;}
.product_con_detail .info th{ background:#f2f2f2; border:solid #ffffff; border-width:0 1px 1px 0; text-align:right; padding:0 10px; }
.product_con_detail .info td{ height:28px; border:solid #ffffff; background:#f8f8f8; border-width:0 1px 1px 0; padding:0 10px; }
.prdname td{ font-size:14px; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#b7461f; font-weight:bold;}

/* =11 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_con{ padding:2px 25px 15px; line-height:22px; background:#e9ddb5;}
.faq_con h3{ background:url(images/side_h2.gif) no-repeat 0 15px; padding:6px 0 0 20px; margin:4px 0 0; line-height:25px; font-weight:bold;}
.faq_con p{ padding-left:20px; color:#000; }