/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */




/* ----------------button-------------- */
.button-group .button {
    background: #eee linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2)) repeat scroll 0 0;
    border: medium none;
    border-radius: 7px;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-size: 12pt;
    font-weight: 800;
    height: 40px;
    padding: 6px 6px;
    /*text-shadow: 0 1px white;*/
    width: auto;
}

.button-group .cate {
    background: #CCFF99 linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05)) repeat scroll 0 0;
}

.button-group .cate1 {
    background: #FFCCCC linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05)) repeat scroll 0 0;
}

.button-group .cate2 {
    background: #FF9999 linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05)) repeat scroll 0 0;
}

.button-group .cate3 {
    background: #CCFFCC linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05)) repeat scroll 0 0;
}

.button-group .cate4 {
    background: #CCCCCC linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05)) repeat scroll 0 0;
}

.button-group .cate5 {
    background: #FFCCFF linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05)) repeat scroll 0 0;
}



.button-group .button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button-group .button:active,
.button.is-checked,
.button.is-selected {
  background-color: #28F;
}

.button-group .button.is-checked,
.button-group .button.is-selected {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
  background-color: #28f !important;
}

.button-group .button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* hide radio inputs */
.button-group .button input[type="radio"] { display: none; }

/* ---- button-group ---- */

.button-group .button {
  float: left;
  border-radius: 0;
  margin-right: 1px;
  margin-top: 3px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }


/* -----------grid ------------ */
.grid {
  position: relative;
}

/* clearfix */

.grid:after {
  content: '';
  display: block;
  clear: both;
}