@charset "utf-8";



#main .top_area,
#main .inner,
#main .navi-area{
	font-family:		"Microsoft Yahei",SimHei,STHeiti,Helvetica,serif,Arial;
}


.mt10{
	margin-top:		10px !important;
}
.mr16{
	margin-right:		16px;
}


.appendix{display:none;}


#main .navi-area{
	background-color:	#c4e9ee;
}

#main .navi{
	padding:		22px 0 7px 0;
	width:			913px;
	margin:			0 auto;
}

#main .navi li{
	float:			left;
	margin:			0 15px 15px 0;
	width:			207px;
	height:			68px;
	background-color:	#ffffff;
	border-right:		10px solid;
}


#main .navi li.nav01{
	border-color:	#17adc1;
}

#main .navi li.nav02{
	border-color:	#17adc1;
}

#main .navi li.nav03{
	border-color:	#17adc1;
}

#main .navi li.nav04{
	border-color:	#17adc1;
}

#main .navi li.nav05{
	border-color:	#17adc1;
}
#main .navi li.nav06{
	border-color:	#17adc1;
}

#main .navi li.nav07{
	border-color:	#17adc1;
}

#main .navi li.nav08{
	border-color:	#17adc1;
}

#main .navi li.nav09{
	border-color:	#17adc1;
}

#main .navi li.nav10{
	border-color:	#17adc1;
}

#main .navi li.nav11{
	border-color:	#17adc1;
}

#main .navi li.nav12{
	border-color:	#17adc1;
}

#main .navi li.nav13{
	border-color:	#17adc1;
}

#main .navi li.rightBlock{
	margin-right:		0;
}

#main .navi li a .naviInnerBlock{
	display:		block;
}

#main .navi li a .naviInnerBlock img{
	float:			left;
	padding:		4px 4px 4px 4px;
}

#main .navi li a .txt{
	display:		block;
	float:			right;
	width:			114px;
	height:			63px;
	padding:		5px 25px 0 0;
	font-size:		18px;
	color:			#636363;
	text-align:		right;
	background:		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAYklEQVQoz43LsQ2DQBBE0Q2ckEAzuKFDen25NHdAAwYSTjrBYggm+aMX6FEQD1bQBwb8HsCCBUOgw3wDK5jR1fjew5LAqQEjoj0zeAJHdISfDGSohWsGrlCF3wz8Q4HX1bcB00Kn2Q7e1kwAAAAASUVORK5CYII=) no-repeat 122px 15px;
}









#main .inner{
	width:			906px;
	margin:			0 auto;
}


#main .inner h2{
	background:		transparent;
	border:			0;
	margin:			30px auto 20px;
	height:			51px;
	padding:		0 0 0 50px;
	font-size:		32px;
	line-height:		1.2;
	text-align:		left;
}

#main .inner h2.colorA01{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main .inner h2.colorA02{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main .inner h2.colorA03{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}
#main .inner h2.colorA04{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}
#main .inner h2.colorA05{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}
#main .inner h2.colorA06{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}
#main .inner h2.colorA07{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}
#main .inner h2.colorA08{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main .inner h2.colorA09{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main .inner h2.colorA10{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main .inner h2.colorA11{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main .inner h2.colorA12{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main .inner h2.colorA13{
	background:		url("../images/title05.jpg") no-repeat 0 0;
	color:			#17adc1;
}

#main ul li{
	float:			left;
}

#main .item li h3{
	margin:			0;
	padding:		3px 0 2px 20px;
	border:			0;
	font-size:		22px;
	line-height:		1.6;
	font-weight:		bold;
	position:		relative;
}

#main .item li h3 a{
	position:		absolute;
	right:			10px;
	top:			5px;
	padding:		3px 10px 0 18px;
	font-size:		16px;
}
#main .item li h3 a.colorB01{
	background-color:			#FF730A;
}


#main .item li .content{
	padding:		25px 20px 15px 20px;
}

#main .item li .last{
	margin-right:		0 !important;
}

#main .item li .content .pic{
	text-align:		center;
}
#main .item li .content .brand{
	font-size:		12px;
	color:			#4C4949;
}
#main .item li .content .name{
	font-size:		14px;
	font-weight:		bold;
}
#main .item li .content .price{
	font-size:		12px;
	font-weight:		bold;
	color:			#DB0011;
	font-family:		Helvetica,"黑体",SimHei,STHeiti,serif,Arial;
}
#main .item li .content .price span{
	font-size:		20px;
}
#main .item li .content .button{
	margin-top:		10px;
}

#main .item li .content .button a{
	width:			120px;
	height:			25px;
	font-size:		13px;
	padding:		5px 0 0 10px;
}

/* 尺寸在下面调整 */

#main .item.color01 li{
	width:			440px;
}

#main .item.color01 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}

#main .item.color02 li{
	width:			440px;
}

#main .item.color02 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}


#main .item.color03 li{
	width:			440px;
}

#main .item.color03 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}


#main .item.color04 li{
	width:			440px;
}

#main .item.color04 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}


#main .item.color05 li{
	width:			440px;
}

#main .item.color05 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}



#main .item.color06 li{
	width:			440px;
}

#main .item.color06 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}
#main .item.color06 li{
	width:			440px;
}
#main .item.color06 .last .flt{
	margin-left:		50px;
}


