/* Copyright © 2015 May.UI www.maymo.cn MIT Licensed */
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; color: #282828; font: 14px/1.42857143 "Helvetica Neue", Arial, "Microsoft YaHei", "\5b8b\4f53", sans-serif; }
body, p, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, blockquote, caption, form { margin: 0; padding: 0; }

/* Element */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol { list-style: none }
table { border-spacing: 0; border-collapse: collapse; }
input, button, textarea, select { font-family: inherit; font-size: inherit; line-height: inherit; }
td, th { padding: 0; }
img { border: 0; vertical-align: middle; }
a { color:#00c; text-decoration: none; background-color: transparent; }
a:active, a:hover { outline: 0; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
audio, canvas, video { display: inline-block; *display:inline;*zoom:1 }
audio:not([controls]) { display: none; height: 0; }

/* Fn */
.cf, .clearfix { *zoom:1; }
.cf:after, .clearfix:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden }
.single-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl { float: left !important; }
.fr { float: right !important; }