html {
	color:#505050;
	background:#fff;
	font: 12px "microsoft yahei", Arial, Verdana, "\5b8b\4f53";
}
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var {
	margin: 0;
	padding: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0
}
img {
	vertical-align: middle
}
address,caption,cite,code,dfn,em,strong,th,var,i,u {
	font-style:normal;
	font-weight:normal
}
ol,ul {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
}
q:before,q:after {
	content:''
}
abbr,acronym {
	border:0;
	font-variant:normal
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
button,html input[type=button],input[type=submit] {
	-webkit-apperance: button;
	cursor: pointer
}
input,textarea,select {
	*font-size:100%
}
legend {
	color:#000
}
a{color:#505050; text-decoration:none;}
a:hover{color:#3e6ec1; }


.clear,.clr {display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0}
.hide {display: none}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.mt{margin-top:12px;}
.mr{margin-right:15px;}
.mb{margin-bottom:12px !important;}
.ml{margin-left:12px;}
.pt{padding-top:12px;}
.pr{padding-right:12px;}
.pb{padding-bottom:12px;}
.pl{padding-left:12px;}

.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden}
.clearfix { *zoom: 1 }
.dorpdown {position: relative}
.dorpdown-layer {display: none; position: absolute}
.dorpdown:hover .dorpdown-layer,.hover .dorpdown-layer {display: block}