﻿@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- faq
*/

/* =0 common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a{ color:#707070; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{background:url(images/body-bg.jpg) repeat-x top; padding:0px;}
#Container{width:920px; background:#ffffff;}


/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative;margin:0 auto; height:74px; background:url(images/header-bg.jpg) repeat-x top; z-index:10;}
#multiLanArea{ position:absolute; right:15px; top:12px;}
#multiLanArea .lanLine{ color:#686355; padding:0 7px;}
#multiLanArea a{ color:#928E83; text-decoration:underline;}
#multiLanArea a:hover{ color:#E5A205; text-decoration:none;}
#Logo{top:0px; left:10px; width:150px;}
.logoText{font-size:24px; position:absolute; left:62px; top:20px;}
.logoText a{color:#fff; line-height:41px; font-family:Verdana;}
.logoText a:hover{ text-decoration:none;}

#Navbar{top:42px; right:0; width:670px;}
.scrollNav{ position:absolute; right:10px; top:0; width:28px;}
.navleft,.navright{ width:14px; height:34px; cursor:pointer;}
.navleft{float:left; background:url(images/navLeft.gif) no-repeat center;}
.navright{ float:right; background:url(images/navRight.gif) no-repeat center;}

.nav{}
.nav_in{ }
.nav li{float:left; line-height:32px; height:32px; background:none;}
.nav li a{width:75px;font-weight:bold; text-align:center; color:#a9976d; display:block;}
.nav li a:hover,.nav .navhover a{color:#fff; text-decoration:none;  background:url(images/nav_li_hover_bg.gif) no-repeat;}
.nav .liImg{width:2px;background:url(images/nav_line.gif) no-repeat center;}

.submenu{ position:absolute; top:32px; z-index:100; display:none; line-height:25px; white-space:nowrap;}
.submenu .subline{ display:none;}
#Navbar .submenu a{ display:inline-block; color:#fff; font-weight:normal; background:none;}
#Navbar .submenu a:hover{color:#fff; background:none; font-weight:bold;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{width:920px;margin:0 auto;}
#Banner{position:relative;margin-bottom:8px;}
.bannerText{position:absolute; left:50px; top:60px; color:#fff000; font-weight:bold; font-size:25px; }

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{background:#f3f3f3;  margin-top:20px; padding:12px; color:#888888;text-align:center; line-height:25px;}
#Footer a{ color:#333333;}
#Footer img{ border:#f3f3f3 1px solid;}
.footer_authentication, .footer_stat, .footer_records{ display:inline; padding:0 6px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title{ clear:both; background:url(images/box-top-ico.gif) no-repeat 0px 8px; padding-left:15px; border-bottom:2px solid #d8d8d8;  height:27px;line-height:27px; color:#555555; margin-bottom:10px;}
.com_title h2{font-weight:bold; padding-left:2px; }
a.more{ display:none;}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title{ margin:0;}
.side .content{ color:#707070;}
.discUL{list-style-position:outside; list-style:none;}
.discUL li{  list-style-type:none; background:url(images/list-ico.jpg) no-repeat 0px 7px; padding-left:10px;}
.com_bullet li{}
.com_bullet li a{color:#707070; text-decoration:none; font-weight:normal;}
.com_bullet li a:hover{ color:#f6260b; text-decoration:underline;}

#SideBar { float:left; margin-left:-920px;}
.Sub_special{ width:193px;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{ margin-bottom:10px; padding:10px;}
.content img{ vertical-align:middle;}
.content a{ font-weight:bold;}
.content h3{font-size:12px; font-weight:bold;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ margin-bottom:20px;}
.feedback_con{ padding:0 10px;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/messageboard_btn_bg.gif) no-repeat; width:76px; height:24px; font-size:12px; color:#fff; border:none; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #d8d8d8; background:#fff; width:132px; height:15px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #d8d8d8; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{}
.tree{ margin:16px 10px 0 15px; line-height:27px;}
.tree li{ border-bottom:1px solid #e5e5e5; zoom:1;}
.tree li.open{}
.tree_parent{ background:url(images/tree-plus.gif) no-repeat 6px 9px; height:27px; cursor:pointer; padding-left:20px; }/*伸缩-改动*/
.open .tree_parent{ background:url(images/tree-minus.gif) no-repeat 6px 9px;}/*伸缩-改动*/
.faq_sidecon .tree_parent{ cursor:default;}/*伸缩-改动*/
.tree .tree_parent a{ }/*伸缩-改动*/
.tree li a{ color:#333;  }
.tree li a:hover{ color:#f6260b; font-weight:bold;}
.tree .open a{ color:#333; font-weight:bold; }
.tree_sub{ padding-bottom:5px;}
.tree_sub li{ padding-left:30px; background:url(images/sidelist_icon.gif) no-repeat 20px 10px;}/*伸缩-改动*/
.faq_sidecon .tree_parent{ padding-left:20px; background:url(images/treeico_parent.gif) no-repeat 6px 10px;}/*伸缩-改动*/
.faq_sidecon .tree_parent a{ position:static;}/*伸缩-改动*/
.tree .tree_sub li{ padding-left:20px; line-height:24px; border:none;}
.tree .tree_sub li a{ color:#888888; font-weight:normal; background:url(images/list-ico.jpg) no-repeat 9px 10px; display:inline-block; padding-left:19px; }
.tree .tree_sub li a:hover{ color:#f6260b;}
.tree .tree_sub .cur a{ color:#F6260B;}
.product h3 a{ font-size:14px; font-weight:bold; color:#000;}
.prdcrumb{ font-family:Simsun; margin:20px 10px; padding-left:12px; background:url(images/treeico_parent.gif) no-repeat left center;}
.prdcrumb a{ color:#000;}
.prdcrumb strong{ font-weight:bold; color:#000;}
.product_con_detail{ padding:0 10px;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info{ margin-left:10px;}
.product_con_detail .info table{ font-family:Verdana; line-height:18px;}
.product_con_detail .info th{ text-align:right; padding:0 10px;}
.product_con_detail .info td{ height:28px; padding:0px;}
.prdname td{ font-size:14px; color:#333; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#f60; font-weight:bold;}

.page{ background:#f7f7f7; margin:20px 10px; clear:both; text-align:center; padding:5px 0;}
.page a{ color:#555; text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#f60;}
.page .disabled{ color:#6d6d6d; margin-right:10px;}
.page select{ color:#f60;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{}
.faq_con h3{ margin:35px 10px 0; padding-left:20px; background:url(images/faqico.gif) no-repeat left center; font-size:14px; color:#a64a00; line-height:25px;}
.faq_con p{ margin:0 10px 0 30px; line-height:25px;}