/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 14, ../sass/loading.scss */
.cpt-loading-mask * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 18, ../sass/loading.scss */
.cpt-loading-mask.column {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  z-index: 100;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 31, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260px;
  background: rgba(0, 0, 0, 0.6);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 16px;
}
/* line 42, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading {
  position: relative;
  width: 60px;
  height: 60px;
  background: transparent;
  margin: 0 auto;
}
/* line 50, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.origin div {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-animation: load 2.28s linear infinite;
  -webkit-animation: load 2.28s linear infinite;
  animation: load 2.28s linear infinite;
}
/* line 59, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.origin div span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FBC9B9;
  position: absolute;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
/* line 72, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(1) {
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
/* line 75, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(2) {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
/* line 78, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(3) {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
/* line 81, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(4) {
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
/* line 84, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(5) {
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/* line 90, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.pic {
  width: 80px;
  height: 80px;
}
/* line 94, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading.pic img {
  width: 100%;
  height: 100%;
}
/* line 101, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading-title {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 2px 0;
  font-size: 16px;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
/* line 112, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading-discription {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-top: 20px;
}
/* line 123, ../sass/loading.scss */
.cpt-loading-mask.row {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  z-index: 100;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 136, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260px;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 15px;
}
/* line 151, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading {
  position: relative;
  width: 60px;
  height: 60px;
  background: transparent;
  float: left;
}
/* line 160, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.origin div {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-animation: load 2.28s linear infinite;
  -webkit-animation: load 2.28s linear infinite;
  animation: load 2.28s linear infinite;
}
/* line 169, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.origin div span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FBC9B9;
  position: absolute;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
/* line 182, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(1) {
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
/* line 185, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(2) {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
/* line 188, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(3) {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
/* line 191, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(4) {
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
/* line 194, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(5) {
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/* line 200, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.pic {
  width: 80px;
  height: 80px;
}
/* line 204, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading.pic img {
  width: 100%;
  height: 100%;
}
/* line 211, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading-title {
  width: 72%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 2px 0;
  padding-left: 20px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
/* line 223, ../sass/loading.scss */
.cpt-loading-mask.row .div-loading .loading-discription {
  display: none;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-top: 20px;
}

/* line 236, ../sass/loading.scss */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

/* line 241, ../sass/loading.scss */
.animated.infinite {
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInNoTransform {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInNoTransform {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 256, ../sass/loading.scss */
.fadeInNoTransform {
  -webkit-animation-name: fadeInNoTransform;
  animation-name: fadeInNoTransform;
}

@-webkit-keyframes fadeOutNoTransform {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutNoTransform {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* line 269, ../sass/loading.scss */
.fadeOutNoTransform {
  -webkit-animation-name: fadeOutNoTransform;
  animation-name: fadeOutNoTransform;
}

@-webkit-keyframes load {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
  }
  62% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  65% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  90% {
    -moz-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes load {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
  }
  62% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  65% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  90% {
    -moz-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes load {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
  }
  62% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  65% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  90% {
    -moz-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes load {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
  }
  62% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  65% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  90% {
    -moz-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
  }
  62% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  65% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  90% {
    -moz-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

/*这是关于position absolute或者fixed改版的animate */ 
/*是由于水平居中translate无法使用*/

.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge-hastrans {
  animation-duration: 2s;
}

.animated.flipOutX-hastrans,
.animated.flipOutY-hastrans,
.animated.bounceIn-hastrans,
.animated.bounceOut-hastrans {
  animation-duration: .75s;
}

@keyframes bounce-hastrans {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate(-50%,0);
    transform: translate3d(-50%,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate(-50%, -67%);
    transform: translate3d(-50%, -67%, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate(-50%, -58%);
    transform: translate3d(-50%, -58%, 0);
  }

  90% {
    transform: translate(-50%,-52%);
    transform: translate3d(-50%,-52%,0);
  }

  100%{
    transform: translate(-50%,-50%);
    transform: translate3d(-50%,-50%,0);
  }
}

.bounce-hastrans {
  animation-name: bounce-hastrans;
  transform-origin: center bottom;
}

@keyframes flash-hastrans {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash-hastrans {
  animation-name: flash-hastrans;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse-hastrans {
  from {
    transform: scale3d(1, 1, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  to {
    transform: scale3d(1, 1, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }
}

.pulse-hastrans {
  animation-name: pulse-hastrans;
  transform-origin: 0 0;
}

@keyframes rubberBand-hastrans {
  from {
    transform: scale3d(1, 1, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  65% {
    transform: scale3d(.95, 1.05, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  75% {
    transform: scale3d(1.05, .95, 1) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  to {
    transform: scale3d(1, 1, 1 ) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }
}

.rubberBand-hastrans {
  animation-name: rubberBand-hastrans;
  transform-origin: 0 0;
}

@keyframes shake-hastrans {
  from, to {
    transform: translate3d(-50%, -50%, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-54px, -50%, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(-46%, -50%, 0);
  }

  100%{
    transform: translate3d(-50%, -50%, 0);
  }
}

.shake-hastrans {
  animation-name: shake-hastrans;
}

@keyframes headShake-hastrans {
  0% {
    transform: translate3d(-50%,-50%,0);
  }

  6.5% {
    transform: rotateY(-9deg) translate3d(-53%,-50%,0);
  }

  18.5% {
    transform: rotateY(7deg) translate3d(-47.5%,-50%,0);
  }

  31.5% {
    transform: rotateY(-5deg) translate3d(-51.5%,-50%,0);
  }

  43.5% {
    transform: rotateY(3deg) translate3d(-49%,-50%,0);
  }

  50% {
    transform: translate3d(-50%,-50%,0);
  }
}

.headShake-hastrans {
  animation-timing-function: ease-in-out;
  animation-name: headShake-hastrans;
}

@keyframes swing-hastrans {
  20% {
    transform: rotate3d(0, 0, 1, 15deg) translate3d(-50%,-50%,0);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg) translate3d(-50%,-50%,0);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg) translate3d(-50%,-50%,0);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg) translate3d(-50%,-50%,0);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg) translate3d(-50%,-50%,0);
  }
}

.swing-hastrans {
  transform-origin: top center;
  animation-name: swing-hastrans;
  transform-origin: 0 0 ;
}

@keyframes tada-hastrans {
  from {
    transform: scale3d(1, 1, 1) translate3d(-50%,-50%,0);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) translate3d(-50%,-50%,0);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) translate3d(-50%,-50%,0);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) translate3d(-50%,-50%,0);
  }

  to {
    transform: scale3d(1, 1, 1) translate3d(-50%,-50%,0);
  }
}

.tada-hastrans {
  animation-name: tada-hastrans;
  transform-origin: 0 0 ;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble-hastrans {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) translate3d(-50%,-50%,0);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) translate3d(-50%,-50%,0);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) translate3d(-50%,-50%,0);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) translate3d(-50%,-50%,0);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) translate3d(-50%,-50%,0);
  }

  to {
    transform: none;
    transform:translate3d(-50%,-50%,0);
  }
}

.wobble-hastrans {
  animation-name: wobble-hastrans;
}

@keyframes jello-hastrans {
  from, 11.1%, to {
    transform: none;
    transform:translate3d(-50%,-50%,0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg) translate3d(-50%,-50%,0);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg) translate3d(-50%,-50%,0);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg) translate3d(-50%,-50%,0);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg) translate3d(-50%,-50%,0);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg) translate3d(-50%,-50%,0);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg) translate3d(-50%,-50%,0);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg) translate3d(-50%,-50%,0);
  }
}

.jello-hastrans {
  animation-name: jello-hastrans;
  transform-origin: center;
}

@keyframes bounceIn-hastrans {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3) translate3d(-50%,-50%,0);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%,-50%,0);
  }

  40% {
    transform: scale3d(.9, .9, .9) translate3d(-50%,-50%,0);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%,-50%,0);
  }

  80% {
    transform: scale3d(.97, .97, .97) translate3d(-50%,-50%,0);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(-50%,-50%,0);
  }
}

.bounceIn-hastrans {
  animation-name: bounceIn-hastrans;
  transform-origin:0 0;
}

