/*
*@module: CSS-reset
*@Author: zmx 2013-02-16
*@Update: zmx 2014-04-23
*/
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;
}

/* placeholder add by zmx 2014-04-23 */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}

/* 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: #246bb3;
}
a:hover {
  color: #f60;
  text-decoration: underline;
}

ins, a {
  text-decoration: none;
}

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

/*delete by zmx 2013-04-25
: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;
}