#main .item.color07 li{
	width:			440px;
}

#main .item.color07 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}

#main .item.color08 li{
	width:			440px;
}

#main .item.color08 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}

#main .item.color09 li{
	width:			440px;
}

#main .item.color09 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}
#main .item.color09 li{
	width:			440px;
}
#main .item.color09 .last .flt{
	margin-left:		50px;
}

#main .item.color10 li{
	width:			440px;
}

#main .item.color10 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}

#main .item.color11 li{
	width:			440px;
}

#main .item.color11 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}

#main .item.color12 li{
	width:			440px;
}

#main .item.color12 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}

#main .item.color13 li{
	width:			440px;
}

#main .item.color13 li .content .flt{
	float:			left;
	width:			120px;
	margin-right:		20px;
}

.contentsWrap .button--s{
	width:			120px;
}


/* 尺寸在上面调整 */



/* 颜色在下面调整 */

/* color01 */
#main .item.color01 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color01 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}



#main .item.color01 li .content .name{
	padding:6px 0
}
#main .item li .content .name a{
	text-decoration:underline;
}
/* /color01 */


/* color02 */
#main .item.color02 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color02 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color02 li h3 a{
	background-color:	#FF730A;
}

#main .item li .content .name{
	color:			#797FA4;
}
/* /color02 */


/* color03 */
#main .item.color03 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color03 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color03 li h3 a{
	background-color:	#FF730A;
}
#main .item.color03 li .content .name a{
	text-decoration:underline;
}
/* /color03 */


/* color04 */
#main .item.color04 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color04 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color04 li h3 a{
	background-color:	#FF730A;
}

#main .item.color04 li .content .name{
	color:			#AC901D;
}
/* /color04 */


/* color05 */
#main .item.color05 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color05 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color05 li h3 a{
	background-color:	#FF730A;
}

#main .item.color05 li .content .name{
	color:			#EDA146;
}
/* /color05 */


/* color06 */
#main .item.color06 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color06 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color06 li h3 a{
	background-color:	#FF730A;
}

#main .item.color06 li .content .name{
	color:			#E96B50;
}
/* /color06 */


/* color07 */
#main .item.color07 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color07 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color07 li h3 a{
	background-color:	#FF730A;
}

#main .item.color07 li .content .name{
	color:			#0068AD;
}
/* /color07 */



/* color08 */
#main .item.color08 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color08 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color08 li h3 a{
	background-color:	#FF730A;
}

#main .item.color08 li .content .name{
	color:			#797FA4;
}
/* /color08 */

/* color09 */
#main .item.color09 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color09 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color09 li h3 a{
	background-color:	#FF730A;
}

#main .item.color09 li .content .name{
	color:			#797FA4;
}
/* /color09 */

/* color10 */
#main .item.color10 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color10 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color10 li h3 a{
	background-color:	#FF730A;
}

#main .item.color10 li .content .name{
	color:			#797FA4;
}
/* /color10 */

/* color11 */
#main .item.color11 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color11 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color11 li h3 a{
	background-color:	#FF730A;
}

#main .item.color11 li .content .name{
	color:			#797FA4;
}
/* /color11 */

/* color12 */
#main .item.color12 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color12 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color12 li h3 a{
	background-color:	#FF730A;
}

#main .item.color12 li .content .name{
	color:			#797FA4;
}
/* /color12 */

/* color13 */
#main .item.color13 li{
	border-right:		5px solid #17adc1;
	border-bottom:		5px solid #17adc1;
}

#main .item.color13 li h3{
	background-color:	#c4e9ee;
	color:			#17adc1;
}

#main .item.color13 li h3 a{
	background-color:	#FF730A;
}

#main .item.color13 li .content .name{
	color:			#797FA4;
}
/* /color13 */



/* 颜色在上面调整 */












#main .note{
	margin-top:		32px;
}


p.backtop {
	text-align: right;
}
p.backtop a.backtop-a {
	background:		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAABLsQqMrBsAAAABdFJOUwBA5thmAAAAEElEQVQI12MQYNBgcGFoAgACjgD/5b/zoAAAAABJRU5ErkJggg==") no-repeat scroll 0 4px transparent;
	line-height:		36px;
	padding-left:		15px;
	text-decoration:	none;
}
p.backtop a.backtop-a:hover {
	text-decoration:	underline;
}
.contentsWrap a.button--strong,
.contentsWrap a.button--strong:visited,
.contentsWrap a.button--strong-s,
.contentsWrap a.button--strong-s:visited,
.contentsWrap a.button--strong02,
.contentsWrap a.button--strong02:visited,
.contentsWrap a.button--strong02-s,
.contentsWrap a.button--strong02-s:visited {
	box-shadow: inset 0 0 0 0 , 0 0 0 0 rgba(0, 0, 0, 0);

}
.contentsWrap a.button--conversion,
.contentsWrap a.button--conversion:visited,
.contentsWrap a.button--conversion-s,
.contentsWrap a.button--conversion-s:visited,
.contentsWrap a.button--conversion02,
.contentsWrap a.button--conversion02:visited,
.contentsWrap a.button--conversion02-s,
.contentsWrap a.button--conversion02-s:visited {
	box-shadow: inset 0 0px 0 0 , 0 0px 0 0 rgba(0, 0, 0, 0);
}