/*
*@module: font-icon 
*@Author: zmx 2013-02-16
*@Update: zmx 2013-02-18
*/
html {
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, group, menu, nav, section {
  margin: 0;
  padding: 0;
}

/* for html5 tag */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

body, button, input, select, textarea {
  font: 12px/1.5 Arial, sans-serif;
}

input, select, textarea {
  vertical-align: middle;
  color: #666;
}

button, input {
  *overflow: visible;
  line-height: normal;
}

/* for IE7 */
button {
  cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* for firefox */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: inherit;
}

fieldset, img {
  border: 0;
}

iframe {
  display: block;
}

blockquote {
  margin: 1em 4em 1em 2em;
  padding: 0.6em 1em;
  background: #f1f1f1;
}

blockquote blockquote {
  padding: 0 0 0 1em;
  margin-left: 2em;
  border-left: 0.4em solid #dddddd;
}

acronym, abbr {
  border-bottom: 1px dotted;
  font-variant: normal;
}

abbr {
  cursor: help;
}

del {
  text-decoration: line-through;
}

address, caption, cite, code, den, em, th, var {
  font-style: normal;
  font-weight: 500;
}

ul, ol {
  list-style: none;
}

caption, th {
  text-align: left;
}

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

/* link color */
a {
  color: #06c;
}

a:hover {
  color: #f60;
  text-decoration: underline;
}

ins, a {
  text-decoration: none;
}

small {
  font-size: 11px;
  color: #888;
}

:focus {
  outline: none;
}

/* clearfix */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* Layout */
.grid {
  width: 990px;
  margin: 0 auto;
}
.grid:before, .grid:after {
  content: "";
  display: table;
}

.grid:after {
  clear: both;
}

.grid {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.c {
  text-align: center;
}

.l {
  text-align: left;
}

.r {
  text-align: right;
}
/* standard color */
.red {
    color: #e64552;
}
.orange {
    color: #f89406;
}
.yellow {
    color: #ffc40d;
}
.green {
    color: #54b154;
}
.blue {
    color: #049cdb;
}
.purple {
    color: #864ac7;
}
.orangered {
    color: #d62c78;
}

/* font */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: bold;
}
.h1 {
    font-size: 24px;
}
.h2{
    font-size: 18px;
}
.h3{
    font-size: 14px;
}
.h4, .h5, .h6{
    font-size: 12px;
}