@charset "utf-8";
/* CSS Document */
*{
	font-family:'microsoft yahei';
}
*:focus {
	outline: 0;
}
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,select,textarea,iframe,table,th,tr,td{
	padding:0px; 
	margin:0px; 
	border:none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
body {
	font: normal Georgia,Arial, Helvetica, sans-serif;
}
img{
	width:100%;
	height:auto;
    vertical-align:middle;
    border: none;
	box-sizing: border-box;
	interpolation-mode: bicubic;
}
li{
	list-style:none;	
}
a,a:link{
	text-decoration:none;
}
a:active,a:hover,a:visited{
	text-decoration:none;
}
i,em{
	font-style:normal;	
}
.pr{
   position:relative; 
}
.pa{
    position:absolute;
}
.fl{
    float:left;
}
.fr{
    float:right;	
}
.oh{
    overflow:hidden;	
}
html{
	-webkit-text-size-adjust:100%; 
	-ms-text-size-adjust:100%;
}
.container{
   width:100%;
   height:auto;	
   min-width:320px;
   max-width:720px;
   margin:0px auto;
}
.bg{
    position:fixed;
	top:0;
	left:auto;
	width:100%;
	height:100%;
	max-width:720px;
}
.main{
   color:#FFF;
   padding:0.8em 0.8em 0; 	
}
.main h4{
	font:400 1.25em/1.6em "microsoft yahei";		
}
.main p{
    font:400 1.15em/1.6em "microsoft yahei";	
	width:100%;
}
.mt{
    margin-top:1.2em;	
}
.mt2{
    margin-top:0.8em;	
}
.mt3{
    margin-top:0.5em;	
}
.main table td{
    font:400 1.15em/1.6em "microsoft yahei";	
}

/*---------------------------------------------------------------*/
@media screen and (max-width : 360px) {	
body{
	font-size:11px;
}
}
@media screen and (min-width: 360px) and (max-width : 479px) {
body{
	font-size:12px;
}
}
@media screen and (min-width: 480px) and (max-width: 640px) {
body{
	font-size:16px;
}
}
@media screen and (min-width: 640px) and (max-width: 720px) {
	
}
@media screen and (min-width: 720px){
}