/*
(CC) 2015, Hisin (www.21ow.com), MIT Licensed
*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*div, span, a, header { -webkit-tap-highlight-color: rgba(255,255,255,0); }*/
html {font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); min-height:100%; }


body { -webkit-font-smoothing: antialiased; font: 14px/1.42857143 "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\5b8b\4f53", Arial, sans-serif; /*font-size: 1.4rem;*/ color: #282828;}
body, p, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, blockquote, caption, form, fieldset, legend { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

/* 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 }
[hidden] { display: none }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }

/* Element */
ul, ol { list-style: none }
blockquote { margin: 0 40px 1em }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic }
iframe { border: 0; vertical-align: top; }
pre { white-space: pre; word-wrap: break-word }
address, cite, dfn, em, var { font-style: normal }
code, kbd, pre, samp { font-family: 'courier new', monospace }
q:before, q:after { content: '' }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
input, button, textarea, select, label { margin: 0; font-size: 100%; vertical-align: middle }
textarea { overflow: auto; vertical-align: top; resize: vertical }
a, a:hover { text-decoration: none }
a:active, a:focus {outline: 0;  }
/* Layout */
.cf, .line, .clearfix { *zoom:1}
.cf:after, .line:after, .clearfix:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden }
.inline-block { display: inline-block; *display:inline;*zoom:1}
.hide { display: none !important }
.hiding { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.invisible { visibility: hidden }
.fl { float: left !important; }
.fr { float: right !important; }

/* Alignment */
.tal { text-align: left }
.tar { text-align: right }
.tac { text-align: center }
.vat { vertical-align: top }
.vam { vertical-align: middle }

/* Font */
.fw4 { font-weight: 400 }
.fw7 { font-weight: 700 }
.fs12 { font-size: 12px }
.fs14 { font-size: 14px }
.fs18 { font-size: 18px }

/* Color */
.red, .red a { color: #f00 }
.green, .green a { color: #090 }
.yellow, .yellow a { color: #f90 }
.blue, .blue a { color: #06f }
.white, .white a { color: #fff }
.gray, .gray a { color: #999 }
.black, .black a { color: #000 }

/* Fn */
.single-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }