@charset "UTF-8";
/* bootstrap scss mixins overwrite */
html,
body {
  height: 100%;
  font-size: 16px; }

html.iframe, html.iframe body {
  min-width: 0; }

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px; }

.wrap > .container {
  padding: 20px 15px 20px; }

.jumbotron {
  text-align: center;
  background-color: transparent; }

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px; }

.not-set {
  color: #c55;
  font-style: italic; }

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px; }

a.asc:after {
  content: "\e151"; }

a.desc:after {
  content: "\e152"; }

.sort-numerical a.asc:after {
  content: "\e153"; }

.sort-numerical a.desc:after {
  content: "\e154"; }

.sort-ordinal a.asc:after {
  content: "\e155"; }

.sort-ordinal a.desc:after {
  content: "\e156"; }

.grid-view td {
  white-space: nowrap; }

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px; }

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999; }

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0; }

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
  padding: 15px;
  border: none; }

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px; } }
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none; }

.nav > li > form > button.logout:focus {
  outline: none; }

.mb10 {
  margin-bottom: 10px; }

.btn-white-alpha {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: white; }
  .btn-white-alpha:focus, .btn-white-alpha.focus {
    color: white;
    background-color: rgba(230, 230, 230, 0.2);
    border-color: #bfbfbf; }
  .btn-white-alpha:hover {
    color: white;
    background-color: rgba(230, 230, 230, 0.2);
    border-color: #e0e0e0; }
  .btn-white-alpha:active, .btn-white-alpha.active, .open > .btn-white-alpha.dropdown-toggle {
    color: white;
    background-color: rgba(230, 230, 230, 0.2);
    border-color: #e0e0e0; }
    .btn-white-alpha:active:hover, .btn-white-alpha:active:focus, .btn-white-alpha:active.focus, .btn-white-alpha.active:hover, .btn-white-alpha.active:focus, .btn-white-alpha.active.focus, .open > .btn-white-alpha.dropdown-toggle:hover, .open > .btn-white-alpha.dropdown-toggle:focus, .open > .btn-white-alpha.dropdown-toggle.focus {
      color: white;
      background-color: rgba(212, 212, 212, 0.2);
      border-color: #bfbfbf; }
  .btn-white-alpha:active:hover, .btn-white-alpha:active:focus, .btn-white-alpha:active.focus, .btn-white-alpha.active:hover, .btn-white-alpha.active:focus, .btn-white-alpha.active.focus, .btn-white-alpha.disabled:hover, .btn-white-alpha.disabled:focus, .btn-white-alpha.disabled.focus, .btn-white-alpha[disabled]:hover, .btn-white-alpha[disabled]:focus, .btn-white-alpha[disabled].focus, fieldset[disabled] .btn-white-alpha:hover, fieldset[disabled] .btn-white-alpha:focus, fieldset[disabled] .btn-white-alpha.focus {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: white; }
  .btn-white-alpha .badge {
    color: rgba(255, 255, 255, 0.2);
    background-color: white; }

.btn-noborder {
  border-width: 0 !important; }

.btn-border {
  border-width: 1px !important; }

.btn-border2 {
  border-width: 2px !important; }

.btn-noradius {
  border-radius: 0 !important; }

.btn-lg {
  font-size: 16px;
  padding-left: 30px;
  padding-right: 30px; }

.btn-long {
  font-size: 16px;
  padding: 10px 60px; }

.btn-round {
  border-radius: 18px; }
  .btn-round.btn-lg {
    border-radius: 22px; }
  .btn-round.btn-long {
    border-radius: 22px; }

.btn-hollow-white {
  border: 1px solid white;
  border-radius: 0;
  color: white; }
  .btn-hollow-white:hover, .btn-hollow-white:focus {
    color: white;
    text-decoration: underline; }

.btn-hollow {
  color: #2C69FF;
  border-color: #2C69FF; }
  .btn-hollow:focus, .btn-hollow.focus {
    color: #0039c5;
    border-color: #0039c5; }
  .btn-hollow:hover {
    color: #0039c5;
    border-color: #0039c5; }
  .btn-hollow:active, .btn-hollow.active, .open > .btn-hollow.dropdown-toggle {
    color: #0039c5;
    border-color: #0039c5; }
    .btn-hollow:active:hover, .btn-hollow:active:focus, .btn-hollow:active.focus, .btn-hollow.active:hover, .btn-hollow.active:focus, .btn-hollow.active.focus, .open > .btn-hollow.dropdown-toggle:hover, .open > .btn-hollow.dropdown-toggle:focus, .open > .btn-hollow.dropdown-toggle.focus {
      color: #0039c5;
      border-color: #0039c5; }
  .btn-hollow:active:hover, .btn-hollow:active:focus, .btn-hollow:active.focus, .btn-hollow.active:hover, .btn-hollow.active:focus, .btn-hollow.active.focus, .btn-hollow.disabled:hover, .btn-hollow.disabled:focus, .btn-hollow.disabled.focus, .btn-hollow[disabled]:hover, .btn-hollow[disabled]:focus, .btn-hollow[disabled].focus, fieldset[disabled] .btn-hollow:hover, fieldset[disabled] .btn-hollow:focus, fieldset[disabled] .btn-hollow.focus {
    border-color: #2C69FF; }
  .btn-hollow .badge {
    color: #2C69FF; }

.btn-second {
  border: 1px solid #dbdbdb;
  border-radius: 0;
  color: #999999; }

.btn-prime {
  border: 0;
  background: linear-gradient(to right, #2C69FF, #2CBBFF);
  color: white;
  padding-top: 11px;
  padding-bottom: 11px; }
  .btn-prime:hover, .btn-prime:focus {
    color: white;
    background: linear-gradient(to right, #0048f8, #00a8f8); }

.btn-primary {
  color: white;
  background-color: #39a0ff;
  border-color: #39a0ff; }
  .btn-primary:focus, .btn-primary.focus {
    color: white;
    background-color: #0688ff;
    border-color: #0060b9; }
  .btn-primary:hover {
    color: white;
    background-color: #0688ff;
    border-color: #0082fb; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: white;
    background-color: #0688ff;
    border-color: #0082fb; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: white;
      background-color: #0075e1;
      border-color: #0060b9; }
  .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #39a0ff;
    border-color: #39a0ff; }
  .btn-primary .badge {
    color: #39a0ff;
    background-color: white; }

.btn-prev {
  color: #39a0ff;
  background-color: #dde4ea;
  border-color: #dde4ea; }
  .btn-prev:focus, .btn-prev.focus {
    color: #39a0ff;
    background-color: #bdcbd7;
    border-color: #8ea5b9; }
  .btn-prev:hover {
    color: #39a0ff;
    background-color: #bdcbd7;
    border-color: #b7c6d3; }
  .btn-prev:active, .btn-prev.active, .open > .btn-prev.dropdown-toggle {
    color: #39a0ff;
    background-color: #bdcbd7;
    border-color: #b7c6d3; }
    .btn-prev:active:hover, .btn-prev:active:focus, .btn-prev:active.focus, .btn-prev.active:hover, .btn-prev.active:focus, .btn-prev.active.focus, .open > .btn-prev.dropdown-toggle:hover, .open > .btn-prev.dropdown-toggle:focus, .open > .btn-prev.dropdown-toggle.focus {
      color: #39a0ff;
      background-color: #a7b9c9;
      border-color: #8ea5b9; }
  .btn-prev:active:hover, .btn-prev:active:focus, .btn-prev:active.focus, .btn-prev.active:hover, .btn-prev.active:focus, .btn-prev.active.focus, .btn-prev.disabled:hover, .btn-prev.disabled:focus, .btn-prev.disabled.focus, .btn-prev[disabled]:hover, .btn-prev[disabled]:focus, .btn-prev[disabled].focus, fieldset[disabled] .btn-prev:hover, fieldset[disabled] .btn-prev:focus, fieldset[disabled] .btn-prev.focus {
    background-color: #dde4ea;
    border-color: #dde4ea; }
  .btn-prev .badge {
    color: #dde4ea;
    background-color: #39a0ff; }

.btn-next {
  color: white;
  background-color: #39a0ff;
  border-color: #39a0ff; }
  .btn-next:focus, .btn-next.focus {
    color: white;
    background-color: #0688ff;
    border-color: #0060b9; }
  .btn-next:hover {
    color: white;
    background-color: #0688ff;
    border-color: #0082fb; }
  .btn-next:active, .btn-next.active, .open > .btn-next.dropdown-toggle {
    color: white;
    background-color: #0688ff;
    border-color: #0082fb; }
    .btn-next:active:hover, .btn-next:active:focus, .btn-next:active.focus, .btn-next.active:hover, .btn-next.active:focus, .btn-next.active.focus, .open > .btn-next.dropdown-toggle:hover, .open > .btn-next.dropdown-toggle:focus, .open > .btn-next.dropdown-toggle.focus {
      color: white;
      background-color: #0075e1;
      border-color: #0060b9; }
  .btn-next:active:hover, .btn-next:active:focus, .btn-next:active.focus, .btn-next.active:hover, .btn-next.active:focus, .btn-next.active.focus, .btn-next.disabled:hover, .btn-next.disabled:focus, .btn-next.disabled.focus, .btn-next[disabled]:hover, .btn-next[disabled]:focus, .btn-next[disabled].focus, fieldset[disabled] .btn-next:hover, fieldset[disabled] .btn-next:focus, fieldset[disabled] .btn-next.focus {
    background-color: #39a0ff;
    border-color: #39a0ff; }
  .btn-next .badge {
    color: #39a0ff;
    background-color: white; }

.btn-full {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row; }
  .btn-full > .btn {
    margin-top: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.btn-live {
  border: 0;
  background: #FFBF35;
  color: #914E00;
  padding: 14px 130px;
  font-size: 35px;
  border-radius: 40px;
  font-family: PingFangSC-Semibold, PingFang SC; }
  .btn-live:hover, .btn-live:focus {
    color: #914E00;
    background: #FFBF35; }

.box-shadow20 {
  -webkit-box-shadow: 0px 3px 20px 0px rgba(170, 188, 215, 0.4);
  -moz-box-shadow: 0px 3px 20px 0px rgba(170, 188, 215, 0.4);
  -ms-box-shadow: 0px 3px 20px 0px rgba(170, 188, 215, 0.4);
  box-shadow: 0px 3px 20px 0px rgba(170, 188, 215, 0.4); }

.flex-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row; }

.flex-row-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .flex-row-wrap.row:before, .flex-row-wrap.row:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden; }

.flex-row-middle {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  box-align: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.flex-column {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column; }

.flex-column-middle {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  box-align: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.justify-center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }

.justify-end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end; }

.justify-content-around {
  justify-content: space-around; }

.justify-content-between {
  justify-content: space-between; }

.align-center {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  box-align: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center; }

.items-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.flex1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flex2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.flex3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -moz-flex: 3;
  -ms-flex: 3;
  flex: 3; }

.flex4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-box-flex: 4;
  box-flex: 4;
  -webkit-flex: 4;
  -moz-flex: 4;
  -ms-flex: 4;
  flex: 4; }

.flex5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -ms-box-flex: 5;
  box-flex: 5;
  -webkit-flex: 5;
  -moz-flex: 5;
  -ms-flex: 5;
  flex: 5; }

.flex-v-center {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.flex-center {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }

.table-middle th, .table-middle td {
  text-align: center;
  vertical-align: middle !important; }

.tb-wrap {
  margin-left: -15px;
  margin-right: -15px; }
  .tb-wrap .tb-cell {
    padding-left: 15px;
    padding-right: 15px; }

.tb {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .tb .tb-cell {
    display: table-cell; }
    .tb .tb-cell.va-middle {
      vertical-align: middle; }
  .tb.col2 .tb-cell {
    width: 50%; }
  .tb.col3 .tb-cell {
    width: 33.3333333333%; }
  .tb.col4 .tb-cell {
    width: 25%; }
  .tb.col5 .tb-cell {
    width: 20%; }
  @media (min-width: 480px) and (max-width: 767px) {
    .tb.xs-col2 .tb-cell {
      width: 50%; }
    .tb.xs-col3 .tb-cell {
      width: 33.3333333333%; }
    .tb.xs-col4 .tb-cell {
      width: 25%; }
    .tb.xs-col5 .tb-cell {
      width: 20%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .tb.sm-col2 .tb-cell {
      width: 50%; }
    .tb.sm-col3 .tb-cell {
      width: 33.3333333333%; }
    .tb.sm-col4 .tb-cell {
      width: 25%; }
    .tb.sm-col5 .tb-cell {
      width: 20%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .tb.md-col2 .tb-cell {
      width: 50%; }
    .tb.md-col3 .tb-cell {
      width: 33.3333333333%; }
    .tb.md-col4 .tb-cell {
      width: 25%; }
    .tb.md-col5 .tb-cell {
      width: 20%; } }
  @media (min-width: 1200px) {
    .tb.lg-col2 .tb-cell {
      width: 50%; }
    .tb.lg-col3 .tb-cell {
      width: 33.3333333333%; }
    .tb.lg-col4 .tb-cell {
      width: 25%; }
    .tb.lg-col5 .tb-cell {
      width: 20%; } }

.block {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  -moz-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  -ms-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4); }
  .block .block-header {
    margin: -19px -19px 0;
    padding: 15px; }
  .block .block-footer {
    margin: 0 -19px -19px; }
    .block .block-footer.btn-full > .btn {
      height: 104px;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 102px; }
  .block.block-primary .block-header {
    background: #39a0ff;
    color: white; }

.block-lg {
  padding: 24px;
  border-radius: 10px; }
  .block-lg .block-header {
    margin: -24px -24px 0; }
  .block-lg .block-footer {
    margin: 0 -24px -24px; }

.block-sm {
  padding: 9px;
  border-radius: 6px; }
  .block-sm .block-header {
    margin: -9px -9px 0; }
  .block-sm .block-footer {
    margin: 0 -9px -9px; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.panel-primary {
  border-color: #39a0ff;
  overflow: hidden;
  border: 0;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  -moz-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  -ms-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4); }
  .panel-primary > .panel-heading {
    color: white;
    background-color: #39a0ff;
    border-color: #39a0ff; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #39a0ff; }
    .panel-primary > .panel-heading .badge {
      color: #39a0ff;
      background-color: white; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #39a0ff; }
  .panel-primary.panel-hover > .panel-heading:hover {
    background-color: #0688ff;
    border-color: #0688ff; }
  .panel-primary > .panel-heading {
    border: 0; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-width: 0; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom: 0; }

.panel-plain {
  border-color: white;
  overflow: hidden;
  border: 0;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  -moz-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  -ms-box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4);
  box-shadow: 0px 10px 30px 0px rgba(170, 188, 215, 0.4); }
  .panel-plain > .panel-heading {
    color: #222222;
    background-color: white;
    border-color: white; }
    .panel-plain > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: white; }
    .panel-plain > .panel-heading .badge {
      color: white;
      background-color: #222222; }
  .panel-plain > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: white; }
  .panel-plain.panel-hover > .panel-heading:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6; }
  .panel-plain > .panel-heading {
    border: 0; }
    .panel-plain > .panel-heading + .panel-collapse > .panel-body {
      border-width: 0; }
  .panel-plain > .panel-footer + .panel-collapse > .panel-body {
    border-bottom: 0; }
  .panel-plain .panel-heading {
    border-bottom: 1px solid #f2f6f9; }

.accordion > .panel {
  border-radius: 6px; }
  .accordion > .panel > .panel-heading > a {
    color: white;
    padding: 15px;
    display: block;
    margin: -10px -15px;
    text-decoration: none; }
  .accordion > .panel + .panel {
    margin-top: 10px; }

.modal-footer.btn-full {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row; }
  .modal-footer.btn-full > .btn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block; }

.modal.strict-content .modal-body {
  padding: 0; }

@media (min-width: 768px) {
  .modal-max-sm {
    max-width: 450px; } }
.exercise-view .exr-heading {
  background: #f4f4f4;
  border-radius: 6px;
  padding: 10px 15px;
  overflow: hidden;
  color: #888888;
  margin-bottom: 25px; }
  .exercise-view .exr-heading .exr-caption {
    float: left; }
  .exercise-view .exr-heading .exr-progress {
    float: right; }
  .exercise-view .exr-heading .cur {
    color: #39a0ff; }
.exercise-view .field-heading > div, .exercise-view .field-body > div {
  margin-bottom: 15px; }
.exercise-view .field-heading, .exercise-view .field-body, .exercise-view .field-footer {
  width: 82.4074074074%;
  margin: auto; }
  @media (max-width: 992px) {
    .exercise-view .field-heading, .exercise-view .field-body, .exercise-view .field-footer {
      width: 85%; } }
.exercise-view .field-footer {
  background: #f4f4f4;
  padding: 15px;
  display: none;
  margin-top: 15px; }
.exercise-view .field-number {
  display: none; }
.exercise-view .field-audio {
  text-align: center; }
  .exercise-view .field-audio > div {
    display: inline-block; }
.exercise-view .field-image {
  text-align: center; }
.exercise-view .field-ctl {
  max-width: 82.4074074074%;
  margin: auto; }
.exercise-view .field-subject > div, .exercise-view .field-question > div, .exercise-view .field-answer > div, .exercise-view .field-reviews > div {
  display: inline-block;
  text-align: left; }
.exercise-view .field-subject p {
  letter-spacing: 1px; }
.exercise-view .text-indent {
  text-indent: 2em; }
.exercise-view .field-no {
  position: absolute;
  left: 15px;
  top: 20px;
  color: #39a0ff; }
.exercise-view .field-option {
  background: #e1f1ff;
  padding: 20px 15px 20px 35px;
  border-radius: 6px;
  text-align: left;
  color: #646466;
  position: relative;
  cursor: pointer;
  letter-spacing: 1px; }
  .exercise-view .field-option:hover {
    background: #c8e5ff; }
  .exercise-view .field-option p {
    margin: 0;
    padding: 0; }
.exercise-view .field-option-wrap {
  position: relative;
  float: left;
  width: 100%;
  padding: 6px; }
  .exercise-view .field-option-wrap.inline {
    display: inline;
    width: auto; }
    .exercise-view .field-option-wrap.inline .field-option {
      display: inline-block;
      padding-left: 15px;
      padding-top: 7px;
      padding-bottom: 7px; }
  .exercise-view .field-option-wrap.field-image {
    padding: 0;
    width: 50%; }
    .exercise-view .field-option-wrap.field-image:before {
      content: '';
      display: block;
      padding-top: 61.8%; }
    .exercise-view .field-option-wrap.field-image .field-option {
      position: absolute;
      left: 6px;
      top: 6px;
      right: 6px;
      bottom: 6px; }
  .exercise-view .field-option-wrap.disabled .field-option {
    cursor: not-allowed;
    background-color: #eee; }
  .exercise-view .field-option-wrap img {
    max-width: 100%;
    max-height: 100%; }
.exercise-view .field-options, .exercise-view .field-items {
  position: relative;
  overflow: hidden;
  margin: -6px;
  text-align: center; }
  .exercise-view .field-options.inline-block, .exercise-view .field-items.inline-block {
    width: auto; }
  .exercise-view .field-options.cols-2 .field-option-wrap, .exercise-view .field-items.cols-2 .field-option-wrap {
    width: 50%; }
  .exercise-view .field-options.cols-2 .field-option, .exercise-view .field-items.cols-2 .field-option {
    text-align: center; }
  @media (min-width: 992px) {
    .exercise-view .field-options.cols-md-2 .field-option-wrap, .exercise-view .field-items.cols-md-2 .field-option-wrap {
      width: 50%; }
    .exercise-view .field-options.cols-md-2 .field-option, .exercise-view .field-items.cols-md-2 .field-option {
      text-align: center; } }
  @media (min-width: 1200px) {
    .exercise-view .field-options.cols-lg-2 .field-option-wrap, .exercise-view .field-items.cols-lg-2 .field-option-wrap {
      width: 50%; }
    .exercise-view .field-options.cols-lg-2 .field-option, .exercise-view .field-items.cols-lg-2 .field-option {
      text-align: center; } }
.exercise-view .field-reviews {
  display: none; }
  .exercise-view .field-reviews p {
    text-indent: 2em; }
.exercise-view .ans-hide {
  display: none !important; }
.exercise-view .field-answer {
  color: #2cc8a1; }
  .exercise-view .field-answer label {
    color: #333;
    padding-right: 15px; }
    .exercise-view .field-answer label + div {
      margin-left: 15px; }
    .exercise-view .field-answer label + ol {
      padding-left: 33px; }
  .exercise-view .field-answer span + label {
    margin-left: 25px; }
  .exercise-view .field-answer .wrong {
    color: #ff5959; }
  .exercise-view .field-answer .right {
    color: #2cc8a1; }
  .exercise-view .field-answer .default {
    color: #333; }
.exercise-view .field-user-answer label {
  color: #333 !important;
  padding-right: 15px; }
.exercise-view .field-counter {
  padding-top: 10px;
  color: #999999; }
.exercise-view.ans-wrong .field-user-answer {
  color: #ff5959; }
.exercise-view.ans-right .field-user-answer {
  color: #2cc8a1; }
.exercise-view .child-number {
  color: #39a0ff;
  text-align: center;
  padding: 0 10px;
  border-bottom: 1px solid #39a0ff; }
.exercise-view .exercise-child {
  margin-top: 15px; }
  .exercise-view .exercise-child .field-heading, .exercise-view .exercise-child .field-body, .exercise-view .exercise-child .field-footer {
    width: auto; }
  .exercise-view .exercise-child:first-child {
    border-top: 1px dashed #e4e4e4;
    padding-top: 15px; }
  .exercise-view .exercise-child .field-heading {
    position: relative;
    overflow: hidden;
    color: #333333;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 35px; }
  .exercise-view .exercise-child .field-number {
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
    .exercise-view .exercise-child .field-number:after {
      content: '、'; }
  .exercise-view .exercise-child .field-number, .exercise-view .exercise-child .field-subject {
    font-weight: bold; }
  .exercise-view .exercise-child.exercise-dxz-xm .field-number {
    top: 15px; }
  .exercise-view .exercise-child.exercise-dxz-xm .field-subject {
    padding-top: 15px; }
  .exercise-view .exercise-child.exercise-dxz-xm .field-option {
    padding: 9px 21px; }
  .exercise-view .exercise-child.exercise-dyt-child {
    margin-top: 0;
    padding: 15px;
    cursor: pointer;
    border-radius: 4px; }
    .exercise-view .exercise-child.exercise-dyt-child .field-heading {
      padding-right: 50px; }
    .exercise-view .exercise-child.exercise-dyt-child .field-subject, .exercise-view .exercise-child.exercise-dyt-child p {
      margin-bottom: 0; }
    .exercise-view .exercise-child.exercise-dyt-child:hover, .exercise-view .exercise-child.exercise-dyt-child.selected {
      background-color: #e1f1ff; }
  .exercise-view .exercise-child .field-select {
    position: absolute;
    top: -2px;
    right: 0;
    padding: 0 10px;
    width: 40px;
    text-align: center;
    color: #39a0ff; }
    .exercise-view .exercise-child .field-select:before {
      content: '(';
      position: absolute;
      top: 0;
      left: 0; }
    .exercise-view .exercise-child .field-select:after {
      content: ')';
      position: absolute;
      top: 0;
      right: 0; }
.exercise-view .field-option-wrap.active .field-no {
  color: white; }
.exercise-view .field-option-wrap.active .field-option {
  color: white;
  background: #2C69FF !important; }
.exercise-view .field-inline-group {
  margin: -22px !important; }
  .exercise-view .field-inline-group > div {
    display: inline-block;
    margin: 22px;
    vertical-align: middle;
    overflow: visible; }
    .exercise-view .field-inline-group > div + div:before {
      position: absolute;
      content: '';
      top: 13px;
      bottom: 13px;
      left: -30px;
      width: 1px;
      background: #e0e0e0; }
.exercise-view .btn[disabled] {
  border-color: #c5c5c5;
  background-color: #c5c5c5;
  opacity: 1; }
.exercise-view .char-count {
  text-align: right;
  color: #39a0ff; }
  .exercise-view .char-count .char-less {
    color: #ff5959; }
.exercise-view.exercise-pxt .field-selection {
  position: relative;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 20px; }
  .exercise-view.exercise-pxt .field-selection:after {
    content: '';
    position: absolute;
    top: 21px;
    bottom: 36px;
    right: 100px;
    width: 1px;
    background: #e0e0e0; }
.exercise-view.exercise-pxt .field-selection-control {
  text-align: center;
  display: inline-block; }
  .exercise-view.exercise-pxt .field-selection-control > span {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #39a0ff;
    margin: 3px;
    cursor: pointer;
    line-height: 60px; }
    .exercise-view.exercise-pxt .field-selection-control > span:hover {
      background: #e1f1ff; }
    .exercise-view.exercise-pxt .field-selection-control > span.ui-sortable-placeholder {
      border-style: dashed;
      visibility: visible !important; }
      .exercise-view.exercise-pxt .field-selection-control > span.ui-sortable-placeholder:before {
        content: ' ';
        display: inline-block; }
  .exercise-view.exercise-pxt .field-selection-control.ui-sortable > span {
    cursor: move; }
.exercise-view.exercise-pxt .field-option.active {
  color: white;
  background: #39a0ff !important; }
  .exercise-view.exercise-pxt .field-option.active .field-no {
    color: white; }
.exercise-view.exercise-pxt .field-selection-confirm {
  position: absolute;
  top: 16px;
  right: 0;
  padding-left: 25px;
  padding-right: 25px; }
.exercise-view.exercise-zjt .field-body {
  position: relative; }
.exercise-view.exercise-zjt .field-selection {
  text-align: left;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 20px;
  min-height: 58px;
  padding-right: 120px; }
  .exercise-view.exercise-zjt .field-selection .field-option {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid #39a0ff;
    color: #39a0ff; }
    .exercise-view.exercise-zjt .field-selection .field-option:hover {
      background: #c8e5ff; }
    .exercise-view.exercise-zjt .field-selection .field-option.ui-sortable-placeholder {
      border-style: dashed;
      visibility: visible !important; }
      .exercise-view.exercise-zjt .field-selection .field-option.ui-sortable-placeholder:before {
        content: ' ';
        display: inline-block; }
  .exercise-view.exercise-zjt .field-selection.ui-sortable .field-option {
    cursor: move; }
  .exercise-view.exercise-zjt .field-selection:after {
    content: '';
    position: absolute;
    top: 11px;
    height: 24px;
    right: 100px;
    width: 1px;
    background: #e0e0e0; }
.exercise-view.exercise-zjt .field-selection-confirm {
  position: absolute;
  top: 4px;
  right: 0;
  padding-left: 25px;
  padding-right: 25px; }
.exercise-view.exercise-zjt .field-items .field-option.disabled {
  background: #eee;
  cursor: not-allowed; }
.exercise-view.exercise-zjt .field-items .field-option.active {
  background: #39a0ff;
  color: white; }
  .exercise-view.exercise-zjt .field-items .field-option.active:hover {
    color: white;
    background: #2094ff; }
.exercise-view.exercise-xwz .field-subject input {
  width: 50px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center; }
.exercise-view.exercise-xwz .xwz-word {
  color: #fa6808; }
.exercise-view.exercise-xwz .xwz-preview {
  height: auto !important;
  white-space: pre-wrap;
  background-color: #eee; }
.exercise-view.exercise-sxt label {
  font-weight: normal; }
.exercise-view.exercise-sxt input {
  margin-bottom: 15px; }
.exercise-view.exercise-tkt .child-number {
  color: #888888;
  position: relative;
  cursor: pointer; }
  .exercise-view.exercise-tkt .child-number .child-select {
    color: #39a0ff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .exercise-view.exercise-tkt .child-number:hover, .exercise-view.exercise-tkt .child-number.selected {
    background-color: #e1f1ff; }
  .exercise-view.exercise-tkt .child-number[data-no] .child-select {
    background-color: white; }
  .exercise-view.exercise-tkt .child-number[data-no]:hover .child-select, .exercise-view.exercise-tkt .child-number[data-no].selected .child-select {
    background-color: #e1f1ff; }

.exercise-reviews.exercise-view .rev-hide {
  display: none; }
.exercise-reviews.exercise-view .field-option-wrap.right .field-no, .exercise-reviews.exercise-view .field-option-wrap.answer .field-no {
  color: white; }
.exercise-reviews.exercise-view .field-option-wrap.right .field-option, .exercise-reviews.exercise-view .field-option-wrap.answer .field-option {
  color: white;
  background: #2cc8a1 !important; }
.exercise-reviews.exercise-view .field-option-wrap.wrong .field-no {
  color: white; }
.exercise-reviews.exercise-view .field-option-wrap.wrong .field-option {
  color: white;
  background: #ff5959 !important; }
.exercise-reviews.exercise-view .field-footer {
  display: block; }
.exercise-reviews.exercise-view .ans-hide {
  display: block !important; }
.exercise-reviews.exercise-view .field-reviews {
  display: block; }
.exercise-reviews.exercise-view.ans-right .field-select, .exercise-reviews.exercise-view.ans-right .field-value {
  color: #2cc8a1; }
.exercise-reviews.exercise-view.ans-wrong .field-select, .exercise-reviews.exercise-view.ans-wrong .field-value {
  color: #ff5959; }

.exercise-practice .exr-practice-hide {
  display: none; }

.exercise-test .exr-test-hide {
  display: none; }
.exercise-test .exercise-zjt .field-selection {
  text-align: center;
  padding-right: 0; }
  .exercise-test .exercise-zjt .field-selection:after {
    display: none; }
.exercise-test .exercise-pxt .field-selection {
  text-align: center; }
  .exercise-test .exercise-pxt .field-selection .field-selection-control {
    display: block; }
  .exercise-test .exercise-pxt .field-selection:after {
    display: none; }

.test-exercise-view .exr-numbers {
  margin: -9px;
  padding: 0;
  list-style: none; }
  .test-exercise-view .exr-numbers li {
    display: inline-block;
    list-style: none;
    width: 25%;
    text-align: center; }
    @media (min-width: 480px) {
      .test-exercise-view .exr-numbers li {
        width: 16.6666666667%; } }
    @media (min-width: 992px) {
      .test-exercise-view .exr-numbers li {
        width: 33.3333333333%; } }
    @media (min-width: 1200px) {
      .test-exercise-view .exr-numbers li {
        width: 20%; } }
    .test-exercise-view .exr-numbers li a {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin: 8px auto;
      border: 1px solid #2C69FF;
      border-radius: 50%;
      text-decoration: none;
      text-align: center;
      line-height: 39px;
      color: #2C69FF; }
      .test-exercise-view .exr-numbers li a:hover {
        background: #2C69FF;
        color: white; }
    .test-exercise-view .exr-numbers li.answered a {
      background: #2C69FF;
      color: white; }

.test-report-view .exr-numbers {
  margin: -9px;
  padding: 0;
  list-style: none; }
  .test-report-view .exr-numbers li {
    display: inline-block;
    list-style: none;
    width: 16.6666666667%;
    text-align: center; }
    @media (min-width: 480px) {
      .test-report-view .exr-numbers li {
        width: 12.5%; } }
    @media (min-width: 992px) {
      .test-report-view .exr-numbers li {
        width: 10%; } }
    @media (min-width: 1200px) {
      .test-report-view .exr-numbers li {
        width: 6.6666666667%; } }
    .test-report-view .exr-numbers li a {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin: 8px auto;
      border: 1px solid #2C69FF;
      border-radius: 50%;
      text-decoration: none;
      text-align: center;
      line-height: 39px;
      color: #2C69FF; }
      .test-report-view .exr-numbers li a:hover {
        background: #2C69FF;
        color: white; }
    .test-report-view .exr-numbers li.right a {
      border-color: #2cc8a1;
      background: #2cc8a1;
      color: white; }
      .test-report-view .exr-numbers li.right a:hover {
        border-color: #239e7f;
        background: #239e7f; }
    .test-report-view .exr-numbers li.wrong a {
      border-color: #ff5959;
      background: #ff5959;
      color: white; }
      .test-report-view .exr-numbers li.wrong a:hover {
        border-color: #ff2626;
        background: #ff2626; }
    .test-report-view .exr-numbers li.answered a {
      border-color: #2C69FF;
      background: #2C69FF;
      color: white; }
      .test-report-view .exr-numbers li.answered a:hover {
        border-color: #0048f8;
        background: #0048f8; }
  .test-report-view .exr-numbers + p {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 5px; }
.test-report-view .aa-header > div:nth-child(n+2) {
  text-align: center; }
.test-report-view .aa-name {
  padding-right: 0; }
.test-report-view .aa-rate {
  padding-left: 0;
  text-align: left !important; }
.test-report-view .aa-item > div {
  padding-top: 10px;
  padding-bottom: 10px; }
  .test-report-view .aa-item > div:nth-child(n+2) {
    text-align: center; }
.test-report-view .aa-item .aa-right {
  color: #2cc8a1; }
.test-report-view .progress {
  margin-bottom: 0;
  border-radius: 10px; }
  .test-report-view .progress .progress-bar {
    border-radius: 10px; }
.test-report-view .paper-info p {
  padding: 10px 0;
  margin: 0; }
.test-report-view .paper-info .aa-header {
  padding: 10px 0; }
.test-report-view iframe {
  width: 100%;
  border: 0;
  overflow: hidden; }
.test-report-view #reviews-modal .modal-content {
  overflow: hidden; }
.test-report-view #reviews-modal .modal-footer {
  border: 0; }
  .test-report-view #reviews-modal .modal-footer .btn {
    height: 104px;
    line-height: 84px; }

.exercise-teaser {
  margin-bottom: 15px;
  text-align: left;
  color: #646466; }
  .exercise-teaser .field-heading {
    background: #e1f1ff;
    padding: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden; }
    .exercise-teaser .field-heading img.pull-right {
      margin-left: 10px;
      max-height: 300px;
      max-width: 400px;
      margin-bottom: 5px; }
  .exercise-teaser .field-caption {
    color: #333333;
    font-weight: bold;
    margin-bottom: 15px; }
  .exercise-teaser .text-indent {
    text-indent: 2em; }
  .exercise-teaser .field-subject .field-input {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #39a0ff;
    color: #39a0ff; }
  .exercise-teaser .field-subject u {
    color: #39a0ff; }
  .exercise-teaser .field-audio {
    text-align: center; }
    .exercise-teaser .field-audio > div {
      display: inline-block; }
  .exercise-teaser .collapse-content {
    display: block;
    height: auto !important; }
    .exercise-teaser .collapse-content .expand-content {
      display: none; }
    .exercise-teaser .collapse-content .collapsed-content {
      display: block; }
    .exercise-teaser .collapse-content.collapsing:not(.in) .expand-content, .exercise-teaser .collapse-content.in .expand-content {
      display: block; }
    .exercise-teaser .collapse-content.collapsing:not(.in) .collapsed-content, .exercise-teaser .collapse-content.in .collapsed-content {
      display: none; }
    .exercise-teaser .collapse-content.collapsing[aria-expanded=false] .expand-content {
      display: none; }
    .exercise-teaser .collapse-content.collapsing[aria-expanded=false] .collapsed-content {
      display: block; }
  .exercise-teaser .field-body {
    background: #f4f4f4;
    padding: 15px; }
  .exercise-teaser .field-footer {
    padding: 15px;
    border: 1px solid #f4f4f4;
    border-top: 0;
    overflow: hidden; }
    .exercise-teaser .field-footer > div {
      float: left; }
    .exercise-teaser .field-footer .field-links {
      float: right; }
    .exercise-teaser .field-footer .pull-full {
      float: none;
      padding: 0 15px 15px;
      border-bottom: 1px solid #f4f4f4;
      margin: 0 -15px 15px; }
  .exercise-teaser .field-note {
    white-space: pre-wrap; }
  .exercise-teaser .field-items, .exercise-teaser .field-options {
    margin: -5px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .exercise-teaser .field-option {
    position: relative;
    padding: 5px 5px 5px 30px; }
    .exercise-teaser .field-option .field-no {
      position: absolute;
      left: 5px;
      top: 5px;
      color: #39a0ff; }
      .exercise-teaser .field-option .field-no:after {
        content: '、'; }
    .exercise-teaser .field-option p {
      margin-bottom: 0; }
    .exercise-teaser .field-option img {
      max-width: 100%; }
  .exercise-teaser .child-number {
    color: #39a0ff;
    border-bottom: 1px solid #39a0ff;
    padding-left: 5px;
    padding-right: 5px; }
  .exercise-teaser .field-reviews p {
    text-indent: 2em; }
  .exercise-teaser .field-answer {
    color: #2cc8a1; }
    .exercise-teaser .field-answer label {
      font-weight: normal;
      padding-right: 5px;
      margin-bottom: 0;
      color: #646466; }
      .exercise-teaser .field-answer label + div {
        margin-left: 15px; }
      .exercise-teaser .field-answer label + ol {
        padding-left: 33px; }
    .exercise-teaser .field-answer span + label {
      margin-left: 25px; }
    .exercise-teaser .field-answer .wrong {
      color: #ff5959; }
    .exercise-teaser .field-answer .right {
      color: #2cc8a1; }
    .exercise-teaser .field-answer .default {
      color: #333333; }
  .exercise-teaser .field-links {
    margin-left: -5px;
    margin-right: -5px; }
    .exercise-teaser .field-links a {
      padding-left: 5px;
      padding-right: 5px; }
      .exercise-teaser .field-links a + a {
        border-left: 1px solid #39a0ff; }
  .exercise-teaser .field-children {
    margin: -15px; }
    .exercise-teaser .field-children .field-heading {
      background: transparent;
      font-weight: bold;
      position: relative;
      padding-left: 40px;
      min-height: 52px; }
      .exercise-teaser .field-children .field-heading .text-indent {
        text-indent: 0; }
      .exercise-teaser .field-children .field-heading p {
        margin-bottom: 0; }
      .exercise-teaser .field-children .field-heading + .field-body {
        margin-top: -15px; }
    .exercise-teaser .field-children .field-number {
      position: absolute;
      left: 15px; }
      .exercise-teaser .field-children .field-number:after {
        content: '、'; }
    .exercise-teaser .field-children .field-footer {
      background: white; }
    .exercise-teaser .field-children .exercise-child {
      margin-bottom: 0; }
  .exercise-teaser.exercise-tkt .field-children {
    margin-top: 15px; }
  .exercise-teaser.exercise-tkt .exercise-child {
    display: table;
    width: 100%; }
    .exercise-teaser.exercise-tkt .exercise-child .field-heading {
      display: table-cell;
      width: 1%;
      background: white;
      border: 1px solid #f4f4f4;
      border-radius: 0;
      border-right: 0;
      border-top: 0;
      padding-right: 0; }
    .exercise-teaser.exercise-tkt .exercise-child .field-footer {
      display: table-cell;
      border-left: 0;
      padding-left: 2px; }

#answer-analysis {
  color: #666666; }
  @media (min-width: 992px) {
    #answer-analysis > .row {
      display: -ms-flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -ms-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; } }
  #answer-analysis > .row > div {
    margin-bottom: 30px; }
  #answer-analysis .panel {
    height: 100%;
    margin-bottom: 0; }

.icon-zts {
  display: inline-block;
  width: 18px;
  height: 21px;
  vertical-align: middle;
  background: url("../png/zts.png") no-repeat center center; }

.icon-right {
  display: inline-block;
  width: 16px;
  height: 17px;
  vertical-align: middle;
  background: url("../png/right.png") no-repeat center center; }

.icon-rate {
  display: inline-block;
  width: 20px;
  height: 19px;
  vertical-align: middle;
  background: url("../png/rate.png") no-repeat center center; }

.icon-clock {
  display: inline-block;
  width: 21px;
  height: 19px;
  vertical-align: middle;
  background: url("../png/clock.png") no-repeat center center; }

.icon-cat1 {
  display: inline-block;
  width: 26px;
  height: 16px;
  vertical-align: middle;
  background: url("../png/listen.png") no-repeat center center; }

.icon-cat2 {
  display: inline-block;
  width: 16px;
  height: 18px;
  vertical-align: middle;
  background: url("../png/read.png") no-repeat center center; }

.icon-cat3 {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: url("../png/write.png") no-repeat center center; }

.navbar-inverse {
  border: 0;
  margin-bottom: 0;
  min-height: 70px;
  padding-top: 10px;
  border-radius: 0;
  color: #3A3A45;
  background: #FFFFFF;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
  transition: background .2s; }
  .navbar-inverse .navbar-nav > li > a {
    line-height: 1.4;
    text-transform: uppercase;
    background: none !important;
    color: #3A3A45 !important; }
    .navbar-inverse .navbar-nav > li > a:focus {
      border: 0; }
  .navbar-inverse .navbar-nav > li > .btn {
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 15px;
    text-transform: uppercase;
    outline: none; }
  .navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav > li > a:hover {
    position: relative;
    background: none !important;
    font-weight: bold; }
    .navbar-inverse .navbar-nav .active a:after, .navbar-inverse .navbar-nav > li > a:hover:after {
      content: '';
      height: 1px;
      display: block;
      background-color: white;
      position: absolute;
      bottom: 14px;
      left: 15px;
      right: 15px; }
  .navbar-inverse .navbar-brand {
    color: #3A3A45 !important;
    font-weight: bold;
    white-space: nowrap; }
    .navbar-inverse .navbar-brand img {
      display: inline-block;
      width: 34px;
      height: 34px;
      margin-top: -8px; }
    .navbar-inverse .navbar-brand .logo-white {
      display: none; }
    .navbar-inverse .navbar-brand .logo {
      display: inline !important; }
  .navbar-inverse .dropdown:hover > .dropdown-menu {
    display: block; }
    .navbar-inverse .dropdown:hover > .dropdown-menu > li > a {
      padding: 10px 15px;
      text-align: center; }
  .navbar-inverse .container {
    width: auto !important;
    padding-left: 30px;
    padding-right: 30px; }
  @media (min-width: 993px) {
    .navbar-inverse .navbar-collapse {
      margin-left: 152px; } }
  @media (max-width: 992px) {
    .navbar-inverse .navbar-header {
      margin-right: -15px;
      float: none; }
    .navbar-inverse .navbar-nav > li > a:after {
      display: none; }
    .navbar-inverse .navbar-collapse {
      box-shadow: none !important; }
    .navbar-inverse .navbar-collapse.collapse {
      display: none !important; }
    .navbar-inverse .navbar-collapse.in {
      display: block !important; }
    .navbar-inverse .navbar-toggle {
      display: block !important; } }

.navbar-transparent {
  z-index: 500;
  background: none;
  box-shadow: none;
  color: white; }
  .navbar-transparent .navbar-nav > li > a {
    color: white !important; }
  .navbar-transparent .navbar-brand {
    color: white !important; }
    .navbar-transparent .navbar-brand .logo-white {
      display: inline; }
    .navbar-transparent .navbar-brand .logo {
      display: none !important; }

.navbar-transparent.affix {
  z-index: 500;
  background: #FFFFFF;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
  color: #3A3A45; }
  .navbar-transparent.affix .navbar-nav > li > a {
    color: #3A3A45 !important; }
  .navbar-transparent.affix .navbar-brand {
    color: #3A3A45 !important; }
    .navbar-transparent.affix .navbar-brand .logo-white {
      display: none; }
    .navbar-transparent.affix .navbar-brand .logo {
      display: inline !important; }

.footer img {
  max-width: 100%; }
.footer .links {
  padding: 30px 0 0;
  color: white;
  background: #252934; }
  .footer .links ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    color: rgba(255, 255, 255, 0.7);
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .footer .links ul .heading {
      color: white;
      padding-bottom: 15px; }
  .footer .links a {
    color: rgba(255, 255, 255, 0.7);
    padding: 5px 0;
    display: block; }
  .footer .links .heading {
    font-size: 18px; }
.footer .copyright {
  border-top: 1px solid #3B3E48;
  background: #252934;
  color: rgba(255, 255, 255, 0.5);
  padding: 15px 0; }
  .footer .copyright a {
    color: rgba(255, 255, 255, 0.5); }

.nowrap {
  white-space: nowrap; }

.main-banner {
  position: relative;
  color: white; }
  .main-banner img {
    width: 100%; }
  .main-banner .slogan {
    font-size: 52px; }
  .main-banner .content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }

.pagination > li > a, .pagination > li > span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #f2f6f9;
  color: #333333;
  text-align: center;
  line-height: 40px;
  border: 0;
  border-radius: 50% !important;
  padding: 0;
  margin: 0 5px; }
.pagination > li.active > a, .pagination > li.active > span {
  background: #39a0ff; }
.pagination > li.disabled > span,
.pagination > li.disabled > span:hover,
.pagination > li.disabled > span:focus,
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover,
.pagination > li.disabled > a:focus {
  background: #ddd; }

.pinyin rt {
  padding: 2px 5px;
  font-size: 1em; }

.sidebars {
  margin: -8px; }
  .sidebars:before, .sidebars:after {
    content: " ";
    display: table; }
  .sidebars:after {
    clear: both; }
  .sidebars #content {
    float: left;
    width: 72%;
    padding: 8px; }
  .sidebars > .sidebar {
    float: left;
    width: 28%;
    padding: 8px; }

.site-signup h1 {
  display: none; }
.site-signup .links {
  margin-top: 20px;
  margin-bottom: 20px; }

.site-login, .site-signup, .site-reset-password, .site-qrauth {
  color: #889096; }
  .site-login h1, .site-signup h1, .site-reset-password h1, .site-qrauth h1 {
    color: #333333;
    font-size: 21px;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: left; }
  .site-login .links a, .site-signup .links a, .site-reset-password .links a, .site-qrauth .links a {
    margin-right: 20px;
    display: inline-block;
    font-weight: 400;
    color: #9999A4; }
  .site-login .links a[active], .site-signup .links a[active], .site-reset-password .links a[active], .site-qrauth .links a[active] {
    font-size: 21px;
    color: #3A3A45;
    font-weight: bold; }
  .site-login .input-group-addon, .site-signup .input-group-addon, .site-reset-password .input-group-addon, .site-qrauth .input-group-addon {
    padding: 0; }
    .site-login .input-group-addon .select2-container--krajee .select2-selection, .site-signup .input-group-addon .select2-container--krajee .select2-selection, .site-reset-password .input-group-addon .select2-container--krajee .select2-selection, .site-qrauth .input-group-addon .select2-container--krajee .select2-selection {
      box-shadow: none;
      border: 0;
      height: 44px;
      font-size: 16px;
      line-height: 24px; }
    .site-login .input-group-addon .select2-selection__arrow, .site-signup .input-group-addon .select2-selection__arrow, .site-reset-password .input-group-addon .select2-selection__arrow, .site-qrauth .input-group-addon .select2-selection__arrow {
      top: 0;
      border-left: 0; }

.login-modal .modal-body {
  padding: 0 0 30px; }
.login-modal .close {
  position: absolute;
  margin: 0;
  right: 11px;
  top: 5px;
  z-index: 1; }

.iframe-site {
  padding: 15px 60px 0; }

.scan-switch {
  position: absolute;
  left: 10px;
  top: 10px; }
  .scan-switch img {
    width: 36px; }

.dropdown-hover:hover > .dropdown-menu {
  display: block; }

.qrauth-view .qrcode {
  display: inline-block;
  position: relative; }
.qrauth-view .scan-error {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding-top: 60px; }
  .qrauth-view .scan-error a {
    margin-top: 5px; }
.qrauth-view .scan-tip {
  margin-top: 15px; }
  .qrauth-view .scan-tip span {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    text-align: left; }
.qrauth-view .scan-success {
  display: none; }
.qrauth-view.scanned .scan-success {
  display: block; }
.qrauth-view.scanned .scan-qrcode {
  display: none; }
.qrauth-view.scanerror .scan-error {
  display: block; }

.auth-icon.weixin {
  background: url(../jpg/weixin.jpg) no-repeat 0 0; }

.download-app-qrcode {
  position: fixed;
  bottom: 372px;
  right: 12px;
  width: 100px;
  padding: 4px;
  background: #FFFFFF;
  box-shadow: 0px 3px 9px 0px rgba(223, 227, 232, 0.5);
  border-radius: 7px;
  text-align: center;
  color: #3A3A45;
  font-size: 12px;
  opacity: 0;
  transform: translateX(1000px);
  transition: all .3s; }
  .download-app-qrcode img {
    max-width: 100%; }
  .download-app-qrcode.affix {
    opacity: 1;
    transform: translateX(0); }

/*# sourceMappingURL=style.css.map */