@charset "UTF-8";

@import "base/reset.css";
@import "base/structure.css";

/* ------------------------------------------------------------------------------------
BASICS						 */

html {
	min-height:101%;
}
body {
	font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	text-align: center;
}
a {
	outline: 0;
	*star: expression(this.onFocus=this.blur());
	color: #0088E3;
	text-decoration: none;
}
a:hover {

}
a:active {

}
a:visited {

}
.left {
	float:left;
	width: 562px;
	margin: 20px 34px 0 0;
}
.right {
	float: left;
	width: 234px;
	overflow: hidden;
	margin-top: 20px;
}
.clear {
	clear:both;
}


/* ------------------------------------------------------------------------------------
CUSTOM						 */
.logo {
	margin: 36px 0 0 76px;
	width: 85px;
	height: 36px;
	float: left;
	}
.btn_diary {
	float: right;
	margin-top: 50px;
	}
.menu {
	width: 960px;
	height: 69px;
	background: url(../images/menu_bg.jpg) no-repeat left top;
	}
.menu ul {
	padding: 20px 0 0 72px;
	}
.menu ul li {
	float: left;
	display: block;
	margin-right: 3px;
	}
.menu ul li img {
	height: 49px;
	width: 154px;
	}
.menu ul li a {
	height: 49px;
	width: 154px;
	overflow: hidden;
	display: block;
	}
.menu ul li.home img {
	height: 49px;
	width: 44px;
	}
.menu ul li.home a {
	height: 49px;
	width: 44px;
	}
.menu .m1 a.on {
	background: url(../images/menu_bg.jpg) no-repeat -119px bottom;
	}
.menu .m2 a.on {
	background: url(../images/menu_bg.jpg) no-repeat -276px bottom;
	}
.menu .m3 a.on {
	background: url(../images/menu_bg.jpg) no-repeat -433px bottom;
	}
.menu .m4 a.on {
	background: url(../images/menu_bg.jpg) no-repeat -590px bottom;
	}
.menu .m5 a.on {
	background: url(../images/menu_bg.jpg) no-repeat -747px bottom;
	}
.banner img {
	width: 830px;
	}
.small_banner img {
	width: 530px;
	}
.path {
	background: url(../images/path_bg.jpg) no-repeat left top;
	height: 23px;
	line-height: 23px;
	padding-left: 8px;
	color: #0088E3;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
	}
.path_right {
	background: url(../images/path_bg.jpg) no-repeat right top;
	width: 40px;
	height: 23px;
	display: block;
	float: left;
	}
.path a {
	margin: 0 7px;
	}
.left_cont h2 {
	font-size: 18px;
	line-height: 30px;
	color: #0086E3;
	margin-bottom: 25px;
	}
.left_cont ul {
	margin-bottom: 25px;
	}
.left_cont ul img {
	margin-bottom: 10px;
	}
.left_cont ul .tit {
	background: url(../images/point_dstt.jpg) no-repeat left 4px;
	height: 30px;
	border-bottom: solid 1px #E4EDF1;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #1372BF;
	padding-left: 27px;
	display: block;
	margin-bottom: 10px;
	}
.left_cont ul li {
	background: url(../images/point_blue.gif) no-repeat 5px 6px;
	line-height: 16px;
	padding-left: 23px;
	margin-bottom: 8px;
	}
.left_cont ol {
	margin-bottom: 25px;
	}
.left_cont ol img {
	margin-bottom: 10px;
	}
.left_cont ol .tit {
	background: url(../images/point_dstt.jpg) no-repeat left 4px;
	height: 30px;
	border-bottom: solid 1px #E4EDF1;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #1372BF;
	padding-left: 27px;
	display: block;
	margin-bottom: 10px;
	}
.left_cont ol li {
	background: url(../images/point_blue.gif) no-repeat 5px 6px;
	line-height: 16px;
	padding-left: 23px;
	margin-bottom: 8px;
	}
.left_cont p form{
    border-color: #FFBF00;
	}

.block {
	margin-bottom: 35px;
	}
.block ul {
	padding: 0 15px 5px 15px;
	background: url(../images/block_bg.jpg) repeat-y;
	display: inline-block;
	*margin-top: -4px;
	}
.block ul img {
	margin-bottom: 10px;
	}
.block ul li {
	background: url(../images/point_blue_s.gif) no-repeat 5px 6px;
	display: inline-block;
	padding-left: 15px;
	margin-bottom: 4px;
	}
.block_bot {
	background: url(../images/more.jpg) no-repeat left top;
	height: 35px;
	}
.block_bot span {
	padding: 0 0 0 160px;
	display: block;
	}
