﻿@charset "utf-8";
/*
描述: Cavan主题样式表第78套
作者: 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:#ea3911;}

.discUL{list-style-position:outside; list-style:none;}
.discUL li{ height:23px; background: url(images/list-ico.jpg) no-repeat 7px 8px; padding-left:20px;}
.side, .side .content, .com_bullet a{color:#3d3124;}
.com_bullet a:hover{ color:#428708;}
 
/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{color:#000; background:#FFFFFF url(images/body-bg.jpg) repeat-x top; }
#Container{ width:960px; overflow:hidden; background:url(images/cnt-mid.jpg) repeat-y center; }

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; z-index:10; margin:0 auto; background:url(images/header-bg.jpg) no-repeat top right; height:67px; width:960px;}
#multiLanArea{ position:absolute; right:10px; top:6px;}
#multiLanArea .lanLine{ color:#DBCFC1; padding:0 7px;}
#multiLanArea a{ color:#3D3124; text-decoration:underline;}
#multiLanArea a:hover{ color:#428708; text-decoration:none;}
#Logo{line-height:70px; left:0px; top:0px;}
.logoText{font-size:24px; position:absolute; left:70px; top:15px;}
.logoText a{color:#428708; text-decoration:none;font-family:Verdana;}

#Navbar{ background:url(images/navbg.jpg) no-repeat left; width:648px; top:25px; right:50px; height:45px;  padding-left:30px; }
#Navbar,.nav{ }
.nav{ }
.scrollNav{ position:absolute; right:-50px; width:55px; height:45px; background:url(images/scoll-bg.gif) no-repeat left;}
.navleft,.navright{ width:23px; top:10px; height:45px; 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;}
.nav li a{ float:left; width:77px; overflow:hidden; line-height:43px; height:43px; font-size:12px; color:#fff; text-decoration:none; text-align:center;}
.nav li a:hover,.nav .navhover a{ color:#fff; font-weight:bold; }
.nav .liImg{}

.submenu{ position:absolute; top:43px; display:none; z-index:100; height:28px; overflow:hidden;}
.submenu,.submenu div,.submenu div div{ background:url(images/submune-bg.jpg) 0 -28px repeat-x; height:28px; float:left; }
.submenu div{ background-position:right -56px; background-repeat:no-repeat; padding-right:15px;}
.submenu div div{ background-position:0 0; background-repeat:no-repeat; padding-left:15px;  white-space:nowrap;}
.submenu .subline{background:url(images/subnav_icon.gif) no-repeat center; display:inline-block; width:3px; height:28px; *height:12px; }
#Navbar .submenu a{ width:auto; float:none; display:inline-block; padding:0px 5px; height:27px; line-height:27px; *line-height:25px; font-size:12px; color:#5e5e5e; font-weight:normal; font-family:Arial,Helvetica,sans-serif;}
#Navbar .submenu a:hover{ text-decoration:none; color:#e70303;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{width:940px; padding:0px -10px; margin:0 auto;}
#Banner{ width:960px; cursor:pointer; text-align:center; position:relative; margin:0px -10px;}
.bannerText{ position:absolute; right:253px; top:60px; color:#000; font-size:26px; font-family:Microsoft Yahei; font-weight:bold;}

#SideBar{ margin-left:-940px;}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:url(images/footer.jpg) no-repeat bottom; margin:0 auto; padding:95px 20px 25px 20px;/*margin-top:2px; */ color:#0b5100; line-height:22px; text-align:center}
#Footer a{ color:#0b5100; 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{ background:url(images/mainbox-line.jpg) repeat-x bottom; height:34px; }
#Main .com_title h2{ background:url(images/mainbar-tittle-ico.jpg) no-repeat 0px 14px; position:absolute; left:10px; z-index:100; color:#428708; font-weight:bold; font-size:14px; padding:11px 0 0 17px;}
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_in{ background:url(images/sidebar-tittle-bg.jpg) no-repeat; height:35px;}
.side .com_title_inner{}
.side .com_title h2{ padding:0px 0px 0px 30px; line-height:35px; color:#0b5000; font-weight:bold; color:#428708;}
.side .content{ background:url(images/sidebar-btm.jpg) no-repeat bottom; margin-bottom:10px;  padding:10px 5px 18px;}

#Sub, #Extra { width:191px;}
/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}
.content{ padding:10px; }

.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:#6e6e6e;}
.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 #e2e2e2; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px 1px 1px 2px; width:286px; height:136px;  border:1px solid #e2e2e2;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tree{ margin:0px 0 0 20px; padding:10px 10px 20px 10px ;}
.tree li{  line-height:24px; }
.tree .open{ }
.tree li a{ color:#6e6e6e; text-decoration:none;}
.tree_parent{ background:url(images/tree-minus.gif) no-repeat 1px 7px; height:24px; cursor:pointer; padding-left:20px;}
.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_sub li{ padding-left:30px; background:url(images/con_list_ico.gif) no-repeat 20px 10px;}
.open .tree_sub a{color:#000; font-weight:normal;}
.tree_sub .cur a{ color:#000; font-weight:bold;}

.prdcrumb{ padding:0 7px 10px;}
.prdcrumb strong{ color:#448608; font-weight:bold;}
.prdcrumb a{ color:#6e6e6e; text-decoration:none;}
.prdcrumb a:hover{ text-decoration:underline;}
.product_con1,.product_con2{ padding:10px 0;}
.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:#000;}
.product h3 a{ color:#448608; font-weight:bold; text-decoration:none;}


.product_sidecon, .faq_sidecon{ background:url(images/left-sidecon.png) no-repeat bottom;}

/* =10 product detail
--------------------------------------------------------------------*/
.product_con_detail{ padding:15px 10px;}
.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;}
.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:#448608; font-weight:bold;}

/* =11 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_con{ padding:2px 25px 15px; line-height:22px;}
.faq_con h3{ background:url(images/side_h2.jpg) no-repeat 0 15px; padding:6px 0 0 20px; margin:4px 0 0; line-height:25px; color:#000; font-weight:bold;}
.faq_con p{ padding-left:20px;}