﻿.location{ padding:5px 10px; background:#F0E4E4; height:17px; border-bottom:2px solid #f9d67f; font-family:Verdana; color:#6C4144;}
.location .dot{ background:url(/images/dot.gif) no-repeat 50% 0; width:6px; height:13px; padding-right:5px;}
.location2{ padding:5px 10px 5px 0; height:17px; font-family:Verdana; color:#6C4144;}
.location2 .dot{ background:url(/images/dot.gif) no-repeat 50% 0; width:6px; height:13px; padding-right:5px;}

.subCategory{ margin:0 8px; width:97%; padding:5px 10px; font-family:Verdana; color:#6C4144;}
.subCategory ol li{ width:25%; float:left; padding:3px 0 3px 0;}
.subCategory .showCat{ background:url(/images/show_all_cat.png) no-repeat 10px 0; width:98px; height:20px; padding:3px 0 0 30px; *padding:6px 0 0 30px;cursor:pointer;}
.subCategory .hideCat{ background:url(/images/hide_all_cat.png) no-repeat 10px 0; width:98px; height:20px; padding:3px 0 0 30px; *padding:6px 0 0 30px;cursor:pointer;}
.red{ color:Red; font-weight:bold;}
/*-----------------------------------------------------*/
#topSaleCategoryHeader{ background:url(/images/topSaleHeader2.gif) no-repeat; width:192px; height:32px; margin-top:10px;}
#topSaleCategoryHeader h3{ display:none;}
#topSaleList{width:190px; margin-bottom:10px; text-align:center; background:#F0E4E4;}
#topSaleList img{ margin-top:5px; }
#topSaleList p{ margin:2px 0;}
#topSaleList a {color: #372A2F;text-decoration: none;}
#topSaleList a:hover {color:#0066CC;text-decoration: underline;}
#topSaleList .box{ background:#fff; margin: 0 5px 5px 5px; padding:2px; width:173px; /*height:168px;*/}
#topSaleList .box div{ margin-top:2px;}
#topSaleList ol li { list-style-type:none; padding:2px; width:187px; margin-top: 3px; margin-right: 0; margin-bottom: 0; margin-left: 0; }
/*控制商品購買頁右則文字高*/

#commentList li{ padding:10px 5px; overflow:hidden;}
.c1{ background:#fff;padding:5px;}
.c2{ background:#fff;padding:5px;}

.commentItem1 .no, .commentItem2 .no{ width:60px; float:left; color:#ccc; font-family:Georgia; font-size:18px; font-style:italic;}
.username{ color:#008000;}
.username2{ color:#884040;}
.commentItem1 .date{ font-size:12px; color:Gray;}
.commentItem1 .commentContent{ line-height:17px; padding:3px 3px 3px 60px;text-align:left;}
.commentItem1{ background:#F4FAF4;}
.commentItem2{ background:#FDF4FF;}
.commentItem2 .date{ font-size:12px; color:Gray;}
.commentItem2 .commentContent{ line-height:17px; padding:3px 3px 3px 60px; text-align:left;}
.messageList{ margin-bottom:5px; border:1px solid #D8D6D6; border-top:0;}

/*-----------------------------------------------------*/
#productRecommendHeader{ background:url(/images/pro_recommend_title.gif) no-repeat; width:192px; height:27px; margin-top:10px;}
#productRecommendHeader h3{ display:none;}
#productRecommend{ text-align:center; }
#productRecommend li{ padding:5px; }
#productRecommend p{ margin:2px 0;}

/*-----------------------------------------------------*/
.content{float:left; width:720px; margin:10px 0px 0 0;}
#productList ul li{ float:left; width:130px; height:220px; text-align:center; margin-left:11px; display:inline; overflow:hidden;}
#productList .proimg{ height:134px;}
#productList .proname{ height:40px; line-height:20px; overflow:hidden;}
#productList .proprice{ padding:3px 0;}
.keywords{ color:#7C7B7A; margin-top:40px;}

/*-----------------------------------------------------*/
#productDetail{ width:700px; float:left; /*margin-right:40px;*/ overflow:hidden; }
#productDetail #info h1{background:url(/images/dot2.gif) no-repeat 0 50%; padding-left:12px;}
#productDetail .bigImage{ width:333px; text-align:center;}
#productDetail .bigImage img{ border:1px solid #D7D7D7; margin:5px; padding:5px;}
#productDetail .explain{ padding-left:12px; line-height:20px}
#productDetail .specailSaleText{ color:#FF0000; font-size:15px; line-height:20px; padding-left:12px; margin:10px 0; height:18px;}
#productDetail .explainLine{ border-bottom:1px solid #D9CBBE; height:15px; margin:10px 0;}
#productDetail .space{ height:10px;}
#productDetail #info span{ margin-right:13px;}
#productDetail #info p{ padding-left:12px; }
#productDetail .feeRemark{ margin-right:0;}

#productDetail .buyLine{ height:55px; padding:20px 0 0 12px;}
.buyLine .buyLineQuantity{ float:left; width:120px; padding-top:10px;}
#productDetail .forbidSale{ float:left; background:url(/Images/shopping/btnForbidSale.gif) no-repeat 0 7px; width:100px; height:22px; padding:10px 0 0 115px;}
.buyLine .buy{ float:left; width:120px; padding-left:30px;}

#productDetail #desc{ margin:20px 0;}
#productDetail #desc h3{ width:700px; height:31px; background:url(/images/pro_desc_title.gif) no-repeat 0; margin:0 0 15px 0;}
#productDetail #desc h3 span{ display:none;}
#productDetail #desc .imageList{ text-align:center; margin:5px 0;}
#productDetail #desc .imageList img{ border:0; margin:5px 0;}

#productDetail .bottomKeys{ border-top:1px dotted #D5CECC; color:#606060; line-height:18px; padding:5px; margin-top:10px;}

#buyLine2{ text-align:right; padding-right:10px;}
#buyLine2 span{ margin:10px;}
.sameCategoryProduct{ float:left; }
.sameCategoryProduct ul{ padding:0 5px 0 10px;}
.sameCategoryProduct ul li{ float:left; width:20%;}

#comment h4{ background:#F0F0F0; color:#836868; font-size:14px; text-align:center; padding:3px;}
#comment form{ text-align:center; padding:3px;}

.sidebar{ width:210px; float:right; overflow:hidden; }
.sidebar .onlineHelp{ padding-left:24px; margin-bottom:20px; overflow:hidden;}
.sidebar .onlineHelp p{ margin:10px 0;}

.specailbg{background:url(/images/specail_bg.gif) no-repeat; width:191px; height:103px; margin-top:10px;}
.weeknewbg{background:url(/images/weeknew_bg.gif) no-repeat; width:191px; height:103px; margin-top:10px;}
.recommendbg{background:url(/images/recommend_bg.gif) no-repeat; width:191px; height:103px; margin-top:10px;}
.categorybg{ width:210px; height:103px; margin-top:10px; background-color: #F9F5B6; background-image: url(/images/category_bg.gif); background-repeat: no-repeat; background-position: right; }

/*----------------------------------------------------------------------*/
.tblist{ line-height:18px;}
.tblist td{ padding:3px;}
.tblist span{ margin-right:10px;}

.tbProductSpecial p{ margin:3px 0;}
.tbProductSpecial .t1{ width:26%;}
.tbProductSpecial .t2{ vertical-align:top;}


/* 新加 */
.top_ad { width:933px; height:183px; float:left; margin-top:5px;}
.ad_left { width:469px; height:183px; float:left; }
.ad_right { width:458px; height:183px; float:right }
.ad_right_top,.ad_right_bottom { width:458px; height:86px; float:left;}
.ad_right_bottom { margin-top:11px;}
.top_ad .specialSaleAD{ margin: 0px; padding: 0px; }

.products_title_box { width:713px; float:left; margin-bottom:10px;}
.products_title { width:676px; height:25px; float:left; background: url(/images/products_list_title.gif) no-repeat; line-height:25px; padding-left:37px; display:inline; font-size:15px; font-weight:900; color:#b65427;}
.products_list_body { width:713px; float:left; background:#CCEECC;}
.products_list_body a { color:#1A4D02;}
.products_list_body a:hover { color:#1A4D02;}
.products_list_body a.red { color:red; font-weight:bold; font-size:13px;}
.products_border_bottom { width:713px; height:13px; float:left;}
.products_border_left { width:702px; height:13px; float:left; background:#CCEECC; overflow:hidden;}
.products_border_right { width:11px; height:13px; float:left; background:url(/images/products_title_bottom.gif) no-repeat; overflow:hidden;}



/*---------------------------------------------- category */
#categoryBox { background:none repeat scroll 0 0 #F9F5B6;padding:2px;width:205px;overflow: hidden;}
#categoryBox h1{font-size:14px; font-weight:bold; color:#652F2F; padding:5px 0 0 27px; margin:0 0 8px 0;}
#categoryBox h3{ font-size:14px; font-weight:bold; color:#396D35; padding:3px 0 0 25px; margin:0 0 8px 0;background:url(/Images/category_dot.gif) no-repeat 10px 8px;}
#categoryBox h3 a{color:#396D35;}
#categoryBox h4 { font-size:12px; font-weight:normal; color:#1A1A1A; margin:5px 0;background:url(/Images/category_dot2.gif) no-repeat 0 4px; padding-left:15px;}

.item { padding:1px; /*width:188px; */overflow: hidden; border: 2px solid #F9F5B6; }
.item h1{font-size:14px; font-weight:bold; color:#652F2F; padding:5px 0 0 27px; margin:0 0 8px 0;}
.item h3{ font-size:14px; font-weight:bold; color:#396D35; padding:3px 0 0 25px; margin:0 0 8px 0;background:url(/Images/category_dot.gif) no-repeat 10px 8px;}
.item h3 a{color:#396D35;}
.item h4 { font-size:12px; font-weight:normal; color:#1A1A1A; margin:5px 0;background:url(/Images/category_dot2.gif) no-repeat 0 4px; padding-left:15px;}


#category, #categoryList{ background-color:#FFF}
#category ul, #categoryList ul{ padding-left:10px;list-style-type:none;}
#category ul li, #categoryList ul li{ background:url(/Images/category_dot2.gif) no-repeat 0 50%; padding-left:15px; height: 25px; padding-right: 5px; line-height: 24px; overflow: hidden; }
*html #category ul li ,#categoryList ul li{background:url(/Images/category_dot2.gif) no-repeat 0 50%; height: 24px; padding-right: 0px; line-height: 25px;overflow: hidden;}
*+html #category ul li ,#categoryList ul li{background:url(/Images/category_dot2.gif) no-repeat 0 50%; padding-left:15px; height: 25px; padding-right: 5px;line-height: 25px;overflow: hidden; }

#level2 li{ height:20px;display: none; }

#category .fr ,#categoryList .fr{ float: right; }
#category .fl ,#categoryList .fl{ float: left; }

#category .box ,#categoryList .box{ /*border-bottom:2px solid #1CBF26;*/ padding:5px 0;}
#category .box .bg1 ,#categoryList .box .bg1{ background-image: url(/Images/fl_nav_1.gif); background-repeat: no-repeat; height: 34px; width:182px; background-position: -8px; }
#category .box .bg2 ,#categoryList .box .bg2{ background-image: url(/Images/fl_nav_2.gif); background-repeat: no-repeat; height: 34px; width:190px;background-position: -8px;  }
#category .box .bg3 ,#categoryList .box .bg3{ background-image: url(/Images/fl_nav_3.gif); background-repeat: no-repeat; height: 34px; width:185px;background-position: -8px; }
#category .box .bg4 ,#categoryList .box .bg4{ background-image: url(/Images/fl_nav_4.gif); background-repeat: no-repeat; height: 34px; width:190px; background-position: -8px; }
#category .box .bg5 ,#categoryList .box .bg5{ background-image: url(/Images/fl_nav_5.gif); background-repeat: no-repeat; height: 34px; width:180px; background-position: -8px; }
#category ul.jd_menu_vertical ,#categoryList ul.jd_menu_vertical {height:auto;width:195px;}
ul.jd_menu_vertical {height:auto;width:195px;}

