﻿.location{ padding:5px 10px; background:#F6F6F6; height:17px; border-bottom:1px solid #DEDEDE; font-family:Verdana; color:#6C4144; text-align:left;}
.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;text-align:left;border-bottom:1px solid #DEDEDE;}
.location2 .dot{ background:url(/images/dot.gif) no-repeat 50% 0; width:6px; height:13px; padding-right:5px;}

/*-----------------------------------------------------*/
#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:#fff;}
#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; height:176px; margin: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:730px; margin:10px 10px 0 0; overflow:hidden;}
#productList ul li{ float:left; width:154px; height:220px; text-align:center;}
#productList .proimg{ height:134px;}
#productList .proname{ padding:3px 0;}
#productList .proprice{ padding:3px 0;}
.keywords{ color:#7C7B7A; margin-top:40px; text-align:left;}

/*-----------------------------------------------------*/
#productDetail{ width:700px; float:left; margin:0 35px 0 5px; overflow:hidden; text-align:left; }
#productDetail #info h1{background:url(/images/dot1.gif) no-repeat 0 50%; padding-left:15px;}
#productDetail .bigImage{ width:333px; height:252px; text-align:center;}
#productDetail .bigImage img{ border:1px solid #D7D7D7; margin:5px;}
#productDetail .explain{ padding-left:12px; line-height:20px}
#productDetail .specailSaleText{ color:#D15720; padding-left:12px; margin:10px 0; height:18px;}
#productDetail .explainLine{ border-bottom:1px solid #D9CBBE; height:1px; margin:10px 0;}
#productDetail .space{ height:10px;}
#productDetail #info span{ margin-right:13px;}
#productDetail #info p{ padding-left:12px; }

#productDetail .bottomKeys{ border-top:1px dotted #D5CECC; color:#606060; line-height:18px; padding:5px; margin-top:10px;}

#productDetail .buyLine{ height:38px; padding:5px 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; text-align:left; font-weight:normal; font-size:12px; padding:6px 0 0 25px;}

#productDetail #desc .imageList{ text-align:center; margin:5px 0;}
#productDetail #desc .imageList img{ border:0; margin:5px 0;}

#buyLine2{ text-align:right; padding-right:10px;}
#buyLine2 span{ margin:10px;}

#sameCategoryProduct{ height:250px;}
#sameCategoryProduct h3{ width:700px; height:31px; background:url(/images/pro_desc_title.gif) no-repeat 0; margin:0 0 15px 0; text-align:left; font-weight:normal; font-size:12px; padding:6px 0 0 25px;}

#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:193px; float:left; overflow:hidden; }
.sidebar .onlineHelp{ padding-left:24px; margin-bottom:20px; overflow:hidden;}
.sidebar .onlineHelp p{ margin:10px 0;}

/*-----------------------------------------------------*/
#commentBestHeader{ background:url(/images/comment_best_title.gif) no-repeat; width:192px; height:27px; margin-top:10px;}
#commentBestHeader h3{ display:none;}

#commentBestList{width:190px; margin-bottom:10px; text-align:left; padding:3px; overflow:hidden; }
#commentBestList h4{ color:#774141; margin:2px 0; font-size:12px; }
#commentBestList p{ margin:2px 0;}
#commentBestList a {color: #372A2F;text-decoration: none;}
#commentBestList a:hover {color:#0066CC;text-decoration: underline;}
#commentBestList .box{ background:#fff; margin:0; padding:2px; width:100%;}
#commentBestList ol li { list-style-type:none; padding:5px 2px; width:100%; margin:0;}
/*******************/
.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;}

/*-----------------------------------------------------*/
#categoryList{background:#ccc; width:180px; padding:7px;}
#categoryList h3{ font-size:13px; color:#77413F; text-align:left; padding:3px 0 3px 0; margin:5px 0 0 0;}
#categoryList h3 span{ background:url(/Images/category_dot.gif) no-repeat 0 4px; padding-left:13px;}
#categoryList h4{ font-size:13px; color:#77413F; text-align:left; padding:3px 10px 3px 0; margin:0; font-weight:normal;}
#categoryList .item{ background:#fff; padding:0 10px; width:160px; overflow:hidden;}
#categoryList ul{ padding-left:15px;}

.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{background:url(/images/category_bg.gif) no-repeat; width:193px; height:75px; margin-top:10px;}

/*----------------------------------------------------------------------*/
.tblist{ line-height:18px;}
.tblist td{ padding:3px;text-align:left;}
.tblist span{ margin-right:10px;}

.tbProductSpecial{ margin:0 5px 0 10px;}
.tbProductSpecial p{ margin:3px 0;}
.tbProductSpecial .t1{ width:26%;}
.tbProductSpecial .t2{ vertical-align:top;}
/*----------------------------------------------------------- 分類 */
.content2{float:left; width:770px; margin:10px; overflow:hidden;}

.categoryBar{ background:#fff;border-right:1px solid #DEDEDE; float:left;width:190px;overflow:hidden;}
.categoryBar h2{ background:#FFFFFF url(/images/product_category.gif) no-repeat scroll 5px 50%; border-bottom:1px solid #DEDEDE; width:190px; height:36px; margin:0; text-indent:-9999px; }
.categoryBar h3{ width:159px; height:21px; font-size:13px; margin:0; padding:5px 0 0 26px; text-align:left; background:#FFFFFF url(/images/product_list_img.gif) 15px center no-repeat; line-height:21px; overflow:hidden; font-weight:100;}

.categoryBar h4 { font-size:12px; font-weight:normal; color:#1A1A1A; margin:5px 0;padding-left:35px;text-align:left;background:url(/images/product_list_img2.gif) 27px center no-repeat;}
.categoryBar ul{ padding-left:28px;}

.subCategory{ margin:0 0 8px 0; width:99%; padding:5px 10px; background:#f8f8f8; border:1px solid #ccc; font-family:Verdana; color:#6C4144;}
.subCategory ol li{ width:30%; float:left; padding:3px 0 3px 10px;}
.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;}