@keyframes bounceInDown-hastrans {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-50%, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-50%, -30%, 0);
  }

  75% {
    transform: translate3d(-50%, -70%, 0);
  }

  90% {
    transform: translate3d(-50%, -54%, 0);
  }

  to {
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.bounceInDown-hastrans {
  animation-name: bounceInDown-hastrans;
}

@keyframes bounceInLeft-hastrans {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, -50%, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-30%, -50%, 0);
  }

  75% {
    transform: translate3d(-70%, -50%, 0);
  }

  90% {
    transform: translate3d(-54%, -50%, 0);
  }

  to {
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.bounceInLeft-hastrans {
  animation-name: bounceInLeft-hastrans;
}

@keyframes bounceInRight-hastrans {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, -50%, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-70%, -50%, 0);
  }

  75% {
    transform: translate3d(-30%, -50%, 0);
  }

  90% {
    transform: translate3d(-46%, -50%, 0);
  }

  to {
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.bounceInRight-hastrans {
  animation-name: bounceInRight-hastrans;
}

@keyframes bounceInUp-hastrans {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(-50%, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-50%, -70px, 0);
  }

  75% {
    transform: translate3d(-50%, -30px, 0);
  }

  90% {
    transform: translate3d(-50%, -46px, 0);
  }

  to {
    transform: translate3d(-50%, -50%, 0);
  }
}

.bounceInUp-hastrans {
  animation-name: bounceInUp-hastrans;
}

@keyframes bounceOut-hastrans {
  20% {
    transform: scale3d(.9, .9, .9) translate3d(-50%,-50%,0);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%,-50%,0);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3) translate3d(-50%,-50%,0);
  }
}

.bounceOut-hastrans {
  animation-name: bounceOut-hastrans;
  transform-origin:0 0;
}

