﻿@charset "utf-8";
/*
描述: Cavan主题样式表第106套
作者: 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:#77014b; text-decoration:none;}
a:hover{ color:#b9420b; text-decoration:underline;}


.discUL{list-style-position:outside; list-style:none;}
.discUL li{ color:#77014b; height:21px;  background:url(images/list-ico.gif) no-repeat 10px 7px; padding-left:20px;}
.discUL li a{color:#77014b; display:block; height:21px;}
.side, .side .content, .com_bullet a{ color:#77014b; }
.com_bullet a:hover{ color:#b9420b;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{color:#77014b; background:url(images/body_bg.jpg) repeat-x top #a0056e;}
#Container{ width:990px;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ position:relative; z-index:10; margin:0 auto; width:990px; height:109px; background:url(images/header_bg.jpg) no-repeat right top;}
#multiLanArea{ position:absolute; right:15px; top:17px;}
#multiLanArea .lanLine{ color:#ffeffa; padding:0 7px;}
#multiLanArea a{ color:#ffeffa; text-decoration:underline;}
#multiLanArea a:hover{ color:#C595E0; text-decoration:none;}	
#Logo{ top:0px;}
.logoText { position:absolute; left:75px; font-size:24px; line-height:80px;}
.logoText a{color:#ffeffa;text-decoration:none;font-family:Arial;}

#Navbar{ top:70px; right:130px; width:850px; height:39px; background:url(images/nav_bg.jpg); }
.scrollNav{ position:absolute; background:url(images/scoll.jpg) no-repeat; right:-130px; top:0px; width:139px; height:39px;}
.navleft,.navright{ height:36px; cursor:pointer;}
.navleft{float:left; background:url(images/nav_left.gif) no-repeat right; width:35px; }
.navright{ float:right; background:url(images/nav_right.gif) no-repeat left; width:100px; }

.nav{ padding-left:60px; }
.nav li{ float:left; line-height:39px; height:39px;}
.nav li a{ text-align:center; display:block; width:89px; color:#ffd4ef; text-decoration:none;}
.nav .navhover{ background:url(images/nav_cur.jpg) no-repeat center;}
.nav li a:hover,.nav .navhover a{ color:#fff; font-weight:bold;}
.nav .liImg{ width:2px; height:39px; overflow:hidden; margin:0px 5px 0px 3px; background:url(images/space_line.gif) no-repeat center;}
.submenu{ position:absolute;  display:none; top:39px; z-index:5; height:29px; overflow:hidden; }
.submenu, .submenu div, .submenu div div{ background:url(images/submenu_bg.gif) repeat-x 0px -28px; height:28px; line-height:28px; white-space:nowrap;}
.submenu div{ padding-left:15px; background-position:left 0px; background-repeat:no-repeat;}
.submenu div div{ padding-right:15px; background-position:right -56px; background-repeat:no-repeat;}

.submenu .subline{ display:none; width:0; overflow:hidden;}
#Navbar .submenu a{ float:none; display:inline-block; width:auto; padding:0px 10px; line-height:25px; color:#e4dce8; font-weight:normal;}
#Navbar .navhover .submenu a:hover{ font-weight:normal; color:#ff6bd0;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body { padding:0 15px;}
#Banner{position:relative;  margin-left:-15px; margin-right:-15px; }
.bannerText{position:absolute; left:100px; top:158px; color:#ffdffb; font-size:24px; font-family:"微软雅黑"; font-weight:bold;}

#Wrapper{ background:#fff; min-height:350px;}
#SideBar{ margin-left:-955px; padding-top:8px; width:950px;}
#SideBar .Sub_special{ width:250px;}
#Sub .side{ width:250px;}
 
#Main .main_row_span1, #Main .product, #Main .faq{ background:url(images/main_row_span1_bg.jpg) repeat-x top; padding:8px 5px 0px 5px; }

#Main .product, #Main .faq{ margin-left:60px;}



/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{position:relative; margin:0px auto; width:960px; background:url(images/footer.jpg) no-repeat; color:#f3d3ff; padding:75px 0px 21px 0px; line-height:20px; text-align:center;}
#Footer a{ color:#f3d3ff;}
.footer_authentication,.footer_stat,.footer_records{ display:inline; margin-right:15px;}
.footer_stat img{ border-right:1px solid #7e2c92;}
/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title,.com_title_in, .com_title_inner{ background:url(images/main_title_bg.png) repeat-x 0px -38px; height:38px;}
.com_title{ padding-left:370px; background-position:left 0px; background-repeat:no-repeat;}
.com_title_in{ padding-right:120px; background-position:right -76px; background-repeat:no-repeat;}
.com_title h2{ position:absolute; left:50px; color:#670101; line-height:38px; font-weight:bold;}
a.more{display:none;}


/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_bullet{ background:#fff;}
.side .com_title,.side .com_title_in,.side .com_title_inner{ height:39px; background:url(images/side_tittle_bg.png) no-repeat;}
.side .com_title{ padding-left:90px; background-position:left 0px; background-repeat:no-repeat; }
.side .com_title_in{ padding-right:90px; background-position:right -78px;}
.side .com_title_inner{ background-position:0 -39px; background-repeat:repeat-x;}
.side .com_title h2{  position:absolute; left:33px;  font-weight:bold; color:#ffe6f6; line-height:34px;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{ padding:10px; background:none; color:#55013a;}
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold;}

.page{ margin:20px 0; clear:both; padding:10px 0; text-align:center;}
.page input{ width:17px; height:15px; border:1px solid #984c63; padding:1px; color:#e04170;}
.page a{ text-decoration:underline; margin-right:10px;}
.page a:hover{ font-weight:normal;}
.page .disabled{ margin-right:10px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{}
.feedback_con table td { height:20px; padding:3px 0; vertical-align:top;}
.feedback_con .btn{ background:url(images/btn.png) no-repeat center; width:78px; height:26px; font-size:12px; color:#fff; border:0; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #fceaf8; background:#fef7fd; width:132px; height:16px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #fceaf8; background:#fef7fd;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tree{ line-height:27px;}
.tree li{ zoom:1;}
.tree li.open{}
.tree_parent{  background:url(images/prd_subico.gif) no-repeat 7px 9px; *background-position:7px 7px; height:27px; cursor:pointer; padding-left:22px; }/*伸缩-改动*/
.faq_sidecon .tree_parent{ cursor:default;}/*伸缩-改动*/

