﻿/* home.css */
#sidebar{ float:left; width:233px; margin:5px 15px 0 0;}

#sidebar #indexLoginBox{ width:233px; height:175px; background:url(/Images/login_bg.gif) no-repeat; }
#indexLoginBox img{ margin-right:5px;}
#indexLoginBox input.text{ border:1px solid #C0ACA5; width:110px; font-family:Verdana; font-size:11px; color:#0066CC;}

#sidebar #indexMemberInfo{ width:233px; height:175px; background:url(/Images/memberinfo_bg.gif) no-repeat; }
#indexMemberInfo table{text-align:center;}
#indexMemberInfo h3 { margin-top:30px;}
#indexMemberInfo td{ height:30px;}
#indexMemberInfo .t1{ width:60%;text-align:center;}
#indexMemberInfo .t2{ width:40%;text-align:left;}
#indexMemberInfo .pl{ padding-left:10px;}
#indexMemberInfo .h{ height:45px;}

#indexMemberInfo img{ margin-right:15px;}
.memberName{ font-size:14px; font-weight:bold; color:#903333; padding-left:10px;}

/*---------------------------------------------- category */
#sidebar #categoryBoxBG{ background:#763737; height:1680px; margin:5px 0 0 0; padding:5px;}/*height:1560px;*/
#sidebar .categoryHeader{ height:29px; background:url(/Images/category_title.gif) no-repeat;}
#categoryBox{ background:#fff; height:1650px;}/*1530px;*/
#categoryBox h1,
#categoryBox h3{ background:url(/Images/category_name_bg.gif) repeat-x; font-size:14px; font-weight:bold; color:#652F2F; padding:5px 0 0 15px; margin:0;}
#categoryBox h1 span,
#categoryBox h3 span{ background:url(/Images/category_dot.gif) no-repeat 0 4px; padding-left:13px;}
#categoryBox h4 { font-size:13px; font-weight:normal; color:#1A1A1A; margin:8px 0;}
#categoryBox ul{ padding-left:28px;}
#categoryBox .mulv{ margin-bottom:3px;}
#categoryBox .mulv li{ padding:5px 0;}
/*---------------------------------------------- topSale */
#categoryBox .topSale{ padding:5px;}
#categoryBox .topSale h3{ background:url(/Images/topsale_title.gif) no-repeat; font-size:14px; color:White; margin:0; padding:8px 0 0 0; height:40px; text-align:center;}
#categoryBox .topSale li{ padding:0 0 0 25px; height:30px;}
#categoryBox .topSale ul{ padding-left:12px;}
#categoryBox .li1{ background:url(/Images/icon_no.gif) no-repeat 0 0;}
#categoryBox .li2{ background:url(/Images/icon_no.gif) no-repeat 0 -50px;}
#categoryBox .li3{ background:url(/Images/icon_no.gif) no-repeat 0 -100px;}
#categoryBox .li4{ background:url(/Images/icon_no.gif) no-repeat 0 -150px;}
#categoryBox .li5{ background:url(/Images/icon_no.gif) no-repeat 0 -200px;}
#categoryBox .li6{ background:url(/Images/icon_no.gif) no-repeat 0 -250px;}
#categoryBox .li7{ background:url(/Images/icon_no.gif) no-repeat 0 -300px;}
#categoryBox .li8{ background:url(/Images/icon_no.gif) no-repeat 0 -350px;}
/*--------------------------------------------- productNewLink */
#categoryBox #productNewLink{background:url(/Images/news_bg.jpg) no-repeat 1px 0; height:85px;}
#news ul{ margin:0; padding:0 0 0 10px;}
#news li{ list-style-type:none; background:url(/Images/li.gif) no-repeat 0 3px; height:30px; padding:0 3px 0 10px;}

#categoryBox #productSpecialLink{background:url(/Images/AD_special.gif) no-repeat 1px 0; height:85px;}
#categoryBox #productRecommendLink{background:url(/Images/AD_recommend.gif) no-repeat 1px 0; height:85px;}
#categoryBox .hideTextShowLink{ margin:5px 0;}
#categoryBox .hideTextShowLink span{ display:block;text-indent:-9999px; }
#categoryBox .hideTextShowLink a{ height:100%; width:100%; display:block; overflow:hidden;}

#content{ float:left; width:685px; margin-top:5px;}
/*-------------------------------------------------------------------------------------AD and Help */
#adAndHelp{ height:141px; width:686px;}
#adAndHelp .adBig{ float:left; height:141px; width:576px; background:url(/Images/ad_bg.jpg) no-repeat 0 0; margin-right:9px; overflow:hidden;}
#adAndHelp .adBig dt{ text-align:center; font-size:16px; padding:15px 2px 0 120px; font-family:PMingLiU; font-weight:bold;color:#D13905;}
#adAndHelp .adBig dd{ padding:12px 20px 10px 110px;font-size:13px; line-height:20px; font-family:PMingLiU; }

#adAndHelp .onlineHelp{ float:left; height:141px; width:100px;background:url(/Images/online_help1.gif) no-repeat 0 0;}
#adAndHelp .onlineHelp span{ display:block; text-indent:-9999px;}
#adAndHelp .onlineHelp a{ height:100%; width:100%; display:block; overflow:hidden;}
/*-------------------------------------------------------------------------------------AD and News */
#adAndNews{ height:224px; width:100%; margin:8px 0;}
#adAndNews #adSlider{ float:left; background:url(/Images/ADSlider_bg.gif) no-repeat 0; width:317px;height:224px; margin-right:9px;}
#adSlider .adPics{ padding:10px;}
#adSlider #adRemark{ padding-left:15px;}

#scroolNews { float:left; width:357px; height:224px; background:#FFFBFA; border:1px solid #E4E4E4; overflow:hidden;}
#scroolNews ul{ padding-left:15px; margin:0 5px; }
#scroolNews li{ list-style-image:url(/Images/list_type.gif); padding:8px 2px;}

/*----------------------------------------------------------------------------------- Product List */

#content .proList{ background:url(/Images/newproduct_bg.gif) no-repeat 624px 0; width:685px; height:408px;}
#content .proList li{ width:148px; height:201px; margin:2px 4px; float:left; background:url(/Images/product_img_bg.gif) no-repeat;}
#content .proList li .productSmallPic{ width:128px; height:128px; text-align:center; margin:6px 5px 5px 10px}
#content .proList li p{ margin:3px 0; text-align:center;}

#content .productListTitle{ margin-top:5px; padding:0 6px;}
#content .productListTitle li{ margin:2px 4px; height:20px;}
#content .productListTitle li a{ margin-right:20px;}
#content .productListTitle div{ float:left;}
#content .productListTitle .t{ margin:2px 4px; font-weight:bold;}

#companyNews{ margin-top:5px;width:610px; height:27px; overflow:hidden;}
#companyNews a{ margin-right:5px;}
/* news Scroll*/
.tickercontainer { background: #fff; width: 610px; height: 27px; margin: 0; padding: 0;overflow: hidden;}
.tickercontainer .mask {position: relative;left: 10px;top: 8px;width: 610px;overflow: hidden;}
ul.newsticker { position: relative; left:622px;list-style-type: none;margin: 0;padding: 0;}
ul.newsticker li{ float:left; background:#fff; padding:0; margin:0; display:list-item;}
ul.newsticker a { white-space: nowrap;padding: 0;margin: 0 50px 0 0;} 
ul.newsticker span { margin: 0 10px 0 0;} 

#ProductList3_Panel2,
#ProductList4_Panel2,
#ProductList5_Panel2{ width:530px; height:22px; overflow:hidden;}

#contentBottom .proList{ margin-bottom:10px;}
#contentBottom .proList li{ width:148px; height:201px; margin:2px 3px; float:left; background:url(/Images/product_img_bg.gif) no-repeat;}
#contentBottom .proList li .productSmallPic{ width:128px; height:128px; text-align:center; margin:6px 5px 5px 10px}
#contentBottom .proList li p{ margin:3px 0; text-align:center;}

/*----------------------------------------------------------------------------------- */
.scrollNewsBtn {position:absolute;right:0;bottom: -25px;}
.scrollNewsBtn a,
.scrollNewsBtn a { float:left; padding:0 5px; margin:0 2px 0 0; line-height:1.4; font-size:11px; font-weight:bold; font-family:Verdana,Arial; text-decoration:none;color:#5D5D5D;background:#fff;border:solid #9E9E9E 1px;}
.scrollNewsBtn a.lh,
.scrollNewsBtn a:hover {background:#C7C7C7;border:solid #9E9E9E 1px;color: #5D5D5D;}

div.jd_news_scroll {position: relative;overflow: hidden;}
div.jd_news_scroll ul {position: relative;list-style-type: none;padding: 0px;margin: 0px;}
div.jd_news_scroll ul li {height: 15px;padding: 0px;padding: 2px;padding-top: 3px;padding-left: 10px;margin: 0px;text-align:left;}

/*----------------------------------------------------------------------------------- */
.navindex ul li.on { background:#FFFFFF none repeat scroll 0 0; border-bottom-color:#FFFFFF;}
.newsmore{text-align:right; padding-right:3px;margin:3px 0;}
.new_body productList li proimg{ height:88px; overflow:hidden;}
.proname { height:35px; overflow:hidden; line-height:15px;}
#productList ul li { height:149px;} 