@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;	
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	line-height: 1;
	background: #f5f5f5;
}
input[type="submit"],input[type="reset"],input[type="button"],button {
-webkit-appearance: none;
}

img, fieldset {
	border: 0;
	display:block;
}
input, textarea {
	outline: 0;
	resize: none;
}
ul, ol {
	list-style: none
}
var,em, address {
	font-style: normal
}
a {
	color: #000;
	text-decoration: none
}

.tbl-type {
	display: table;
	width: 100%
}
.tbl-cell {
	display: table-cell;
	vertical-align: top;
	text-align: center
}
.tl{ text-align:left!important;}
.tr{ text-align:right!important;}

.main {
	width: 100%;
	height: auto;
	min-width: 320px;
	margin: 0 auto;
	max-width: 640px;
	font-size: 14px;
	background: #F7F7F9;
	overflow: hidden!important;
	min-height:480px;
}
 @media screen and (min-width:480px) {
.main {
	font-size: 22px
}
}
 @media screen and (min-width:640px) {
.main {
	font-size: 28px
}
}