html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}

del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font: 14px/1.5 "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif; color:#333;outline:0;}
body{background:#F9F9F9;}
a,a:hover{color:#333;}
.radius5{border-radius: 5px; -moz-border-radius:5px;      /* Gecko browsers */ -webkit-border-radius: 5px;}
.txt-center{ text-align: center}
input,textarea{width: 100%;}
button{ border: none;}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.clear{clear:both;zoom:1;}

@media screen and (max-width:480px) {
    html {
        font-size: 16px
    }
}
@media screen and (min-width:481px) and (max-width:640px) {
    html {
        font-size: 16px
    }

}
@media screen and (min-width:641px) and (max-width:720px) {
    html {
        font-size: 18px
    }
}
@media screen and (min-width:721px) and (max-width:1080px) {
    html {
        font-size: 18px
    }
}
@media screen and (min-width:1081px) {
    html {
        font-size: 20px
    }
}