/* 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; }