/**
===============================================================
	author:wangenci
	name: CSS rest
	date:2013-10-30 11:34 AM
	version:2.0 beta
	Q   Q:  1764387002
===============================================================
**/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
	border-spacing:0px !important;
	border-collapse:0px;
}
body{Font-size=62.5%,"Arial Narrow",HELVETICA; text-align:center; line-height:1.2;}
/*A*/
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/*img*/
img{ border:0 none; vertical-align:top;}
/*li*/
ul,li{list-style-type:none;}
/*浮动*/
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
	zoom:1 !;
}
.clearfix{} 
img{boder:0;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
.clear{clear:both;}
/*wrap*/
#wrap{text-align:left;}
/*宽度*/
.w1200{
	width:1200px;
	margin:0 auto;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w980{
	width:980px;
	margin:0 auto;
	zoom:1;
}
.w970{
	width:970px;
	margin:0 auto;
	zoom:1;
}
.w990{
	width:990px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1192{
	width:1192px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w1004{
	width:1004px;
	margin:0 auto;
	zoom:1;
}
.w1002{
	width:1002px;
	margin:0 auto;
	zoom:1;
}
.w1216{
	width:1216px;
	margin:0 auto;
	padding:0;

}
.mb-none{
	margin-bottom:0px;
}
.mr-none{
	margin-right:0px !important;
}
.border{
	border:none !important
}
/*button*/
button{ cursor:pointer;}

/*i,em重置*/
i,em{ font-style:normal;}

.page a{
	display:inline-block;
	border-radius:4px;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#3567AF;
	background:#24559f;
}
.page{
	text-align:center;
	padding-top:30px;
}
.page a:hover{
	background:#356BBC;
	color:#ffffff;
}
.page a.on{
	background:#356BBC;
	color:#ffffff;
}
.page span{
	display:inline-block;
	border:1px solid #d8d8d8;
	height:27px;
	line-height:27px;
	padding-left:9px;
	padding-right:9px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#666666;
}

/**
==========================================
<div class="page">
	<a href="#">上一页</a>
	<a href="#" class="on">1</a>
	<a href="#">2</a>
	<a href="#">3</a>
	<a href="#">4</a>
	<span>...</span>
	<a href="#">15</a>
	<a href="#">16</a>
	<a href="#">下一页</a>
</div>
==========================================
**/
/**************************
***** HINT STYLING *******
**************************/

.hint{position:relative;display:inline-block;}

.hint:before, .hint:after{
	position:absolute;
	opacity:0;
	z-index:1000000;
	
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	pointer-events:none;
}		
.hint:hover:before, .hint:hover:after{opacity:1;}
.hint:before{
	content:'';
	position:absolute;
	background:transparent;
	border:6px solid transparent;
	position:absolute;
}	
.hint:after{
	content:attr(data-hint);
	background:rgba(0, 0, 0, 0.8);
	color:white;
	padding:8px 10px;
	font-size:12px;
	white-space:nowrap;
	box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* top */
.hint-top:before{
	bottom:100%;
	left:50%;
	margin:0 0 -18px 0;
	border-top-color:rgba(0, 0, 0, 0.8);
}		
.hint-top:after{
	bottom:100%;
	left:50%;
	margin:0 0 -6px -10px;
}
.hint-top:hover:before{
	margin-bottom:-10px;
}
.hint-top:hover:after{
	margin-bottom:2px;
}

/* default:bottom */
.hint-bottom:before{
	top:100%;
	left:50%;
	margin:0px 0 0 0;
	border-bottom-color:rgba(0, 0, 0, 0.8);
}	
.hint-bottom:after{
	top:100%;
	left:50%;
	margin:-2px 0 0 -10px;
}
.hint-bottom:hover:before{
	margin-top:-6px;
}
.hint-bottom:hover:after{
	margin-top:6px;
}

/* right */
.hint-right:before{
	left:100%;
	bottom:50%;
	margin:0 0 -4px -8px;
	border-right-color:rgba(0,0,0,0.8);
}		
.hint-right:after{
	left:100%;
	bottom:50%;
	margin:0 0 -13px 4px;
}
.hint-right:hover:before{
	margin:0 0 -4px -0;
}
.hint-right:hover:after{
	margin:0 0 -13px 12px;
}
.btns:active{
	top:2px;
	border-bottom:2px solid #43A747;
	
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}

.btns span{
	position:absolute;
	left:0;
	width:60px;
	
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}