.block_text {
	margin-bottom: 35px;
	border-top: solid 1px #DF4B9F;
	border-bottom: solid 1px #DF4B9F;
	border-right: solid 1px #DF4B9F;
	border-left: solid 1px #DF4B9F;
	line-height: 24px;
	display: block;
	}
.pics {
	width: 248px;
	height: 238px;
	overflow: hidden;
	}
.pics img {
	width: 110px;
	height: 110px;
	margin: 0 14px 18px 0;
	}
.godds_show {
	padding: 5px 0 30px 0;
	}
.pic_b img {
	width: 250px;
	height: 250px;
	border: solid 1px #E4E4E4;
	margin: 0 35px 25px 0;
	display: block;
	float: left;
	}
.pic_s img {
	width: 40px;
	height: 40px;
	margin-right: 4px;
	border: solid 1px #E4E4E4;
	}
.goods_detail {
	display: block;
	float: left;
	}
.goods_detail h2 {
	font-size: 18px;
	line-height: 30px;
	color: #0086E3;
	margin-bottom: 25px;
	}
.price {
	margin-bottom: 10px;
	}
.price span {
	color: #DF338C;
	font-size: 15px;
	line-height: 18px;
	}
.number {
	height: 22px;
	}
.number input {
	vertical-align: middle;
	}
.number input.num {
	border: solid 1px #E4E4E4;
	height: 16px;
	font-weight: bold;
	text-align: center;
	padding: 2px 4px;
	width: 28px;
	color: #666;
	}
.goods_describe {
	margin-top: 30px;
	width: 535px;
	}
.goods_describe span {
	font-weight: bold;
	color: #0099FF;
	}
.goods_list {
	margin-top: 25px;
	}
.goods_list ul li {
	float: left;
	display: block;
	margin-right: 53px;
	height: 260px;
	}
.list_info a {
	display: block;
	width: 100px;
	margin: 5px 0;
	word-wrap: break-word;
	}
.list_pic {
	width: 100px;
	float: left;
	display: block;
	margin-right: 13px;
	}
.list_info {
	width: 130px;
	float: left;
	display: block;
	}
.list_info span {
	color: #FF6600;
	font-weight: bold;
	}
.list_info .number {
	margin: 5px 0;
	}
.list_pic img {
	margin-bottom: 7px; 
	}
.btn_add {
	margin-left: -5px;
	}
	



#footer ul {
	font-size: 80%;
	width: 550px;
	margin: auto;
	height: 35px;
	}
#footer ul li {
	float: left;
	white-space:nowrap;
	display: block;
	padding: 0 10px;
	background: url(../images/line_blue.jpg) no-repeat top right;
	}
#footer span {
	font-weight: bold;
	color: #0099FF;
	}
.tip {
	padding: 35px 70px 0;
	}
.tip .tit {
	height: 30px;
	border-bottom: solid 1px #E4EDF1;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #1372BF;
	display: block;
	margin-bottom: 15px;
	}
.tip ul li {
	background: url(../images/point_blue.gif) no-repeat 5px 6px;
	line-height: 16px;
	padding-left: 23px;
	margin-bottom: 8px;
	font-size: 14px;
	}
.tip p {
	padding: 0 25px;
	}
.tip p strong {
	display: block;
	margin-bottom: 5px;
	}
.diary ul .tit {
	background-image: none;
	padding-left: 0;
	margin-bottom: 15px;
	}
.diary .date {
	float: right;
	margin-top: -37px;
	}
.diary p {
	padding-left: 25px;
	}
.readmore {
	float: right;
	margin: 15px 5px 40px 0;
	}
.page {
	margin: 0 0 0 90px;
	*margin: -50px 0 0 90px;
	display: block;
	float: none;
	}
.page img {
	margin-right: 15px;
	}
.diary_detail {
	margin-bottom: 20px;
	*margin-bottom: 100px;
	}
.diary_detail img {
	float: left;
	padding: 0 25px 25px 25px;
	}
.diary_detail p {
	padding: 0 0 25px 25px;
	}
.right .last {
	margin-bottom: 0;
	} 
.goods_block {
	margin: 25px 0 100px 90px;
	}
.goods_block ul li {
	float: left;
	display: block;
	margin: 40px 50px 0 0;
	height: 100px;
	border: solid 1px #E5E5E5;
	padding: 13px 5px 13px 10px;
	width: 220px;
	overflow: hidden;
	}
.goods_block .list_info {
	width: 100px;
	word-wrap: break-word;
	}
.goods_block .list_info a {
	margin-top: 0;
	}
	
/*CSS quotes style pagination*/

DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}