@charset "utf-8";

/***
 *	SHOP++ Article Style
 *
 *	http://www.shopxx.net
 *
 *	Copyright (c) 2008 SHOP++. All rights reserved.
 **/

.bodyLeft .recommendArticle .top {
	height: 29px;
	line-height: 29px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	clear: both;
	background: url(../images/article_bg.gif) 0px 0px no-repeat;
}

.bodyLeft .recommendArticle .middle {
	clear: both;
	background: url(../images/article_y_bg.gif) 0px 0px repeat-y;
}

.bodyLeft .recommendArticle li {
	line-height: 29px;
	padding-right: 3px;
	margin: 0px 4px 0px 1px;
	clear: both;
	border-top: 1px dashed #ffe7cd;
}

.bodyLeft .recommendArticle .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) 0px -150px no-repeat;
}

.bodyLeft .recommendArticle .bottom {
	height: 5px;
	clear: both;
	overflow: hidden;
	background: url(../images/article_bg.gif) 0px -30px no-repeat;
}

.bodyLeft .hotArticle .top {
	height: 29px;
	line-height: 29px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	clear: both;
	background: url(../images/article_bg.gif) 0px -60px no-repeat;
}

.bodyLeft .hotArticle .middle {
	clear: both;
	background: url(../images/article_y_bg.gif) -210px 0px repeat-y;
}

.bodyLeft .hotArticle li {
	line-height: 29px;
	padding-right: 3px;
	margin: 0px 4px 0px 1px;
	clear: both;
	border-top: 1px dashed #e8e8e8;
}

.bodyLeft .hotArticle .number2, .bodyLeft .hotArticle .number4, .bodyLeft .hotArticle .number6, .bodyLeft .hotArticle .number8, .bodyLeft .hotArticle .number10 {
	background-color: #f8f8f8;
}

.bodyLeft .hotArticle .number1 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) 0px -120px no-repeat;
}

.bodyLeft .hotArticle .number2 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -30px -120px no-repeat;
}

.bodyLeft .hotArticle .number3 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -60px -120px no-repeat;
}

.bodyLeft .hotArticle .number4 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -90px -120px no-repeat;
}

.bodyLeft .hotArticle .number5 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -120px -120px no-repeat;
}

.bodyLeft .hotArticle .number6 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -150px -120px no-repeat;
}

.bodyLeft .hotArticle .number7 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -180px -120px no-repeat;
}

.bodyLeft .hotArticle .number8 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -210px -120px no-repeat;
}

.bodyLeft .hotArticle .number9 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -240px -120px no-repeat;
}

.bodyLeft .hotArticle .number10 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -270px -120px no-repeat;
}

.bodyLeft .hotArticle .bottom {
	height: 5px;
	clear: both;
	overflow: hidden;
	background: url(../images/article_bg.gif) 0px -90px no-repeat;
}

.bodyRight .listBar {
	height: 29px;
	clear: both;
}

.bodyRight .listBar .left {
	width: 3px;
	height: 29px;
	float: left;
	background: url(../images/article_bg.gif) 0px -180px no-repeat;
}

.bodyRight .listBar .middle {
	width: 774px;
	height: 29px;
	float: left;
	background: url(../images/article_x_bg.gif) 0px 0px repeat-x;
}

.bodyRight .listBar .path {
	float: left;	
}

.bodyRight .listBar .path a {
	margin: 0px 2px;
}

.bodyRight .listBar .path .home {
	margin-right: 2px;
}

.bodyRight .listBar .path .icon {
	width: 18px;
	height: 29px;
	line-height: 29px;
	margin: 0px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -30px -150px no-repeat;
}

.bodyRight .listBar .articleSearch {
	line-height: 29px;
	float: right;
	padding-top: 3px;
	padding-right: 5px;
	color: #656d77;
}

.bodyRight .listBar .articleSearch .keyword {
	width: 157px;
	height: 13px;
	line-height: 13px;
	display: block;
	padding: 4px 3px;
	float: left;
	color: #999999;
	border: 1px solid #d8d8d8;
}

.bodyRight .listBar .articleSearch .searchButton {
	width: 63px;
	height: 23px;
	line-height: 23px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	background: url(../images/article_bg.gif) -60px -180px no-repeat;
}

.bodyRight .listBar .right {
	width: 3px;
	height: 29px;
	float: right;
	background: url(../images/article_bg.gif) -30px -180px no-repeat;
}