html,body {
	letter-spacing:1px;
	font-family: '微软雅黑',Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5{
	font-family:'微软雅黑',Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1{ font-size: 30px;}
h2 { font-size: 26px;}
h3 { font-size: 17px;}
h4 { font-size: 16px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}

/*-------- super link ------*/
a{text-decoration: none; }
a:hover {text-decoration:underline;}
a:active { color: #333; }
a:focus{ outline: 0; }

strong{font-weight: bold;}
pre{ font-family: monospace; }

/*----- font -----*/
.bold{font-weight:bold;}
.i{ font-style:italic;}
.black{color:#000000;}
.white{color:#ffffff;}
.red{color:#ff0000;}

/*------- 元素定位 ------*/
.absolute{position:absolute;}
.relative{position:relative;}
.fixed{position:fixed;}
.clear {clear: both;}
.float-l{float: left;}
.float-r{float: right;}

/*------ hide ------*/
.hide{display:none;}
.show{display: ;}

/*------ list ----*/
ul li{float:left;display:block;}
ul li a{display:block;width:100%;height:100%;}

/* 元素垂直居中 */
.img-center{display:table-cell;vertical-align:middle;text-align:center;}
.img-center img{vertical-align:middle;}