/*!


 * =====================================================


 * Ratchet v2.0.2 (http://goratchet.com)


 * Copyright 2014 Connor Sears


 * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)


 *


 * v2.0.2 designed by @connors.


 * =====================================================


 */





/*! normalize.css v3.0.1 | MIT License | git.io/normalize */


html {


  font-family: sans-serif;


  -webkit-text-size-adjust: 100%;


      -ms-text-size-adjust: 100%;


}





body {


  margin: 0;


}





* {


    box-sizing: border-box;


}





*::before, *::after {


    box-sizing: border-box;


}





ul{


  margin: 0;


  padding:0;


}





li{


  list-style: none;


}





em{


  font-style: normal;


}





article,


aside,


details,


figcaption,


figure,


footer,


header,


hgroup,


main,


nav,


section,


summary {


  display: block;


}





audio,


canvas,


progress,


video {


  display: inline-block;


  vertical-align: baseline;


}





audio:not([controls]) {


  display: none;


  height: 0;


}





[hidden],


template {


  display: none;


}





a {


  background: transparent;


}





a:active,


a:hover {


  outline: 0;


}





abbr[title] {


  border-bottom: 1px dotted;


}





b,


strong {


  font-weight: bold;


}





dfn {


  font-style: italic;


}





h1 {


  margin: .67em 0;


  font-size: 2em;


}





mark {


  color: #000;


  background: #ff0;


}





small {


  font-size: 80%;


}





sub,


sup {


  position: relative;


  font-size: 75%;


  line-height: 0;


  vertical-align: baseline;


}





sup {


  top: -.5em;


}





sub {


  bottom: -.25em;


}





img {


  border: 0;


}





svg:not(:root) {


  overflow: hidden;


}





figure {


  margin: 1em 40px;


}





hr {


  height: 0;


  -moz-box-sizing: content-box;


       box-sizing: content-box;


}





pre {


  overflow: auto;


}





code,


kbd,


pre,


samp {


  font-family: monospace, monospace;


  font-size: 1em;


}





button,


input,


optgroup,


select,


textarea {


  margin: 0;


  font: inherit;


  color: inherit;


}





button {


  overflow: visible;


}





button,


select {


  text-transform: none;


}





button,


html input[type="button"],


input[type="reset"],


input[type="submit"] {


  -webkit-appearance: button;


  cursor: pointer;


}





button[disabled],


html input[disabled] {


  cursor: default;


}





button::-moz-focus-inner,


input::-moz-focus-inner {


  padding: 0;


  border: 0;


}





input {


  line-height: normal;


}





input[type="checkbox"],


input[type="radio"] {


  box-sizing: border-box;


  padding: 0;


}





input[type="number"]::-webkit-inner-spin-button,


input[type="number"]::-webkit-outer-spin-button {


  height: auto;


}





input[type="search"] {


  -webkit-box-sizing: content-box;


     -moz-box-sizing: content-box;


          box-sizing: content-box;


  -webkit-appearance: textfield;


}





input[type="search"]::-webkit-search-cancel-button,


input[type="search"]::-webkit-search-decoration {


  -webkit-appearance: none;


}





fieldset {


  padding: .35em .625em .75em;


  margin: 0 2px;


  border: 1px solid #c0c0c0;


}





legend {


  padding: 0;


  border: 0;


}





textarea {


  overflow: auto;


}





optgroup {


  font-weight: bold;


}





table {


  border-spacing: 0;


  border-collapse: collapse;


}





td,


th {


  padding: 0;


}





* {


  -webkit-box-sizing: border-box;


     -moz-box-sizing: border-box;


          box-sizing: border-box;


}





body {


  /*position: fixed;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;*/


  font-family: "Helvetica Neue", Helvetica, sans-serif;


  font-size: 17px;


  line-height: 21px;


  color: #000;


  background-color: #fff;


}





a {


  color: #428bca;


  text-decoration: none;





  -webkit-tap-highlight-color: transparent;


}


a:active {


  color: #3071a9;


}





.clear {


    display: block;


    overflow: hidden;


}





.content {


  /*position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;*/


  overflow: auto;


  -webkit-overflow-scrolling: touch;


  background-color: #fff;


}





.content > * {


  -webkit-transform: translateZ(0);


      -ms-transform: translateZ(0);


          transform: translateZ(0);


}





.clearfix:before, .clearfix:after {


  display: table;


  content: " ";


}


.clearfix:after {


  clear: both;


}





h1, h2, h3, h4, h5, h6 {


  margin-top: 0;


  margin-bottom: 10px;


  line-height: 1;


}





h1, .h1 {


  font-size: 36px;


}





h2, .h2 {


  font-size: 30px;


}





h3, .h3 {


  font-size: 24px;


}





h4, .h4 {


  font-size: 18px;


}





h5, .h5 {


  margin-top: 20px;


  font-size: 14px;


}





h6, .h6 {


  margin-top: 20px;


  font-size: 12px;


}





p {


  margin: 0;


  padding: 0;


}





input[type="submit"],


input[type="reset"],


input[type="button"] {


  width: 100%;


}





input,


textarea,


button,


select {


  font-family: "Helvetica Neue", Helvetica, sans-serif;


  font-size: 17px;


}





select,


textarea,


input[type="text"],


input[type="search"],


input[type="password"],


input[type="datetime"],


input[type="datetime-local"],


input[type="date"],


input[type="month"],


input[type="time"],


input[type="week"],


input[type="number"],


input[type="email"],


input[type="url"],


input[type="tel"],


input[type="color"] {


  width: 100%;


  height: 35px;


  -webkit-appearance: none;


  padding: 3px 10px;


  margin-bottom: 15px;


  line-height: 21px;


  background-color: #fff;


  border: 1px solid #ddd;


  border-radius: 3px;


  outline: none;


}





input[type="search"] {


  -webkit-box-sizing: border-box;


     -moz-box-sizing: border-box;


          box-sizing: border-box;


  padding: 0 10px;


  font-size: 16px;


  border-radius: 20px;


}





input[type="search"]:focus {


  text-align: left;


}





textarea {


  height: auto;


}





select {


  height: auto;


  font-size: 14px;


  background-color: #f8f8f8;


  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);


          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);


}


.fl{


  float: left;


}


.fr{


  float: right;


}


.txt-c{


  text-align: center;


}


.rtt-180{


  transform:rotate(180deg);


  -ms-transform:rotate(180deg);   /* IE 9 */


  -moz-transform:rotate(180deg);  /* Firefox */


  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */


  -o-transform:rotate(180deg);  /* Opera */


}