@keyframes bounceOutDown-hastrans {
  20% {
    transform: translate3d(-50%, -40%, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(-50%, -60%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, 3000px, 0);
  }
}

.bounceOutDown-hastrans {
  animation-name: bounceOutDown-hastrans;
}

@keyframes bounceOutLeft-hastrans {
  20% {
    opacity: 1;
    transform: translate3d(-40%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, -50%, 0);
  }
}

.bounceOutLeft-hastrans {
  animation-name: bounceOutLeft-hastrans;
}

@keyframes bounceOutRight-hastrans {
  20% {
    opacity: 1;
    transform: translate3d(-60%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, -50%, 0);
  }
}

.bounceOutRight-hastrans {
  animation-name: bounceOutRight-hastrans;
}

@keyframes bounceOutUp-hastrans {
  20% {
    transform: translate3d(-50%, -60%, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(-50%, -40%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, -2000px, 0);
  }
}

.bounceOutUp-hastrans {
  animation-name: bounceOutUp-hastrans;
}

@keyframes fadeIn-hastrans {
  from {
    opacity: 0;
    transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeIn-hastrans {
  animation-name: fadeIn-hastrans;
}

@keyframes fadeInDown-hastrans {
  from {
    opacity: 0;
    transform: translate3d(-50%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInDown-hastrans {
  animation-name: fadeInDown-hastrans;
}

@keyframes fadeInDownBig-hastrans {
  from {
    opacity: 0;
    transform: translate3d(-50%, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInDownBig-hastrans {
  animation-name: fadeInDownBig-hastrans;
}

@keyframes fadeInLeft-hastrans {
  from {
    opacity: 0;
    transform: translate3d(-100%, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInLeft-hastrans {
  animation-name: fadeInLeft-hastrans;
}

@keyframes fadeInLeftBig-hastrans {
  from {
    opacity: 0;
    transform: translate3d(-2000px, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInLeftBig-hastrans {
  animation-name: fadeInLeftBig-hastrans;
}

@keyframes fadeInRight-hastrans {
  from {
    opacity: 0;
    transform: translate3d(100%, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInRight-hastrans {
  animation-name: fadeInRight-hastrans;
}

@keyframes fadeInRightBig-hastrans {
  from {
    opacity: 0;
    transform: translate3d(2000px, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInRightBig-hastrans {
  animation-name: fadeInRightBig-hastrans;
}

@keyframes fadeInUp-hastrans {
  from {
    opacity: 0;
    transform: translate3d(-50%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInUp-hastrans {
  animation-name: fadeInUp-hastrans;
}

@keyframes fadeInUpBig-hastrans {
  from {
    opacity: 0;
    transform: translate3d(-50%, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeInUpBig-hastrans {
  animation-name: fadeInUpBig-hastrans;
}

@keyframes fadeOut-hastrans {
  from {
    opacity: 1;
    transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
  }
}

.fadeOut-hastrans {
  animation-name: fadeOut-hastrans;
}

@keyframes fadeOutDown-hastrans {
  from {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, 100%, 0);
  }
}

.fadeOutDown-hastrans {
  animation-name: fadeOutDown-hastrans;
}

@keyframes fadeOutDownBig-hastrans {
  from {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, 2000px, 0);
  }
}

.fadeOutDownBig-hastrans {
  animation-name: fadeOutDownBig-hastrans;
}

@keyframes fadeOutLeft-hastrans {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, -50%, 0);
  }
}

.fadeOutLeft-hastrans {
  animation-name: fadeOutLeft-hastrans;
}

@keyframes fadeOutLeftBig-hastrans {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, -50%, 0);
  }
}

.fadeOutLeftBig-hastrans {
  animation-name: fadeOutLeftBig-hastrans;
}

@keyframes fadeOutRight-hastrans {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, -50%, 0);
  }
}

.fadeOutRight-hastrans {
  animation-name: fadeOutRight-hastrans;
}

@keyframes fadeOutRightBig-hastrans {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, -50%, 0);
  }
}

.fadeOutRightBig-hastrans {
  animation-name: fadeOutRightBig-hastrans;
}

@keyframes fadeOutUp-hastrans {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, -100%, 0);
  }
}

.fadeOutUp-hastrans {
  animation-name: fadeOutUp-hastrans;
}

@keyframes fadeOutUpBig-hastrans {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, -2000px, 0);
  }
}

.fadeOutUpBig-hastrans {
  animation-name: fadeOutUpBig-hastrans;
}

@keyframes flip-hastrans {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg) translate3d(-50%, -50%, 0);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(-50%, -50%, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(-50%, -50%, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95) translate3d(-50%, -50%, 0);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) translate3d(-50%, -50%, 0);
    animation-timing-function: ease-in;
  }
}

.animated.flip-hastrans {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip-hastrans;
}

@keyframes flipInX-hastrans {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(-50%, -50%) translate3d(-50%, -50%, 0);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg) translate(-50%, -50%) translate3d(-50%, -50%, 0);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg) translate(-50%, -50%) translate3d(-50%, -50%, 0);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }

  to {
    transform: perspective(400px) translate(-50%, -50%) translate3d(-50%, -50%, 0);
  }
}

.flipInX-hastrans {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX-hastrans;
}

@keyframes flipInY-hastrans {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg) translate3d(-50%, -50%, 0);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg) translate3d(-50%, -50%, 0);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg) translate3d(-50%, -50%, 0);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg) translate3d(-50%, -50%, 0);
  }

  to {
    transform: perspective(400px) translate3d(-50%, -50%, 0);
  }
}

.flipInY-hastrans {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY-hastrans;
}

@keyframes flipOutX-hastrans {
  from {
    transform: perspective(400px) translate3d(-50%, -50%, 0);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg) translate3d(-50%, -50%, 0);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(-50%, -50%, 0);
    opacity: 0;
  }
}

.flipOutX-hastrans {
  animation-name: flipOutX-hastrans;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY-hastrans {
  from {
    transform: perspective(400px) translate3d(-50%, -50%, 0);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg) translate3d(-50%, -50%, 0);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg) translate3d(-50%, -50%, 0);
    opacity: 0;
  }
}

.flipOutY-hastrans {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY-hastrans;
}

@keyframes lightSpeedIn-hastrans {
  from {
    transform: translate3d(100%, -50%, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg) translate3d(10%, -50%, 0);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg) translate3d(-30%, -50%, 0);
    opacity: 1;
  }

  to {
    transform: none;
    transform:translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

.lightSpeedIn-hastrans {
  animation-name: lightSpeedIn-hastrans;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut-hastrans {
  from {
    transform:translate3d(-50%, -50%, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(100%, -50%, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut-hastrans {
  animation-name: lightSpeedOut-hastrans;
  animation-timing-function: ease-in;
}

@keyframes rotateIn-hastrans {
  from {
    transform-origin: 50% 0;
    transform: rotate3d(0, 0, 1, -200deg) translate3d(-50%, -50%, 0);
    opacity: 0;
  }

  to {
    transform-origin: 50% 0;
    transform: none;
    transform:translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

.rotateIn-hastrans {
  animation-name: rotateIn-hastrans;
}

@keyframes rotateInDownLeft-hastrans {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(-50%, -50%, 0);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    transform:translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

.rotateInDownLeft-hastrans {
  animation-name: rotateInDownLeft-hastrans;
}

@keyframes rotateInDownRight-hastrans {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg) translate3d(-50%, -50%, 0);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    transform:translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

.rotateInDownRight-hastrans {
  animation-name: rotateInDownRight-hastrans;
}

@keyframes rotateInUpLeft-hastrans {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg) translate3d(-50%, -50%, 0);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    transform:translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

.rotateInUpLeft-hastrans {
  animation-name: rotateInUpLeft-hastrans;
}

@keyframes rotateInUpRight-hastrans {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg) translate3d(-50%, -50%, 0);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    transform:translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

.rotateInUpRight-hastrans {
  animation-name: rotateInUpRight-hastrans;
}

@keyframes rotateOut-hastrans {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut-hastrans {
  animation-name: rotateOut-hastrans;
}

@keyframes rotateOutDownLeft-hastrans {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft-hastrans {
  animation-name: rotateOutDownLeft-hastrans;
}

@keyframes rotateOutDownRight-hastrans {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight-hastrans {
  animation-name: rotateOutDownRight-hastrans;
}

@keyframes rotateOutUpLeft-hastrans {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft-hastrans {
  animation-name: rotateOutUpLeft-hastrans;
}

@keyframes rotateOutUpRight-hastrans {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight-hastrans {
  animation-name: rotateOutUpRight-hastrans;
}

@keyframes hinge-hastrans {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge-hastrans {
  animation-name: hinge-hastrans;
}

@keyframes jackInTheBox-hastrans {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg) translate3d(-50%, -50%, 0);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg) translate3d(-50%, -50%, 0);
  }

  70% {
    transform: rotate(3deg) translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 1;
    transform: scale(1) translate3d(-50%, -50%, 0);
  }
}

.jackInTheBox-hastrans {
  animation-name: jackInTheBox-hastrans;
  transform-origin: 0 0;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn-hastrans {
  from {
    opacity: 0;
    transform: translate3d(-150%, -50%, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none translate3d(-50%, -50%, 0);
  }
}

.rollIn-hastrans {
  animation-name: rollIn-hastrans;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut-hastrans {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut-hastrans {
  animation-name: rollOut-hastrans;
}

@keyframes zoomIn-hastrans {
  from {
    opacity: 0;
    /*transform: translate(-50%, -50%);*/
  }

  50% {
    opacity: 1;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 1;
    /*transform: translate(-50%, -50%);*/
  }
}

.zoomIn-hastrans {
  animation-name: zoomIn-hastrans;
  transform-origin: -25% -25%;
}

@keyframes zoomInDown-hastrans {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown-hastrans {
  animation-name: zoomInDown-hastrans;
  transform: translate3d(-50%, -50%, 0);
}

@keyframes zoomInLeft-hastrans {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft-hastrans {
  animation-name: zoomInLeft-hastrans;
}

@keyframes zoomInRight-hastrans {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight-hastrans {
  animation-name: zoomInRight-hastrans;
}

@keyframes zoomInUp-hastrans {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp-hastrans {
  animation-name: zoomInUp-hastrans;
}

@keyframes zoomOut-hastrans {
  from {
    opacity: 1 ;
    transform:translate3d(-50%, -50%, 0);
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3) translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0);
  }
}

.zoomOut-hastrans {
  animation-name: zoomOut-hastrans;
  transform-origin: 0 0;
}

@keyframes zoomOutDown-hastrans {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-50%, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-50%, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown-hastrans {
  animation-name: zoomOutDown-hastrans;
  transform-origin: 0 0;
}

@keyframes zoomOutLeft-hastrans {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, -50%, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft-hastrans {
  animation-name: zoomOutLeft-hastrans;
}

@keyframes zoomOutRight-hastrans {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, -50%, 0);
    transform-origin: right center;
  }
}

.zoomOutRight-hastrans {
  animation-name: zoomOutRight-hastrans;
}

@keyframes zoomOutUp-hastrans {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-50%, -50%, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-50%, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp-hastrans {
  animation-name: zoomOutUp-hastrans;
}

@keyframes slideInDown-hastrans {
  from {
    transform: translate3d(-50%, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(-50%, -50%, 0);
  }
}

.slideInDown-hastrans {
  animation-name: slideInDown-hastrans;
}

@keyframes slideInLeft-hastrans {
  from {
    transform: translate3d(-100%, -50%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(-50%, -50%, 0);
  }
}

.slideInLeft-hastrans {
  animation-name: slideInLeft-hastrans;
}

@keyframes slideInRight-hastrans {
  from {
    transform: translate3d(100%, -50%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(-50%, -50%, 0);
  }
}

.slideInRight-hastrans {
  animation-name: slideInRight-hastrans;
}

@keyframes slideInUp-hastrans {
  from {
    transform: translate3d(-50%, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(-50%, -50%, 0);
  }
}

.slideInUp-hastrans {
  animation-name: slideInUp-hastrans;
}

@keyframes slideOutDown-hastrans {
  from {
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-50%, 100%, 0);
  }
}

.slideOutDown-hastrans {
  animation-name: slideOutDown-hastrans;
}

@keyframes slideOutLeft-hastrans {
  from {
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, -50%, 0);
  }
}

.slideOutLeft-hastrans {
  animation-name: slideOutLeft-hastrans;
}

@keyframes slideOutRight-hastrans {
  from {
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, -50%, 0);
  }
}

.slideOutRight-hastrans {
  animation-name: slideOutRight-hastrans;
}

@keyframes slideOutUp-hastrans {
  from {
    transform: translate3d(-50%, -50%, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-50%, -100%, 0);
  }
}

.slideOutUp-hastrans {
  animation-name: slideOutUp-hastrans;
}

/***************************这是原版本***************************/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {

    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}html{line-height:1;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}q,blockquote{quotes:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}a img{border:none;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}@font-face{font-family:'robotothin';src:url("../../fonts/roboto-thin/roboto-thin.eot");src:url("../../fonts/roboto-thin/roboto-thin.eot?iefix") format("embedded-opentype"),url("../../fonts/roboto-thin/roboto-thin.woff") format("woff"),url("../../fonts/roboto-thin/roboto-thin.ttf") format("truetype"),url("../../fonts/roboto-thin/roboto-thin.svg#robotothin") format("svg");font-weight:normal;font-style:normal;}@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){.border-1px::after{-moz-transform:scaleY(0.65);-ms-transform:scaleY(0.65);-webkit-transform:scaleY(0.65);transform:scaleY(0.65);}}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.border-1px::after{-moz-transform:scaleY(0.5);-ms-transform:scaleY(0.5);-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}}@media (-webkit-min-device-pixel-ratio:2.5),(min-device-pixel-ratio:2.5){.border-1px::after{-moz-transform:scaleY(0.4);-ms-transform:scaleY(0.4);-webkit-transform:scaleY(0.4);transform:scaleY(0.4);}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.border-1px::after{-moz-transform:scaleY(0.33);-ms-transform:scaleY(0.33);-webkit-transform:scaleY(0.33);transform:scaleY(0.33);}}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;}html{min-height:100%;}body{display:flex;flex-direction:column;min-height:100%;font-family:'微软雅黑';position:relative;}header{flex:0 0 auto;}.main_content{flex:1 1 auto;background:#edeff0;}footer{flex:0 0 auto;}.dw-color-success{color:#21B384;}.dw-color-success.has-hover:hover{color:#28A47C;}.dw-color-primary{color:#4D96DF;}.dw-color-primary.has-hover:hover{color:#4684C3;}.dw-color-warning{color:#FFBD7A;}.dw-color-warning.has-hover:hover{color:#F0AF6D;}.dw-color-danger{color:#D9534F;}.dw-color-danger.has-hover:hover{color:#C74743;}.dw-color-skyblue{color:#99CCFF;}.dw-color-skyblue.has-hover:hover{color:#8EB5DB;}.dw-color-powderblue{color:#99CCCC;}.dw-color-powderblue.has-hover:hover{color:#85BDBD;}.dw-color-lightpurple{color:#CCCCFF;}.dw-color-lightpurple.has-hover:hover{color:#B8B8E9;}.dw-color-lightgrey{color:#CCCCCC;}.dw-color-lightgrey.has-hover:hover{color:#C5C5C5;}.dw-color-deepred{color:#AA314D;}.dw-color-deepred.has-hover:hover{color:#923248;}.dw-color-disabled{color:#aaaaaa;}.dw-color-disabled.has-hover:hover{color:#aaaaaa;}.dw-bgcolor-success{background-color:#21B384;color:#fff;}.dw-bgcolor-success.has-hover:hover{background-color:#28A47C;}.dw-bgcolor-primary{background-color:#4D96DF;color:#fff;}.dw-bgcolor-primary.has-hover:hover{background-color:#4684C3;}.dw-bgcolor-warning{background-color:#FFBD7A;color:#fff;}.dw-bgcolor-warning.has-hover:hover{background-color:#F0AF6D;}.dw-bgcolor-danger{background-color:#D9534F;color:#fff;}.dw-bgcolor-danger.has-hover:hover{background-color:#C74743;}.dw-bgcolor-skyblue{background-color:#99CCFF;color:#fff;}.dw-bgcolor-skyblue.has-hover:hover{background-color:#8EB5DB;}.dw-bgcolor-powderblue{background-color:#99CCCC;color:#fff;}.dw-bgcolor-powderblue.has-hover:hover{background-color:#85BDBD;}.dw-bgcolor-lightpurple{background-color:#CCCCFF;color:#fff;}.dw-bgcolor-lightpurple.has-hover:hover{background-color:#B8B8E9;}.dw-bgcolor-lightgrey{background-color:#CCCCCC;color:#fff;}.dw-bgcolor-lightgrey.has-hover:hover{background-color:#C5C5C5;}.dw-bgcolor-deepred{background-color:#AA314D;color:#fff;}.dw-bgcolor-deepred.has-hover:hover{background-color:#923248;}.dw-bgcolor-disabled{background-color:#aaaaaa;color:#fff;}.dw-bgcolor-disabled.has-hover:hover{background-color:#aaaaaa;}::selection{background:#21B384;color:#fff;}::-moz-selectionselection{background:#21B384;color:#fff;}.dw-selectColor-success::selection{background:#21B384;color:#fff;}.dw-selectColor-danger::selection{background:#D9534F;color:#fff;}.dw-selectColor-primary::selection{background:#4D96DF;color:#fff;}.dw-selectColor-powderblue::selection{background:#99CCCC;color:#fff;}.dw-selectColor-warning::selection{background:#FFBD7A;color:#fff;}.dw-selectColor-success::-moz-selection{background:#21B384;color:#fff;}.dw-selectColor-danger::-moz-selection{background:#D9534F;color:#fff;}.dw-selectColor-primary::-moz-selection{background:#4D96DF;color:#fff;}.dw-selectColor-powderblue::-moz-selection{background:#99CCCC;color:#fff;}.dw-selectColor-warning::-moz-selection{background:#FFBD7A;color:#fff;}.console{padding:20px 40px;color:#fff;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2Y2NjYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMzM5OTk5Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNjY2NjOTkiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzk5Y2NmZiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjY2NjY2ZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY5OWNjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,#66cccc),color-stop(20%,#339999),color-stop(40%,#cccc99),color-stop(60%,#99ccff),color-stop(80%,#ccccff),color-stop(100%,#ff99cc));background-image:-moz-linear-gradient(left,#66cccc 0%,#339999 20%,#cccc99 40%,#99ccff 60%,#ccccff 80%,#ff99cc 100%);background-image:-webkit-linear-gradient(left,#66cccc 0%,#339999 20%,#cccc99 40%,#99ccff 60%,#ccccff 80%,#ff99cc 100%);background-image:linear-gradient(to right,#66cccc 0%,#339999 20%,#cccc99 40%,#99ccff 60%,#ccccff 80%,#ff99cc 100%);}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;}.flex-center-center-col{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;}.border-1px{position:relative;}.border-1px:after{display:block;width:100%;position:absolute;background:#21B384 !important;left:0;bottom:0;border-top:1px solid #21B384 !important;content:'';}.border-1px.dw-border-primary{position:relative;}.border-1px.dw-border-primary:after{display:block;width:100%;position:absolute;background:#4D96DF !important;left:0;bottom:0;border-top:1px solid #4D96DF !important;content:'';}.border-1px.dw-border-disabled{position:relative;}.border-1px.dw-border-disabled:after{display:block;width:100%;position:absolute;background:#aaaaaa !important;left:0;bottom:0;border-top:1px solid #aaaaaa !important;content:'';}.border-1px.dw-border-danger{position:relative;}.border-1px.dw-border-danger:after{display:block;width:100%;position:absolute;background:#D9534F !important;left:0;bottom:0;border-top:1px solid #D9534F !important;content:'';}.border-1px.dw-border-powderblue{position:relative;}.border-1px.dw-border-powderblue:after{display:block;width:100%;position:absolute;background:#99CCCC !important;left:0;bottom:0;border-top:1px solid #99CCCC !important;content:'';}.dw-fontsize-8{font-size:8px;}.dw-fontsize-10{font-size:10px;}.dw-fontsize-12{font-size:12px;}.dw-fontsize-14{font-size:14px;}.dw-fontsize-16{font-size:16px;}.dw-fontsize-18{font-size:18px;}.dw-fontsize-20{font-size:20px;}.dw-fontsize-22{font-size:22px;}.dw-fontsize-24{font-size:24px;}.dw-fontsize-26{font-size:26px;}.dw-fontsize-28{font-size:28px;}.dw-fontsize-30{font-size:30px;}.dw-fontsize-32{font-size:32px;}input{border:none;outline:none;font-size:14px;}.dw-btn{cursor:pointer;border:none;outline:none;font-size:14px;padding:10px 32px;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#eee;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow-wrap:break-word;}.dw-btn.has-hover:hover{background:#e1e1e1;}.dw-btn.has-active:active{background:#e1e1e1;}.dw-btn.btn-lg{padding:11px 36px;font-size:16px;}.dw-btn.btn{padding:10px 32px;font-size:14px;}.dw-btn.btn-sm{padding:6px 18px;font-size:12px;}.dw-btn.btn-xs{padding:2px 6px;font-size:10px;}.dw-btn.btn-success{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#21B384;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-success.has-hover:hover{background:#28A47C;}.dw-btn.btn-success.has-active:active{background:#28A47C;}.dw-btn.btn-success.btn-empty{background:#21B384;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#21B384;background:#ffffff;border:1px solid #21B384;}.dw-btn.btn-success.btn-empty.has-hover:hover{background:#28A47C;}.dw-btn.btn-success.btn-empty.has-active:active{background:#28A47C;}.dw-btn.btn-success.btn-empty.has-hover:hover{color:#28A47C;background:#ffffff;border:1px solid #28A47C;}.dw-btn.btn-success.btn-reverse-toempty{background:#21B384;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-success.btn-reverse-toempty.has-hover:hover{background:#28A47C;}.dw-btn.btn-success.btn-reverse-toempty.has-active:active{background:#28A47C;}.dw-btn.btn-success.btn-reverse-toempty.has-hover:hover{color:#21B384;background:#ffffff;border:1px solid #21B384;}.dw-btn.btn-success.btn-reverse-tofull{background:#21B384;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#21B384;background:#ffffff;border:1px solid #21B384;}.dw-btn.btn-success.btn-reverse-tofull.has-hover:hover{background:#28A47C;}.dw-btn.btn-success.btn-reverse-tofull.has-active:active{background:#28A47C;}.dw-btn.btn-success.btn-reverse-tofull.has-hover:hover{background:#21B384;color:#ffffff;}.dw-btn.btn-success.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn.btn-primary{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#4D96DF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-primary.has-hover:hover{background:#4684C3;}.dw-btn.btn-primary.has-active:active{background:#4684C3;}.dw-btn.btn-primary.btn-empty{background:#4D96DF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#4D96DF;background:#ffffff;border:1px solid #4D96DF;}.dw-btn.btn-primary.btn-empty.has-hover:hover{background:#4684C3;}.dw-btn.btn-primary.btn-empty.has-active:active{background:#4684C3;}.dw-btn.btn-primary.btn-empty.has-hover:hover{color:#4684C3;background:#ffffff;border:1px solid #4684C3;}.dw-btn.btn-primary.btn-reverse-toempty{background:#4D96DF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-primary.btn-reverse-toempty.has-hover:hover{background:#4684C3;}.dw-btn.btn-primary.btn-reverse-toempty.has-active:active{background:#4684C3;}.dw-btn.btn-primary.btn-reverse-toempty.has-hover:hover{color:#4D96DF;background:#ffffff;border:1px solid #4D96DF;}.dw-btn.btn-primary.btn-reverse-tofull{background:#4D96DF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#4D96DF;background:#ffffff;border:1px solid #4D96DF;}.dw-btn.btn-primary.btn-reverse-tofull.has-hover:hover{background:#4684C3;}.dw-btn.btn-primary.btn-reverse-tofull.has-active:active{background:#4684C3;}.dw-btn.btn-primary.btn-reverse-tofull.has-hover:hover{background:#4D96DF;color:#ffffff;}.dw-btn.btn-primary.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn.btn-warning{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#FFBD7A;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-warning.has-hover:hover{background:#F0AF6D;}.dw-btn.btn-warning.has-active:active{background:#F0AF6D;}.dw-btn.btn-warning.btn-empty{background:#FFBD7A;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#FFBD7A;background:#ffffff;border:1px solid #FFBD7A;}.dw-btn.btn-warning.btn-empty.has-hover:hover{background:#F0AF6D;}.dw-btn.btn-warning.btn-empty.has-active:active{background:#F0AF6D;}.dw-btn.btn-warning.btn-empty.has-hover:hover{color:#F0AF6D;background:#ffffff;border:1px solid #F0AF6D;}.dw-btn.btn-warning.btn-reverse-toempty{background:#FFBD7A;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-warning.btn-reverse-toempty.has-hover:hover{background:#F0AF6D;}.dw-btn.btn-warning.btn-reverse-toempty.has-active:active{background:#F0AF6D;}.dw-btn.btn-warning.btn-reverse-toempty.has-hover:hover{color:#FFBD7A;background:#ffffff;border:1px solid #FFBD7A;}.dw-btn.btn-warning.btn-reverse-tofull{background:#FFBD7A;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#FFBD7A;background:#ffffff;border:1px solid #FFBD7A;}.dw-btn.btn-warning.btn-reverse-tofull.has-hover:hover{background:#F0AF6D;}.dw-btn.btn-warning.btn-reverse-tofull.has-active:active{background:#F0AF6D;}.dw-btn.btn-warning.btn-reverse-tofull.has-hover:hover{background:#FFBD7A;color:#ffffff;}.dw-btn.btn-warning.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn.btn-danger{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#D9534F;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-danger.has-hover:hover{background:#C74743;}.dw-btn.btn-danger.has-active:active{background:#C74743;}.dw-btn.btn-danger.btn-empty{background:#D9534F;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#D9534F;background:#ffffff;border:1px solid #D9534F;}.dw-btn.btn-danger.btn-empty.has-hover:hover{background:#C74743;}.dw-btn.btn-danger.btn-empty.has-active:active{background:#C74743;}.dw-btn.btn-danger.btn-empty.has-hover:hover{color:#C74743;background:#ffffff;border:1px solid #C74743;}.dw-btn.btn-danger.btn-reverse-toempty{background:#D9534F;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-danger.btn-reverse-toempty.has-hover:hover{background:#C74743;}.dw-btn.btn-danger.btn-reverse-toempty.has-active:active{background:#C74743;}.dw-btn.btn-danger.btn-reverse-toempty.has-hover:hover{color:#D9534F;background:#ffffff;border:1px solid #D9534F;}.dw-btn.btn-danger.btn-reverse-tofull{background:#D9534F;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#D9534F;background:#ffffff;border:1px solid #D9534F;}.dw-btn.btn-danger.btn-reverse-tofull.has-hover:hover{background:#C74743;}.dw-btn.btn-danger.btn-reverse-tofull.has-active:active{background:#C74743;}.dw-btn.btn-danger.btn-reverse-tofull.has-hover:hover{background:#D9534F;color:#ffffff;}.dw-btn.btn-danger.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn.btn-default{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#333;border:1px solid #cccccc;background:#ffffff;}.dw-btn.btn-default:hover{background:#e6e6e6;}.dw-btn.btn-default.no-hover{background:#fff;}.dw-btn.btn-default.btn-empty{color:#333;background:#e6e6e6;border:1px solid #cccccc;}.dw-btn.btn-default.btn-empty:hover{border:1px solid #aaa;}.dw-btn.btn-default.btn-empty.no-hover{border:1px solid #ccc;}.dw-btn.btn-default.btn-reverse-toempty{color:#333;background:#e6e6e6;border:1px solid #aaa;}.dw-btn.btn-default.btn-reverse-toempty:hover{border:1px solid #cccccc;background:#ffffff;}.dw-btn.btn-default.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn.btn-deepred{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#AA314D;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-deepred.has-hover:hover{background:#923248;}.dw-btn.btn-deepred.has-active:active{background:#923248;}.dw-btn.btn-deepred.btn-empty{background:#AA314D;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#AA314D;background:#ffffff;border:1px solid #AA314D;}.dw-btn.btn-deepred.btn-empty.has-hover:hover{background:#923248;}.dw-btn.btn-deepred.btn-empty.has-active:active{background:#923248;}.dw-btn.btn-deepred.btn-empty.has-hover:hover{color:#923248;background:#ffffff;border:1px solid #923248;}.dw-btn.btn-deepred.btn-reverse-toempty{background:#AA314D;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-deepred.btn-reverse-toempty.has-hover:hover{background:#923248;}.dw-btn.btn-deepred.btn-reverse-toempty.has-active:active{background:#923248;}.dw-btn.btn-deepred.btn-reverse-toempty.has-hover:hover{color:#AA314D;background:#ffffff;border:1px solid #AA314D;}.dw-btn.btn-deepred.btn-reverse-tofull{background:#AA314D;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#AA314D;background:#ffffff;border:1px solid #AA314D;}.dw-btn.btn-deepred.btn-reverse-tofull.has-hover:hover{background:#923248;}.dw-btn.btn-deepred.btn-reverse-tofull.has-active:active{background:#923248;}.dw-btn.btn-deepred.btn-reverse-tofull.has-hover:hover{background:#AA314D;color:#ffffff;}.dw-btn.btn-deepred.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn.btn-powderblue{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#99CCCC;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-powderblue.has-hover:hover{background:#85BDBD;}.dw-btn.btn-powderblue.has-active:active{background:#85BDBD;}.dw-btn.btn-powderblue.btn-empty{background:#99CCCC;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#99CCCC;background:#ffffff;border:1px solid #99CCCC;}.dw-btn.btn-powderblue.btn-empty.has-hover:hover{background:#85BDBD;}.dw-btn.btn-powderblue.btn-empty.has-active:active{background:#85BDBD;}.dw-btn.btn-powderblue.btn-empty.has-hover:hover{color:#85BDBD;background:#ffffff;border:1px solid #85BDBD;}.dw-btn.btn-powderblue.btn-reverse-toempty{background:#99CCCC;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-powderblue.btn-reverse-toempty.has-hover:hover{background:#85BDBD;}.dw-btn.btn-powderblue.btn-reverse-toempty.has-active:active{background:#85BDBD;}.dw-btn.btn-powderblue.btn-reverse-toempty.has-hover:hover{color:#99CCCC;background:#ffffff;border:1px solid #99CCCC;}.dw-btn.btn-powderblue.btn-reverse-tofull{background:#99CCCC;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#99CCCC;background:#ffffff;border:1px solid #99CCCC;}.dw-btn.btn-powderblue.btn-reverse-tofull.has-hover:hover{background:#85BDBD;}.dw-btn.btn-powderblue.btn-reverse-tofull.has-active:active{background:#85BDBD;}.dw-btn.btn-powderblue.btn-reverse-tofull.has-hover:hover{background:#99CCCC;color:#ffffff;}.dw-btn.btn-powderblue.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn.btn-skyblue{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#99CCFF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-skyblue.has-hover:hover{background:#8EB5DB;}.dw-btn.btn-skyblue.has-active:active{background:#8EB5DB;}.dw-btn.btn-skyblue.btn-empty{background:#99CCFF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#99CCFF;background:#ffffff;border:1px solid #99CCFF;}.dw-btn.btn-skyblue.btn-empty.has-hover:hover{background:#8EB5DB;}.dw-btn.btn-skyblue.btn-empty.has-active:active{background:#8EB5DB;}.dw-btn.btn-skyblue.btn-empty.has-hover:hover{color:#8EB5DB;background:#ffffff;border:1px solid #8EB5DB;}.dw-btn.btn-skyblue.btn-reverse-toempty{background:#99CCFF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-btn.btn-skyblue.btn-reverse-toempty.has-hover:hover{background:#8EB5DB;}.dw-btn.btn-skyblue.btn-reverse-toempty.has-active:active{background:#8EB5DB;}.dw-btn.btn-skyblue.btn-reverse-toempty.has-hover:hover{color:#99CCFF;background:#ffffff;border:1px solid #99CCFF;}.dw-btn.btn-skyblue.btn-reverse-tofull{background:#99CCFF;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#99CCFF;background:#ffffff;border:1px solid #99CCFF;}.dw-btn.btn-skyblue.btn-reverse-tofull.has-hover:hover{background:#8EB5DB;}.dw-btn.btn-skyblue.btn-reverse-tofull.has-active:active{background:#8EB5DB;}.dw-btn.btn-skyblue.btn-reverse-tofull.has-hover:hover{background:#99CCFF;color:#ffffff;}.dw-btn.btn-skyblue.btn-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-btn:disabled{background:#aaaaaa !important;color:#fff !important;border:none !important;}.dw-btn.disabled{background:#aaaaaa !important;color:#fff !important;border:none !important;}.dw-text{cursor:pointer;outline:none;height:32px;font-size:14px;padding:2px 5px;border:1px solid #c4c4c4;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:#fff;color:#333;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;border:1px solid #ccc;}.dw-text.text-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-text.border-r{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-text.has-focus:focus{-moz-box-shadow:0 0 3px 0 #ccc;-webkit-box-shadow:0 0 3px 0 #ccc;box-shadow:0 0 3px 0 #ccc;border:1px solid #c1c1c1;}.dw-text.input-trans{-moz-transition:border,box-shadow 0.3s ease;-o-transition:border,box-shadow 0.3s ease;-webkit-transition:border,box-shadow 0.3s ease;transition:border,box-shadow 0.3s ease;}.dw-text.text-danger{background:#fff;color:#333;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;border:1px solid #D9534F;}.dw-text.text-danger.text-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-text.text-danger.border-r{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.dw-text.text-danger.has-focus:focus{-moz-box-shadow:0 0 3px 0 #F89898;-webkit-box-shadow:0 0 3px 0 #F89898;box-shadow:0 0 3px 0 #F89898;border:1px solid #F89898;}.dw-text.text-warning{background:#fff;color:#333;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;border:1px solid #FFBD7A;}.dw-text.text-warning.text-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-text.text-warning.border-r{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.dw-text.text-warning.has-focus:focus{-moz-box-shadow:0 0 3px 0 #F3D497;-webkit-box-shadow:0 0 3px 0 #F3D497;box-shadow:0 0 3px 0 #F3D497;border:1px solid #F3D497;}.dw-text.text-success{background:#fff;color:#333;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;border:1px solid #21B384;}.dw-text.text-success.text-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-text.text-success.border-r{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.dw-text.text-success.has-focus:focus{-moz-box-shadow:0 0 3px 0 #97E5AD;-webkit-box-shadow:0 0 3px 0 #97E5AD;box-shadow:0 0 3px 0 #97E5AD;border:1px solid #97E5AD;}.dw-text.text-primary{background:#fff;color:#333;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;border:1px solid #4D96DF;}.dw-text.text-primary.text-trans{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.dw-text.text-primary.border-r{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.dw-text.text-primary.has-focus:focus{-moz-box-shadow:0 0 3px 0 #ACE0F5;-webkit-box-shadow:0 0 3px 0 #ACE0F5;box-shadow:0 0 3px 0 #ACE0F5;border:1px solid #ACE0F5;}.dw-boot-container:before,.dw-boot-container:after,.dw-boot-container-fluid:before,.dw-boot-container-fluid:after,.dw-boot-row:before,.dw-boot-row:after{display:table;content:" ";}.dw-boot-container:after,.dw-boot-container-fluid:after,.dw-boot-row:after{clear:both;}.dw-boot-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}@media (min-width:768px){.dw-boot-container{width:750px;}}@media (min-width:992px){.dw-boot-container{width:970px;}}@media (min-width:1200px){.dw-boot-container{width:1170px;}}.dw-boot-container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}.dw-boot-row{margin-right:-15px;margin-left:-15px;}.dw-boot-col-xs-1,.dw-boot-col-sm-1,.dw-boot-col-md-1,.dw-boot-col-lg-1,.dw-boot-col-xs-2,.dw-boot-col-sm-2,.dw-boot-col-md-2,.dw-boot-col-lg-2,.dw-boot-col-xs-3,.dw-boot-col-sm-3,.dw-boot-col-md-3,.dw-boot-col-lg-3,.dw-boot-col-xs-4,.dw-boot-col-sm-4,.dw-boot-col-md-4,.dw-boot-col-lg-4,.dw-boot-col-xs-5,.dw-boot-col-sm-5,.dw-boot-col-md-5,.dw-boot-col-lg-5,.dw-boot-col-xs-6,.dw-boot-col-sm-6,.dw-boot-col-md-6,.dw-boot-col-lg-6,.dw-boot-col-xs-7,.dw-boot-col-sm-7,.dw-boot-col-md-7,.dw-boot-col-lg-7,.dw-boot-col-xs-8,.dw-boot-col-sm-8,.dw-boot-col-md-8,.dw-boot-col-lg-8,.dw-boot-col-xs-9,.dw-boot-col-sm-9,.dw-boot-col-md-9,.dw-boot-col-lg-9,.dw-boot-col-xs-10,.dw-boot-col-sm-10,.dw-boot-col-md-10,.dw-boot-col-lg-10,.dw-boot-col-xs-11,.dw-boot-col-sm-11,.dw-boot-col-md-11,.dw-boot-col-lg-11,.dw-boot-col-xs-12,.dw-boot-col-sm-12,.dw-boot-col-md-12,.dw-boot-col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}.dw-boot-col-xs-1,.dw-boot-col-xs-2,.dw-boot-col-xs-3,.dw-boot-col-xs-4,.dw-boot-col-xs-5,.dw-boot-col-xs-6,.dw-boot-col-xs-7,.dw-boot-col-xs-8,.dw-boot-col-xs-9,.dw-boot-col-xs-10,.dw-boot-col-xs-11,.dw-boot-col-xs-12{float:left;}.dw-boot-col-xs-12{width:100%;}.dw-boot-col-xs-11{width:91.66666667%;}.dw-boot-col-xs-10{width:83.33333333%;}.dw-boot-col-xs-9{width:75%;}.dw-boot-col-xs-8{width:66.66666667%;}.dw-boot-col-xs-7{width:58.33333333%;}.dw-boot-col-xs-6{width:50%;}.dw-boot-col-xs-5{width:41.66666667%;}.dw-boot-col-xs-4{width:33.33333333%;}.dw-boot-col-xs-3{width:25%;}.dw-boot-col-xs-2{width:16.66666667%;}.dw-boot-col-xs-1{width:8.33333333%;}.dw-boot-col-xs-pull-12{right:100%;}.dw-boot-col-xs-pull-11{right:91.66666667%;}.dw-boot-col-xs-pull-10{right:83.33333333%;}.dw-boot-col-xs-pull-9{right:75%;}.dw-boot-col-xs-pull-8{right:66.66666667%;}.dw-boot-col-xs-pull-7{right:58.33333333%;}.dw-boot-col-xs-pull-6{right:50%;}.dw-boot-col-xs-pull-5{right:41.66666667%;}.dw-boot-col-xs-pull-4{right:33.33333333%;}.dw-boot-col-xs-pull-3{right:25%;}.dw-boot-col-xs-pull-2{right:16.66666667%;}.dw-boot-col-xs-pull-1{right:8.33333333%;}.dw-boot-col-xs-pull-0{right:auto;}.dw-boot-col-xs-push-12{left:100%;}.dw-boot-col-xs-push-11{left:91.66666667%;}.dw-boot-col-xs-push-10{left:83.33333333%;}.dw-boot-col-xs-push-9{left:75%;}.dw-boot-col-xs-push-8{left:66.66666667%;}.dw-boot-col-xs-push-7{left:58.33333333%;}.dw-boot-col-xs-push-6{left:50%;}.dw-boot-col-xs-push-5{left:41.66666667%;}.dw-boot-col-xs-push-4{left:33.33333333%;}.dw-boot-col-xs-push-3{left:25%;}.dw-boot-col-xs-push-2{left:16.66666667%;}.dw-boot-col-xs-push-1{left:8.33333333%;}.dw-boot-col-xs-push-0{left:auto;}.dw-boot-col-xs-offset-12{margin-left:100%;}.dw-boot-col-xs-offset-11{margin-left:91.66666667%;}.dw-boot-col-xs-offset-10{margin-left:83.33333333%;}.dw-boot-col-xs-offset-9{margin-left:75%;}.dw-boot-col-xs-offset-8{margin-left:66.66666667%;}.dw-boot-col-xs-offset-7{margin-left:58.33333333%;}.dw-boot-col-xs-offset-6{margin-left:50%;}.dw-boot-col-xs-offset-5{margin-left:41.66666667%;}.dw-boot-col-xs-offset-4{margin-left:33.33333333%;}.dw-boot-col-xs-offset-3{margin-left:25%;}.dw-boot-col-xs-offset-2{margin-left:16.66666667%;}.dw-boot-col-xs-offset-1{margin-left:8.33333333%;}.dw-boot-col-xs-offset-0{margin-left:0;}@media (min-width:768px){.dw-boot-col-sm-1,.dw-boot-col-sm-2,.dw-boot-col-sm-3,.dw-boot-col-sm-4,.dw-boot-col-sm-5,.dw-boot-col-sm-6,.dw-boot-col-sm-7,.dw-boot-col-sm-8,.dw-boot-col-sm-9,.dw-boot-col-sm-10,.dw-boot-col-sm-11,.dw-boot-col-sm-12{float:left;}.dw-boot-col-sm-12{width:100%;}.dw-boot-col-sm-11{width:91.66666667%;}.dw-boot-col-sm-10{width:83.33333333%;}.dw-boot-col-sm-9{width:75%;}.dw-boot-col-sm-8{width:66.66666667%;}.dw-boot-col-sm-7{width:58.33333333%;}.dw-boot-col-sm-6{width:50%;}.dw-boot-col-sm-5{width:41.66666667%;}.dw-boot-col-sm-4{width:33.33333333%;}.dw-boot-col-sm-3{width:25%;}.dw-boot-col-sm-2{width:16.66666667%;}.dw-boot-col-sm-1{width:8.33333333%;}.dw-boot-col-sm-pull-12{right:100%;}.dw-boot-col-sm-pull-11{right:91.66666667%;}.dw-boot-col-sm-pull-10{right:83.33333333%;}.dw-boot-col-sm-pull-9{right:75%;}.dw-boot-col-sm-pull-8{right:66.66666667%;}.dw-boot-col-sm-pull-7{right:58.33333333%;}.dw-boot-col-sm-pull-6{right:50%;}.dw-boot-col-sm-pull-5{right:41.66666667%;}.dw-boot-col-sm-pull-4{right:33.33333333%;}.dw-boot-col-sm-pull-3{right:25%;}.dw-boot-col-sm-pull-2{right:16.66666667%;}.dw-boot-col-sm-pull-1{right:8.33333333%;}.dw-boot-col-sm-pull-0{right:auto;}.dw-boot-col-sm-push-12{left:100%;}.dw-boot-col-sm-push-11{left:91.66666667%;}.dw-boot-col-sm-push-10{left:83.33333333%;}.dw-boot-col-sm-push-9{left:75%;}.dw-boot-col-sm-push-8{left:66.66666667%;}.dw-boot-col-sm-push-7{left:58.33333333%;}.dw-boot-col-sm-push-6{left:50%;}.dw-boot-col-sm-push-5{left:41.66666667%;}.dw-boot-col-sm-push-4{left:33.33333333%;}.dw-boot-col-sm-push-3{left:25%;}.dw-boot-col-sm-push-2{left:16.66666667%;}.dw-boot-col-sm-push-1{left:8.33333333%;}.dw-boot-col-sm-push-0{left:auto;}.dw-boot-col-sm-offset-12{margin-left:100%;}.dw-boot-col-sm-offset-11{margin-left:91.66666667%;}.dw-boot-col-sm-offset-10{margin-left:83.33333333%;}.dw-boot-col-sm-offset-9{margin-left:75%;}.dw-boot-col-sm-offset-8{margin-left:66.66666667%;}.dw-boot-col-sm-offset-7{margin-left:58.33333333%;}.dw-boot-col-sm-offset-6{margin-left:50%;}.dw-boot-col-sm-offset-5{margin-left:41.66666667%;}.dw-boot-col-sm-offset-4{margin-left:33.33333333%;}.dw-boot-col-sm-offset-3{margin-left:25%;}.dw-boot-col-sm-offset-2{margin-left:16.66666667%;}.dw-boot-col-sm-offset-1{margin-left:8.33333333%;}.dw-boot-col-sm-offset-0{margin-left:0;}}@media (min-width:992px){.dw-boot-col-md-1,.dw-boot-col-md-2,.dw-boot-col-md-3,.dw-boot-col-md-4,.dw-boot-col-md-5,.dw-boot-col-md-6,.dw-boot-col-md-7,.dw-boot-col-md-8,.dw-boot-col-md-9,.dw-boot-col-md-10,.dw-boot-col-md-11,.dw-boot-col-md-12{float:left;}.dw-boot-col-md-12{width:100%;}.dw-boot-col-md-11{width:91.66666667%;}.dw-boot-col-md-10{width:83.33333333%;}.dw-boot-col-md-9{width:75%;}.dw-boot-col-md-8{width:66.66666667%;}.dw-boot-col-md-7{width:58.33333333%;}.dw-boot-col-md-6{width:50%;}.dw-boot-col-md-5{width:41.66666667%;}.dw-boot-col-md-4{width:33.33333333%;}.dw-boot-col-md-3{width:25%;}.dw-boot-col-md-2{width:16.66666667%;}.dw-boot-col-md-1{width:8.33333333%;}.dw-boot-col-md-pull-12{right:100%;}.dw-boot-col-md-pull-11{right:91.66666667%;}.dw-boot-col-md-pull-10{right:83.33333333%;}.dw-boot-col-md-pull-9{right:75%;}.dw-boot-col-md-pull-8{right:66.66666667%;}.dw-boot-col-md-pull-7{right:58.33333333%;}.dw-boot-col-md-pull-6{right:50%;}.dw-boot-col-md-pull-5{right:41.66666667%;}.dw-boot-col-md-pull-4{right:33.33333333%;}.dw-boot-col-md-pull-3{right:25%;}.dw-boot-col-md-pull-2{right:16.66666667%;}.dw-boot-col-md-pull-1{right:8.33333333%;}.dw-boot-col-md-pull-0{right:auto;}.dw-boot-col-md-push-12{left:100%;}.dw-boot-col-md-push-11{left:91.66666667%;}.dw-boot-col-md-push-10{left:83.33333333%;}.dw-boot-col-md-push-9{left:75%;}.dw-boot-col-md-push-8{left:66.66666667%;}.dw-boot-col-md-push-7{left:58.33333333%;}.dw-boot-col-md-push-6{left:50%;}.dw-boot-col-md-push-5{left:41.66666667%;}.dw-boot-col-md-push-4{left:33.33333333%;}.dw-boot-col-md-push-3{left:25%;}.dw-boot-col-md-push-2{left:16.66666667%;}.dw-boot-col-md-push-1{left:8.33333333%;}.dw-boot-col-md-push-0{left:auto;}.dw-boot-col-md-offset-12{margin-left:100%;}.dw-boot-col-md-offset-11{margin-left:91.66666667%;}.dw-boot-col-md-offset-10{margin-left:83.33333333%;}.dw-boot-col-md-offset-9{margin-left:75%;}.dw-boot-col-md-offset-8{margin-left:66.66666667%;}.dw-boot-col-md-offset-7{margin-left:58.33333333%;}.dw-boot-col-md-offset-6{margin-left:50%;}.dw-boot-col-md-offset-5{margin-left:41.66666667%;}.dw-boot-col-md-offset-4{margin-left:33.33333333%;}.dw-boot-col-md-offset-3{margin-left:25%;}.dw-boot-col-md-offset-2{margin-left:16.66666667%;}.dw-boot-col-md-offset-1{margin-left:8.33333333%;}.dw-boot-col-md-offset-0{margin-left:0;}}@media (min-width:1200px){.dw-boot-col-lg-1,.dw-boot-col-lg-2,.dw-boot-col-lg-3,.dw-boot-col-lg-4,.dw-boot-col-lg-5,.dw-boot-col-lg-6,.dw-boot-col-lg-7,.dw-boot-col-lg-8,.dw-boot-col-lg-9,.dw-boot-col-lg-10,.dw-boot-col-lg-11,.dw-boot-col-lg-12{float:left;}.dw-boot-col-lg-12{width:100%;}.dw-boot-col-lg-11{width:91.66666667%;}.dw-boot-col-lg-10{width:83.33333333%;}.dw-boot-col-lg-9{width:75%;}.dw-boot-col-lg-8{width:66.66666667%;}.dw-boot-col-lg-7{width:58.33333333%;}.dw-boot-col-lg-6{width:50%;}.dw-boot-col-lg-5{width:41.66666667%;}.dw-boot-col-lg-4{width:33.33333333%;}.dw-boot-col-lg-3{width:25%;}.dw-boot-col-lg-2{width:16.66666667%;}.dw-boot-col-lg-1{width:8.33333333%;}.dw-boot-col-lg-pull-12{right:100%;}.dw-boot-col-lg-pull-11{right:91.66666667%;}.dw-boot-col-lg-pull-10{right:83.33333333%;}.dw-boot-col-lg-pull-9{right:75%;}.dw-boot-col-lg-pull-8{right:66.66666667%;}.dw-boot-col-lg-pull-7{right:58.33333333%;}.dw-boot-col-lg-pull-6{right:50%;}.dw-boot-col-lg-pull-5{right:41.66666667%;}.dw-boot-col-lg-pull-4{right:33.33333333%;}.dw-boot-col-lg-pull-3{right:25%;}.dw-boot-col-lg-pull-2{right:16.66666667%;}.dw-boot-col-lg-pull-1{right:8.33333333%;}.dw-boot-col-lg-pull-0{right:auto;}.dw-boot-col-lg-push-12{left:100%;}.dw-boot-col-lg-push-11{left:91.66666667%;}.dw-boot-col-lg-push-10{left:83.33333333%;}.dw-boot-col-lg-push-9{left:75%;}.dw-boot-col-lg-push-8{left:66.66666667%;}.dw-boot-col-lg-push-7{left:58.33333333%;}.dw-boot-col-lg-push-6{left:50%;}.dw-boot-col-lg-push-5{left:41.66666667%;}.dw-boot-col-lg-push-4{left:33.33333333%;}.dw-boot-col-lg-push-3{left:25%;}.dw-boot-col-lg-push-2{left:16.66666667%;}.dw-boot-col-lg-push-1{left:8.33333333%;}.dw-boot-col-lg-push-0{left:auto;}.dw-boot-col-lg-offset-12{margin-left:100%;}.dw-boot-col-lg-offset-11{margin-left:91.66666667%;}.dw-boot-col-lg-offset-10{margin-left:83.33333333%;}.dw-boot-col-lg-offset-9{margin-left:75%;}.dw-boot-col-lg-offset-8{margin-left:66.66666667%;}.dw-boot-col-lg-offset-7{margin-left:58.33333333%;}.dw-boot-col-lg-offset-6{margin-left:50%;}.dw-boot-col-lg-offset-5{margin-left:41.66666667%;}.dw-boot-col-lg-offset-4{margin-left:33.33333333%;}.dw-boot-col-lg-offset-3{margin-left:25%;}.dw-boot-col-lg-offset-2{margin-left:16.66666667%;}.dw-boot-col-lg-offset-1{margin-left:8.33333333%;}.dw-boot-col-lg-offset-0{margin-left:0;}}.bg-color-success{background:#21B384;text-align:center;}.bg-color-success:before{content:"success";}.bg-color-success:hover{background:#28A47C;}.bg-color-success:hover:before{content:"hover";}.bg-color-primary{background:#4D96DF;text-align:center;}.bg-color-primary:before{content:"primary";}.bg-color-primary:hover{background:#4684C3;}.bg-color-primary:hover:before{content:"hover";}.bg-color-danger{background:#D9534F;text-align:center;}.bg-color-danger:before{content:"danger";}.bg-color-danger:hover{background:#C74743;}.bg-color-danger:hover:before{content:"hover";}.bg-color-warning{background:#FFBD7A;text-align:center;}.bg-color-warning:before{content:'warning';}.bg-color-warning:hover{background:#F0AF6D;}.bg-color-warning:hover:before{content:'hover';}.bg-color-skyblue{background:#99CCFF;text-align:center;}.bg-color-skyblue:before{content:"skyblue";}.bg-color-skyblue:hover{background:#8EB5DB;}.bg-color-skyblue:hover:before{content:"hover";}.bg-color-powderblue{background:#99CCCC;text-align:center;}.bg-color-powderblue:before{content:"powderblue";}.bg-color-powderblue:hover{background:#85BDBD;}.bg-color-powderblue:hover:before{content:"hover";}.bg-color-springgreen{background:#66CC99;text-align:center;}.bg-color-springgreen:before{content:"springgreen";}.bg-color-springgreen:hover{background:#5AB588;}.bg-color-springgreen:hover:before{content:"hover";}.bg-color-lightpurple{background:#CCCCFF;text-align:center;}.bg-color-lightpurple:before{content:'lightpurple';}.bg-color-lightpurple:hover{background:#B8B8E9;}.bg-color-lightpurple:hover:before{content:'hover';}.bg-color-deepred{background:#AA314D;text-align:center;}.bg-color-deepred:before{content:'deepred';}.bg-color-deepred:hover{background:#923248;}.bg-color-deepred:hover:before{content:'hover';}.bg-color-lightgrey{background:#CCCCCC;text-align:center;}.bg-color-lightgrey:before{content:'lightgrey';}.bg-color-lightgrey:hover{background:#C5C5C5;}.bg-color-lightgrey:hover:before{content:'hover';}.bg-color-default{background:#ffffff;text-align:center;}.bg-color-default:before{content:'default';color:#aaa;}.bg-color-default:hover{background:#e6e6e6;}.bg-color-default:hover:before{content:'hover';color:#fff;}