@charset utf-8;

.col-side { position:relative; width:232px; padding-top:63px; border:1px solid #DBDBDD; }
.menu-title { position:absolute; top:-1px; left:-1px; width:234px; height:50px; text-align:center; padding-top:13px; background:url(menu-title.jpg) no-repeat; font-size:14px; color:#FFF; overflow:hidden; }
.menu { padding:0 0 20px; }
.menu dl { width:195px; margin:0 auto; }
.menu dl dt { padding-top:2px; }
.menu dl dt a { display:block; width:195px; height:28px; text-align:center; line-height:28px; padding:0 1px 2px 0; background:url(menu.jpg) 0 0 no-repeat; color:#333; font-size:13px; font-weight:bold; overflow:hidden; }
.menu dl dt a:hover, .menu dl dt a.current { background-position:0 -30px; text-decoration:none; color:#FFF; }
.menu dl dd { border-bottom:1px dotted #BEBEBE; }
.menu dl dd a { display:block; padding:8px 0 8px 40px; background:url(arrow1.gif) 30px 14px no-repeat; }
.menu dl dd a:hover, .menu dl dd a.current { background:url(arrow2.gif) 30px 14px no-repeat; text-decoration:none; color:#F00; }

.col-side .box { width:197px; margin:0 auto; border:0; }
.col-side .box .b-content { padding-left:0; padding-right:0; }
.col-side .contact-box { border-top:0; }
.col-side .list-box { border-top:0; }
.col-side .list-box .list {  }
.col-side .list-box .list li { padding:5px 2px; }
.col-side .last-box { border-radius:0 0 10px 10px; }
.col-side .pic-slide { position:relative; width:164px; height:154px; margin:15px auto 10px; padding:0; overflow:hidden; }
.col-side .pic-slide .item { position:absolute; top:0; left:0; width:164px; height:154px; text-align:center; }
.col-side .pic-slide .item .pic { width:160px; height:120px; padding:1px; border:1px solid #C2C2C2; }
.col-side .pic-slide .item p { height:30px; line-height:30px; background:#F0F0F0; color:#010101; font-weight:bold; overflow:hidden; }

.col-main { position:relative; width:718px; padding:0 20px 40px; background:url(col-main-bg.jpg) top repeat-x; border:1px solid #D8D8DA; border-top:0; }
.col-main .lt { position:absolute; left:-1px; top:0; width:10px; height:60px; background:url(col-main-left.jpg) no-repeat; overflow:hidden; }
.col-main .rt { position:absolute; right:-1px; top:0; width:10px; height:60px; background:url(col-main-right.jpg) no-repeat; overflow:hidden; }
.location { background:url(location-bg.jpg) left bottom no-repeat; }
.location h2 { float:left; height:40px; line-height:40px; padding-left:20px; background:url(location-label.jpg) 7px 15px no-repeat; font-size:14px; color:#343434; }
.location span { float:right; padding:15px 0 0 18px; background:url(home.gif) 0 18px no-repeat; color:#666; }
.location span a { margin:0 5px; color:#666; }

.ainfo { text-align:center; padding:40px 20px 0; }
.ainfo h1 { padding:5px; background:#F1F1F1; font-size:18px; color:#323232; }
.ainfo div { padding:10px 0; color:#999; }
.content { line-height:180%; padding:30px 20px; }
.sm { line-height:180%; margin:20px 20px 0; padding:10px 0 0; border-top:1px dashed #D7D7D7; color:#999; }
.share-tools { padding:0 20px; }
.next-prev { line-height:2; margin:15px 20px; padding:10px 0; border-top:1px dashed #DDD; }
.next-prev p { color:#343434; font-size:14px; }
.next-prev p a { color:#343434; }
.comment-form { margin:0 20px; }

.list { padding:30px; }
.list .pic-detail { padding-bottom:30px; }
.list .pic-detail .pic { width:210px; height:135px; padding:1px; border:1px solid #C2C2C2; overflow:hidden; }
.list .pic-detail .text { width:435px; }
.list .pic-detail .text h3 { padding:8px 0 12px; font-size:12px; }
.list .pic-detail .text h3 a { color:#555; }
.list .pic-detail .text p { line-height:180%; color:#999; }
.list .pic-detail .text p a { color:#F90; }
.list ul {  }
.list ul li { padding:5px 2px; border-bottom:1px dashed #DDD; }
.list ul li .date { float:right; color:#999; }
.list ul li a { color:#555; }

.cpl { padding:30px 10px; }
.cpl .item { width:214px; text-align:center; margin:6px 8px; }
.cpl .item .pic { width:210px; height:135px; padding:1px; border:1px solid #C2C2C2; overflow:hidden; }
.cpl .item p { padding:6px 0 3px; }

.page { text-align:center; margin:0 10px 30px; padding:10px; border:1px solid #E3E3E3; }
.page span { padding-right:10px; }
.page a { margin:0 5px; }
.page a:hover, .page a.current { color:#F00; }
.page a.current { font-weight:bold; text-decoration:underline; }

.product-category-list { padding:30px 0 36px; background:url(product-detail.jpg) bottom repeat-x; }
.product-category-list .item { float:right; width:358px; }
.product-category-list .first-item { float:left; }
.product-category-list .item .pic { width:160px; height:120px; padding:1px; border:1px solid #C2C2C2; overflow:hidden; }
.product-category-list .item .text { width:180px; padding-left:15px; }
.product-category-list .item .text h3 { padding:3px 0 3px 15px; background:url(arrow3.gif) left center no-repeat; font-size:14px; color:#000; }
.product-category-list .item .text h3 a { color:#000; }
.product-category-list .item .text p { color:#555; }
.product-category-list .item .text p a { color:#555; }

.product-search { height:48px; line-height:48px; padding:0 30px; background:url(product-search-bg.jpg) repeat-x; color:#DBDBDB; overflow:hidden; }
.product-search label { display:inline-block; line-height:48px; padding-left:25px; background:url(search.gif) left center no-repeat; font-weight:bold; }
.product-search .text { width:180px; height:20px; line-height:20px; vertical-align:middle; padding:0 2px; border:1px solid #3F3F3F; }
.product-search .submit { height:22px; vertical-align:middle; background:#CFD0D0 url(btn1.jpg) repeat-x; border-width:1px 2px 2px 1px; border-style:solid; border-color:#949494 #585858 #585858 #949494; cursor:pointer; }

.product-list { padding:12px 0; }
.product-list .item { display:inline; float:left; width:345px; margin:12px 0 12px 9px; }
.product-list .item .p { float:left; width:160px; height:120px; padding:1px; border:1px solid #C2C2C2; overflow:hidden; }
.product-list .item p { text-align:center; padding:8px 2px; background:#F0F0F0; }
.product-list .item p a { color:#000; font-weight:bold; }
.product-list .item .t { float:left; width:170px; padding-left:10px; }
.product-list .item .t ul {  }
.product-list .item .t ul li { height:24px; line-height:24px; border-bottom:1px dotted #B8B8B8; color:#555; }
.product-list .item .t ul li label { font-weight:bold; color:#000; }
.product-list .item .tt { clear:both; line-height:32px; margin-top:10px; background:#F0F0F0 url(plist-ttbg.jpg) top repeat-x; }
.product-list .item .tt label { font-weight:bold; color:#000; }
.product-list .item .tt .name { float:left; width:164px; text-align:center; }
.product-list .item .tt .name a { color:#666; }
.product-list .item .tt .qty { float:left; padding-left:10px; }
.product-list .item .tt .a-detail { display:inline; float:right; width:67px; height:25px; margin:3px 12px 0 0; text-indent:-2000px; background:url(more-detail.jpg) no-repeat; overflow:hidden; }

.product-detail .basic { padding:40px 20px 10px; }
.product-detail .basic .left { float:left; width:364px; }
.product-detail .basic .left .pic { width:360px; height:275px; padding:1px; border:1px solid #C2C2C2; overflow:hidden; }
.product-detail .basic .left .share-tools-small { padding:10px 0 0; }
.product-detail .basic .text { float:right; width:290px; padding-right:10px; }
.product-detail .basic .text ul { padding:0 0 5px 5px; }
.product-detail .basic .text ul li { padding:4px 0 5px; font-size:14px; color:#555; }
.product-detail .basic .text ul li label { float:left; font-weight:bold; color:#000; }
.product-detail .basic .text ul li span { float:left; width:200px; }
.product-detail .basic .text .small-contact { line-height:180%; padding:5px; background:#F3F3F3; color:#999; }
.product-detail .basic .text .small-contact img { vertical-align:middle; }
.product-detail .basic .text .a-order { float:right; width:65px; height:62px; text-indent:-2000px; background:url(order.jpg) no-repeat; overflow:hidden; }

.product-desc { margin:0 20px; }
.product-desc .b-content { line-height:180%; padding:20px; color:#555; }

.comment .b-content { padding:15px 30px; }
.comment-list {  }
.comment-list .item { border-top:1px dotted #B7B7B7; }
.comment-list .item div { padding:5px 0 5px 22px; }
.comment-list .item .q { padding-top:10px; background:url(ico-faq.gif) 0 10px no-repeat; color:#555; }
.comment-list .item .qc { color:#999; }
.comment-list .item .a { background:url(ico-faq.gif) 0 -28px no-repeat; color:#555; }
.comment-list .item .ac { padding-bottom:10px; color:#999; }
.comment .page { margin-bottom:0; padding-top:15px; border:0; }

.other-article .list { padding:5px 20px; }

.comment-form .b-content { padding:15px 30px 25px 20px; }

form .row { line-height:26px; padding:4px 0; color:#999; }
form .row .label { float:left; width:80px; text-align:right; padding-right:10px; color:#555; }
form .row em { padding:0 5px 0 10px; color:#F00; }
form .row img { vertical-align:middle; }
form .row .text { height:24px; line-height:24px; padding:0 2px; border:1px solid #C3C3C3; vertical-align:middle; }
form .row .submit { width:60px; height:23px; text-indent:-2000px; background:url(btn-submit.jpg) no-repeat; border:0; cursor:pointer; overflow:hidden; }

.response { padding:0 0 5px 90px; color:#F00; }
.comment-form .response {  }

.sitemap { font-size:14px; }
.sitemap dl {  }
.sitemap dl dt {  }
.sitemap dl dt h2 { height:28px; line-height:28px; padding:5px 0 0 15px; font-size:14px; }
.sitemap dl dt h2 .ico { float:left; width:3px; height:3px; margin:12px 7px 0 0; background:#F90; overflow:hidden; }
.sitemap dl dt h2 a { color:#F90; }
.sitemap dl dt h2 a:hover { text-decoration:none; }
.sitemap dl dd {  }
.sitemap dl dd h3 { height:28px; line-height:28px; padding:5px 0 5px 25px; font-size:14px; }
.sitemap dl dd h3 a { color:#83BE0D; }
.sitemap dl dd h3 a:hover { text-decoration:none; }
.sitemap dl dd ul { padding-left:15px; border-bottom:1px dashed #DDD; }
.sitemap dl dd ul li { float:left; margin:5px 0 10px; padding:0 10px; border-right:1px solid #666; white-space:nowrap; }
.sitemap dl dd ul li a { color:#666; }
.sitemap dl dd ul li a:hover { color:#F60; text-decoration:none; }

.cart { padding:20px 20px 10px; }
.order-table { background:#F2F2F2; line-height:20px; }
.order-table th { padding:5px 10px; border:1px solid #D0D0D0; background:#F2F2F2; }
.order-table td { padding:5px 10px; border:1px solid #D0D0D0; background:#F2F2F2; text-align:center; }
.order-table, .order-table th, .order-table td { border-collapse:collapse; }
.fn-order { margin-bottom:10px; padding:0; text-align:center; clear:both; }
.fn-order a { margin:0 10px; }