.tree li a{ text-decoration:none; color:#55013a;}
.tree li a:hover{ text-decoration:underline;}
.tree .open a{ font-weight:bold;}
.tree_sub{}
.tree .tree_sub li{ padding-left:17px; border:0;}
.tree .tree_sub li a{color:#77014b; font-weight:normal; background:url(images/prd_subico.gif) no-repeat 16px -16px; display:inline-block; padding-left:27px;}
.tree .tree_sub .cur a{ font-weight:bold;}
.product, .product_sidecon, .faq, .faq_sidecon { background:#fff; padding-bottom:10px;}
.product_sidecon, .faq_sidecon{ padding:10px 10px;}
#Main .product h3 a{ font-size:12px; font-weight:bold;}
.prdcrumb{ padding:6px; padding-left:27px; background:url(images/prd_subico.gif) no-repeat 11px 8px; font-family:Simsun; margin:10px 0;}
.prdcrumb strong{ font-weight:bold;}

.product_con_detail{}
.product_con_detail .pic{ margin:0 0 10px 30px;}
.product_con_detail .info{ margin:0 0 0 30px;}
.product_con_detail .info table{ font-family:Verdana; border:solid #fceaf8; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ background:#fceaf8; border:solid #fceaf8; border-width:0 1px 1px 0; text-align:right; padding:0; padding-left:5px;}
.product_con_detail .info td{ background:#fffcfe; height:28px; border:solid #fceaf8; border-width:0 1px 1px 0; padding:0 5px;}
.prdname td{ font-weight:bold; font-size:14px;}
.prdpromotion td{ color:#f3561e; font-weight:bold; font-size:14px;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon .tree{}
.faq_con{ padding:16px 0 0 30px; line-height:20px;}
.faq_con h3{font-weight:bold; background:url(images/prd_subico.gif) no-repeat 0 6px; padding-left:17px;}
.faq_con p{ padding-left:17px; margin-bottom:12px;}