/*TABLE OF CONTENTS

  global
  font
  link
  tools
  structure
  base style
  base module

*/

/*---------------------@global-------------------*/
html,body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,a,iframe,object{
	margin:0;
	padding:0;
	border:0;
	outline:0
}
ol,ul{
	list-style: none
}
:focus {
	outline: 0;
}
address,caption{ font-style:normal;}
/*form*/
form label{ 
	cursor:pointer
}
input, button, textarea {
	font-family:inherit;
	font-size:100%
}
/*---------------------@font-------------------*/
.f11{
	font-size:11px
}
.f12{
	font-size:12px
}
.f14{
	font-size:14px
}
.f16{
	font-size:16px
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	color:#cc0000;
}
h1,h2{
	font-size:14.8px;
}
dt,h3,h4,h5,h6{
	font-size:13px;
}
.white, a.white, a.white:hover{
	color:#fff
}
.black, a.black, a.black:hover{
	color:#000
}

/*---------------------@link-------------------*/

/*---------------------@tools-------------------*/
.pos{
	position:relative;
	zoom:1
}
.none{
	display:none
}
.hide{
	visibility:hidden
}
.clear{
	clear:both;
}
.nowrap{
	white-space:nowrap;
	overflow:hidden;
}
.break{
	word-break:break-all;
	overflow:hidden;
}

/*---------------------@structure-------------------*/
body{
	color:#000;
	background:transparent;
	font:12px/1.5 Arial;
}
ol:after, ul:after, dl:after,.section:after,.box:after{
	content:"\0020";
	display:block;
	height:0;
	clear:both;
}
ol,ul,dl,.section,.box{
	zoom:1;
	_height:1px;
}

.box{
	clear:both;
}

.header,
.footer,
.main,
.nav,
.section{
	clear:both;
	margin:0 auto;
	width:960px;
}

.content_s,
.aside_s,
.content_m,
.aside_m0,
.aside_m1,
.col{
	display:inline;
	overflow:hidden
}

/*
	this is for section declare
*/

.header{
	background:red
}
.footer{
	background:yellow
}
.main{
}

/*
	this is for column declare(you can set some param for example s to declare a model)
	s:784 * 200
	m:584 * 200 * 200
	
*/

.content_s{ 
	width:750px;
	float:left;
}
.aside_s{
	width:200px;
	float:right;
}

.content_m{ 
	width:584px;
	float:left;
}
.aside_m0{}{
	width:200px;
	float:left;
}
.aside_m1{}{
	width:200px;
	float:left;
}
/*---------------------@base style-------------------*/
/*title*/



/*hoverList*/

.hoverList{
	line-height:20px;
}
.hoverList li a{
	display: block;
	zoom:1;
	color:#213
}
.hoverList li a:hover{
	background:#202020;
	color:#000
}


/*imgList*/

.imgList{
	text-align:center
}

.imgList li{
	float:left; 
	display:inline; 
	overflow:hidden; 
	width:100px;
	height:102px;
	padding:0 10px 20px 0
}

.imgList img{
	display:block;
	margin:0 auto 3px
}

.imgList p img{
	display:inline;
	vertical-align:middle;
	margin:5px 3px 5px 0
}

/* imgDetial */
.couponDisComment-item
.imgDetial{
	clear:both;
	line-height:20px;
}
.couponDisComment-item dt,
.couponDisComment-item dd,
.imgDetial dt,
.imgDetial dd{
	width:auto;
	display:inline;
	float:left;
}

/* imgWrap */
.imgWrap{
	clear:both; 
	line-height:20px;
}
.imgWrap dt{
	display:inline;
	float:left;
}


/* imgbd(effect)*/

.imgbd a img{
	background:#fff;
	padding:5px;
	border:#ccc 1px solid
}
.imgbd a:hover img{
	border-color:red
}

/* imgbg(effect)*/

.imgbg a img{
	background:#fff;
	padding:2px;
	border:#ccc 1px solid
}
.imgbg a:hover img{
	background:blue
}
/* listNav */
.couponDisDet-category dd ol,
.nav ol,
.listNav{
	overflow:hidden;
	_display:inline-block;
	line-height:20px;
	height:auto
}
.couponDisDet-category dd ol li,
.nav ol li,
.listNav li {
	float:left; margin-right:2px;
}

/*---------------------@base module-------------------*/
.couponDisComment-item,
.comment{
}
.couponDisComment-item dt,
.comment dt{
	 width:66px;
}
.couponDisComment-item dd,
.comment dd{
	width:520px;
}
.couponDisComment-item dd h4,
.comment dd h4{
	background:#efefef;
}
.couponDisComment-item dd h4 span,
.comment dd h4 span{
	float:right;
}
/* aside box*/
#thisShop,
#userDownload{
	border:#ccc 1px solid;
	margin-bottom:10px;
}
#thisShop dt,
#userDownload dt{
	padding:5px 10px;
	line-height:1em;
	color:#cc0000;
	background:#efefef;
}
#thisShop dd,
#userDownload dd{
	padding:5px 10px;
}