@charset "UTF-8";
/*!
 * Copyright 2008-2013 ApexLearn, All Rights Reserved.
 */
/* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.clearfix {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.clearfix:after {
  clear: both;
}
/* line 106, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* line 154, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 10, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* line 37, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
audio:not([controls]) {
  display: none;
}
/* line 44, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* line 50, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* line 54, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
a:hover,
a:active {
  outline: 0;
}
/* line 62, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
/* line 69, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
sup {
  top: -0.5em;
}
/* line 72, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
sub {
  bottom: -0.25em;
}
/* line 79, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* line 91, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
#map_canvas img,
.google-maps img {
  max-width: none;
}
/* line 100, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
/* line 108, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
button,
input {
  *overflow: visible;
  line-height: normal;
}
/* line 113, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* line 118, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
/* line 125, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
/* line 135, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
/* line 139, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/* line 143, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
textarea {
  overflow: auto;
  vertical-align: top;
}
@media print {
  /* line 155, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* line 162, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  a,
  a:visited {
    text-decoration: underline;
  }
  /* line 167, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  a[href]:after {
    content: " (" attr(href) ")";
  }
  /* line 171, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* line 176, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* line 182, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /* line 188, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  thead {
    display: table-header-group;
  }
  /* line 192, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  tr,
  img {
    page-break-inside: avoid;
  }
  /* line 197, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  /* line 205, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  /* line 212, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/reset.less */
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* line 9, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/scaffolding.less */
body {
  margin: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #2c2c2c;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/scaffolding.less */
a {
  color: #0088cc;
  text-decoration: none;
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/scaffolding.less */
a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}
/* line 37, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/scaffolding.less */
.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* line 42, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/scaffolding.less */
.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* line 51, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/scaffolding.less */
.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
/* line 597, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row {
  margin-left: -20px;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row:after {
  clear: both;
}
/* line 602, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
/* line 609, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span12 {
  width: 940px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span11 {
  width: 860px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span10 {
  width: 780px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span9 {
  width: 700px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span8 {
  width: 620px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span7 {
  width: 540px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span6 {
  width: 460px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span5 {
  width: 380px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span4 {
  width: 300px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span3 {
  width: 220px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span2 {
  width: 140px;
}
/* line 578, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.span1 {
  width: 60px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset12 {
  margin-left: 980px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset11 {
  margin-left: 900px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset10 {
  margin-left: 820px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset9 {
  margin-left: 740px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset8 {
  margin-left: 660px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset7 {
  margin-left: 580px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset6 {
  margin-left: 500px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset5 {
  margin-left: 420px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset4 {
  margin-left: 340px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset3 {
  margin-left: 260px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset2 {
  margin-left: 180px;
}
/* line 584, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.offset1 {
  margin-left: 100px;
}
/* line 650, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid {
  width: 100%;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid:after {
  clear: both;
}
/* line 653, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12765957%;
  *margin-left: 2.07446809%;
}
/* line 659, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
/* line 664, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.12765957%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span11 {
  width: 91.4893617%;
  *width: 91.43617021%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span10 {
  width: 82.9787234%;
  *width: 82.92553191%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span9 {
  width: 74.46808511%;
  *width: 74.41489362%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span8 {
  width: 65.95744681%;
  *width: 65.90425532%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span7 {
  width: 57.44680851%;
  *width: 57.39361702%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span6 {
  width: 48.93617021%;
  *width: 48.88297872%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span5 {
  width: 40.42553191%;
  *width: 40.37234043%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span4 {
  width: 31.91489362%;
  *width: 31.86170213%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span3 {
  width: 23.40425532%;
  *width: 23.35106383%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.84042553%;
}
/* line 623, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .span1 {
  width: 6.38297872%;
  *width: 6.32978723%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset12 {
  margin-left: 104.25531915%;
  *margin-left: 104.14893617%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset12:first-child {
  margin-left: 102.12765957%;
  *margin-left: 102.0212766%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset11 {
  margin-left: 95.74468085%;
  *margin-left: 95.63829787%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset11:first-child {
  margin-left: 93.61702128%;
  *margin-left: 93.5106383%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset10 {
  margin-left: 87.23404255%;
  *margin-left: 87.12765957%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset10:first-child {
  margin-left: 85.10638298%;
  *margin-left: 85%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset9 {
  margin-left: 78.72340426%;
  *margin-left: 78.61702128%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset9:first-child {
  margin-left: 76.59574468%;
  *margin-left: 76.4893617%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset8 {
  margin-left: 70.21276596%;
  *margin-left: 70.10638298%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset8:first-child {
  margin-left: 68.08510638%;
  *margin-left: 67.9787234%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset7 {
  margin-left: 61.70212766%;
  *margin-left: 61.59574468%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset7:first-child {
  margin-left: 59.57446809%;
  *margin-left: 59.46808511%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset6 {
  margin-left: 53.19148936%;
  *margin-left: 53.08510638%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset6:first-child {
  margin-left: 51.06382979%;
  *margin-left: 50.95744681%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset5 {
  margin-left: 44.68085106%;
  *margin-left: 44.57446809%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset5:first-child {
  margin-left: 42.55319149%;
  *margin-left: 42.44680851%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset4 {
  margin-left: 36.17021277%;
  *margin-left: 36.06382979%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset4:first-child {
  margin-left: 34.04255319%;
  *margin-left: 33.93617021%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset3 {
  margin-left: 27.65957447%;
  *margin-left: 27.55319149%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset3:first-child {
  margin-left: 25.53191489%;
  *margin-left: 25.42553191%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset2 {
  margin-left: 19.14893617%;
  *margin-left: 19.04255319%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset2:first-child {
  margin-left: 17.0212766%;
  *margin-left: 16.91489362%;
}
/* line 629, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset1 {
  margin-left: 10.63829787%;
  *margin-left: 10.53191489%;
}
/* line 630, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.row-fluid .offset1:first-child {
  margin-left: 8.5106383%;
  *margin-left: 8.40425532%;
}
/* line 13, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/grid.less */
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
/* line 18, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/grid.less */
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/layouts.less */
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.container:after {
  clear: both;
}
/* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/layouts.less */
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.container-fluid:after {
  clear: both;
}
/* line 9, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
p {
  margin: 0 0 10px;
}
/* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}
/* line 24, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
small {
  font-size: 85%;
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
strong {
  font-weight: bold;
}
/* line 27, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
em {
  font-style: italic;
}
/* line 28, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
cite {
  font-style: normal;
}
/* line 31, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.muted {
  color: #999999;
}
/* line 32, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
a.muted:hover,
a.muted:focus {
  color: #808080;
}
/* line 35, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.text-warning {
  color: #c09853;
}
/* line 36, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}
/* line 39, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.text-error {
  color: #b94a48;
}
/* line 40, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}
/* line 43, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.text-info {
  color: #3a87ad;
}
/* line 44, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}
/* line 47, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.text-success {
  color: #468847;
}
/* line 48, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
a.text-success:hover,
a.text-success:focus {
  color: #356635;
}
/* line 51, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.text-left {
  text-align: left;
}
/* line 52, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.text-right {
  text-align: right;
}
/* line 53, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.text-center {
  text-align: center;
}
/* line 59, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}
/* line 66, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
/* line 73, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h1,
h2,
h3 {
  line-height: 40px;
}
/* line 77, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h1 {
  font-size: 38.5px;
}
/* line 78, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h2 {
  font-size: 31.5px;
}
/* line 79, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h3 {
  font-size: 24.5px;
}
/* line 80, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h4 {
  font-size: 17.5px;
}
/* line 81, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h5 {
  font-size: 14px;
}
/* line 82, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h6 {
  font-size: 11.9px;
}
/* line 84, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h1 small {
  font-size: 24.5px;
}
/* line 85, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h2 small {
  font-size: 17.5px;
}
/* line 86, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h3 small {
  font-size: 14px;
}
/* line 87, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
h4 small {
  font-size: 14px;
}
/* line 93, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}
/* line 105, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
/* line 109, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
/* line 115, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
li {
  line-height: 20px;
}
/* line 120, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
/* line 127, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
/* line 131, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
}
/* line 140, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
dl {
  margin-bottom: 20px;
}
/* line 143, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
dt,
dd {
  line-height: 20px;
}
/* line 147, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
dt {
  font-weight: bold;
}
/* line 150, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
dd {
  margin-left: 10px;
}
/* line 154, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.dl-horizontal {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.dl-horizontal:after {
  clear: both;
}
/* line 156, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 163, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
.dl-horizontal dd {
  margin-left: 180px;
}
/* line 172, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #ffffff;
}
/* line 180, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
/* line 186, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
/* line 192, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
/* line 196, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
/* line 202, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}
/* line 206, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote small:before {
  content: '\2014 \00A0';
}
/* line 212, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
/* line 218, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
/* line 223, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote.pull-right small:before {
  content: '';
}
/* line 226, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
/* line 234, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
/* line 242, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/type.less */
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/code.less */
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 17, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/code.less */
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/code.less */
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 42, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/code.less */
pre.prettyprint {
  margin-bottom: 20px;
}
/* line 47, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/code.less */
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
/* line 58, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/code.less */
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
/* line 10, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
form {
  margin: 0 0 20px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
/* line 21, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
/* line 33, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
legend small {
  font-size: 15px;
  color: #999999;
}
/* line 40, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
/* line 47, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 55, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
label {
  display: block;
  margin-bottom: 5px;
}
/* line 64, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
/* line 94, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input,
textarea,
.uneditable-input {
  width: 206px;
}
/* line 100, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
textarea {
  height: auto;
}
/* line 104, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
/* line 126, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
/* line 135, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
/* line 144, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
/* line 155, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
/* line 163, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
select {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
/* line 170, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
select[multiple],
select[size] {
  height: auto;
}
/* line 176, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* line 188, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
/* line 198, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
/* line 204, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.uneditable-textarea {
  width: auto;
  height: auto;
}
/* line 83, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
/* line 86, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
/* line 89, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
/* line 224, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}
/* line 229, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
/* line 236, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
/* line 243, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 250, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
/* line 261, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-mini {
  width: 60px;
}
/* line 262, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-small {
  width: 90px;
}
/* line 263, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-medium {
  width: 150px;
}
/* line 264, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-large {
  width: 210px;
}
/* line 265, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-xlarge {
  width: 270px;
}
/* line 266, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-xxlarge {
  width: 530px;
}
/* line 269, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}
/* line 282, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}
/* line 687, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
/* line 694, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}
/* line 678, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}
/* line 304, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.controls-row {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.controls-row:after {
  clear: both;
}
/* line 309, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}
/* line 315, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}
/* line 327, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
/* line 337, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
/* line 166, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
/* line 172, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}
/* line 179, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 184, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
/* line 191, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
/* line 166, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
/* line 172, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}
/* line 179, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 184, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
/* line 191, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
/* line 166, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
/* line 172, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}
/* line 179, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 184, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
/* line 191, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
/* line 166, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}
/* line 172, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}
/* line 179, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 184, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
/* line 191, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}
/* line 369, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
/* line 374, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
/* line 386, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.form-actions:after {
  clear: both;
}
/* line 400, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.help-block,
.help-inline {
  color: #595959;
}
/* line 405, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.help-block {
  display: block;
  margin-bottom: 10px;
}
/* line 410, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
/* line 423, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}
/* line 432, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}
/* line 440, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
/* line 449, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
/* line 453, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
/* line 467, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 473, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
/* line 480, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
/* line 484, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
/* line 492, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
/* line 496, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
/* line 500, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}
/* line 505, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
/* line 514, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 518, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
/* line 522, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
/* line 532, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}
/* line 543, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
/* line 553, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 557, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
/* line 560, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
/* line 563, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
/* line 566, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
/* line 582, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 595, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
/* line 599, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}
/* line 606, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
/* line 613, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 622, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
/* line 633, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.control-group {
  margin-bottom: 10px;
}
/* line 638, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}
/* line 648, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.form-horizontal .control-group:after {
  clear: both;
}
/* line 653, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
/* line 660, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
/* line 667, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-horizontal .controls:first-child {
  *padding-left: 180px;
}
/* line 672, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-horizontal .help-block {
  margin-bottom: 0;
}
/* line 682, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}
/* line 687, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/forms.less */
.form-horizontal .form-actions {
  padding-left: 180px;
}
/* line 9, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 19, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table {
  width: 100%;
  margin-bottom: 20px;
}
/* line 23, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
/* line 31, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table th {
  font-weight: bold;
}
/* line 35, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table thead th {
  vertical-align: bottom;
}
/* line 39, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
/* line 48, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
/* line 53, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table .table {
  background-color: #2c2c2c;
}
/* line 64, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
/* line 74, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 80, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
/* line 85, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
/* line 97, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
/* line 103, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
/* line 109, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
/* line 117, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
/* line 126, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
/* line 129, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
/* line 134, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
/* line 140, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
/* line 158, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
/* line 171, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}
/* line 183, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
/* line 195, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
/* line 196, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
/* line 197, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
/* line 198, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
/* line 199, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
/* line 200, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
/* line 201, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
/* line 202, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
/* line 203, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
/* line 204, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
/* line 205, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
/* line 206, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
/* line 216, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table tbody tr.success > td {
  background-color: #dff0d8;
}
/* line 219, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table tbody tr.error > td {
  background-color: #f2dede;
}
/* line 222, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table tbody tr.warning > td {
  background-color: #fcf8e3;
}
/* line 225, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table tbody tr.info > td {
  background-color: #d9edf7;
}
/* line 232, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}
/* line 235, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}
/* line 238, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}
/* line 241, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tables.less */
.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropup,
.dropdown {
  position: relative;
}
/* line 11, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-toggle {
  *margin-bottom: -3px;
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
/* line 34, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
/* line 41, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
/* line 64, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
/* line 70, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
/* line 75, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
/* line 88, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
/* line 99, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
/* line 111, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
/* line 117, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}
/* line 128, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.open {
  *z-index: 1000;
}
/* line 133, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.open > .dropdown-menu {
  display: block;
}
/* line 140, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
/* line 152, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
/* line 158, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
/* line 167, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-submenu {
  position: relative;
}
/* line 171, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
/* line 178, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
/* line 183, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}
/* line 192, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
/* line 205, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
/* line 210, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-submenu.pull-left {
  float: none;
}
/* line 216, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/* line 226, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}
/* line 233, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/dropdowns.less */
.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/wells.less */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/wells.less */
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/wells.less */
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/wells.less */
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/component-animations.less */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
/* line 9, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/component-animations.less */
.fade.in {
  opacity: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/component-animations.less */
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
/* line 19, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/component-animations.less */
.collapse.in {
  height: auto;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/close.less */
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/close.less */
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/close.less */
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
/* line 10, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
/* line 61, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn:first-child {
  *margin-left: 0;
}
/* line 29, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
/* line 41, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* line 46, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
/* line 54, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 70, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* line 75, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}
/* line 81, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 86, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}
/* line 90, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
/* line 96, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 106, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 115, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-block + .btn-block {
  margin-top: 5px;
}
/* line 123, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
/* line 134, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
/* line 145, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
/* line 149, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
/* line 153, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
/* line 157, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
/* line 161, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
/* line 165, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
/* line 173, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
/* line 177, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* line 186, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
/* line 190, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
/* line 194, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
/* line 205, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 212, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 218, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
/* line 224, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/buttons.less */
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
/* line 61, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.btn-group:first-child {
  *margin-left: 0;
}
/* line 18, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group + .btn-group {
  margin-left: 5px;
}
/* line 23, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 27, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
/* line 35, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 39, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn + .btn {
  margin-left: -1px;
}
/* line 42, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
/* line 49, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn-mini {
  font-size: 10.5px;
}
/* line 52, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn-small {
  font-size: 11.9px;
}
/* line 55, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn-large {
  font-size: 17.5px;
}
/* line 60, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
/* line 66, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
/* line 72, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
/* line 77, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
/* line 84, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
/* line 92, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
/* line 103, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
/* line 110, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
/* line 116, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
/* line 120, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
/* line 131, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
/* line 137, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
/* line 140, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}
/* line 143, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
/* line 146, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
/* line 149, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
/* line 152, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
/* line 155, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
/* line 162, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
/* line 167, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-large .caret {
  margin-top: 6px;
}
/* line 170, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
/* line 175, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}
/* line 180, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.dropup .btn-large .caret {
  border-bottom-width: 5px;
}
/* line 193, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
/* line 204, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
/* line 208, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 214, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
/* line 218, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
/* line 221, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
/* line 224, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
/* line 227, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/button-groups.less */
.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
/* line 9, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 17, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert,
.alert h4 {
  color: #c09853;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert h4 {
  margin: 0;
}
/* line 27, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
/* line 38, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
/* line 43, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-success h4 {
  color: #468847;
}
/* line 46, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
/* line 52, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
/* line 56, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
/* line 61, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-info h4 {
  color: #3a87ad;
}
/* line 69, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
/* line 73, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
/* line 77, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/alerts.less */
.alert-block p + p {
  margin-top: 5px;
}
/* line 9, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
/* line 16, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav > li > a {
  display: block;
}
/* line 19, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
/* line 27, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav > li > a > img {
  max-width: none;
}
/* line 32, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav > .pull-right {
  float: right;
}
/* line 37, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
/* line 48, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav li + .nav-header {
  margin-top: 9px;
}
/* line 57, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
/* line 62, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* line 68, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-list > li > a {
  padding: 3px 15px;
}
/* line 71, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
/* line 78, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
/* line 83, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
/* line 93, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
/* line 97, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
/* line 101, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
/* line 113, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
/* line 117, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs > li {
  margin-bottom: -1px;
}
/* line 121, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
/* line 127, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}
/* line 133, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #2c2c2c;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
/* line 148, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 157, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}
/* line 170, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-stacked > li {
  float: none;
}
/* line 173, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-stacked > li > a {
  margin-right: 0;
}
/* line 178, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
/* line 181, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 185, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
/* line 188, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
/* line 191, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
/* line 198, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
/* line 201, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
/* line 210, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
/* line 213, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* line 220, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
/* line 225, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
/* move down carets for tabs */
/* line 231, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
/* line 237, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
/* line 241, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
/* line 248, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
/* line 255, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
/* line 263, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 273, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
/* line 288, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabbable {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.tabbable:after {
  clear: both;
}
/* line 291, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tab-content {
  overflow: auto;
}
/* line 296, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
/* line 303, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
/* line 307, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tab-content > .active,
.pill-content > .active {
  display: block;
}
/* line 316, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
/* line 319, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
/* line 323, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
/* line 325, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
/* line 331, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
/* line 341, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
/* line 345, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
/* line 353, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
/* line 358, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
/* line 362, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
/* line 366, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
/* line 374, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
/* line 379, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
/* line 383, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
/* line 387, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
/* line 400, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav > .disabled > a {
  color: #999999;
}
/* line 404, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navs.less */
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
/* line 10, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar {
  overflow: visible;
  margin-bottom: 20px;
  *position: relative;
  *z-index: 2;
}
/* line 21, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inner {
  min-height: 47px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-inner:before,
.navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-inner:after {
  clear: both;
}
/* line 36, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .container {
  width: auto;
}
/* line 41, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
/* line 49, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .brand {
  float: left;
  display: block;
  padding: 13.5px 20px 13.5px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}
/* line 59, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}
/* line 67, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-text {
  margin-bottom: 0;
  line-height: 47px;
  color: #777777;
}
/* line 75, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-link {
  color: #777777;
}
/* line 77, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-link:hover,
.navbar-link:focus {
  color: #333333;
}
/* line 85, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .divider-vertical {
  height: 47px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #ffffff;
}
/* line 94, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .btn,
.navbar .btn-group {
  margin-top: 8.5px;
}
/* line 98, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
  margin-top: 0;
}
/* line 108, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-form:after {
  clear: both;
}
/* line 111, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 8.5px;
}
/* line 117, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}
/* line 123, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
/* line 128, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}
/* line 132, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
/* line 140, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-search {
  position: relative;
  float: left;
  margin-top: 8.5px;
  margin-bottom: 0;
}
/* line 145, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-search .search-query {
  margin-bottom: 0;
  padding: 4px 14px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* line 158, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-static-top {
  position: static;
  margin-bottom: 0;
}
/* line 161, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 172, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
/* line 180, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}
/* line 184, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}
/* line 187, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 196, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
/* line 203, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-top {
  top: 0;
}
/* line 208, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
/* line 214, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-bottom {
  bottom: 0;
}
/* line 216, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  box-shadow: 0 -1px 10px rgba(0,0,0,.1);
}
/* line 226, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
/* line 233, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}
/* line 237, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav > li {
  float: left;
}
/* line 242, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav > li > a {
  float: none;
  padding: 13.5px 15px 13.5px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
/* line 250, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}
/* line 255, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #333333;
  text-decoration: none;
}
/* line 263, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
/* line 274, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e5e5e5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}
/* line 283, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
/* line 291, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
/* line 302, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
/* line 313, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
/* line 326, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
/* line 333, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
/* line 342, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
/* line 349, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e5e5e5;
  color: #555555;
}
/* line 355, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}
/* line 359, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
/* line 367, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
/* line 371, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
/* line 375, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
/* line 379, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/* line 394, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}
/* line 399, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/* line 403, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}
/* line 409, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .brand {
  color: #999999;
}
/* line 413, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .navbar-text {
  color: #999999;
}
/* line 417, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: transparent;
  color: #ffffff;
}
/* line 423, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}
/* line 431, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .navbar-link {
  color: #999999;
}
/* line 433, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}
/* line 440, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .divider-vertical {
  border-left-color: #111111;
  border-right-color: #222222;
}
/* line 446, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #111111;
  color: #ffffff;
}
/* line 452, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
/* line 457, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
/* line 461, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
/* line 470, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/* line 83, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}
/* line 86, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}
/* line 89, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}
/* line 479, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
/* line 493, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #040404;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* line 520, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}
/* line 527, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/breadcrumbs.less */
.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/breadcrumbs.less */
.breadcrumb > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
}
/* line 16, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/breadcrumbs.less */
.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}
/* line 21, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/breadcrumbs.less */
.breadcrumb > .active {
  color: #999999;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination {
  margin: 20px 0;
}
/* line 10, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 21, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul > li {
  display: inline;
}
/* line 24, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
/* line 34, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
/* line 40, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
/* line 45, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
/* line 53, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
/* line 58, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
/* line 67, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-centered {
  text-align: center;
}
/* line 70, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-right {
  text-align: right;
}
/* line 80, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}
/* line 85, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
/* line 89, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
/* line 98, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
/* line 102, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
/* line 110, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}
/* line 118, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pagination.less */
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pager.less */
.pager {
  margin: 20px 0;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pager:before,
.pager:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pager:after {
  clear: both;
}
/* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pager.less */
.pager li {
  display: inline;
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pager.less */
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* line 23, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pager.less */
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
/* line 28, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pager.less */
.pager .next > a,
.pager .next > span {
  float: right;
}
/* line 32, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pager.less */
.pager .previous > a,
.pager .previous > span {
  float: left;
}
/* line 36, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/pager.less */
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #fff;
  cursor: default;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-backdrop.fade {
  opacity: 0;
}
/* line 18, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/* line 24, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
/* line 41, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
/* line 45, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal.fade.in {
  top: 10%;
}
/* line 47, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
/* line 51, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-header .close {
  margin-top: 2px;
}
/* line 53, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
/* line 60, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
/* line 67, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-form {
  margin-bottom: 0;
}
/* line 72, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.modal-footer:after {
  clear: both;
}
/* line 83, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
/* line 88, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
/* line 92, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/modals.less */
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/* line 16, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
/* line 17, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
/* line 18, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
/* line 19, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
/* line 23, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 34, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
/* line 42, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
/* line 49, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
/* line 56, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
/* line 63, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/tooltip.less */
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
/* line 28, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.top {
  margin-top: -10px;
}
/* line 29, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.right {
  margin-left: 10px;
}
/* line 30, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.bottom {
  margin-top: 10px;
}
/* line 31, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.left {
  margin-left: -10px;
}
/* line 34, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
/* line 44, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover-title:empty {
  display: none;
}
/* line 49, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover-content {
  padding: 9px 14px;
}
/* line 57, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
/* line 66, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover .arrow {
  border-width: 11px;
}
/* line 69, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
/* line 75, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
/* line 82, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
/* line 89, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
/* line 96, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
/* line 103, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
/* line 110, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
/* line 118, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
/* line 125, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/popovers.less */
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
/* line 9, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/thumbnails.less */
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.thumbnails:after {
  clear: both;
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/thumbnails.less */
.row-fluid .thumbnails {
  margin-left: 0;
}
/* line 20, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/thumbnails.less */
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}
/* line 27, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/thumbnails.less */
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 37, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/thumbnails.less */
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
/* line 44, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/thumbnails.less */
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* line 50, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/thumbnails.less */
.thumbnail .caption {
  padding: 9px;
  color: #555555;
}
/* line 10, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}
/* line 18, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media,
.media .media {
  margin-top: 15px;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media:first-child {
  margin-top: 0;
}
/* line 27, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media-object {
  display: block;
}
/* line 32, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media-heading {
  margin: 0 0 5px;
}
/* line 40, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media > .pull-left {
  margin-right: 10px;
}
/* line 43, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media > .pull-right {
  margin-left: 10px;
}
/* line 52, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/media.less */
.media-list {
  margin-left: 0;
  list-style: none;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
}
/* line 21, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 24, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
/* line 33, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label:empty,
.badge:empty {
  display: none;
}
/* line 40, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
/* line 55, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-important,
.badge-important {
  background-color: #b94a48;
}
/* line 56, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}
/* line 58, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-warning,
.badge-warning {
  background-color: #f89406;
}
/* line 59, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}
/* line 61, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-success,
.badge-success {
  background-color: #468847;
}
/* line 62, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-success[href],
.badge-success[href] {
  background-color: #356635;
}
/* line 64, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-info,
.badge-info {
  background-color: #3a87ad;
}
/* line 65, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}
/* line 67, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-inverse,
.badge-inverse {
  background-color: #333333;
}
/* line 68, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}
/* line 73, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
/* line 80, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/labels-badges.less */
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}
@-webkit-keyframes progress-bar-stripes {
  /* line 11, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  from {
    background-position: 40px 0;
  }
  /* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  /* line 17, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  from {
    background-position: 40px 0;
  }
  /* line 18, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  /* line 23, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  from {
    background-position: 40px 0;
  }
  /* line 24, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  /* line 29, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  from {
    background-position: 0 0;
  }
  /* line 30, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  /* line 35, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  from {
    background-position: 40px 0;
  }
  /* line 36, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
  to {
    background-position: 0 0;
  }
}
/* line 45, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 55, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
/* line 68, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
/* line 73, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
/* line 79, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
/* line 93, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
/* line 96, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* line 101, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
/* line 104, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* line 109, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
/* line 112, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* line 117, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
/* line 120, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/progress-bars.less */
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/accordion.less */
.accordion {
  margin-bottom: 20px;
}
/* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/accordion.less */
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 17, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/accordion.less */
.accordion-heading {
  border-bottom: 0;
}
/* line 20, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/accordion.less */
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/accordion.less */
.accordion-toggle {
  cursor: pointer;
}
/* line 31, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/accordion.less */
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}
/* line 12, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
/* line 20, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
/* line 26, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}
/* line 33, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
/* line 37, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .active {
  left: 0;
}
/* line 41, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 48, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .next {
  left: 100%;
}
/* line 51, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .prev {
  left: -100%;
}
/* line 54, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
/* line 59, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .active.left {
  left: -100%;
}
/* line 62, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-inner > .active.right {
  left: 100%;
}
/* line 71, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* line 96, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-control.right {
  left: auto;
  right: 15px;
}
/* line 102, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
/* line 112, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}
/* line 120, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}
/* line 131, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-indicators .active {
  background-color: #fff;
}
/* line 139, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
/* line 148, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
  line-height: 20px;
}
/* line 153, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-caption h4 {
  margin: 0 0 5px;
}
/* line 156, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/carousel.less */
.carousel-caption p {
  margin-bottom: 0;
}
/* line 6, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/hero-unit.less */
.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/hero-unit.less */
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/hero-unit.less */
.hero-unit li {
  line-height: 30px;
}
/* line 7, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/utilities.less */
.pull-right {
  float: right;
}
/* line 10, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/utilities.less */
.pull-left {
  float: left;
}
/* line 15, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/utilities.less */
.hide {
  display: none;
}
/* line 18, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/utilities.less */
.show {
  display: block;
}
/* line 23, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/utilities.less */
.invisible {
  visibility: hidden;
}
/* line 28, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/utilities.less */
.affix {
  position: fixed;
}
/*

Animate.less
Cross-browser LESS animation library for Bootstrap
Licensed under the ☺ license (http://licence.visualidiot.com/)
Documenation: https://github.com/machito/animate.less
-------------------------------------------------------
Copyright © 2012 Michael Castilla
Email: yo@machito.co
Twitter: https://twitter.com/micr0bitz

*/
/* line 14, /home/pc035860/master/web/asset/less/vendor/animate.less */
body {
  -webkit-backface-visibility: hidden;
}
/* line 17, /home/pc035860/master/web/asset/less/vendor/animate.less */
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 28, /home/pc035860/master/web/asset/less/vendor/animate.less */
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes flash {
  /* line 36, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  50%,
  100% {
    opacity: 1;
  }
  /* line 37, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  /* line 41, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  50%,
  100% {
    opacity: 1;
  }
  /* line 42, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  /* line 46, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  50%,
  100% {
    opacity: 1;
  }
  /* line 47, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  /* line 51, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  50%,
  100% {
    opacity: 1;
  }
  /* line 52, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25%,
  75% {
    opacity: 0;
  }
}
/* line 55, /home/pc035860/master/web/asset/less/vendor/animate.less */
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  /* line 62, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  /* line 63, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  /* line 64, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  /* line 68, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  /* line 69, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  /* line 70, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  /* line 74, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  100% {
    -o-transform: translateX(0);
  }
  /* line 75, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  /* line 76, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  /* line 80, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  100% {
    transform: translateX(0);
  }
  /* line 81, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  /* line 82, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
/* line 85, /home/pc035860/master/web/asset/less/vendor/animate.less */
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  /* line 92, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  /* line 93, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -webkit-transform: translateY(-30px);
  }
  /* line 94, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  /* line 98, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  /* line 99, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -moz-transform: translateY(-30px);
  }
  /* line 100, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  /* line 104, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  /* line 105, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -o-transform: translateY(-30px);
  }
  /* line 106, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  /* line 109, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  /* line 110, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    transform: translateY(-30px);
  }
  /* line 111, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    transform: translateY(-15px);
  }
}
/* line 114, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  /* line 121, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: scale(1);
  }
  /* line 122, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  /* line 123, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  /* line 124, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  /* line 125, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  /* line 129, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: scale(1);
  }
  /* line 130, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  /* line 131, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  /* line 132, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  /* line 133, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  /* line 137, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: scale(1);
  }
  /* line 138, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  /* line 139, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  /* line 140, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  /* line 141, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  /* line 145, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: scale(1);
  }
  /* line 146, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  /* line 147, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  /* line 148, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  /* line 149, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: scale(1) rotate(0);
  }
}
/* line 152, /home/pc035860/master/web/asset/less/vendor/animate.less */
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  /* line 159, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  /* line 160, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    -webkit-transform: rotate(15deg);
  }
  /* line 161, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -webkit-transform: rotate(-10deg);
  }
  /* line 162, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -webkit-transform: rotate(5deg);
  }
  /* line 163, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: rotate(-5deg);
  }
  /* line 164, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  /* line 168, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    -moz-transform: rotate(15deg);
  }
  /* line 169, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -moz-transform: rotate(-10deg);
  }
  /* line 170, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -moz-transform: rotate(5deg);
  }
  /* line 171, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: rotate(-5deg);
  }
  /* line 172, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  /* line 176, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    -o-transform: rotate(15deg);
  }
  /* line 177, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -o-transform: rotate(-10deg);
  }
  /* line 178, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -o-transform: rotate(5deg);
  }
  /* line 179, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: rotate(-5deg);
  }
  /* line 180, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  /* line 184, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    transform: rotate(15deg);
  }
  /* line 185, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    transform: rotate(-10deg);
  }
  /* line 186, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    transform: rotate(5deg);
  }
  /* line 187, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: rotate(-5deg);
  }
  /* line 188, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: rotate(0deg);
  }
}
/* line 191, /home/pc035860/master/web/asset/less/vendor/animate.less */
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  /* line 204, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: translateX(0%);
  }
  /* line 205, /home/pc035860/master/web/asset/less/vendor/animate.less */
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  /* line 206, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  /* line 207, /home/pc035860/master/web/asset/less/vendor/animate.less */
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  /* line 208, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  /* line 209, /home/pc035860/master/web/asset/less/vendor/animate.less */
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  /* line 210, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  /* line 214, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: translateX(0%);
  }
  /* line 215, /home/pc035860/master/web/asset/less/vendor/animate.less */
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  /* line 216, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  /* line 217, /home/pc035860/master/web/asset/less/vendor/animate.less */
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  /* line 218, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  /* line 219, /home/pc035860/master/web/asset/less/vendor/animate.less */
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  /* line 220, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  /* line 224, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: translateX(0%);
  }
  /* line 225, /home/pc035860/master/web/asset/less/vendor/animate.less */
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  /* line 226, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  /* line 227, /home/pc035860/master/web/asset/less/vendor/animate.less */
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  /* line 228, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  /* line 229, /home/pc035860/master/web/asset/less/vendor/animate.less */
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  /* line 230, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  /* line 234, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: translateX(0%);
  }
  /* line 235, /home/pc035860/master/web/asset/less/vendor/animate.less */
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  /* line 236, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  /* line 237, /home/pc035860/master/web/asset/less/vendor/animate.less */
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  /* line 238, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  /* line 239, /home/pc035860/master/web/asset/less/vendor/animate.less */
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  /* line 240, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateX(0%);
  }
}
/* line 243, /home/pc035860/master/web/asset/less/vendor/animate.less */
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  /* line 252, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: scale(1);
  }
  /* line 253, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -webkit-transform: scale(1.1);
  }
  /* line 254, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  /* line 257, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: scale(1);
  }
  /* line 258, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -moz-transform: scale(1.1);
  }
  /* line 259, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  /* line 262, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: scale(1);
  }
  /* line 263, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -o-transform: scale(1.1);
  }
  /* line 264, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  /* line 267, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: scale(1);
  }
  /* line 268, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    transform: scale(1.1);
  }
  /* line 269, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: scale(1);
  }
}
/* line 272, /home/pc035860/master/web/asset/less/vendor/animate.less */
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes flip {
  /* line 279, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  /* line 283, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  /* line 287, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  /* line 291, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  /* line 295, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  /* line 301, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  /* line 305, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  /* line 309, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  /* line 313, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  /* line 317, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  /* line 323, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  /* line 327, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  /* line 331, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  /* line 335, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  /* line 339, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  /* line 345, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  /* line 349, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  /* line 353, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  /* line 357, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  /* line 361, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
/* line 367, /home/pc035860/master/web/asset/less/vendor/animate.less */
.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  /* line 378, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  /* line 383, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  /* line 387, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  /* line 391, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  /* line 397, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  /* line 402, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  /* line 406, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  /* line 410, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  /* line 416, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  /* line 421, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  /* line 425, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  /* line 429, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  /* line 435, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  /* line 440, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  /* line 444, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  /* line 448, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
/* line 454, /home/pc035860/master/web/asset/less/vendor/animate.less */
.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  /* line 465, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  /* line 469, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  /* line 476, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  /* line 480, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  /* line 487, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  /* line 491, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  /* line 498, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  /* line 502, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
/* line 508, /home/pc035860/master/web/asset/less/vendor/animate.less */
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  /* line 519, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  /* line 524, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  /* line 528, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  /* line 532, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  /* line 538, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  /* line 543, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  /* line 547, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  /* line 551, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  /* line 557, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  /* line 562, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  /* line 566, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  /* line 570, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  /* line 576, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  /* line 581, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  /* line 585, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  /* line 589, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
/* line 595, /home/pc035860/master/web/asset/less/vendor/animate.less */
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
  /* line 606, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  /* line 610, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  /* line 616, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  /* line 620, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  /* line 626, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  /* line 630, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  /* line 636, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  /* line 640, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
/* line 646, /home/pc035860/master/web/asset/less/vendor/animate.less */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
  /* line 657, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
  }
  /* line 658, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  /* line 662, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
  }
  /* line 663, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  /* line 667, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
  }
  /* line 668, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  /* line 672, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
  }
  /* line 673, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
  }
}
/* line 676, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  /* line 683, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  /* line 688, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  /* line 695, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  /* line 700, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  /* line 707, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  /* line 712, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  /* line 719, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  /* line 724, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 730, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  /* line 737, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  /* line 742, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  /* line 749, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  /* line 754, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  /* line 761, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  /* line 766, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  /* line 773, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  /* line 778, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 784, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  /* line 791, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  /* line 796, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  /* line 803, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  /* line 808, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  /* line 815, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  /* line 820, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  /* line 827, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  /* line 832, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* line 838, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  /* line 845, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  /* line 850, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  /* line 857, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  /* line 862, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  /* line 869, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  /* line 874, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  /* line 881, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  /* line 886, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* line 892, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  /* line 899, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  /* line 904, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  /* line 911, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  /* line 916, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  /* line 923, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  /* line 928, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  /* line 935, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  /* line 940, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 946, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  /* line 953, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  /* line 958, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  /* line 965, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  /* line 970, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  /* line 977, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  /* line 982, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  /* line 989, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  /* line 994, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 1000, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  /* line 1007, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  /* line 1012, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  /* line 1018, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  /* line 1023, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  /* line 1029, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  /* line 1034, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  /* line 1040, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  /* line 1045, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* line 1051, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  /* line 1058, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  /* line 1063, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  /* line 1070, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  /* line 1075, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  /* line 1082, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  /* line 1087, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  /* line 1094, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  /* line 1099, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* line 1105, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
  /* line 1112, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
  }
  /* line 1113, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  /* line 1117, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
  }
  /* line 1118, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  /* line 1122, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
  }
  /* line 1123, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  /* line 1127, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
  }
  /* line 1128, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
  }
}
/* line 1131, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  /* line 1138, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  /* line 1143, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  /* line 1149, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  /* line 1154, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  /* line 1160, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  /* line 1165, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  /* line 1171, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 1176, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
/* line 1182, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  /* line 1189, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  /* line 1194, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  /* line 1201, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  /* line 1206, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  /* line 1213, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  /* line 1218, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  /* line 1225, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 1230, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
/* line 1236, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
  /* line 1243, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  /* line 1248, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  /* line 1255, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  /* line 1260, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  /* line 1267, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  /* line 1272, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  /* line 1279, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  /* line 1284, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
/* line 1290, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  /* line 1297, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  /* line 1302, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  /* line 1309, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  /* line 1314, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  /* line 1321, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  /* line 1326, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  /* line 1333, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  /* line 1338, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
/* line 1344, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
  /* line 1351, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  /* line 1356, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  /* line 1363, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  /* line 1368, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  /* line 1375, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  /* line 1380, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  /* line 1387, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 1392, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
/* line 1398, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
  /* line 1405, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  /* line 1410, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  /* line 1417, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  /* line 1422, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  /* line 1429, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  /* line 1434, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  /* line 1441, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 1446, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
/* line 1452, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
  /* line 1459, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  /* line 1464, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  /* line 1471, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  /* line 1476, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  /* line 1483, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  /* line 1488, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  /* line 1495, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  /* line 1500, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
/* line 1506, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
  /* line 1513, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  /* line 1518, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  /* line 1524, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  /* line 1529, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  /* line 1535, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  /* line 1540, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  /* line 1546, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  /* line 1551, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
/* line 1557, /home/pc035860/master/web/asset/less/vendor/animate.less */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  /* line 1564, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  /* line 1569, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  /* line 1574, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -webkit-transform: scale(0.9);
  }
  /* line 1578, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  /* line 1584, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  /* line 1589, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  /* line 1594, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -moz-transform: scale(0.9);
  }
  /* line 1598, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  /* line 1604, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  /* line 1609, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  /* line 1614, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -o-transform: scale(0.9);
  }
  /* line 1618, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  /* line 1624, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  /* line 1629, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  /* line 1634, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    transform: scale(0.9);
  }
  /* line 1638, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: scale(1);
  }
}
/* line 1643, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  /* line 1650, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  /* line 1655, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  /* line 1660, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: translateY(10px);
  }
  /* line 1664, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  /* line 1669, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  /* line 1674, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  /* line 1679, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: translateY(10px);
  }
  /* line 1683, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  /* line 1689, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  /* line 1694, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  /* line 1699, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: translateY(10px);
  }
  /* line 1703, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  /* line 1709, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  /* line 1714, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  /* line 1719, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: translateY(10px);
  }
  /* line 1723, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateY(0);
  }
}
/* line 1728, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  /* line 1735, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  /* line 1740, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  /* line 1745, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: translateY(-10px);
  }
  /* line 1749, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  /* line 1755, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  /* line 1760, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  /* line 1765, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: translateY(-10px);
  }
  /* line 1769, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  /* line 1775, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  /* line 1780, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  /* line 1785, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: translateY(-10px);
  }
  /* line 1789, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  /* line 1795, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  /* line 1800, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  /* line 1805, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: translateY(-10px);
  }
  /* line 1809, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateY(0);
  }
}
/* line 1814, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  /* line 1821, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  /* line 1826, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  /* line 1831, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: translateX(-10px);
  }
  /* line 1835, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  /* line 1841, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  /* line 1846, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  /* line 1851, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: translateX(-10px);
  }
  /* line 1855, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  /* line 1861, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  /* line 1866, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  /* line 1871, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: translateX(-10px);
  }
  /* line 1875, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  /* line 1881, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  /* line 1886, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  /* line 1891, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: translateX(-10px);
  }
  /* line 1895, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateX(0);
  }
}
/* line 1900, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  /* line 1907, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  /* line 1912, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  /* line 1917, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: translateX(10px);
  }
  /* line 1921, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  /* line 1927, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  /* line 1932, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  /* line 1937, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: translateX(10px);
  }
  /* line 1941, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  /* line 1947, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  /* line 1952, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  /* line 1957, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: translateX(10px);
  }
  /* line 1961, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  /* line 1967, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  /* line 1972, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  /* line 1977, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: translateX(10px);
  }
  /* line 1981, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateX(0);
  }
}
/* line 1986, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  /* line 1993, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: scale(1);
  }
  /* line 1997, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25% {
    -webkit-transform: scale(0.95);
  }
  /* line 2001, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  /* line 2006, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  /* line 2013, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: scale(1);
  }
  /* line 2017, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25% {
    -moz-transform: scale(0.95);
  }
  /* line 2021, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  /* line 2026, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  /* line 2033, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: scale(1);
  }
  /* line 2037, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25% {
    -o-transform: scale(0.95);
  }
  /* line 2041, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  /* line 2046, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  /* line 2053, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: scale(1);
  }
  /* line 2057, /home/pc035860/master/web/asset/less/vendor/animate.less */
  25% {
    transform: scale(0.95);
  }
  /* line 2061, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  /* line 2066, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
/* line 2072, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
  /* line 2079, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: translateY(0);
  }
  /* line 2083, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  /* line 2088, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  /* line 2095, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: translateY(0);
  }
  /* line 2099, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  /* line 2104, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  /* line 2111, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: translateY(0);
  }
  /* line 2115, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  /* line 2120, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  /* line 2127, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: translateY(0);
  }
  /* line 2131, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  /* line 2136, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
/* line 2142, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
  /* line 2149, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: translateY(0);
  }
  /* line 2153, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  /* line 2158, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  /* line 2165, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: translateY(0);
  }
  /* line 2169, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  /* line 2174, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  /* line 2181, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: translateY(0);
  }
  /* line 2185, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  /* line 2190, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  /* line 2197, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: translateY(0);
  }
  /* line 2201, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  /* line 2206, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
/* line 2212, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  /* line 2219, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: translateX(0);
  }
  /* line 2223, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  /* line 2228, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  /* line 2235, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: translateX(0);
  }
  /* line 2239, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  /* line 2244, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  /* line 2251, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: translateX(0);
  }
  /* line 2255, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  /* line 2260, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  /* line 2267, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: translateX(0);
  }
  /* line 2271, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  /* line 2276, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
/* line 2282, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  /* line 2289, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: translateX(0);
  }
  /* line 2293, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  /* line 2298, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  /* line 2305, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: translateX(0);
  }
  /* line 2309, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  /* line 2314, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  /* line 2321, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: translateX(0);
  }
  /* line 2325, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  /* line 2330, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  /* line 2337, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: translateX(0);
  }
  /* line 2341, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  /* line 2346, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
/* line 2352, /home/pc035860/master/web/asset/less/vendor/animate.less */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
  /* line 2359, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  /* line 2365, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  /* line 2372, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  /* line 2378, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  /* line 2385, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  /* line 2391, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  /* line 2398, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  /* line 2404, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2411, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  /* line 2418, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2424, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  /* line 2432, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2438, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  /* line 2446, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2452, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  /* line 2460, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2466, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2473, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  /* line 2480, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2486, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  /* line 2494, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2500, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  /* line 2508, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2514, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  /* line 2522, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2528, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2535, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  /* line 2542, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2548, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  /* line 2556, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2562, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  /* line 2570, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2576, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  /* line 2584, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  /* line 2590, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2597, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  /* line 2604, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2610, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  /* line 2618, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2624, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  /* line 2632, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2638, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  /* line 2646, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  /* line 2652, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2659, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
  /* line 2666, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  /* line 2672, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  /* line 2680, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  /* line 2686, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  /* line 2694, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  /* line 2700, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  /* line 2708, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  /* line 2714, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
/* line 2721, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
  /* line 2728, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  /* line 2734, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  /* line 2742, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  /* line 2748, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  /* line 2756, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  /* line 2762, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  /* line 2770, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  /* line 2776, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
/* line 2783, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
  /* line 2790, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  /* line 2796, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  /* line 2804, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  /* line 2810, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  /* line 2818, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  /* line 2824, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  /* line 2832, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  /* line 2838, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
/* line 2845, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
  /* line 2852, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  /* line 2858, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  /* line 2866, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  /* line 2872, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  /* line 2880, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  /* line 2886, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  /* line 2894, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  /* line 2900, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
/* line 2907, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
  /* line 2914, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  /* line 2920, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  /* line 2928, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  /* line 2934, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  /* line 2942, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  /* line 2948, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  /* line 2956, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  /* line 2962, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
/* line 2969, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
  /* line 2976, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  /* line 2977, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  /* line 2978, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  /* line 2979, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  /* line 2980, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  /* line 2984, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  /* line 2985, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  /* line 2986, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  /* line 2987, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  /* line 2988, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  /* line 2992, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  /* line 2993, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  /* line 2994, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  /* line 2995, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  /* line 2996, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  /* line 3000, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  /* line 3001, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  /* line 3002, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  /* line 3003, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  /* line 3004, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
/* line 3007, /home/pc035860/master/web/asset/less/vendor/animate.less */
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  /* line 3016, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  /* line 3017, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  /* line 3021, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  /* line 3022, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  /* line 3026, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  /* line 3027, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  /* line 3031, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  /* line 3032, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
/* line 3035, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  /* line 3044, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  /* line 3049, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  /* line 3056, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  /* line 3061, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  /* line 3068, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  /* line 3073, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  /* line 3080, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  /* line 3085, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
/* line 3091, /home/pc035860/master/web/asset/less/vendor/animate.less */
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  /* line 3101, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  /* line 3102, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  /* line 3103, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  /* line 3104, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  /* line 3108, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  /* line 3109, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  /* line 3110, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  /* line 3111, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  /* line 3115, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  /* line 3116, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  /* line 3117, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  /* line 3118, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  /* line 3122, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  /* line 3123, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  /* line 3124, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  /* line 3125, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
/* line 3128, /home/pc035860/master/web/asset/less/vendor/animate.less */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* line 3140, /home/pc035860/master/web/asset/less/vendor/animate.less */
.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  /* line 3150, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  /* line 3151, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  /* line 3155, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  /* line 3156, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  /* line 3160, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  /* line 3161, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  /* line 3165, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  /* line 3166, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
/* line 3169, /home/pc035860/master/web/asset/less/vendor/animate.less */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* line 3181, /home/pc035860/master/web/asset/less/vendor/animate.less */
.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  /* line 3191, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -webkit-transform: skewX(9deg);
  }
  /* line 3192, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10% {
    -webkit-transform: skewX(-8deg);
  }
  /* line 3193, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    -webkit-transform: skewX(7deg);
  }
  /* line 3194, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    -webkit-transform: skewX(-6deg);
  }
  /* line 3195, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -webkit-transform: skewX(5deg);
  }
  /* line 3196, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -webkit-transform: skewX(-4deg);
  }
  /* line 3197, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -webkit-transform: skewX(3deg);
  }
  /* line 3198, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -webkit-transform: skewX(-2deg);
  }
  /* line 3199, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -webkit-transform: skewX(1deg);
  }
  /* line 3200, /home/pc035860/master/web/asset/less/vendor/animate.less */
  90% {
    -webkit-transform: skewX(0deg);
  }
  /* line 3201, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  /* line 3205, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -moz-transform: skewX(9deg);
  }
  /* line 3206, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10% {
    -moz-transform: skewX(-8deg);
  }
  /* line 3207, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    -moz-transform: skewX(7deg);
  }
  /* line 3208, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    -moz-transform: skewX(-6deg);
  }
  /* line 3209, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -moz-transform: skewX(5deg);
  }
  /* line 3210, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -moz-transform: skewX(-4deg);
  }
  /* line 3211, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -moz-transform: skewX(3deg);
  }
  /* line 3212, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -moz-transform: skewX(-2deg);
  }
  /* line 3213, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -moz-transform: skewX(1deg);
  }
  /* line 3214, /home/pc035860/master/web/asset/less/vendor/animate.less */
  90% {
    -moz-transform: skewX(0deg);
  }
  /* line 3215, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  /* line 3219, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    -o-transform: skewX(9deg);
  }
  /* line 3220, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10% {
    -o-transform: skewX(-8deg);
  }
  /* line 3221, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    -o-transform: skewX(7deg);
  }
  /* line 3222, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    -o-transform: skewX(-6deg);
  }
  /* line 3223, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    -o-transform: skewX(5deg);
  }
  /* line 3224, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    -o-transform: skewX(-4deg);
  }
  /* line 3225, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    -o-transform: skewX(3deg);
  }
  /* line 3226, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    -o-transform: skewX(-2deg);
  }
  /* line 3227, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    -o-transform: skewX(1deg);
  }
  /* line 3228, /home/pc035860/master/web/asset/less/vendor/animate.less */
  90% {
    -o-transform: skewX(0deg);
  }
  /* line 3229, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  /* line 3233, /home/pc035860/master/web/asset/less/vendor/animate.less */
  0% {
    transform: skewX(9deg);
  }
  /* line 3234, /home/pc035860/master/web/asset/less/vendor/animate.less */
  10% {
    transform: skewX(-8deg);
  }
  /* line 3235, /home/pc035860/master/web/asset/less/vendor/animate.less */
  20% {
    transform: skewX(7deg);
  }
  /* line 3236, /home/pc035860/master/web/asset/less/vendor/animate.less */
  30% {
    transform: skewX(-6deg);
  }
  /* line 3237, /home/pc035860/master/web/asset/less/vendor/animate.less */
  40% {
    transform: skewX(5deg);
  }
  /* line 3238, /home/pc035860/master/web/asset/less/vendor/animate.less */
  50% {
    transform: skewX(-4deg);
  }
  /* line 3239, /home/pc035860/master/web/asset/less/vendor/animate.less */
  60% {
    transform: skewX(3deg);
  }
  /* line 3240, /home/pc035860/master/web/asset/less/vendor/animate.less */
  70% {
    transform: skewX(-2deg);
  }
  /* line 3241, /home/pc035860/master/web/asset/less/vendor/animate.less */
  80% {
    transform: skewX(1deg);
  }
  /* line 3242, /home/pc035860/master/web/asset/less/vendor/animate.less */
  90% {
    transform: skewX(0deg);
  }
  /* line 3243, /home/pc035860/master/web/asset/less/vendor/animate.less */
  100% {
    transform: skewX(0deg);
  }
}
/* line 3246, /home/pc035860/master/web/asset/less/vendor/animate.less */
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* line 3258, /home/pc035860/master/web/asset/less/vendor/animate.less */
.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
/**
 * Ceaser easing function for LESS
 * https://github.com/matthewlein/Ceaser/tree/master/developer
 **/
@keyframes bomb-pulse {
  /* line 2, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    transform: scale(0.85);
  }
  /* line 5, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes bomb-pulse {
  /* line 12, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  /* line 16, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fbconnect-swing {
  /* line 24, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: translate(-5px, 0) rotate(0deg);
    -moz-transform: translate(-5px, 0) rotate(0deg);
    -o-transform: translate(-5px, 0) rotate(0deg);
    -ms-transform: translate(-5px, 0) rotate(0deg);
    transform: translate(-5px, 0) rotate(0deg);
  }
  /* line 31, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: translate(155px, 0) rotate(360deg);
    -moz-transform: translate(155px, 0) rotate(360deg);
    -o-transform: translate(155px, 0) rotate(360deg);
    -ms-transform: translate(155px, 0) rotate(360deg);
    transform: translate(155px, 0) rotate(360deg);
  }
}
@-webkit-keyframes fbconnect-swing {
  /* line 42, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: translate(-5px, 0) rotate(0deg);
    transform: translate(-5px, 0) rotate(0deg);
  }
  /* line 46, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: translate(155px, 0) rotate(360deg);
    transform: translate(155px, 0) rotate(360deg);
  }
}
@keyframes combo-chg {
  /* line 54, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 61, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  40% {
    -webkit-transform: translateY(-16px);
    -moz-transform: translateY(-16px);
    -o-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  /* line 68, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  60% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes combo-chg {
  /* line 79, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 83, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  40% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  /* line 87, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  60% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes rotate-scale-out {
  /* line 95, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  /* line 105, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.3) rotate(180deg);
    -moz-transform: scale(1.3) rotate(180deg);
    -o-transform: scale(1.3) rotate(180deg);
    -ms-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
  }
}
@-webkit-keyframes rotate-scale-out {
  /* line 119, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  /* line 125, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
  }
}
@keyframes rotate-scale-in {
  /* line 135, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.3) rotate(180deg);
    -moz-transform: scale(1.3) rotate(180deg);
    -o-transform: scale(1.3) rotate(180deg);
    -ms-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
  }
  /* line 145, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes rotate-scale-in {
  /* line 160, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
  }
  /* line 166, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes rotate-zoom-out {
  /* line 176, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  /* line 186, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
}
@-webkit-keyframes rotate-zoom-out {
  /* line 200, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  /* line 206, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
}
@keyframes rotate-zoom-in {
  /* line 216, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
  /* line 226, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes rotate-zoom-in {
  /* line 240, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
  /* line 246, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes floating {
  /* line 256, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  /* line 263, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  65% {
    -webkit-transform: translate(0, 15px);
    -moz-transform: translate(0, 15px);
    -o-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    transform: translate(0, 15px);
  }
  /* line 270, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}
@-webkit-keyframes floating {
  /* line 281, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  /* line 285, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  65% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
  }
  /* line 289, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}
@keyframes zoom-in {
  /* line 297, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  /* line 304, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes zoom-in {
  /* line 315, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  /* line 319, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* line 325, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
.zoomIn {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}
@keyframes zoom-out {
  /* line 330, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  /* line 337, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes zoom-out {
  /* line 348, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  /* line 352, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
/* line 358, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
.zoomOut {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}
@keyframes spin {
  /* line 364, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 371, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  /* line 381, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 385, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes hotzone-pulse {
  /* line 392, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    -o-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    opacity: 0.0;
  }
  /* line 399, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  50% {
    opacity: 0.8;
  }
  /* line 402, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}
@-webkit-keyframes hotzone-pulse {
  /* line 412, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    opacity: 0.0;
  }
  /* line 417, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  50% {
    opacity: 0.8;
  }
  /* line 420, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}
@-webkit-keyframes hotzone-pulse-with-interval {
  /* line 428, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0.0;
  }
  /* line 432, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  30% {
    opacity: 0.8;
  }
  /* line 435, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.0;
  }
  /* line 439, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes hotzone-pulse-with-interval {
  /* line 446, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0.0;
  }
  /* line 450, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  30% {
    opacity: 0.8;
  }
  /* line 453, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.0;
  }
  /* line 457, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes bounce-half {
  /* line 465, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0%,
  10%,
  25%,
  40%,
  50% {
    -webkit-transform: translateY(0);
  }
  /* line 466, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  20% {
    -webkit-transform: translateY(-15px);
  }
  /* line 467, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  30% {
    -webkit-transform: translateY(-8px);
  }
}
@keyframes bounce-half {
  /* line 470, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0%,
  10%,
  25%,
  40%,
  50% {
    transform: translateY(0);
  }
  /* line 471, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  20% {
    transform: translateY(-15px);
  }
  /* line 472, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  30% {
    transform: translateY(-8px);
  }
}
@-webkit-keyframes review-lock-swing {
  /* line 476, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 479, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  2% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  /* line 482, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  6% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  /* line 485, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  10% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  /* line 488, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  14% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  /* line 491, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  16% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 494, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes review-lock-swing {
  /* line 499, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 502, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  2% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  /* line 505, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  6% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  /* line 508, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  10% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  /* line 511, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  14% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  /* line 514, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  16% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 517, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes moveInUp {
  /* line 523, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translate(0, 50px);
  }
  /* line 527, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes moveInUp {
  /* line 532, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translate(0, 50px);
  }
  /* line 536, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
/* line 540, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
.moveInUp {
  -webkit-animation-name: moveInUp;
  animation-name: moveInUp;
}
@-webkit-keyframes moveInDown {
  /* line 545, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }
  /* line 549, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes moveInDown {
  /* line 554, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }
  /* line 558, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
/* line 562, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
.moveInDown {
  -webkit-animation-name: moveInDown;
  animation-name: moveInDown;
}
@-webkit-keyframes flipSmall {
  /* line 567, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform: perspective(800px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  /* line 571, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  40% {
    -webkit-transform: perspective(800px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  /* line 575, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  50% {
    -webkit-transform: perspective(800px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  /* line 579, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  80% {
    -webkit-transform: perspective(800px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  /* line 583, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform: perspective(800px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@keyframes flipSmall {
  /* line 589, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    transform: perspective(800px) rotateY(0);
    animation-timing-function: ease-out;
  }
  /* line 593, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  40% {
    transform: perspective(800px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  /* line 597, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  50% {
    transform: perspective(800px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  /* line 601, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  80% {
    transform: perspective(800px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  /* line 605, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    transform: perspective(800px) scale(1);
    animation-timing-function: ease-in;
  }
}
/* line 610, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
.flipSmall {
  -webkit-animation-name: flipSmall;
  animation-name: flipSmall;
}
@-webkit-keyframes rotateInReverse {
  /* line 615, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
  /* line 621, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInReverse {
  /* line 628, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
  /* line 634, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 640, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
.rotateInReverse {
  -webkit-animation-name: rotateInReverse;
  animation-name: rotateInReverse;
}
@-webkit-keyframes rotateOutReverse {
  /* line 645, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  /* line 651, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
}
@keyframes rotateOutReverse {
  /* line 658, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  /* line 664, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  100% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
}
/* line 670, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
.rotateOutReverse {
  -webkit-animation-name: rotateOutReverse;
  animation-name: rotateOutReverse;
}
@-webkit-keyframes halfspin {
  /* line 676, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes halfspin {
  /* line 681, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@-webkit-keyframes connect-dash {
  /* line 689, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    stroke-dashoffset: -40;
  }
}
@keyframes connect-dash {
  /* line 694, /home/pc035860/master/web/asset/less/keyframes/legacy.less */
  to {
    stroke-dashoffset: -40;
  }
}
@-webkit-keyframes slideInDown {
  /* line 2, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  /* line 8, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  /* line 15, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  /* line 21, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 27, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  /* line 33, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  /* line 39, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  /* line 46, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  /* line 52, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 58, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  /* line 64, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  /* line 70, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  /* line 77, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  /* line 83, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 89, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  /* line 95, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  /* line 101, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  /* line 108, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  /* line 114, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 120, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  /* line 126, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 131, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  /* line 139, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 144, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* line 151, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  /* line 157, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 162, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  /* line 170, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 175, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/* line 182, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  /* line 188, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 193, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  /* line 201, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 206, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/* line 213, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  /* line 219, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 224, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  /* line 232, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 237, /home/pc035860/master/web/asset/less/keyframes/slide.less */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* line 244, /home/pc035860/master/web/asset/less/keyframes/slide.less */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/* line 1, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
.bjsJellyInUp {
  -webkit-animation-name: bjsJellyInUp;
  animation-name: bjsJellyInUp;
}
@-webkit-keyframes bjsJellyInUp {
  /* line 7, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  0% {
    -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, -50, 0, 1);
    transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, -50, 0, 1);
  }
  /* line 8, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  2.777778% {
    -webkit-transform: matrix3d(0.47654, 0, 0, 0, 0, 0.47654, 0, 0, 0, 0, 1, 0, 0, -32.89044, 0, 1);
    transform: matrix3d(0.47654, 0, 0, 0, 0, 0.47654, 0, 0, 0, 0, 1, 0, 0, -32.89044, 0, 1);
  }
  /* line 9, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  5.555556% {
    -webkit-transform: matrix3d(0.85626, 0, 0, 0, 0, 0.85626, 0, 0, 0, 0, 1, 0, 0, -14.42375, 0, 1);
    transform: matrix3d(0.85626, 0, 0, 0, 0, 0.85626, 0, 0, 0, 0, 1, 0, 0, -14.42375, 0, 1);
  }
  /* line 10, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  8.333333% {
    -webkit-transform: matrix3d(1.10334, 0, 0, 0, 0, 1.10334, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10334, 0, 0, 0, 0, 1.10334, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 11, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  11.111111% {
    -webkit-transform: matrix3d(1.19451, 0, 0, 0, 0, 1.19451, 0, 0, 0, 0, 1, 0, 0, 8.32178, 0, 1);
    transform: matrix3d(1.19451, 0, 0, 0, 0, 1.19451, 0, 0, 0, 0, 1, 0, 0, 8.32178, 0, 1);
  }
  /* line 12, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  13.888889% {
    -webkit-transform: matrix3d(1.17284, 0, 0, 0, 0, 1.17284, 0, 0, 0, 0, 1, 0, 0, 10.94828, 0, 1);
    transform: matrix3d(1.17284, 0, 0, 0, 0, 1.17284, 0, 0, 0, 0, 1, 0, 0, 10.94828, 0, 1);
  }
  /* line 13, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  16.666667% {
    -webkit-transform: matrix3d(1.10053, 0, 0, 0, 0, 1.10053, 0, 0, 0, 0, 1, 0, 0, 9.6025, 0, 1);
    transform: matrix3d(1.10053, 0, 0, 0, 0, 1.10053, 0, 0, 0, 0, 1, 0, 0, 9.6025, 0, 1);
  }
  /* line 14, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  19.444444% {
    -webkit-transform: matrix3d(1.02761, 0, 0, 0, 0, 1.02761, 0, 0, 0, 0, 1, 0, 0, 6.31661, 0, 1);
    transform: matrix3d(1.02761, 0, 0, 0, 0, 1.02761, 0, 0, 0, 0, 1, 0, 0, 6.31661, 0, 1);
  }
  /* line 15, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  22.222222% {
    -webkit-transform: matrix3d(0.98015, 0, 0, 0, 0, 0.98015, 0, 0, 0, 0, 1, 0, 0, 2.77008, 0, 1);
    transform: matrix3d(0.98015, 0, 0, 0, 0, 0.98015, 0, 0, 0, 0, 1, 0, 0, 2.77008, 0, 1);
  }
  /* line 16, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  25% {
    -webkit-transform: matrix3d(0.96265, 0, 0, 0, 0, 0.96265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96265, 0, 0, 0, 0, 0.96265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 17, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  27.777778% {
    -webkit-transform: matrix3d(0.96681, 0, 0, 0, 0, 0.96681, 0, 0, 0, 0, 1, 0, 0, -1.5982, 0, 1);
    transform: matrix3d(0.96681, 0, 0, 0, 0, 0.96681, 0, 0, 0, 0, 1, 0, 0, -1.5982, 0, 1);
  }
  /* line 18, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  30.555556% {
    -webkit-transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, -2.10262, 0, 1);
    transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, -2.10262, 0, 1);
  }
  /* line 19, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  33.333333% {
    -webkit-transform: matrix3d(0.9947, 0, 0, 0, 0, 0.9947, 0, 0, 0, 0, 1, 0, 0, -1.84416, 0, 1);
    transform: matrix3d(0.9947, 0, 0, 0, 0, 0.9947, 0, 0, 0, 0, 1, 0, 0, -1.84416, 0, 1);
  }
  /* line 20, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  36.111111% {
    -webkit-transform: matrix3d(1.00381, 0, 0, 0, 0, 1.00381, 0, 0, 0, 0, 1, 0, 0, -1.2131, 0, 1);
    transform: matrix3d(1.00381, 0, 0, 0, 0, 1.00381, 0, 0, 0, 0, 1, 0, 0, -1.2131, 0, 1);
  }
  /* line 21, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  38.888889% {
    -webkit-transform: matrix3d(1.00717, 0, 0, 0, 0, 1.00717, 0, 0, 0, 0, 1, 0, 0, -0.53199, 0, 1);
    transform: matrix3d(1.00717, 0, 0, 0, 0, 1.00717, 0, 0, 0, 0, 1, 0, 0, -0.53199, 0, 1);
  }
  /* line 22, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  41.666667% {
    -webkit-transform: matrix3d(1.00638, 0, 0, 0, 0, 1.00638, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00638, 0, 0, 0, 0, 1.00638, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 23, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  44.444444% {
    -webkit-transform: matrix3d(1.00371, 0, 0, 0, 0, 1.00371, 0, 0, 0, 0, 1, 0, 0, 0.30693, 0, 1);
    transform: matrix3d(1.00371, 0, 0, 0, 0, 1.00371, 0, 0, 0, 0, 1, 0, 0, 0.30693, 0, 1);
  }
  /* line 24, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  47.222222% {
    -webkit-transform: matrix3d(1.00102, 0, 0, 0, 0, 1.00102, 0, 0, 0, 0, 1, 0, 0, 0.40381, 0, 1);
    transform: matrix3d(1.00102, 0, 0, 0, 0, 1.00102, 0, 0, 0, 0, 1, 0, 0, 0.40381, 0, 1);
  }
  /* line 25, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  50% {
    -webkit-transform: matrix3d(0.99927, 0, 0, 0, 0, 0.99927, 0, 0, 0, 0, 1, 0, 0, 0.35417, 0, 1);
    transform: matrix3d(0.99927, 0, 0, 0, 0, 0.99927, 0, 0, 0, 0, 1, 0, 0, 0.35417, 0, 1);
  }
  /* line 26, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  52.777778% {
    -webkit-transform: matrix3d(0.99862, 0, 0, 0, 0, 0.99862, 0, 0, 0, 0, 1, 0, 0, 0.23298, 0, 1);
    transform: matrix3d(0.99862, 0, 0, 0, 0, 0.99862, 0, 0, 0, 0, 1, 0, 0, 0.23298, 0, 1);
  }
  /* line 27, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  55.555556% {
    -webkit-transform: matrix3d(0.99878, 0, 0, 0, 0, 0.99878, 0, 0, 0, 0, 1, 0, 0, 0.10217, 0, 1);
    transform: matrix3d(0.99878, 0, 0, 0, 0, 0.99878, 0, 0, 0, 0, 1, 0, 0, 0.10217, 0, 1);
  }
  /* line 28, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  58.333333% {
    -webkit-transform: matrix3d(0.99929, 0, 0, 0, 0, 0.99929, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99929, 0, 0, 0, 0, 0.99929, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 29, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  61.111111% {
    -webkit-transform: matrix3d(0.9998, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, -0.05895, 0, 1);
    transform: matrix3d(0.9998, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, -0.05895, 0, 1);
  }
  /* line 30, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  63.888889% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.07755, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.07755, 0, 1);
  }
  /* line 31, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  66.666667% {
    -webkit-transform: matrix3d(1.00026, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, -0.06802, 0, 1);
    transform: matrix3d(1.00026, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, -0.06802, 0, 1);
  }
  /* line 32, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  69.444444% {
    -webkit-transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, -0.04474, 0, 1);
    transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, -0.04474, 0, 1);
  }
  /* line 33, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  72.222222% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.01962, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.01962, 0, 1);
  }
  /* line 34, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  75% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 35, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  77.777778% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.01132, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.01132, 0, 1);
  }
  /* line 36, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  80.555556% {
    -webkit-transform: matrix3d(0.99995, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0.01489, 0, 1);
    transform: matrix3d(0.99995, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0.01489, 0, 1);
  }
  /* line 37, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  83.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01306, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01306, 0, 1);
  }
  /* line 38, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  86.111111% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00859, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00859, 0, 1);
  }
  /* line 39, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  88.888889% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00377, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00377, 0, 1);
  }
  /* line 40, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  91.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 41, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  94.444444% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00217, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00217, 0, 1);
  }
  /* line 42, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  97.222222% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00286, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00286, 0, 1);
  }
  /* line 43, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes bjsJellyInUp {
  /* line 47, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  0% {
    -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, -50, 0, 1);
    transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, -50, 0, 1);
  }
  /* line 48, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  2.777778% {
    -webkit-transform: matrix3d(0.47654, 0, 0, 0, 0, 0.47654, 0, 0, 0, 0, 1, 0, 0, -32.89044, 0, 1);
    transform: matrix3d(0.47654, 0, 0, 0, 0, 0.47654, 0, 0, 0, 0, 1, 0, 0, -32.89044, 0, 1);
  }
  /* line 49, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  5.555556% {
    -webkit-transform: matrix3d(0.85626, 0, 0, 0, 0, 0.85626, 0, 0, 0, 0, 1, 0, 0, -14.42375, 0, 1);
    transform: matrix3d(0.85626, 0, 0, 0, 0, 0.85626, 0, 0, 0, 0, 1, 0, 0, -14.42375, 0, 1);
  }
  /* line 50, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  8.333333% {
    -webkit-transform: matrix3d(1.10334, 0, 0, 0, 0, 1.10334, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10334, 0, 0, 0, 0, 1.10334, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 51, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  11.111111% {
    -webkit-transform: matrix3d(1.19451, 0, 0, 0, 0, 1.19451, 0, 0, 0, 0, 1, 0, 0, 8.32178, 0, 1);
    transform: matrix3d(1.19451, 0, 0, 0, 0, 1.19451, 0, 0, 0, 0, 1, 0, 0, 8.32178, 0, 1);
  }
  /* line 52, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  13.888889% {
    -webkit-transform: matrix3d(1.17284, 0, 0, 0, 0, 1.17284, 0, 0, 0, 0, 1, 0, 0, 10.94828, 0, 1);
    transform: matrix3d(1.17284, 0, 0, 0, 0, 1.17284, 0, 0, 0, 0, 1, 0, 0, 10.94828, 0, 1);
  }
  /* line 53, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  16.666667% {
    -webkit-transform: matrix3d(1.10053, 0, 0, 0, 0, 1.10053, 0, 0, 0, 0, 1, 0, 0, 9.6025, 0, 1);
    transform: matrix3d(1.10053, 0, 0, 0, 0, 1.10053, 0, 0, 0, 0, 1, 0, 0, 9.6025, 0, 1);
  }
  /* line 54, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  19.444444% {
    -webkit-transform: matrix3d(1.02761, 0, 0, 0, 0, 1.02761, 0, 0, 0, 0, 1, 0, 0, 6.31661, 0, 1);
    transform: matrix3d(1.02761, 0, 0, 0, 0, 1.02761, 0, 0, 0, 0, 1, 0, 0, 6.31661, 0, 1);
  }
  /* line 55, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  22.222222% {
    -webkit-transform: matrix3d(0.98015, 0, 0, 0, 0, 0.98015, 0, 0, 0, 0, 1, 0, 0, 2.77008, 0, 1);
    transform: matrix3d(0.98015, 0, 0, 0, 0, 0.98015, 0, 0, 0, 0, 1, 0, 0, 2.77008, 0, 1);
  }
  /* line 56, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  25% {
    -webkit-transform: matrix3d(0.96265, 0, 0, 0, 0, 0.96265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96265, 0, 0, 0, 0, 0.96265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 57, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  27.777778% {
    -webkit-transform: matrix3d(0.96681, 0, 0, 0, 0, 0.96681, 0, 0, 0, 0, 1, 0, 0, -1.5982, 0, 1);
    transform: matrix3d(0.96681, 0, 0, 0, 0, 0.96681, 0, 0, 0, 0, 1, 0, 0, -1.5982, 0, 1);
  }
  /* line 58, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  30.555556% {
    -webkit-transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, -2.10262, 0, 1);
    transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, -2.10262, 0, 1);
  }
  /* line 59, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  33.333333% {
    -webkit-transform: matrix3d(0.9947, 0, 0, 0, 0, 0.9947, 0, 0, 0, 0, 1, 0, 0, -1.84416, 0, 1);
    transform: matrix3d(0.9947, 0, 0, 0, 0, 0.9947, 0, 0, 0, 0, 1, 0, 0, -1.84416, 0, 1);
  }
  /* line 60, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  36.111111% {
    -webkit-transform: matrix3d(1.00381, 0, 0, 0, 0, 1.00381, 0, 0, 0, 0, 1, 0, 0, -1.2131, 0, 1);
    transform: matrix3d(1.00381, 0, 0, 0, 0, 1.00381, 0, 0, 0, 0, 1, 0, 0, -1.2131, 0, 1);
  }
  /* line 61, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  38.888889% {
    -webkit-transform: matrix3d(1.00717, 0, 0, 0, 0, 1.00717, 0, 0, 0, 0, 1, 0, 0, -0.53199, 0, 1);
    transform: matrix3d(1.00717, 0, 0, 0, 0, 1.00717, 0, 0, 0, 0, 1, 0, 0, -0.53199, 0, 1);
  }
  /* line 62, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  41.666667% {
    -webkit-transform: matrix3d(1.00638, 0, 0, 0, 0, 1.00638, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00638, 0, 0, 0, 0, 1.00638, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 63, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  44.444444% {
    -webkit-transform: matrix3d(1.00371, 0, 0, 0, 0, 1.00371, 0, 0, 0, 0, 1, 0, 0, 0.30693, 0, 1);
    transform: matrix3d(1.00371, 0, 0, 0, 0, 1.00371, 0, 0, 0, 0, 1, 0, 0, 0.30693, 0, 1);
  }
  /* line 64, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  47.222222% {
    -webkit-transform: matrix3d(1.00102, 0, 0, 0, 0, 1.00102, 0, 0, 0, 0, 1, 0, 0, 0.40381, 0, 1);
    transform: matrix3d(1.00102, 0, 0, 0, 0, 1.00102, 0, 0, 0, 0, 1, 0, 0, 0.40381, 0, 1);
  }
  /* line 65, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  50% {
    -webkit-transform: matrix3d(0.99927, 0, 0, 0, 0, 0.99927, 0, 0, 0, 0, 1, 0, 0, 0.35417, 0, 1);
    transform: matrix3d(0.99927, 0, 0, 0, 0, 0.99927, 0, 0, 0, 0, 1, 0, 0, 0.35417, 0, 1);
  }
  /* line 66, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  52.777778% {
    -webkit-transform: matrix3d(0.99862, 0, 0, 0, 0, 0.99862, 0, 0, 0, 0, 1, 0, 0, 0.23298, 0, 1);
    transform: matrix3d(0.99862, 0, 0, 0, 0, 0.99862, 0, 0, 0, 0, 1, 0, 0, 0.23298, 0, 1);
  }
  /* line 67, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  55.555556% {
    -webkit-transform: matrix3d(0.99878, 0, 0, 0, 0, 0.99878, 0, 0, 0, 0, 1, 0, 0, 0.10217, 0, 1);
    transform: matrix3d(0.99878, 0, 0, 0, 0, 0.99878, 0, 0, 0, 0, 1, 0, 0, 0.10217, 0, 1);
  }
  /* line 68, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  58.333333% {
    -webkit-transform: matrix3d(0.99929, 0, 0, 0, 0, 0.99929, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99929, 0, 0, 0, 0, 0.99929, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 69, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  61.111111% {
    -webkit-transform: matrix3d(0.9998, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, -0.05895, 0, 1);
    transform: matrix3d(0.9998, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, -0.05895, 0, 1);
  }
  /* line 70, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  63.888889% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.07755, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.07755, 0, 1);
  }
  /* line 71, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  66.666667% {
    -webkit-transform: matrix3d(1.00026, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, -0.06802, 0, 1);
    transform: matrix3d(1.00026, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, -0.06802, 0, 1);
  }
  /* line 72, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  69.444444% {
    -webkit-transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, -0.04474, 0, 1);
    transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, -0.04474, 0, 1);
  }
  /* line 73, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  72.222222% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.01962, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00014, 0, 0, 0, 0, 1, 0, 0, -0.01962, 0, 1);
  }
  /* line 74, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  75% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 75, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  77.777778% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.01132, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.01132, 0, 1);
  }
  /* line 76, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  80.555556% {
    -webkit-transform: matrix3d(0.99995, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0.01489, 0, 1);
    transform: matrix3d(0.99995, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0.01489, 0, 1);
  }
  /* line 77, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  83.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01306, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01306, 0, 1);
  }
  /* line 78, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  86.111111% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00859, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00859, 0, 1);
  }
  /* line 79, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  88.888889% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00377, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00377, 0, 1);
  }
  /* line 80, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  91.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 81, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  94.444444% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00217, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00217, 0, 1);
  }
  /* line 82, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  97.222222% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00286, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00286, 0, 1);
  }
  /* line 83, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
/* line 87, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
.bjsJellyIn {
  -webkit-animation-name: bjsJellyIn;
  animation-name: bjsJellyIn;
}
@-webkit-keyframes bjsJellyIn {
  /* line 93, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 94, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  3.333333% {
    -webkit-transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 95, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  6.666667% {
    -webkit-transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 96, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  10% {
    -webkit-transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 97, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  13.333333% {
    -webkit-transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 98, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  16.666667% {
    -webkit-transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 99, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  20% {
    -webkit-transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 100, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  23.333333% {
    -webkit-transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 101, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  26.666667% {
    -webkit-transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 102, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  30% {
    -webkit-transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 103, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  33.333333% {
    -webkit-transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 104, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  36.666667% {
    -webkit-transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 105, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  40% {
    -webkit-transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 106, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  43.333333% {
    -webkit-transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 107, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  46.666667% {
    -webkit-transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 108, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  50% {
    -webkit-transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 109, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  53.333333% {
    -webkit-transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 110, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  56.666667% {
    -webkit-transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 111, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  60% {
    -webkit-transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 112, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  63.333333% {
    -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 113, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  66.666667% {
    -webkit-transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 114, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  70% {
    -webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 115, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  73.333333% {
    -webkit-transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 116, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  76.666667% {
    -webkit-transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 117, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  80% {
    -webkit-transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 118, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  83.333333% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 119, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  86.666667% {
    -webkit-transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 120, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  90% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 121, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  93.333333% {
    -webkit-transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 122, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  96.666667% {
    -webkit-transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 123, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes bjsJellyIn {
  /* line 127, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 128, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  3.333333% {
    -webkit-transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 129, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  6.666667% {
    -webkit-transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 130, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  10% {
    -webkit-transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 131, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  13.333333% {
    -webkit-transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 132, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  16.666667% {
    -webkit-transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 133, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  20% {
    -webkit-transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 134, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  23.333333% {
    -webkit-transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 135, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  26.666667% {
    -webkit-transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 136, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  30% {
    -webkit-transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 137, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  33.333333% {
    -webkit-transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 138, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  36.666667% {
    -webkit-transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 139, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  40% {
    -webkit-transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 140, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  43.333333% {
    -webkit-transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 141, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  46.666667% {
    -webkit-transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 142, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  50% {
    -webkit-transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 143, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  53.333333% {
    -webkit-transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 144, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  56.666667% {
    -webkit-transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 145, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  60% {
    -webkit-transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 146, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  63.333333% {
    -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 147, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  66.666667% {
    -webkit-transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 148, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  70% {
    -webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 149, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  73.333333% {
    -webkit-transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 150, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  76.666667% {
    -webkit-transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 151, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  80% {
    -webkit-transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 152, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  83.333333% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 153, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  86.666667% {
    -webkit-transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 154, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  90% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 155, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  93.333333% {
    -webkit-transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 156, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  96.666667% {
    -webkit-transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  /* line 157, /home/pc035860/master/web/asset/less/keyframes/bouncejs.less */
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
/* * * * * * * * * * * * * * * * * * * * *\
	CSShake :: shake-rotate
	v1.5.0
	CSS classes to move your DOM
	(c) 2015 @elrumordelaluz
	http://elrumordelaluz.github.io/csshake/
	Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
/* line 9, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
.shake-rotate {
  display: inline-block;
  transform-origin: center center;
}
/* line 13, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused;
}
/* line 18, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
.shake-freeze:hover,
.shake-trigger:hover .shake-freeze,
.shake-rotate:hover,
.shake-trigger:hover .shake-rotate {
  animation-play-state: running;
}
@keyframes shake-rotate {
  /* line 24, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  2% {
    transform: translate(0, 0) rotate(4.5deg);
  }
  /* line 26, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  4% {
    transform: translate(0, 0) rotate(-0.5deg);
  }
  /* line 28, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  6% {
    transform: translate(0, 0) rotate(5.5deg);
  }
  /* line 30, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  8% {
    transform: translate(0, 0) rotate(3.5deg);
  }
  /* line 32, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  10% {
    transform: translate(0, 0) rotate(7.5deg);
  }
  /* line 34, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  12% {
    transform: translate(0, 0) rotate(1.5deg);
  }
  /* line 36, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  14% {
    transform: translate(0, 0) rotate(-2.5deg);
  }
  /* line 38, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  16% {
    transform: translate(0, 0) rotate(-1.5deg);
  }
  /* line 40, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  18% {
    transform: translate(0, 0) rotate(2.5deg);
  }
  /* line 42, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  20% {
    transform: translate(0, 0) rotate(4.5deg);
  }
  /* line 44, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  22% {
    transform: translate(0, 0) rotate(-3.5deg);
  }
  /* line 46, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  24% {
    transform: translate(0, 0) rotate(-4.5deg);
  }
  /* line 48, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  26% {
    transform: translate(0, 0) rotate(-0.5deg);
  }
  /* line 50, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  28% {
    transform: translate(0, 0) rotate(4.5deg);
  }
  /* line 52, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  30% {
    transform: translate(0, 0) rotate(-2.5deg);
  }
  /* line 54, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  32% {
    transform: translate(0, 0) rotate(5.5deg);
  }
  /* line 56, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  34% {
    transform: translate(0, 0) rotate(-3.5deg);
  }
  /* line 58, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  36% {
    transform: translate(0, 0) rotate(-1.5deg);
  }
  /* line 60, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  38% {
    transform: translate(0, 0) rotate(-0.5deg);
  }
  /* line 62, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  40% {
    transform: translate(0, 0) rotate(6.5deg);
  }
  /* line 64, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  42% {
    transform: translate(0, 0) rotate(-2.5deg);
  }
  /* line 66, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  44% {
    transform: translate(0, 0) rotate(-1.5deg);
  }
  /* line 68, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  46% {
    transform: translate(0, 0) rotate(-6.5deg);
  }
  /* line 70, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  48% {
    transform: translate(0, 0) rotate(1.5deg);
  }
  /* line 72, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  50% {
    transform: translate(0, 0) rotate(4.5deg);
  }
  /* line 74, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  52% {
    transform: translate(0, 0) rotate(4.5deg);
  }
  /* line 76, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  54% {
    transform: translate(0, 0) rotate(-0.5deg);
  }
  /* line 78, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  56% {
    transform: translate(0, 0) rotate(3.5deg);
  }
  /* line 80, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  58% {
    transform: translate(0, 0) rotate(0.5deg);
  }
  /* line 82, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  60% {
    transform: translate(0, 0) rotate(-2.5deg);
  }
  /* line 84, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  62% {
    transform: translate(0, 0) rotate(-5.5deg);
  }
  /* line 86, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  64% {
    transform: translate(0, 0) rotate(4.5deg);
  }
  /* line 88, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  66% {
    transform: translate(0, 0) rotate(-4.5deg);
  }
  /* line 90, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  68% {
    transform: translate(0, 0) rotate(7.5deg);
  }
  /* line 92, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  70% {
    transform: translate(0, 0) rotate(7.5deg);
  }
  /* line 94, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  72% {
    transform: translate(0, 0) rotate(1.5deg);
  }
  /* line 96, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  74% {
    transform: translate(0, 0) rotate(0.5deg);
  }
  /* line 98, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  76% {
    transform: translate(0, 0) rotate(6.5deg);
  }
  /* line 100, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  78% {
    transform: translate(0, 0) rotate(-2.5deg);
  }
  /* line 102, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  80% {
    transform: translate(0, 0) rotate(-3.5deg);
  }
  /* line 104, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  82% {
    transform: translate(0, 0) rotate(-1.5deg);
  }
  /* line 106, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  84% {
    transform: translate(0, 0) rotate(-1.5deg);
  }
  /* line 108, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  86% {
    transform: translate(0, 0) rotate(-0.5deg);
  }
  /* line 110, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  88% {
    transform: translate(0, 0) rotate(1.5deg);
  }
  /* line 112, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  90% {
    transform: translate(0, 0) rotate(-0.5deg);
  }
  /* line 114, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  92% {
    transform: translate(0, 0) rotate(7.5deg);
  }
  /* line 116, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  94% {
    transform: translate(0, 0) rotate(-6.5deg);
  }
  /* line 118, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  96% {
    transform: translate(0, 0) rotate(-2.5deg);
  }
  /* line 120, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  98% {
    transform: translate(0, 0) rotate(7.5deg);
  }
  /* line 122, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
  0%,
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
/* line 125, /home/pc035860/master/web/asset/less/keyframes/csshake/shake-rotate.less */
.shake-rotate:hover,
.shake-trigger:hover .shake-rotate,
.shake-rotate.shake-freeze,
.shake-rotate.shake-constant {
  animation: shake-rotate 100ms ease-in-out infinite;
}
/**
 * Global util mixins
 */
/* line 4, /home/pc035860/master/web/asset/less/utils.less */
.font-next {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.font-next input,
.font-next button,
.font-next select,
.font-next textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/**
 * Namespaced mixins
 */
/* line 18, /home/pc035860/master/web/asset/less/utils.less */
#utils {
  /**
	 * bomb pulse
	 */
  /**
	 * mixin for the element displayed as word progress cube
	 */
  /**
	 * mixin for the element displayed as time progress cube
	 */
  /**
	 * Simple grid
	 *
	 * http://webdesign.tutsplus.com/tutorials/a-simple-mixin-alternative-to-standard-css-grids--webdesign-16958
	 */
}
/* line 456, /home/pc035860/master/web/asset/less/utils.less */
#utils .edge {
  margin-right: 0;
}
/* line 497, /home/pc035860/master/web/asset/less/utils.less */
#utils .vh-100 {
  height: 100vh;
  /**
		 * iPad
		 */
  /**
		 * iPhone 5
		 */
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  /* line 503, /home/pc035860/master/web/asset/less/utils.less */
  #utils .vh-100 {
    height: 1024px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  /* line 506, /home/pc035860/master/web/asset/less/utils.less */
  #utils .vh-100 {
    height: 768px;
  }
}
@media screen and (device-aspect-ratio: 40/71) {
  /* line 513, /home/pc035860/master/web/asset/less/utils.less */
  #utils .vh-100 {
    height: 500px;
  }
}
/* line 623, /home/pc035860/master/web/asset/less/widgets.less */
#widgets .note-top-title {
  margin: 0;
  padding: 40px 0;
  font-size: 24px;
  text-align: center;
  color: white;
  letter-spacing: 1px;
}
/* line 633, /home/pc035860/master/web/asset/less/widgets.less */
#widgets .note-text-link {
  color: white;
  font-size: 14px;
  text-decoration: underline;
}
/* line 638, /home/pc035860/master/web/asset/less/widgets.less */
#widgets .note-text-link:focus {
  text-decoration: underline;
}
/* line 641, /home/pc035860/master/web/asset/less/widgets.less */
#widgets .note-text-link:hover {
  text-decoration: none;
}
/* line 645, /home/pc035860/master/web/asset/less/widgets.less */
#widgets .note-text-link:active {
  color: #fafafa;
  text-decoration: none;
}
@font-face {
  font-family: 'MuseoSlab500';
  src: url('../font/museoslab-500/Museo_Slab_500_2-webfont.eot');
  src: url('../font/museoslab-500/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museoslab-500/Museo_Slab_500_2-webfont.woff') format('woff'), url('../font/museoslab-500/Museo_Slab_500_2-webfont.ttf') format('truetype'), url('../font/museoslab-500/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* line 1, /home/pc035860/master/web/asset/less/scaffolding.less */
html {
  height: 100%;
}
/* line 4, /home/pc035860/master/web/asset/less/scaffolding.less */
html.is-state-ready {
  height: auto;
}
/* line 9, /home/pc035860/master/web/asset/less/scaffolding.less */
body {
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  background-image: 8121991;
  background-image: -webkit-radial-gradient(circle, #ffffff, rgba(190, 227, 220, 0.7));
  background-image: -moz-radial-gradient(circle, #ffffff, rgba(190, 227, 220, 0.7));
  background-image: -o-radial-gradient(circle, #ffffff, rgba(190, 227, 220, 0.7));
  background-image: radial-gradient(circle, #ffffff, rgba(190, 227, 220, 0.7));
  will-change: background-color;
  overflow-y: scroll;
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
}
/* line 21, /home/pc035860/master/web/asset/less/scaffolding.less */
body.is-hide-scrollbar {
  overflow: hidden;
}
/* line 25, /home/pc035860/master/web/asset/less/scaffolding.less */
body.is-state-ready {
  background-color: #2c2c2c;
  background-image: none;
}
/* line 31, /home/pc035860/master/web/asset/less/scaffolding.less */
#startup-loading {
  width: 55px;
  height: 75px;
  -webkit-transform-origin: center 80%;
  -moz-transform-origin: center 80%;
  -o-transform-origin: center 80%;
  -ms-transform-origin: center 80%;
  transform-origin: center 80%;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  z-index: 99999;
  left: 50%;
  top: 40%;
  margin-top: -37.5px;
  margin-left: -27.5px;
}
/* line 46, /home/pc035860/master/web/asset/less/scaffolding.less */
#startup-loading::before {
  content: '載入中';
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: 200px;
  margin-left: -100px;
  font-size: 20px;
  line-height: 1.5;
  color: #333;
  text-align: center;
}
/* line 62, /home/pc035860/master/web/asset/less/scaffolding.less */
#startup-loading::after {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center 100%;
  -moz-transform-origin: center 100%;
  -o-transform-origin: center 100%;
  -ms-transform-origin: center 100%;
  transform-origin: center 100%;
  -webkit-animation: shake-rotate 3s ease-in-out infinite;
  -moz-animation: shake-rotate 3s ease-in-out infinite;
  -o-animation: shake-rotate 3s ease-in-out infinite;
  animation: shake-rotate 3s ease-in-out infinite;
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABLCAYAAADUOx/8AAAIhUlEQVR4Ad2aA3QsSxrH59nmfTbWtm3bdnL5jGtjsteMOYgxuhjl2opmr8K1vdtbv3NS8zqzPah0PU2f8z896XRXfb/6VD2J44V+LN7Sds3KQMtNjnw8nPGONzvjwV86Y/4P5B0cUEXxoIEE5BMveclLzsobuGWx4NcAewYw4CNU8wMu6v+JBDN5sD8vAAnF/4cLePIl5xaneO33VM88gQsUj4GL+n/gyJeDEDTBRfKqWhbFA7VFgMUCf18S9t2bYRE+Le7b8qKCa9uy5YKiWLCKwpJuByMXAC2JBd+m1YCKeOCSwcHBVw4PD39pZGTkR0JThJ4UP88V5yWcucbvuQ+Dlbdh9RXnWvVAdi8SDJGjtldzFKREnI+I83+FjFwlnvmL0HpAxzM/1VJAtQKTKmDlQigdwpjbRj0xogKTBbT6zJkzV6t40BkLdluARaikRJEy2Kin/qhq/OBAfy6AI0JvUtlMU2DYqYh8nEehsROC68frmcbGBmPy5MlGb29vtnv/qAIIkK22wMOEjaYQzMmDhL7jWTxuEHq90E1UPPPkBw7sN17+8pcbbnfdv3Mx9ti+qBFr3WRsdhcZaGeo1kh0Hcj4zNDQUGjTpk3n64a6TygkZEh98IMf3C9W8zdy4s7OuHH22WcZBQUFWcE6O8oMX+U8SwGd4dl/NTR4p2ujutJx7h3iNAJQqr773e92mifv6GjPmj89h3eNgWkpmYWSP/urF2YsNPF4fLvH43kgk800dt7trERTN9/rtgJD55177n9VS/++aEsS5Cff/DjeNhjn8YIvy+ssQNrnu7q6ttXXe2qzvAr1W/U5ZN6GvRKITPL5fGEVOHJLQlx5xaVyHD7nFJo9Pd1hAfdvmvV44HhNkvdNzwY3Z87sbSpwFBEJgcfkOHgwFzg8J/LO8HrdhWnDMup/I5tlcS6k17HtIiTF54Ncl/eFssFRWMbruU984M3JcV790ruT108mutI+v3lz8AhwbrfL77B5DGSDu+uuu06rwKUWlMVPft8g32RRwbMZWkFChOR/gRPnfrtwVEli9PNCxWpw6q2AfpfBa/+SXntGnjvt9jfzAeRfzHD33XffifHsKffH24BJggF88sQv0j6zf/++bQClqFn32/e7zYC33XbbMdEOfq8KaAZFmRr3nj27IhZg7E0Jz0ccOo87zz3/7tH+l/j85z+/o6mp4TeJRF9EvrvpEotG07YCC4e3sSsC7t/19e43OnQf7BTME5IT/f39hzSA/ZfFYtHM47e0NAHEPtY4dOiQOfd2a/9yiF6TuqJUs2g0svPEiRM7CCnVnT99LBj0dTOWmjxf0QpHQsvBt27dzMqOmVCs/AiFAC+IN+p9opSf4d2Ms3h96eIaO459+/aF8TohZmV4c3NjNjgW9bhuuBNy8I6ONjbNElCb2tpaCMWs93DWlntr1669ggHH5lyIcm4cOXLY2LVrJ0kvJ6ayKYPt3LmDBcNzmcDIQfnzKi1wrJLVZHguEPBLJT3p87Ube/bs1upVPHrs2FEAk2mgC+79Eob3uFyMwZt79+6RZZxQTnqV66FQAO/jsXRj8Gy2wnKnjnz7rhyQsMAwjGUVs4UaABbhRUgDmS6E8T6/t181FdoA3qPvYHhqQZGG2pEMcXKZRcxwL/N5l2qFy5YXKYAsAF7IFY6CQqthrFxaQu2zAofBhFcKCGFLOFFQZOWjCuINeY80XIfCtuGIbYsVJm+oYMBkyj/yjg0z9/JMpnBjnJzD2+v1HNZWLS1aQa6NnDylgmY0nCIl95HqcFo2zfpFjuFVvAugRW79+1mD45tfkXd/zdXYqqqKM9IgBaWNgqeeejL8rOUcBwPlamRRkTPON2WaPMsfUPbLxdVdLSXc9FyNqamp+tWkSZOO6YKTY61cuWKHy1X7B619ThYVVYNYbZ1wixcvCpeWlvSZxv2uFjjyjs2qlZesDJo5c0Z048b1B54NODyo9bWHgy9orJK9uHjTMVnV+LMWnwGTeacbjjPjy38Y0PZex3cdqZWRhOezy1X368ceeyzOZyAffvjhHbrg+EqDxWI+FrSwsNCjASl7YQGICinDUXoSaIzSUS1ZOKDKy0tP/OxnP/ud0Du0w+G96dOndxAe5rwrKCgYoJKhqVOn7pbQ8j47Yrz169cdZzzmefzxx11aoS52OM4Rp0uFrv3yl7/8NTFJH5o3b14nQHhMQhGOQPG7BQvm2w5NoBgfMD6vWrViMnZgD3bZ4bpwdKCbzCovLytdseLnBwgZESJ/l2dguI4RnHXk3SiYQVi6XDXbU23BPuxUgcJLN/CwlW644YZb+dMSk5MHQAgD/owRFADyQuThXlbbLhzjsFD0N3ItnU3Yi91Zwi/FUxkARfVqkEYwOYYAChSgSPZCu9qwYd2sXOzCfjisQvAmVRGi6bZhrLjcMtkR4chiKtoGj/SYDEN1OZ1Lv0O5xhDd8nhcJz7+8Y+8VNUmeKQHr+SCHWGADFNdItSnTJn0Dht2wSW9Zl8YAyTbMTtg7IbmzJn5SZv23KAVTuoHP/jBG4uLN87jjRlj3dWVidJPfPYQKv3Ix4+ikvd/+LhU6Xve34NK3/GeBHr081/+kBZb1MNSHXTVpElzSu95iZGrpt14+0c1zH2lRUHRr89eed2rVeCct9/7TbshCZdFK9Cv91122UtU4Jbdfu9sm3NeqN7EnyO4jXc9UKcyfmoTV9h+2Rf/PKACV3L3A7tVwxC7bW+cnxu4B/+Qq6ew0/4rjw1Q/p9TBQ4RyhmAFF551EBZqSuZRCV8VeGm3HjLRxifeZiPedWB9AFfiiS4hJfCYPV28CI5Su558J8qcMX3vGRmvsLJdvDiOKiA6u0gT+G4/8UE10VoYjQqvfsl/Uh87im9+8EjeAqV3vNgWNwXICztVsf/AenrkaVj/8fcAAAAAElFTkSuQmCC") center center no-repeat;
}
/* line 80, /home/pc035860/master/web/asset/less/scaffolding.less */
#modal-anchor {
  position: relative;
}
/* line 84, /home/pc035860/master/web/asset/less/scaffolding.less */
#wrap {
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
  position: relative;
  top: 0;
}
/* line 90, /home/pc035860/master/web/asset/less/scaffolding.less */
#wrap.note-extension-installtion-hint-on {
  top: 54px;
  will-change: top;
}
/* line 96, /home/pc035860/master/web/asset/less/scaffolding.less */
#wrap.app-available-hint-on {
  top: 58px;
  will-change: top;
}
/* line 102, /home/pc035860/master/web/asset/less/scaffolding.less */
#wrap.is-blur {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-filter: blur(5px);
}
/* line 110, /home/pc035860/master/web/asset/less/scaffolding.less */
a:hover {
  text-decoration: none;
}
/* line 113, /home/pc035860/master/web/asset/less/scaffolding.less */
a:focus {
  outline: none 0 !important;
  text-decoration: none;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1950 {
  -webkit-animation-delay: 1950ms !important;
  animation-delay: 1950ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1900 {
  -webkit-animation-delay: 1900ms !important;
  animation-delay: 1900ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1850 {
  -webkit-animation-delay: 1850ms !important;
  animation-delay: 1850ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1800 {
  -webkit-animation-delay: 1800ms !important;
  animation-delay: 1800ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1750 {
  -webkit-animation-delay: 1750ms !important;
  animation-delay: 1750ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1700 {
  -webkit-animation-delay: 1700ms !important;
  animation-delay: 1700ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1650 {
  -webkit-animation-delay: 1650ms !important;
  animation-delay: 1650ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1600 {
  -webkit-animation-delay: 1600ms !important;
  animation-delay: 1600ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1550 {
  -webkit-animation-delay: 1550ms !important;
  animation-delay: 1550ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1500 {
  -webkit-animation-delay: 1500ms !important;
  animation-delay: 1500ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1450 {
  -webkit-animation-delay: 1450ms !important;
  animation-delay: 1450ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1400 {
  -webkit-animation-delay: 1400ms !important;
  animation-delay: 1400ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1350 {
  -webkit-animation-delay: 1350ms !important;
  animation-delay: 1350ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1300 {
  -webkit-animation-delay: 1300ms !important;
  animation-delay: 1300ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1250 {
  -webkit-animation-delay: 1250ms !important;
  animation-delay: 1250ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1200 {
  -webkit-animation-delay: 1200ms !important;
  animation-delay: 1200ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1150 {
  -webkit-animation-delay: 1150ms !important;
  animation-delay: 1150ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1100 {
  -webkit-animation-delay: 1100ms !important;
  animation-delay: 1100ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1050 {
  -webkit-animation-delay: 1050ms !important;
  animation-delay: 1050ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-1000 {
  -webkit-animation-delay: 1000ms !important;
  animation-delay: 1000ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-950 {
  -webkit-animation-delay: 950ms !important;
  animation-delay: 950ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-900 {
  -webkit-animation-delay: 900ms !important;
  animation-delay: 900ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-850 {
  -webkit-animation-delay: 850ms !important;
  animation-delay: 850ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-800 {
  -webkit-animation-delay: 800ms !important;
  animation-delay: 800ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-750 {
  -webkit-animation-delay: 750ms !important;
  animation-delay: 750ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-700 {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-650 {
  -webkit-animation-delay: 650ms !important;
  animation-delay: 650ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-600 {
  -webkit-animation-delay: 600ms !important;
  animation-delay: 600ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-550 {
  -webkit-animation-delay: 550ms !important;
  animation-delay: 550ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-500 {
  -webkit-animation-delay: 500ms !important;
  animation-delay: 500ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-450 {
  -webkit-animation-delay: 450ms !important;
  animation-delay: 450ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-400 {
  -webkit-animation-delay: 400ms !important;
  animation-delay: 400ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-350 {
  -webkit-animation-delay: 350ms !important;
  animation-delay: 350ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-300 {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-250 {
  -webkit-animation-delay: 250ms !important;
  animation-delay: 250ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-200 {
  -webkit-animation-delay: 200ms !important;
  animation-delay: 200ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-150 {
  -webkit-animation-delay: 150ms !important;
  animation-delay: 150ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-100 {
  -webkit-animation-delay: 100ms !important;
  animation-delay: 100ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-50 {
  -webkit-animation-delay: 50ms !important;
  animation-delay: 50ms !important;
}
/* line 125, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-delay-0 {
  -webkit-animation-delay: 0ms !important;
  animation-delay: 0ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4950 {
  -webkit-animation-duration: 4950ms !important;
  animation-duration: 4950ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4900 {
  -webkit-animation-duration: 4900ms !important;
  animation-duration: 4900ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4850 {
  -webkit-animation-duration: 4850ms !important;
  animation-duration: 4850ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4800 {
  -webkit-animation-duration: 4800ms !important;
  animation-duration: 4800ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4750 {
  -webkit-animation-duration: 4750ms !important;
  animation-duration: 4750ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4700 {
  -webkit-animation-duration: 4700ms !important;
  animation-duration: 4700ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4650 {
  -webkit-animation-duration: 4650ms !important;
  animation-duration: 4650ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4600 {
  -webkit-animation-duration: 4600ms !important;
  animation-duration: 4600ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4550 {
  -webkit-animation-duration: 4550ms !important;
  animation-duration: 4550ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4500 {
  -webkit-animation-duration: 4500ms !important;
  animation-duration: 4500ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4450 {
  -webkit-animation-duration: 4450ms !important;
  animation-duration: 4450ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4400 {
  -webkit-animation-duration: 4400ms !important;
  animation-duration: 4400ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4350 {
  -webkit-animation-duration: 4350ms !important;
  animation-duration: 4350ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4300 {
  -webkit-animation-duration: 4300ms !important;
  animation-duration: 4300ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4250 {
  -webkit-animation-duration: 4250ms !important;
  animation-duration: 4250ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4200 {
  -webkit-animation-duration: 4200ms !important;
  animation-duration: 4200ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4150 {
  -webkit-animation-duration: 4150ms !important;
  animation-duration: 4150ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4100 {
  -webkit-animation-duration: 4100ms !important;
  animation-duration: 4100ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4050 {
  -webkit-animation-duration: 4050ms !important;
  animation-duration: 4050ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-4000 {
  -webkit-animation-duration: 4000ms !important;
  animation-duration: 4000ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3950 {
  -webkit-animation-duration: 3950ms !important;
  animation-duration: 3950ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3900 {
  -webkit-animation-duration: 3900ms !important;
  animation-duration: 3900ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3850 {
  -webkit-animation-duration: 3850ms !important;
  animation-duration: 3850ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3800 {
  -webkit-animation-duration: 3800ms !important;
  animation-duration: 3800ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3750 {
  -webkit-animation-duration: 3750ms !important;
  animation-duration: 3750ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3700 {
  -webkit-animation-duration: 3700ms !important;
  animation-duration: 3700ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3650 {
  -webkit-animation-duration: 3650ms !important;
  animation-duration: 3650ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3600 {
  -webkit-animation-duration: 3600ms !important;
  animation-duration: 3600ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3550 {
  -webkit-animation-duration: 3550ms !important;
  animation-duration: 3550ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3500 {
  -webkit-animation-duration: 3500ms !important;
  animation-duration: 3500ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3450 {
  -webkit-animation-duration: 3450ms !important;
  animation-duration: 3450ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3400 {
  -webkit-animation-duration: 3400ms !important;
  animation-duration: 3400ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3350 {
  -webkit-animation-duration: 3350ms !important;
  animation-duration: 3350ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3300 {
  -webkit-animation-duration: 3300ms !important;
  animation-duration: 3300ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3250 {
  -webkit-animation-duration: 3250ms !important;
  animation-duration: 3250ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3200 {
  -webkit-animation-duration: 3200ms !important;
  animation-duration: 3200ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3150 {
  -webkit-animation-duration: 3150ms !important;
  animation-duration: 3150ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3100 {
  -webkit-animation-duration: 3100ms !important;
  animation-duration: 3100ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3050 {
  -webkit-animation-duration: 3050ms !important;
  animation-duration: 3050ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-3000 {
  -webkit-animation-duration: 3000ms !important;
  animation-duration: 3000ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2950 {
  -webkit-animation-duration: 2950ms !important;
  animation-duration: 2950ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2900 {
  -webkit-animation-duration: 2900ms !important;
  animation-duration: 2900ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2850 {
  -webkit-animation-duration: 2850ms !important;
  animation-duration: 2850ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2800 {
  -webkit-animation-duration: 2800ms !important;
  animation-duration: 2800ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2750 {
  -webkit-animation-duration: 2750ms !important;
  animation-duration: 2750ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2700 {
  -webkit-animation-duration: 2700ms !important;
  animation-duration: 2700ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2650 {
  -webkit-animation-duration: 2650ms !important;
  animation-duration: 2650ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2600 {
  -webkit-animation-duration: 2600ms !important;
  animation-duration: 2600ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2550 {
  -webkit-animation-duration: 2550ms !important;
  animation-duration: 2550ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2500 {
  -webkit-animation-duration: 2500ms !important;
  animation-duration: 2500ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2450 {
  -webkit-animation-duration: 2450ms !important;
  animation-duration: 2450ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2400 {
  -webkit-animation-duration: 2400ms !important;
  animation-duration: 2400ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2350 {
  -webkit-animation-duration: 2350ms !important;
  animation-duration: 2350ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2300 {
  -webkit-animation-duration: 2300ms !important;
  animation-duration: 2300ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2250 {
  -webkit-animation-duration: 2250ms !important;
  animation-duration: 2250ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2200 {
  -webkit-animation-duration: 2200ms !important;
  animation-duration: 2200ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2150 {
  -webkit-animation-duration: 2150ms !important;
  animation-duration: 2150ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2100 {
  -webkit-animation-duration: 2100ms !important;
  animation-duration: 2100ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2050 {
  -webkit-animation-duration: 2050ms !important;
  animation-duration: 2050ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-2000 {
  -webkit-animation-duration: 2000ms !important;
  animation-duration: 2000ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1950 {
  -webkit-animation-duration: 1950ms !important;
  animation-duration: 1950ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1900 {
  -webkit-animation-duration: 1900ms !important;
  animation-duration: 1900ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1850 {
  -webkit-animation-duration: 1850ms !important;
  animation-duration: 1850ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1800 {
  -webkit-animation-duration: 1800ms !important;
  animation-duration: 1800ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1750 {
  -webkit-animation-duration: 1750ms !important;
  animation-duration: 1750ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1700 {
  -webkit-animation-duration: 1700ms !important;
  animation-duration: 1700ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1650 {
  -webkit-animation-duration: 1650ms !important;
  animation-duration: 1650ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1600 {
  -webkit-animation-duration: 1600ms !important;
  animation-duration: 1600ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1550 {
  -webkit-animation-duration: 1550ms !important;
  animation-duration: 1550ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1500 {
  -webkit-animation-duration: 1500ms !important;
  animation-duration: 1500ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1450 {
  -webkit-animation-duration: 1450ms !important;
  animation-duration: 1450ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1400 {
  -webkit-animation-duration: 1400ms !important;
  animation-duration: 1400ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1350 {
  -webkit-animation-duration: 1350ms !important;
  animation-duration: 1350ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1300 {
  -webkit-animation-duration: 1300ms !important;
  animation-duration: 1300ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1250 {
  -webkit-animation-duration: 1250ms !important;
  animation-duration: 1250ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1200 {
  -webkit-animation-duration: 1200ms !important;
  animation-duration: 1200ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1150 {
  -webkit-animation-duration: 1150ms !important;
  animation-duration: 1150ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1100 {
  -webkit-animation-duration: 1100ms !important;
  animation-duration: 1100ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1050 {
  -webkit-animation-duration: 1050ms !important;
  animation-duration: 1050ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-1000 {
  -webkit-animation-duration: 1000ms !important;
  animation-duration: 1000ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-950 {
  -webkit-animation-duration: 950ms !important;
  animation-duration: 950ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-900 {
  -webkit-animation-duration: 900ms !important;
  animation-duration: 900ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-850 {
  -webkit-animation-duration: 850ms !important;
  animation-duration: 850ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-800 {
  -webkit-animation-duration: 800ms !important;
  animation-duration: 800ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-750 {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-700 {
  -webkit-animation-duration: 700ms !important;
  animation-duration: 700ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-650 {
  -webkit-animation-duration: 650ms !important;
  animation-duration: 650ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-600 {
  -webkit-animation-duration: 600ms !important;
  animation-duration: 600ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-550 {
  -webkit-animation-duration: 550ms !important;
  animation-duration: 550ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-500 {
  -webkit-animation-duration: 500ms !important;
  animation-duration: 500ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-450 {
  -webkit-animation-duration: 450ms !important;
  animation-duration: 450ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-400 {
  -webkit-animation-duration: 400ms !important;
  animation-duration: 400ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-350 {
  -webkit-animation-duration: 350ms !important;
  animation-duration: 350ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-300 {
  -webkit-animation-duration: 300ms !important;
  animation-duration: 300ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-250 {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-200 {
  -webkit-animation-duration: 200ms !important;
  animation-duration: 200ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-150 {
  -webkit-animation-duration: 150ms !important;
  animation-duration: 150ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-100 {
  -webkit-animation-duration: 100ms !important;
  animation-duration: 100ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-50 {
  -webkit-animation-duration: 50ms !important;
  animation-duration: 50ms !important;
}
/* line 146, /home/pc035860/master/web/asset/less/scaffolding.less */
.anim-dur-0 {
  -webkit-animation-duration: 0ms !important;
  animation-duration: 0ms !important;
}
/* line 167, /home/pc035860/master/web/asset/less/scaffolding.less */
.iconmonstr {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
/* line 173, /home/pc035860/master/web/asset/less/scaffolding.less */
.grecaptcha-badge {
  visibility: hidden;
  pointer-events: none;
}
/* line 1, /home/pc035860/master/web/asset/less/buttons.less */
.button {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  *margin-left: .3em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 220px;
  height: 46px;
  text-decoration: none;
  color: white;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* line 61, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.button:first-child {
  *margin-left: 0;
}
/* line 24, /home/pc035860/master/web/asset/less/buttons.less */
.button:hover,
.button:focus {
  color: white;
  text-decoration: none;
}
/* line 332, /home/pc035860/master/web/asset/less/utils.less */
.button.disabled,
.button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 339, /home/pc035860/master/web/asset/less/utils.less */
.button.disabled:hover,
.button[disabled]:hover,
.button.disabled:focus,
.button[disabled]:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 342, /home/pc035860/master/web/asset/less/utils.less */
.button.disabled:active,
.button[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/* line 32, /home/pc035860/master/web/asset/less/buttons.less */
input[type="submit"].button {
  width: 220px;
  height: 46px;
  line-height: 40px;
}
/* line 38, /home/pc035860/master/web/asset/less/buttons.less */
.button-gray {
  background-color: #747e7e;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.button-gray:hover,
.button-gray:focus {
  background-color: #818b8b;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.button-gray:active {
  background-color: #687171;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.button-gray.disabled,
.button-gray[disabled] {
  background-color: #797979;
}
/* line 42, /home/pc035860/master/web/asset/less/buttons.less */
.button-orange {
  background-color: #ffb83c;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.button-orange:hover,
.button-orange:focus {
  background-color: #ffc156;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.button-orange:active {
  background-color: #ffaf22;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.button-orange.disabled,
.button-orange[disabled] {
  background-color: #ecb350;
}
/* line 46, /home/pc035860/master/web/asset/less/buttons.less */
.button-blue {
  background-color: #27aae5;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.button-blue:hover,
.button-blue:focus {
  background-color: #3eb3e8;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.button-blue:active {
  background-color: #1a9dd8;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.button-blue.disabled,
.button-blue[disabled] {
  background-color: #3fa1cd;
}
/* line 50, /home/pc035860/master/web/asset/less/buttons.less */
.button-coffee {
  background-color: #dc7f28;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.button-coffee:hover,
.button-coffee:focus {
  background-color: #e08c3e;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.button-coffee:active {
  background-color: #ca7221;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.button-coffee.disabled,
.button-coffee[disabled] {
  background-color: #c38041;
}
/* line 54, /home/pc035860/master/web/asset/less/buttons.less */
.button-facebook {
  background-color: #3b5998;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.button-facebook:hover,
.button-facebook:focus {
  background-color: #4264aa;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.button-facebook:active {
  background-color: #344e86;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.button-facebook.disabled,
.button-facebook[disabled] {
  background-color: #506083;
}
/* line 57, /home/pc035860/master/web/asset/less/buttons.less */
.button-facebook > .icon-facebook-sign {
  display: inline-block;
  position: relative;
  top: -1px;
  left: 0;
  vertical-align: middle;
  font-size: 34px;
}
/* line 67, /home/pc035860/master/web/asset/less/buttons.less */
.button-facebook > .desc {
  -webkit-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 72, /home/pc035860/master/web/asset/less/buttons.less */
.button-facebook.authing > .icon-facebook-sign {
  -webkit-animation: fbconnect-swing 500ms linear 300ms infinite alternate forwards;
  animation: fbconnect-swing 500ms linear 300ms infinite alternate forwards;
}
/* line 75, /home/pc035860/master/web/asset/less/buttons.less */
.button-facebook.authing > .desc {
  opacity: 0;
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
/* line 1, /home/pc035860/master/web/asset/less/navbar.less */
.navbar-outer {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 200;
  background-color: #333;
}
/* line 9, /home/pc035860/master/web/asset/less/navbar.less */
.navbar {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 0;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.navbar input,
.navbar button,
.navbar select,
.navbar textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 20, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .container {
  width: 940px;
}
/* line 24, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner {
  position: relative;
  background-color: transparent;
  background-image: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 33, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus {
  margin-left: 40px;
  margin-right: 0;
}
/* line 37, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus li {
  position: relative;
  margin-left: 5px;
}
/* line 42, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus li:first-child {
  margin-left: 0;
}
/* line 46, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus li.ending {
  width: 0;
  height: 50px;
}
@media (max-width: 979px) {
  /* line 50, /home/pc035860/master/web/asset/less/navbar.less */
  .navbar .navbar-inner .nav--menus li {
    margin-left: 0;
  }
}
/* line 55, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus a {
  width: 100px;
  height: 50px;
  padding: 0;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  text-shadow: none;
}
/* line 75, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus a,
.navbar .navbar-inner .nav--menus a:focus {
  color: #dddddd;
  background-color: #333333;
}
/* line 82, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus a:hover {
  -webkit-box-shadow: inset 0 -4px 0 0 rgba(39, 206, 191, 0.5), 0 1px 0 0 rgba(39, 206, 191, 0.5);
  -moz-box-shadow: inset 0 -4px 0 0 rgba(39, 206, 191, 0.5), 0 1px 0 0 rgba(39, 206, 191, 0.5);
  box-shadow: inset 0 -4px 0 0 rgba(39, 206, 191, 0.5), 0 1px 0 0 rgba(39, 206, 191, 0.5);
  color: #ffffff;
  background-color: #444444;
}
@media (max-width: 979px) {
  /* line 87, /home/pc035860/master/web/asset/less/navbar.less */
  .navbar .navbar-inner .nav--menus a:hover {
    -webkit-box-shadow: inset 3px 0 0 rgba(39, 206, 191, 0.5);
    -moz-box-shadow: inset 3px 0 0 rgba(39, 206, 191, 0.5);
    box-shadow: inset 3px 0 0 rgba(39, 206, 191, 0.5);
  }
}
/* line 91, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus a:active {
  background-color: #2b2b2b;
}
/* line 95, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus a.active {
  -webkit-box-shadow: inset 0 -4px 0 0 #27cebf, 0 1px 0 0 #27cebf;
  -moz-box-shadow: inset 0 -4px 0 0 #27cebf, 0 1px 0 0 #27cebf;
  box-shadow: inset 0 -4px 0 0 #27cebf, 0 1px 0 0 #27cebf;
  color: #ffffff;
}
@media (max-width: 979px) {
  /* line 103, /home/pc035860/master/web/asset/less/navbar.less */
  .navbar .navbar-inner .nav--menus a.active {
    -webkit-box-shadow: inset 3px 0 0 #27cebf;
    -moz-box-shadow: inset 3px 0 0 #27cebf;
    box-shadow: inset 3px 0 0 #27cebf;
    background-color: #222222;
  }
}
/* line 109, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--menus a.highlight {
  color: #ffff67;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 979px) {
  /* line 116, /home/pc035860/master/web/asset/less/navbar.less */
  .navbar .navbar-inner .nav--menus {
    margin-left: 0;
  }
  /* line 119, /home/pc035860/master/web/asset/less/navbar.less */
  .navbar .navbar-inner .nav--menus li {
    border: none !important;
  }
  /* line 123, /home/pc035860/master/web/asset/less/navbar.less */
  .navbar .navbar-inner .nav--menus a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 100%;
  }
}
/* line 130, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others {
  float: right;
  margin: 0;
}
/* line 137, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others > li {
  position: relative;
  height: 50px;
  margin-left: 10px;
  line-height: 50px;
}
@media (max-width: 979px) {
  /* line 145, /home/pc035860/master/web/asset/less/navbar.less */
  .navbar .navbar-inner .nav--others > li {
    text-align: right;
  }
}
/* line 150, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others a {
  text-shadow: none;
}
/* line 172, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__login {
  width: 60px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  padding: 0;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: white;
  background-color: #faba04;
}
/* line 167, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__login:hover,
.navbar .navbar-inner .nav--others__login:focus {
  color: white;
}
/* line 177, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__login:hover,
.navbar .navbar-inner .nav--others__login:focus {
  background-color: #f8c430;
}
/* line 180, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__login:active {
  background-color: #e8ac00;
}
/* line 184, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__register,
.navbar .navbar-inner .nav--others__logout {
  width: 60px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  padding: 0;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: white;
}
/* line 167, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__register:hover,
.navbar .navbar-inner .nav--others__logout:hover,
.navbar .navbar-inner .nav--others__register:focus,
.navbar .navbar-inner .nav--others__logout:focus {
  color: white;
}
/* line 188, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__register,
.navbar .navbar-inner .nav--others__logout,
.navbar .navbar-inner .nav--others__register:focus,
.navbar .navbar-inner .nav--others__logout:focus {
  background-color: #1cbaac;
}
/* line 191, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__register:hover,
.navbar .navbar-inner .nav--others__logout:hover {
  background-color: #28cbbc;
}
/* line 194, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__register:active,
.navbar .navbar-inner .nav--others__logout:active {
  background-color: #10ad9f;
}
/* line 199, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .navbar-inner .nav--others__top-user-panel {
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
}
/* line 207, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .logo {
  float: left;
  display: block;
  padding: 13.5px 20px 13.5px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
  cursor: pointer;
  background-image: url(../video/logo.png);
  margin: 1px 0 0 0;
  padding: 0;
}
/* line 59, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .logo:hover,
.navbar .logo:focus {
  text-decoration: none;
}
/* line 216, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .banner-logo-container {
  float: left;
  display: block;
  padding: 13.5px 20px 13.5px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
  cursor: pointer;
  background-image: url(../video/logo.png);
  margin: 1px 0 0 0;
  padding: 0;
  background: none;
  line-height: 50px;
}
/* line 59, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/navbar.less */
.navbar .banner-logo-container:hover,
.navbar .banner-logo-container:focus {
  text-decoration: none;
}
/* line 222, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .banner-logo-container > a {
  position: relative;
  top: -3px;
}
/* line 227, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .banner-logo-container > h1 {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
/* line 234, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .vocab-available {
  position: absolute;
  left: -36.5px;
  top: 67px;
}
/* line 239, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .vocab-available.ng-enter {
  -webkit-animation: bjsJellyInUp 1.2s both;
  -moz-animation: bjsJellyInUp 1.2s both;
  -o-animation: bjsJellyInUp 1.2s both;
  animation: bjsJellyInUp 1.2s both;
}
/* line 242, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .vocab-available.ng-leave {
  -webkit-animation: fadeOut 0.5s both;
  -moz-animation: fadeOut 0.5s both;
  -o-animation: fadeOut 0.5s both;
  animation: fadeOut 0.5s both;
}
/* line 248, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .vocab-available .wgt-vocab-hint__wrap:before {
  width: 14px;
  height: 6px;
  content: '';
  position: absolute;
  left: 50%;
  top: -6px;
  margin-left: -7px;
  background: url(../image/vocab-hint-arrow-up.png) no-repeat 0 0;
}
/* line 266, /home/pc035860/master/web/asset/less/navbar.less */
.navbar .vocab-available .wgt-vocab-hint__desc {
  margin-bottom: 0;
}
/**
 * Widgets
 */
/**
 * Based on a bootstrap 2.3 dropdown
 */
/* line 10, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__toggle {
  width: 132px;
  height: 51px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  padding-left: 17px;
  color: #eeeeee !important;
  font-size: 14px;
  text-align: left;
  text-decoration: none !important;
}
/* line 26, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__toggle img {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 9px;
  top: 7px;
}
/* line 34, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__toggle:hover {
  background-color: #2f2f2f;
}
/* line 37, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__toggle:active {
  background-color: #222;
}
/* line 42, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.open .wgt-top-user-panel__toggle {
  background-color: #222;
}
/* line 50, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__menu {
  -webkit-box-shadow: 0 7px 6px -5px rgba(100, 100, 100, 0.5), 7px 0 6px -5px rgba(100, 100, 100, 0.5), -7px 0 6px -5px rgba(100, 100, 100, 0.5);
  -moz-box-shadow: 0 7px 6px -5px rgba(100, 100, 100, 0.5), 7px 0 6px -5px rgba(100, 100, 100, 0.5), -7px 0 6px -5px rgba(100, 100, 100, 0.5);
  box-shadow: 0 7px 6px -5px rgba(100, 100, 100, 0.5), 7px 0 6px -5px rgba(100, 100, 100, 0.5), -7px 0 6px -5px rgba(100, 100, 100, 0.5);
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  top: 50px;
  left: auto;
  right: -1px;
  min-width: 190px;
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #333;
  background-color: #333;
}
/* line 66, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__menu > li {
  border-top: 1px solid #444;
}
/* line 71, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__menu > li > a {
  display: block;
  line-height: 35px;
  height: 35px;
  padding: 0;
  color: #ddd;
  text-align: center;
}
/* line 82, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__menu > li > a:hover,
.wgt-top-user-panel__menu > li > a:focus {
  color: #eee;
  background-color: #444;
  background-image: none;
}
/* line 87, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__menu > li > a:active {
  background-color: #222;
}
/* line 99, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__plan {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  line-height: 64px;
  border-top: none !important;
  background-color: #2b2b2b;
  text-align: center;
}
/* line 110, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__plan .upgrade {
  width: 140px;
  height: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 0 10px;
  line-height: 35px;
  color: #ffe87d;
  background-color: transparent;
  text-align: left;
  font-weight: bold;
  border: 2px solid rgba(255, 232, 125, 0.5);
}
/* line 140, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__plan .upgrade:hover {
  color: #333333;
  background-color: #ffe87d;
  border-color: #ffe87d;
}
/* line 145, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__plan .upgrade:active,
.wgt-top-user-panel__plan .upgrade:focus {
  color: #333333;
  background-color: #ffe469;
  border-color: #ffe469;
}
/* line 151, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__plan .upgrade__icon {
  float: right;
  margin-left: 6px;
  line-height: inherit;
  vertical-align: middle;
}
/* line 159, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__plan .upgrade__trial {
  float: right;
  font-size: 12px;
  color: #cc8d19;
  vertical-align: middle;
}
/* line 169, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__logout {
  padding: 8px 15px;
}
/* line 172, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__logout > a {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  height: 30px !important;
  color: #fff !important;
  background-color: #666 !important;
  line-height: 30px !important;
}
/* line 183, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__logout > a:hover {
  background-color: #727272 !important;
}
/* line 186, /home/pc035860/master/web/asset/less/widget/wgt-top-user-panel.less */
.wgt-top-user-panel__logout > a:active {
  background-color: #5b5b5b !important;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  /* line 22, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing {
    padding: 0 10px;
    overflow: hidden;
  }
}
/* line 27, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing__container {
  max-width: 1074px !important;
  padding: 0 !important;
}
/* line 32, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing__split {
  height: 40px;
}
/* line 35, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing__split--small {
  height: 20px;
}
/* line 40, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing__hint {
  max-width: 680px;
  width: 100%;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  margin: 0 auto;
  font-size: 15px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  background-color: #10ad9f;
  line-height: 30px;
}
@media (max-width: 767px) {
  /* line 55, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing__hint {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 20px;
    line-height: 1.3;
  }
}
/* line 61, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing__body {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 30px 6.23836127%;
  background-color: #ebf0f0;
}
@media (max-width: 979px) {
  /* line 69, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing__body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  /* line 74, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing__body {
    padding-left: 8px;
    padding-right: 8px;
  }
}
/* line 80, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing__price-tags {
  position: relative;
  margin-bottom: 20px;
}
/* line 85, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing__price-tags::before {
  content: '';
  -webkit-transform: translate(1.2px, 0);
  -moz-transform: translate(1.2px, 0);
  -ms-transform: translate(1.2px, 0);
  -o-transform: translate(1.2px, 0);
  transform: translate(1.2px, 0);
  position: absolute;
  left: 0.8%;
  top: 45px;
  bottom: 0;
  width: 4px;
  height: calc(100% - 90px);
  background-color: #aaeae4;
}
@media (min-width: 1200px) {
  /* line 102, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing__price-tags::before {
    -webkit-transform: translate(2px, 0);
    -moz-transform: translate(2px, 0);
    -ms-transform: translate(2px, 0);
    -o-transform: translate(2px, 0);
    transform: translate(2px, 0);
  }
}
@media (max-width: 979px) {
  /* line 105, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing__price-tags::before {
    display: none;
  }
}
/* line 111, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing p {
  max-width: 940px;
  width: 100%;
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
}
@media (max-width: 767px) {
  /* line 119, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
/* line 125, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: box-shadow 1s ease-out, border-color .3s ease-in-out;
  -moz-transition: box-shadow 1s ease-out, border-color .3s ease-in-out;
  -o-transition: box-shadow 1s ease-out, border-color .3s ease-in-out;
  transition: box-shadow 1s ease-out, border-color .3s ease-in-out;
  position: relative;
  width: 87.23404255%;
  min-height: 90px;
  padding: 0 20px;
  margin-bottom: 10px;
  margin-left: 12.76595745%;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #e8eded;
}
/* line 148, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag:hover {
  -webkit-box-shadow: 0 2px 10px #6cddd3;
  -moz-box-shadow: 0 2px 10px #6cddd3;
  box-shadow: 0 2px 10px #6cddd3;
  border-color: #55cac0;
  background-color: #fff;
}
@media (max-width: 767px) {
  /* line 153, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #e8eded;
  }
}
@media (max-width: 979px) {
  /* line 159, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag {
    margin-left: 0;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/* line 166, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__category {
  position: absolute;
  top: 0;
  right: 100%;
  width: 12.76595745%;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 90px;
}
/* line 176, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__category__dot {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 95%;
  top: 50%;
  margin-top: -10px;
  background: url(../image/landing/journey_talks.png) no-repeat left top;
}
/* line 189, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__category__dot::after {
  content: '';
  width: 40px;
  height: 40px;
  -webkit-animation: hotzone-pulse-with-interval 3.3s ease-in-out both infinite;
  animation: hotzone-pulse-with-interval 3.3s ease-in-out both infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
  background: url(../image/landing/bubble-unreveal.png) no-repeat left top;
}
/* line 208, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__category__dot--delay1::after {
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
/* line 211, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__category__dot--delay2::after {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
/* line 214, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__category__dot--delay3::after {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
@media (max-width: 979px) {
  /* line 218, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag__category {
    top: -30px;
    left: 0;
    right: auto;
    width: 100%;
    line-height: inherit;
    text-align: left;
  }
  /* line 225, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag__category .price-tag__category__dot {
    display: none;
  }
}
/* line 229, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__row {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.wgt-pricing .price-tag__row:before,
.wgt-pricing .price-tag__row:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.wgt-pricing .price-tag__row:after {
  clear: both;
}
/* line 233, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__catalogs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 48.7804878%;
  padding: 0 2.1%;
  line-height: 90px;
  text-align: left;
}
/* line 244, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__catalogs img {
  max-height: 70px;
}
/* line 247, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__catalogs img + img {
  margin-left: 10px;
}
@media (max-width: 767px) {
  /* line 251, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag__catalogs {
    float: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    line-height: inherit;
  }
}
/* line 260, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  width: 10.97560976%;
  height: 90px;
  color: #35857e;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 767px) {
  /* line 276, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag__title {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    float: none;
    width: 100%;
    height: auto;
  }
}
/* line 283, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices {
  float: right;
  position: relative;
  width: 40.24390244%;
}
@media (max-width: 767px) {
  /* line 290, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag__prices {
    float: none;
    width: 100%;
  }
}
/* line 302, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices .price {
  float: left;
  width: 33.33333333%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
  line-height: 90px;
  color: #27cebf;
  font-size: 20px;
  font-weight: bold;
}
/* line 317, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices .price__number {
  color: #10ad9f;
  font-weight: bold;
  font-size: 18px;
}
/* line 322, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices .price__number::before {
  content: attr(data-unit);
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  font-weight: normal;
}
/* line 333, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices .price--hl .price__number {
  color: #27cebf;
  font-size: 24px;
}
@media (max-width: 767px) {
  /* line 339, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag__prices .price {
    position: relative;
    top: 15px;
    line-height: 60px;
  }
  /* line 344, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
  .wgt-pricing .price-tag__prices .price:after {
    content: attr(data-period);
    position: absolute;
    left: 0;
    top: -4px;
    width: 100%;
    text-align: center;
    color: #35857e;
    font-size: 16px;
    line-height: 1;
  }
}
/* line 358, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices .desc {
  float: left;
  width: 33.33333333%;
  height: 100%;
  color: #35857e;
  font-weight: bold;
}
/* line 364, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices .desc__period {
  font-size: 16px;
}
/* line 367, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag__prices .desc__caption {
  font-size: 14px;
}
/* line 373, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag--desc {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
  min-height: 0;
  margin-bottom: 8px;
}
/* line 381, /home/pc035860/master/web/asset/less/widget/wgt-pricing.less */
.wgt-pricing .price-tag:last-child {
  margin-bottom: 0;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-extra-learning-bird.less */
.wgt-extra-learning-bird {
  display: block;
  min-height: 58px;
  min-width: 58px;
  background: url(../image/wgt-extra-learning-bird-bird.png) 0 0 no-repeat;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-extra-learning-bird.less */
.wgt-extra-learning-bird__bubble {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  min-width: 310px;
  margin-top: 5px;
  margin-left: 64px;
  padding: 10px;
  background-color: #fff;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  color: #35857e;
  line-height: 20px;
}
/* line 38, /home/pc035860/master/web/asset/less/widget/wgt-extra-learning-bird.less */
.wgt-extra-learning-bird__bubble:before {
  content: '';
  width: 6px;
  height: 10px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  left: -6px;
  top: 50%;
  display: block;
  margin-top: -5px;
  background: url(../image/wgt-extra-learning-bird-arrow.png) 0 0 no-repeat;
}
/* line 7, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint--clickable {
  cursor: pointer;
}
/* line 11, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 190px;
  padding: 12px;
  background-color: rgba(85, 107, 104, 0.8);
  text-align: center;
}
/* line 24, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__close-btn {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 12px;
  top: 12px;
  background: url(../image/icon-close.png) no-repeat 0 0;
}
/* line 37, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__close-btn:hover,
.wgt-vocab-hint__close-btn:focus {
  opacity: 0.7;
}
/* line 40, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__close-btn:active {
  top: 13px;
}
/* line 45, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__icon {
  display: block;
  margin-bottom: 8px;
  font-size: 19px;
  color: #fff;
}
/* line 53, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__desc {
  margin-bottom: 8px;
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
}
/* line 60, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__btn {
  display: inline-block;
  width: 130px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: none;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #27cebf;
  color: #fff !important;
  font-size: 14px;
}
/* line 75, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__btn:hover,
.wgt-vocab-hint__btn:focus {
  background-color: #6cddd3;
}
/* line 78, /home/pc035860/master/web/asset/less/widget/wgt-vocab-hint.less */
.wgt-vocab-hint__btn:active {
  background-color: #10ad9f;
}
/* line 2, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  min-height: 40px;
  background-color: #445d64;
  letter-spacing: 3px;
  font-size: 16px;
  line-height: 40px;
  color: #55cac0;
  text-align: center;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar .highlight {
  color: #77fff3;
  font-weight: bold;
}
/* line 23, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.1);
  line-height: 24px;
  letter-spacing: 1px;
}
/* line 41, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  text-decoration: none;
  color: #fff;
}
/* line 46, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar a:active {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}
/* line 50, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar a:focus {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
  color: #fff;
}
/* line 56, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar a .icon-arrow-right {
  margin-left: 6px;
}
/* line 61, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar-placeholder {
  min-height: 40px;
}
/* line 65, /home/pc035860/master/web/asset/less/widget/wgt-affix-ad-bar.less */
.wgt-affix-ad-bar-placeholder.fixed .wgt-affix-ad-bar {
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px rgba(0, 0, 0, 0.15);
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}
/**
 * For directive: ptMoodSelect
 */
/* line 6, /home/pc035860/master/web/asset/less/widget/pt-mood-select.less */
.pt-moods a {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
}
/* line 13, /home/pc035860/master/web/asset/less/widget/pt-mood-select.less */
.pt-moods a:last-of-type {
  margin-right: 0;
}
/* line 19, /home/pc035860/master/web/asset/less/widget/pt-mood-select.less */
.pt-moods__item .item-img {
  display: inline-block;
  width: 40px;
  height: 40px;
  opacity: 0.3;
}
/* line 30, /home/pc035860/master/web/asset/less/widget/pt-mood-select.less */
.pt-moods__item p {
  margin: 0;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-align: center;
}
/* line 46, /home/pc035860/master/web/asset/less/widget/pt-mood-select.less */
.pt-moods__item.active .item-img {
  opacity: 1;
}
/* line 51, /home/pc035860/master/web/asset/less/widget/pt-mood-select.less */
.pt-moods__item.active p {
  font-weight: bold;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-pt-iconmonstr.less */
.wgt-pt-iconmonstr {
  display: inline-block;
  vertical-align: middle;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-side-tip.less */
.wgt-side-tip {
  width: 180px;
  height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  padding-left: 7px;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
  color: #fff;
  vertical-align: middle;
}
/* line 20, /home/pc035860/master/web/asset/less/widget/wgt-side-tip.less */
.wgt-side-tip:before {
  content: '';
  position: absolute;
  left: -4px;
  top: 0;
  width: 12px;
  height: 26px;
  background: url('../image/pricing/assets.png') no-repeat;
}
/* line 32, /home/pc035860/master/web/asset/less/widget/wgt-side-tip.less */
.wgt-side-tip--orange {
  background-color: #ee8f3b;
}
/* line 34, /home/pc035860/master/web/asset/less/widget/wgt-side-tip.less */
.wgt-side-tip--orange:before {
  background-position: -140px -2px;
}
/* line 38, /home/pc035860/master/web/asset/less/widget/wgt-side-tip.less */
.wgt-side-tip--black {
  background-color: #415162;
}
/* line 40, /home/pc035860/master/web/asset/less/widget/wgt-side-tip.less */
.wgt-side-tip--black:before {
  background-position: -126px -2px;
}
/* line 45, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-light {
  position: relative;
}
/* line 5, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-light:before {
  -webkit-animation: fadeIn 500ms both;
  animation: fadeIn 500ms both;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-light:after {
  content: '';
  -webkit-animation: halfspin 0.75s ease infinite;
  animation: halfspin 0.75s ease infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-right: 2px solid rgba(0, 0, 0, 0.5);
  border-left: 2px solid rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
}
/* line 48, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-dark {
  position: relative;
}
/* line 5, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-dark:before {
  -webkit-animation: fadeIn 500ms both;
  animation: fadeIn 500ms both;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-dark:after {
  content: '';
  -webkit-animation: halfspin 0.75s ease infinite;
  animation: halfspin 0.75s ease infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
}
/* line 51, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-notebook {
  position: relative;
}
/* line 5, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-notebook:before {
  -webkit-animation: fadeIn 500ms both;
  animation: fadeIn 500ms both;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-notebook:after {
  content: '';
  -webkit-animation: halfspin 0.75s ease infinite;
  animation: halfspin 0.75s ease infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid #ffffff;
  border-left: 4px solid #ffffff;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
}
/* line 54, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-card {
  position: relative;
}
/* line 5, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-card:before {
  -webkit-animation: fadeIn 500ms both;
  animation: fadeIn 500ms both;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.wgt-loading-overlay-card:after {
  content: '';
  -webkit-animation: halfspin 0.75s ease infinite;
  animation: halfspin 0.75s ease infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0.5);
  border-left: 4px solid rgba(0, 0, 0, 0.5);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
.wgt-star-sky {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  will-change: transform;
}
/* line 9, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
.wgt-star-sky .star-sky {
  -webkit-transform: translate(-50%, 5px);
  -moz-transform: translate(-50%, 5px);
  -ms-transform: translate(-50%, 5px);
  -o-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  max-width: 660px;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
.wgt-star-sky-twink {
  -webkit-animation: wgt-star-sky-twink 6s ease-in-out both infinite;
  -moz-animation: wgt-star-sky-twink 6s ease-in-out both infinite;
  -o-animation: wgt-star-sky-twink 6s ease-in-out both infinite;
  animation: wgt-star-sky-twink 6s ease-in-out both infinite;
}
@keyframes wgt-star-sky-twink {
  /* line 24, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  0% {
    fill: #ffffff;
    transform: scale(1);
  }
  /* line 28, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  30% {
    fill: #ffffff;
    transform: scale(1);
  }
  /* line 32, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  50% {
    fill: rgba(255, 255, 255, 0.4);
    transform: scale(0.85);
  }
  /* line 36, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  70% {
    fill: #ffffff;
    transform: scale(1);
  }
  /* line 40, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  100% {
    fill: #ffffff;
    transform: scale(1);
  }
}
@-webkit-keyframes wgt-star-sky-twink {
  /* line 46, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  0% {
    fill: #ffffff;
    -webkit-transform: scale(1);
  }
  /* line 50, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  30% {
    fill: #ffffff;
    -webkit-transform: scale(1);
  }
  /* line 54, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  50% {
    fill: rgba(255, 255, 255, 0.4);
    -webkit-transform: scale(0.85);
  }
  /* line 58, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  70% {
    fill: #ffffff;
    -webkit-transform: scale(1);
  }
  /* line 62, /home/pc035860/master/web/asset/less/widget/wgt-star-sky.less */
  100% {
    fill: #ffffff;
    -webkit-transform: scale(1);
  }
}
/* line 2, /home/pc035860/master/web/asset/less/widget/wgt-free-plans-intro.less */
.wgt-free-plans-intro .heading {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
  color: #35857e;
  text-align: left;
}
/* line 12, /home/pc035860/master/web/asset/less/widget/wgt-free-plans-intro.less */
.wgt-free-plans-intro .desc {
  margin-bottom: 20px;
  font-size: 14px;
  color: #55a098;
  line-height: 1.4;
  text-align: left;
}
/* line 22, /home/pc035860/master/web/asset/less/widget/wgt-free-plans-intro.less */
.wgt-free-plans-intro .actions a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 8px 33px;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
  background-color: #307770;
}
/* line 38, /home/pc035860/master/web/asset/less/widget/wgt-free-plans-intro.less */
.wgt-free-plans-intro .actions a:hover {
  background-color: #2f867d;
}
/* line 41, /home/pc035860/master/web/asset/less/widget/wgt-free-plans-intro.less */
.wgt-free-plans-intro .actions a:focus {
  background-color: #307770;
}
/* line 44, /home/pc035860/master/web/asset/less/widget/wgt-free-plans-intro.less */
.wgt-free-plans-intro .actions a:active {
  background-color: #286962;
}
/* line 50, /home/pc035860/master/web/asset/less/widget/wgt-free-plans-intro.less */
.wgt-free-plans-intro .steps {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: step;
  margin-top: 25px;
}
/* line 800, /home/pc035860/master/web/asset/less/widgets.less */
.wgt-free-plans-intro .steps li {
  width: 100%;
  height: 36px;
  -webkit-border-top-left-radius: 36px;
  -moz-border-radius-topleft: 36px;
  border-top-left-radius: 36px;
  -webkit-border-bottom-left-radius: 36px;
  -moz-border-radius-bottomleft: 36px;
  border-bottom-left-radius: 36px;
  position: relative;
  padding: 0;
  margin-bottom: 5px;
  background-color: #b8f3e3;
  color: #55a098;
  font-size: 14px;
  line-height: 36px;
}
/* line 818, /home/pc035860/master/web/asset/less/widgets.less */
.wgt-free-plans-intro .steps li strong {
  font-weight: bold;
  color: #35857e;
}
/* line 823, /home/pc035860/master/web/asset/less/widgets.less */
.wgt-free-plans-intro .steps li:last-of-type {
  margin-bottom: 0;
}
/* line 827, /home/pc035860/master/web/asset/less/widgets.less */
.wgt-free-plans-intro .steps li::before {
  counter-increment: step;
  content: counter(step);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 6px;
  background-color: #ccffea;
  color: #55a098;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 36px;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.wgt-note-extension-installtion-hint input,
.wgt-note-extension-installtion-hint button,
.wgt-note-extension-installtion-hint select,
.wgt-note-extension-installtion-hint textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 6, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar-placeholder {
  min-height: 0;
  height: 0;
}
/* line 10, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar-placeholder.ng-enter {
  -webkit-animation: fadeIn 0.5s both;
  -moz-animation: fadeIn 0.5s both;
  -o-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}
/* line 13, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar-placeholder.ng-leave {
  -webkit-animation: fadeOut 0.5s both;
  -moz-animation: fadeOut 0.5s both;
  -o-animation: fadeOut 0.5s both;
  animation: fadeOut 0.5s both;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar-placeholder.fixed .wgt-affix-ad-bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 500;
}
/* line 25, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar-placeholder.shadow .wgt-affix-ad-bar {
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px rgba(0, 0, 0, 0.15);
}
/* line 31, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar {
  background-color: #445d64;
  font-size: 15px;
  letter-spacing: 0;
  color: #ddd;
  line-height: 54px;
  min-height: 54px;
}
/* line 40, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar .highlight {
  color: #ddd;
  font-size: 15px;
  font-weight: bold;
}
/* line 46, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar a {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  display: inline-block;
  padding: 5px 12px;
  font-size: 15px;
  line-height: 22px;
  color: #fff;
}
/* line 57, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar a,
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar a:focus {
  background-color: #566d73;
  text-decoration: none;
}
/* line 61, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar a:hover {
  background-color: #5d757c;
  text-decoration: none;
}
/* line 65, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .wgt-affix-ad-bar a:active {
  background-color: #52676d;
}
/* line 72, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .visual {
  width: 34px;
  margin-right: 15px;
  vertical-align: middle;
}
/* line 78, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
/* line 84, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .overlay.ng-leave {
  -webkit-animation: fadeOut 0.5s both;
  -moz-animation: fadeOut 0.5s both;
  -o-animation: fadeOut 0.5s both;
  animation: fadeOut 0.5s both;
}
/* line 88, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .overlay::before {
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 91, /home/pc035860/master/web/asset/less/widget/wgt-note-extension-installtion-hint.less */
.wgt-note-extension-installtion-hint .overlay::after {
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-note-fami.less */
.wgt-note-fami {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid rgba(154, 228, 220, 0.5);
  background: center no-repeat;
  background-size: 26px 26px;
}
/* line 15, /home/pc035860/master/web/asset/less/widget/wgt-note-fami.less */
.wgt-note-fami.lv-a {
  background-image: url(../image/note-words/familiarity_a.svg);
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-note-fami.less */
.wgt-note-fami.lv-b {
  background-image: url(../image/note-words/familiarity_b.svg);
}
/* line 21, /home/pc035860/master/web/asset/less/widget/wgt-note-fami.less */
.wgt-note-fami.lv-c {
  background-image: url(../image/note-words/familiarity_c.svg);
}
/* line 24, /home/pc035860/master/web/asset/less/widget/wgt-note-fami.less */
.wgt-note-fami.lv-d {
  background-image: url(../image/note-words/familiarity_d.svg);
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.wgt-app-available-hint input,
.wgt-app-available-hint button,
.wgt-app-available-hint select,
.wgt-app-available-hint textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 6, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .wgt-affix-ad-bar-placeholder {
  min-height: 0;
  height: 0;
}
/* line 10, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .wgt-affix-ad-bar-placeholder.ng-enter {
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
/* line 13, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .wgt-affix-ad-bar-placeholder.ng-leave {
  -webkit-animation: fadeOut 0.5s;
  -moz-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .wgt-affix-ad-bar-placeholder.fixed .wgt-affix-ad-bar {
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  z-index: 500;
}
/* line 26, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .wgt-affix-ad-bar-placeholder.shadow .wgt-affix-ad-bar {
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
}
/* line 33, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .wgt-affix-ad-bar {
  background-color: #fff;
  letter-spacing: 0;
  line-height: 58px;
  min-height: 58px;
}
/* line 41, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .wrap {
  position: relative;
}
/* line 45, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .install {
  width: 58px;
  height: 32px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  right: 10px;
  top: 15px;
  padding: 0;
  font-size: 14px;
  line-height: 32px;
  color: #333;
  text-align: center;
  background-color: #f4bb1a;
}
/* line 67, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .install:hover,
.wgt-app-available-hint .install:focus {
  background-color: #f4bb1a;
  color: #333;
}
/* line 72, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .install:active {
  background-color: #eab315;
}
/* line 77, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .flb {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 58px;
}
/* line 84, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .flb-item {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 89, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .close {
  width: 36px;
  height: 50px;
  display: block;
  padding: 0;
  opacity: .3;
  line-height: 50px;
}
/* line 102, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .close > img {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
/* line 107, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .close:active {
  opacity: .4;
}
/* line 112, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-icon {
  margin-right: 10px;
}
/* line 116, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info {
  min-width: 140px;
  text-align: left;
}
/* line 120, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__name {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}
/* line 127, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__sub-wrap {
  position: relative;
  min-height: 19px;
}
/* line 133, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__sub-wrap .ng-anim.ng-hide-remove {
  -webkit-animation: fadeInLeft 0.5s both;
  -moz-animation: fadeInLeft 0.5s both;
  -o-animation: fadeInLeft 0.5s both;
  animation: fadeInLeft 0.5s both;
}
/* line 136, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__sub-wrap .ng-anim.ng-hide-add {
  -webkit-animation: fadeOutRight 0.5s both;
  -moz-animation: fadeOutRight 0.5s both;
  -o-animation: fadeOutRight 0.5s both;
  animation: fadeOutRight 0.5s both;
}
/* line 143, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 13px;
  color: #808080;
  line-height: 1.5;
}
/* line 154, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__rating {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 1;
}
/* line 162, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__rating .wgt-rating-stars {
  vertical-align: middle;
  margin-right: 2px;
}
/* line 167, /home/pc035860/master/web/asset/less/widget/wgt-app-available-hint.less */
.wgt-app-available-hint .app-info__rating .count {
  font-size: 12px;
  color: #808080;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-rating-stars.less */
.wgt-rating-stars {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
/* line 11, /home/pc035860/master/web/asset/less/widget/wgt-rating-stars.less */
.wgt-rating-stars img {
  width: 72px;
  height: 14.4px;
  vertical-align: middle;
  max-width: none;
}
/* line 17, /home/pc035860/master/web/asset/less/widget/wgt-rating-stars.less */
.wgt-rating-stars .bg {
  float: left;
}
/* line 20, /home/pc035860/master/web/asset/less/widget/wgt-rating-stars.less */
.wgt-rating-stars .fg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
/* line 28, /home/pc035860/master/web/asset/less/widget/wgt-rating-stars.less */
.wgt-rating-stars .fg img {
  float: left;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report input,
.wgt-vocab-error-report button,
.wgt-vocab-error-report select,
.wgt-vocab-error-report textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 8, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .dropdown-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  width: 330px;
  margin-top: 10px;
  padding: 20px;
  border: 0;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report form {
  margin: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field {
  font-size: 14px;
  color: #808080;
  line-height: 1.5;
}
/* line 27, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-options {
  *zoom: 1;
  margin-top: 10px;
  margin-bottom: 12px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.wgt-vocab-error-report .field-options:before,
.wgt-vocab-error-report .field-options:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.wgt-vocab-error-report .field-options:after {
  clear: both;
}
/* line 33, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-option {
  float: left;
  width: 50%;
  margin-bottom: 8px;
}
/* line 38, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-option label {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}
/* line 43, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-option label > span {
  position: relative;
  top: 1px;
}
/* line 50, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-input {
  margin-bottom: 15px;
}
/* line 53, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-input label {
  margin-bottom: 8px;
}
/* line 57, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-input textarea {
  /**
		 * Webkit scrollbar - for dark theme
		 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  min-height: 60px;
  margin-bottom: 0;
  border: 1px solid transparent;
  color: #333;
  background-color: #eee;
}
/* line 373, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .field-input textarea::-webkit-scrollbar {
  width: 6px;
}
/* line 374, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .field-input textarea::-webkit-scrollbar-button {
  display: none;
}
/* line 376, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .field-input textarea::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 380, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .field-input textarea::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
/* line 384, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .field-input textarea::-webkit-scrollbar-corner {
  /* 6 */
}
/* line 385, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .field-input textarea::-webkit-resizer {
  /* 7 */
}
/* line 393, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .field-input textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 71, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-input textarea:hover {
  border: 1px solid #ddd;
}
/* line 74, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .field-input textarea:focus {
  -webkit-box-shadow: 0 0 3px #aaeae4 !important;
  -moz-box-shadow: 0 0 3px #aaeae4 !important;
  box-shadow: 0 0 3px #aaeae4 !important;
  border: 1px solid #aaeae4 !important;
  outline: none;
}
/* line 83, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .action-bar {
  text-align: right;
}
/* line 88, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .action-bar .btn-ok,
.wgt-vocab-error-report .action-bar .btn-cancel {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  height: 30px;
  border: none;
  padding: 0;
  font-size: 14px;
  line-height: 30px;
}
/* line 98, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .action-bar .btn-ok {
  background-color: #ffd87f;
  width: 100px;
  color: rgba(0, 0, 0, 0.6);
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .action-bar .btn-ok:focus {
  background-color: #ffd87f;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .action-bar .btn-ok:hover {
  background-color: #ffe099;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .action-bar .btn-ok:active {
  background-color: #ffd065;
}
/* line 108, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .action-bar .btn-ok.disabled,
.wgt-vocab-error-report .action-bar .btn-ok[disabled] {
  color: #fff;
  background-color: #cdd1d4;
  cursor: default;
}
/* line 116, /home/pc035860/master/web/asset/less/widget/wgt-vocab-error-report.less */
.wgt-vocab-error-report .action-bar .btn-cancel {
  background-color: #5e6262;
  width: 50px;
  color: #fff;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .action-bar .btn-cancel:focus {
  background-color: #5e6262;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .action-bar .btn-cancel:hover {
  background-color: #6a6f6f;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.wgt-vocab-error-report .action-bar .btn-cancel:active {
  background-color: #525555;
}
/* line 17, /home/pc035860/master/web/asset/less/widget/wgt-form-checkbox.less */
.wgt-form-checkbox label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  margin: 0;
  font-size: 15px;
  line-height: 28px;
  color: #333;
}
/* line 28, /home/pc035860/master/web/asset/less/widget/wgt-form-checkbox.less */
.wgt-form-checkbox label:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio-gray.png);
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
  background-position: 0 0;
}
/* line 40, /home/pc035860/master/web/asset/less/widget/wgt-form-checkbox.less */
.wgt-form-checkbox label:hover:before {
  background-position: 0 -20px;
}
/* line 44, /home/pc035860/master/web/asset/less/widget/wgt-form-checkbox.less */
.wgt-form-checkbox label:active:before {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
/* line 49, /home/pc035860/master/web/asset/less/widget/wgt-form-checkbox.less */
.wgt-form-checkbox input[type=radio],
.wgt-form-checkbox input[type=checkbox] {
  position: absolute;
  right: 0;
  opacity: 0;
}
/* line 54, /home/pc035860/master/web/asset/less/widget/wgt-form-checkbox.less */
.wgt-form-checkbox input[type=radio]:checked + label:after,
.wgt-form-checkbox input[type=checkbox]:checked + label:after {
  -webkit-animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio-gray.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  background-position: 0 -40px;
}
/* line 1, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-animation: bjsJellyIn 1.2s both;
  -moz-animation: bjsJellyIn 1.2s both;
  -o-animation: bjsJellyIn 1.2s both;
  animation: bjsJellyIn 1.2s both;
  position: absolute;
  z-index: 999;
  width: 36px;
  height: 36px;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.wgt-hint-bubble input,
.wgt-hint-bubble button,
.wgt-hint-bubble select,
.wgt-hint-bubble textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 11, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s;
  -moz-transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s;
  -o-transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s;
  transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s;
  content: ' ';
  position: absolute;
  left: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
  opacity: 0.8;
  background-color: white;
}
/* line 27, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble::after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  -webkit-animation: hotzone-pulse 0.8s ease-out 0.5s infinite;
  -moz-animation: hotzone-pulse 0.8s ease-out 0.5s infinite;
  -o-animation: hotzone-pulse 0.8s ease-out 0.5s infinite;
  animation: hotzone-pulse 0.8s ease-out 0.5s infinite;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.85);
  opacity: 0;
}
/* line 45, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble__hint-anim {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  -webkit-transform-origin: 50% -5px;
  -moz-transform-origin: 50% -5px;
  -o-transform-origin: 50% -5px;
  -ms-transform-origin: 50% -5px;
  transform-origin: 50% -5px;
  -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  position: absolute;
  z-index: 5;
  left: 18px;
  top: 85%;
  width: 240px;
}
/* line 58, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble__hint {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  padding: 10px 14px;
  background-color: rgba(51, 51, 51, 0.8);
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  pointer-events: none;
}
/* line 73, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble__hint__arrow {
  position: absolute;
  left: 50%;
  top: -5px;
  width: 10px;
  height: 5px;
  margin-left: -5px;
}
/* line 88, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble:hover::before {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  -ms-transform: scale(1.6);
  transform: scale(1.6);
  opacity: .4;
}
/* line 93, /home/pc035860/master/web/asset/less/widget/wgt-hint-bubble.less */
.wgt-hint-bubble:hover .wgt-hint-bubble__hint-anim {
  -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}
/**
 * for angularjs directive pt-comboset
 */
/* line 4, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset {
  position: relative;
  width: 120px;
  height: 16px;
}
/* line 11, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-star,
.comboset .comboset-skull {
  *zoom: 1;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.comboset .comboset-star:before,
.comboset .comboset-skull:before,
.comboset .comboset-star:after,
.comboset .comboset-skull:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.comboset .comboset-star:after,
.comboset .comboset-skull:after {
  clear: both;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-item {
  width: 16px;
  height: 16px;
  float: left;
  position: relative;
  margin-right: 1px;
}
/* line 27, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-item-anim {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  width: 16px;
  height: 16px;
  position: relative;
}
/* line 34, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-item-anim.state-chg {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: combo-chg;
  -moz-animation-name: combo-chg;
  -o-animation-name: combo-chg;
  animation-name: combo-chg;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
/* line 41, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-item-empty,
.comboset .comboset-item-full {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
/* line 52, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-item-empty.no-anim,
.comboset .comboset-item-full.no-anim {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
/* line 58, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-item-empty.ng-hide-add {
  -webkit-animation: rotateOut 0.5s both;
  -moz-animation: rotateOut 0.5s both;
  -o-animation: rotateOut 0.5s both;
  animation: rotateOut 0.5s both;
}
/* line 63, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-item-full.ng-hide-remove {
  -webkit-animation: rotateIn 0.5s both;
  -moz-animation: rotateIn 0.5s both;
  -o-animation: rotateIn 0.5s both;
  animation: rotateIn 0.5s both;
}
/* line 70, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-star > .comboset-item .comboset-item-empty {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAACJ0lEQVR4AZ2Uz2prZRRHV44xaFtrpCjFUIqmTf/ZsQ/gQGeiVWzFKogDFUc66gvYt9D3EMUOHBShg3Da2n8xkVaLIha5g1vun6674QwabnI+ersWZ5N8+8fmg7M5FZJYBR6QIJOUrIdJKpKgym9UmE/dISPFGjM0+fC2N3iKfVrAEYs8vM0NPqBFh5Ooq7e5QcYe83wKfMcBS1wxHMtcVX+3GnbUtbIcDjczVz8Tiaq52ZMNeE/tWROJ2lXfv/mAqk3b6udSGL+0bdPqYLoiQMYUs+EMc1Ff4WngjCb3KKhxEgm4T5djDuPfcXjKFeCmuZf2c2XPH12RPlfipBedfu6au1lxkp9YBHJ+5YgT4uGS4TzDDK14ZnmdZWCfNxBfsq0e2pAb2vBAbfuiIOKEO2rHabmB03bUHSf630LdbbXnq5I2Ej2NdP3x1zjuL+qZc5KwFQkjOT5sD8bcUs9dkBIX/EsjNVa2SCP+oP5dBAYcjY6RGBlYpD5e5k/u8DwySIX/eY4pzlLfg1lgFxmG0YEmpAa8BuxTxi6wnB6wBORc82x4zR6wmB6wXMQAqPEFnfBLahTkRCL9RfpPnRQzP7JjgXZcN5Po6EXqe9BQ/xXfNld1z3d9J6rqbpxW/EdtlA94Uz11W9Wun5iJRP3Yrmp0/lDfKh/wtQXnfmVN+qzFybkF35QP+F69cMPRkk3ciK6RKh3ws5vWJWHdb90qX+UXuKCMktQjetbsY0w+obIAAAAASUVORK5CYII=");
}
/* line 73, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-star > .comboset-item .comboset-item-full {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABWElEQVR42u3XMUsCYRzHcZ+jsZxcChcHFzcLl8JJBAdrEIWkV1GDtPkGanAMyrHeR5ubCEFvQQIRTSkEf/2GPzTcPZz3PM/dEfSFDzgc5w88HzEDIFV/fsCeSG3AlUhlgEfvwktjQBe/dZMe4NEbJHntJTmgA3+dpAYomsDfhFQSA1rQ14p7gKIx9I1JuR6QpRO6pAHCG8i1x5SNMqBEbbqlIb3SFPZN5V5DuXebSkEDmvSF+Pumpu4jaNAa8bWmRtgzUKMV3Lei2q4PYZUWcNeSqlG/Bac0h31zOjP9GlZoBvNmVLE9B8q0RfS2VHZxEB3CvCMXA+owr+5iwDXMu3Ex4BHmPbkYMIK+D6FrZDtA0RL+FtSnA9HXHFyfpGwGFALO8nvKBVybo7uA35KCzYBzAtvQA+UpEyIv124I7MJmQI9eqEiZiIr0TD2bAfs7vJHVPf7/Hf8AUKIt88N68ncAAAAASUVORK5CYII=");
}
/* line 79, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-skull > .comboset-item .comboset-item-empty {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAC5klEQVR4AaXUbYhUZRjH4f+Miq1ZIihaShCahVm0bmgp2ZsiQmAaJWSEwUJSXyIYsyKIyC9RQhQSaSgUiYWRUhiorUJlKGtCaOyKbpiLmJovqMnaeCXDYIdZxIF+F+ech/uBm/k0pfRLSx7MQ2nLuIzNoCQXczgH0plt2Z6/05gommSl067WaStNkqKSXGlM3snTSZKT2Zyfsi+Hcj6ltOSWTMy0zMrwJMnnWZLe/r9gvpOgw1yDpD+DzNUBTponaqJGBfSYLdcwWw+oFBcsBhsMlSYMtQEsFolo1Ye1BkiTBliLPq0SsQOdBkvzDNaJHVLyaLYkacvuJHflqUxI0p0v8muKDc2TmZHhOZqOfJW+JJPTmWRmrMIm0eITxT52ndTNccR/HTRVxCasii60K/sGbLXUq7aCjcoiZqviiOVessIpnNMq2tEVfZhiEaoWSt1CVTwrWvRiixukZrQ9+EXJFPQFtPoZH0jBCuwQC3DGCLligiru0wrl/JlkZCYnWZdia5NMrj+bc7xw053dtfnIJMfK2Z9kegYmOZNiZ5MMzIAMrp+LnUkyJFOSdJfTkWRmDtbexR5JciDVdCeZkYGFmxszNUlX5iTZFm3gaxw3XurGO4G3xM0u1E81SlbjmDbQFrETG/XghIq7L6s4gR7DRLwB1ptpgsd8Dxb5FJ0SMR88o1uxbrdJTclyxaqWuNclzJOI2I69RqjY5exlu1QMkYIHfOmIPn9Y4x4t9uEHkYi4w1mskSatxjm3i0SN58Db0oQ3QbsUF8Qy8O41/hVK3gPLpHFBfAi+NUauYoxN4H2lwoKCV1Rx2gvSn7n+QtXLxWlE0XRd2CvGmmW0iFHmeFwsxVH3S1E0ehE/igVgmtiP78Tz2ClSVE5jh5OMSzl3Jkkm5frcmmRibZr0pjGNxrqExX4HnV4HtOvFayJF0d86wDn/AE5d+d7UzIJhPnPBbx72hEPO+8go6120x3RpVJL/179x6T7ofANHhQAAAABJRU5ErkJggg==");
}
/* line 82, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-skull > .comboset-item .comboset-item-full {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAACA0lEQVR4AaXUz0tUURiH8edebVCxacAgyoUwEBUESbWLFkbUomjRxgjb5CpqEW6iXdvCRQVto7+gH0ZBgbpwJcpEG0mwICjMSiONMp3xCS/NMHfmjs7g57sYOPB+F3PueQO2qJkN2EQaWKSwQYEkOEoPxznMbkJgjVlyjDHKJNWMp9l+p6xlyn6b4xPx8W4n3Myk3bUKrrhqPVa9llQwYCMGKgtOmbcRBU+LSCBAC+/oojEf2c8yhAD0NTwOXfRBseACERYYIEs7BxlkhXI5zrOTDCd5TdFFAERcct0ns1LKCf9a9NhU6Txw0Ii/RBDTRjwnsdwy4jfTsfMm3xoxLYgp180aSCydRnwgFbluxJSEwApzwAck7jO/AZim0gwAX1mBEIAJIEOlVtoA6KBSpjRFCMAz4ABZ4s6UfgPizgIwBICI7dE9DMX+hR1OW9QvZemxoC65vfxTvu26p3aW3uWb2PO5YUrE0Ev/L/1O+acMGWboAPKMM0eWQwTELTBOniPsAWCevfyIL5ReG9GbtA8eWq9HklSQcth6DJtKLsA2X7mZ57ZJKQlL9a5r1rLmvZpLNfYOl012WSoTUm2EPMnmqRKS5DsAOZ4AsMrN0nmdBSMAjPISgDFeAPCTHNVMyj6/+N5dtjjhosfE+xa8KtUJJNE2JA+EpFgGoJU/JAhka/4BD+1yUAx6WtwAAAAASUVORK5CYII=");
}
/* line 87, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-drill {
  -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  position: absolute;
  top: -13px;
  right: -40px;
  width: 30px;
  height: 30px;
  background: transparent url(../image/icon_drill_talks.svg);
  background-size: 30px 30px;
}
/* line 102, /home/pc035860/master/web/asset/less/widget/comboset.less */
.comboset .comboset-drill-hint {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 136%;
  top: -10px;
  width: 230px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.4;
  background-color: rgba(0, 0, 0, 0.14902);
}
/* line 8, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bjsJellyIn.ng-enter,
.ng-anim._bjsJellyIn.ng-leave,
.ng-anim._bjsJellyIn.ng-hide-add,
.ng-anim._bjsJellyIn.ng-hide-remove {
  -webkit-animation: bjsJellyIn 1s both;
  animation: bjsJellyIn 1s both;
}
/* line 12, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bjsJellyIn-in.ng-enter,
.ng-anim._bjsJellyIn-in.ng-hide-remove {
  -webkit-animation: bjsJellyIn 1s both;
  animation: bjsJellyIn 1s both;
}
/* line 15, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bjsJellyIn-out.ng-leave,
.ng-anim._bjsJellyIn-out.ng-hide-add {
  -webkit-animation: bjsJellyIn 1s both;
  animation: bjsJellyIn 1s both;
}
/* line 8, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bounce.ng-enter,
.ng-anim._bounce.ng-leave,
.ng-anim._bounce.ng-hide-add,
.ng-anim._bounce.ng-hide-remove {
  -webkit-animation: bounce 1s both;
  animation: bounce 1s both;
}
/* line 12, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bounce-in.ng-enter,
.ng-anim._bounce-in.ng-hide-remove {
  -webkit-animation: bounce 1s both;
  animation: bounce 1s both;
}
/* line 15, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bounce-out.ng-leave,
.ng-anim._bounce-out.ng-hide-add {
  -webkit-animation: bounce 1s both;
  animation: bounce 1s both;
}
/* line 8, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bounceIn.ng-enter,
.ng-anim._bounceIn.ng-leave,
.ng-anim._bounceIn.ng-hide-add,
.ng-anim._bounceIn.ng-hide-remove {
  -webkit-animation: bounceIn 1s both;
  animation: bounceIn 1s both;
}
/* line 12, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bounceIn-in.ng-enter,
.ng-anim._bounceIn-in.ng-hide-remove {
  -webkit-animation: bounceIn 1s both;
  animation: bounceIn 1s both;
}
/* line 15, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._bounceIn-out.ng-leave,
.ng-anim._bounceIn-out.ng-hide-add {
  -webkit-animation: bounceIn 1s both;
  animation: bounceIn 1s both;
}
/* line 8, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeInDown.ng-enter,
.ng-anim._fadeInDown.ng-leave,
.ng-anim._fadeInDown.ng-hide-add,
.ng-anim._fadeInDown.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 12, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeInDown-in.ng-enter,
.ng-anim._fadeInDown-in.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 15, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeInDown-out.ng-leave,
.ng-anim._fadeInDown-out.ng-hide-add {
  -webkit-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 8, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeInUp.ng-enter,
.ng-anim._fadeInUp.ng-leave,
.ng-anim._fadeInUp.ng-hide-add,
.ng-anim._fadeInUp.ng-hide-remove {
  -webkit-animation: fadeInUp 1s both;
  animation: fadeInUp 1s both;
}
/* line 12, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeInUp-in.ng-enter,
.ng-anim._fadeInUp-in.ng-hide-remove {
  -webkit-animation: fadeInUp 1s both;
  animation: fadeInUp 1s both;
}
/* line 15, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeInUp-out.ng-leave,
.ng-anim._fadeInUp-out.ng-hide-add {
  -webkit-animation: fadeInUp 1s both;
  animation: fadeInUp 1s both;
}
/* line 8, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeOut.ng-enter,
.ng-anim._fadeOut.ng-leave,
.ng-anim._fadeOut.ng-hide-add,
.ng-anim._fadeOut.ng-hide-remove {
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 12, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeOut-in.ng-enter,
.ng-anim._fadeOut-in.ng-hide-remove {
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 15, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeOut-out.ng-leave,
.ng-anim._fadeOut-out.ng-hide-add {
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 8, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeIn.ng-enter,
.ng-anim._fadeIn.ng-leave,
.ng-anim._fadeIn.ng-hide-add,
.ng-anim._fadeIn.ng-hide-remove {
  -webkit-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 12, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeIn-in.ng-enter,
.ng-anim._fadeIn-in.ng-hide-remove {
  -webkit-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 15, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._fadeIn-out.ng-leave,
.ng-anim._fadeIn-out.ng-hide-add {
  -webkit-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1950.ng-enter,
.ng-anim._delay-1950.ng-leave,
.ng-anim._delay-1950.ng-hide-add,
.ng-anim._delay-1950.ng-hide-remove {
  -webkit-animation-delay: 1950ms !important;
  animation-delay: 1950ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1950-in.ng-enter,
.ng-anim._delay-1950-in.ng-hide-remove {
  -webkit-animation-delay: 1950ms !important;
  animation-delay: 1950ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1950-out.ng-leave,
.ng-anim._delay-1950-out.ng-hide-add {
  -webkit-animation-delay: 1950ms !important;
  animation-delay: 1950ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1900.ng-enter,
.ng-anim._delay-1900.ng-leave,
.ng-anim._delay-1900.ng-hide-add,
.ng-anim._delay-1900.ng-hide-remove {
  -webkit-animation-delay: 1900ms !important;
  animation-delay: 1900ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1900-in.ng-enter,
.ng-anim._delay-1900-in.ng-hide-remove {
  -webkit-animation-delay: 1900ms !important;
  animation-delay: 1900ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1900-out.ng-leave,
.ng-anim._delay-1900-out.ng-hide-add {
  -webkit-animation-delay: 1900ms !important;
  animation-delay: 1900ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1850.ng-enter,
.ng-anim._delay-1850.ng-leave,
.ng-anim._delay-1850.ng-hide-add,
.ng-anim._delay-1850.ng-hide-remove {
  -webkit-animation-delay: 1850ms !important;
  animation-delay: 1850ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1850-in.ng-enter,
.ng-anim._delay-1850-in.ng-hide-remove {
  -webkit-animation-delay: 1850ms !important;
  animation-delay: 1850ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1850-out.ng-leave,
.ng-anim._delay-1850-out.ng-hide-add {
  -webkit-animation-delay: 1850ms !important;
  animation-delay: 1850ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1800.ng-enter,
.ng-anim._delay-1800.ng-leave,
.ng-anim._delay-1800.ng-hide-add,
.ng-anim._delay-1800.ng-hide-remove {
  -webkit-animation-delay: 1800ms !important;
  animation-delay: 1800ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1800-in.ng-enter,
.ng-anim._delay-1800-in.ng-hide-remove {
  -webkit-animation-delay: 1800ms !important;
  animation-delay: 1800ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1800-out.ng-leave,
.ng-anim._delay-1800-out.ng-hide-add {
  -webkit-animation-delay: 1800ms !important;
  animation-delay: 1800ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1750.ng-enter,
.ng-anim._delay-1750.ng-leave,
.ng-anim._delay-1750.ng-hide-add,
.ng-anim._delay-1750.ng-hide-remove {
  -webkit-animation-delay: 1750ms !important;
  animation-delay: 1750ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1750-in.ng-enter,
.ng-anim._delay-1750-in.ng-hide-remove {
  -webkit-animation-delay: 1750ms !important;
  animation-delay: 1750ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1750-out.ng-leave,
.ng-anim._delay-1750-out.ng-hide-add {
  -webkit-animation-delay: 1750ms !important;
  animation-delay: 1750ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1700.ng-enter,
.ng-anim._delay-1700.ng-leave,
.ng-anim._delay-1700.ng-hide-add,
.ng-anim._delay-1700.ng-hide-remove {
  -webkit-animation-delay: 1700ms !important;
  animation-delay: 1700ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1700-in.ng-enter,
.ng-anim._delay-1700-in.ng-hide-remove {
  -webkit-animation-delay: 1700ms !important;
  animation-delay: 1700ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1700-out.ng-leave,
.ng-anim._delay-1700-out.ng-hide-add {
  -webkit-animation-delay: 1700ms !important;
  animation-delay: 1700ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1650.ng-enter,
.ng-anim._delay-1650.ng-leave,
.ng-anim._delay-1650.ng-hide-add,
.ng-anim._delay-1650.ng-hide-remove {
  -webkit-animation-delay: 1650ms !important;
  animation-delay: 1650ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1650-in.ng-enter,
.ng-anim._delay-1650-in.ng-hide-remove {
  -webkit-animation-delay: 1650ms !important;
  animation-delay: 1650ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1650-out.ng-leave,
.ng-anim._delay-1650-out.ng-hide-add {
  -webkit-animation-delay: 1650ms !important;
  animation-delay: 1650ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1600.ng-enter,
.ng-anim._delay-1600.ng-leave,
.ng-anim._delay-1600.ng-hide-add,
.ng-anim._delay-1600.ng-hide-remove {
  -webkit-animation-delay: 1600ms !important;
  animation-delay: 1600ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1600-in.ng-enter,
.ng-anim._delay-1600-in.ng-hide-remove {
  -webkit-animation-delay: 1600ms !important;
  animation-delay: 1600ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1600-out.ng-leave,
.ng-anim._delay-1600-out.ng-hide-add {
  -webkit-animation-delay: 1600ms !important;
  animation-delay: 1600ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1550.ng-enter,
.ng-anim._delay-1550.ng-leave,
.ng-anim._delay-1550.ng-hide-add,
.ng-anim._delay-1550.ng-hide-remove {
  -webkit-animation-delay: 1550ms !important;
  animation-delay: 1550ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1550-in.ng-enter,
.ng-anim._delay-1550-in.ng-hide-remove {
  -webkit-animation-delay: 1550ms !important;
  animation-delay: 1550ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1550-out.ng-leave,
.ng-anim._delay-1550-out.ng-hide-add {
  -webkit-animation-delay: 1550ms !important;
  animation-delay: 1550ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1500.ng-enter,
.ng-anim._delay-1500.ng-leave,
.ng-anim._delay-1500.ng-hide-add,
.ng-anim._delay-1500.ng-hide-remove {
  -webkit-animation-delay: 1500ms !important;
  animation-delay: 1500ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1500-in.ng-enter,
.ng-anim._delay-1500-in.ng-hide-remove {
  -webkit-animation-delay: 1500ms !important;
  animation-delay: 1500ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1500-out.ng-leave,
.ng-anim._delay-1500-out.ng-hide-add {
  -webkit-animation-delay: 1500ms !important;
  animation-delay: 1500ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1450.ng-enter,
.ng-anim._delay-1450.ng-leave,
.ng-anim._delay-1450.ng-hide-add,
.ng-anim._delay-1450.ng-hide-remove {
  -webkit-animation-delay: 1450ms !important;
  animation-delay: 1450ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1450-in.ng-enter,
.ng-anim._delay-1450-in.ng-hide-remove {
  -webkit-animation-delay: 1450ms !important;
  animation-delay: 1450ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1450-out.ng-leave,
.ng-anim._delay-1450-out.ng-hide-add {
  -webkit-animation-delay: 1450ms !important;
  animation-delay: 1450ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1400.ng-enter,
.ng-anim._delay-1400.ng-leave,
.ng-anim._delay-1400.ng-hide-add,
.ng-anim._delay-1400.ng-hide-remove {
  -webkit-animation-delay: 1400ms !important;
  animation-delay: 1400ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1400-in.ng-enter,
.ng-anim._delay-1400-in.ng-hide-remove {
  -webkit-animation-delay: 1400ms !important;
  animation-delay: 1400ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1400-out.ng-leave,
.ng-anim._delay-1400-out.ng-hide-add {
  -webkit-animation-delay: 1400ms !important;
  animation-delay: 1400ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1350.ng-enter,
.ng-anim._delay-1350.ng-leave,
.ng-anim._delay-1350.ng-hide-add,
.ng-anim._delay-1350.ng-hide-remove {
  -webkit-animation-delay: 1350ms !important;
  animation-delay: 1350ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1350-in.ng-enter,
.ng-anim._delay-1350-in.ng-hide-remove {
  -webkit-animation-delay: 1350ms !important;
  animation-delay: 1350ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1350-out.ng-leave,
.ng-anim._delay-1350-out.ng-hide-add {
  -webkit-animation-delay: 1350ms !important;
  animation-delay: 1350ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1300.ng-enter,
.ng-anim._delay-1300.ng-leave,
.ng-anim._delay-1300.ng-hide-add,
.ng-anim._delay-1300.ng-hide-remove {
  -webkit-animation-delay: 1300ms !important;
  animation-delay: 1300ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1300-in.ng-enter,
.ng-anim._delay-1300-in.ng-hide-remove {
  -webkit-animation-delay: 1300ms !important;
  animation-delay: 1300ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1300-out.ng-leave,
.ng-anim._delay-1300-out.ng-hide-add {
  -webkit-animation-delay: 1300ms !important;
  animation-delay: 1300ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1250.ng-enter,
.ng-anim._delay-1250.ng-leave,
.ng-anim._delay-1250.ng-hide-add,
.ng-anim._delay-1250.ng-hide-remove {
  -webkit-animation-delay: 1250ms !important;
  animation-delay: 1250ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1250-in.ng-enter,
.ng-anim._delay-1250-in.ng-hide-remove {
  -webkit-animation-delay: 1250ms !important;
  animation-delay: 1250ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1250-out.ng-leave,
.ng-anim._delay-1250-out.ng-hide-add {
  -webkit-animation-delay: 1250ms !important;
  animation-delay: 1250ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1200.ng-enter,
.ng-anim._delay-1200.ng-leave,
.ng-anim._delay-1200.ng-hide-add,
.ng-anim._delay-1200.ng-hide-remove {
  -webkit-animation-delay: 1200ms !important;
  animation-delay: 1200ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1200-in.ng-enter,
.ng-anim._delay-1200-in.ng-hide-remove {
  -webkit-animation-delay: 1200ms !important;
  animation-delay: 1200ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1200-out.ng-leave,
.ng-anim._delay-1200-out.ng-hide-add {
  -webkit-animation-delay: 1200ms !important;
  animation-delay: 1200ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1150.ng-enter,
.ng-anim._delay-1150.ng-leave,
.ng-anim._delay-1150.ng-hide-add,
.ng-anim._delay-1150.ng-hide-remove {
  -webkit-animation-delay: 1150ms !important;
  animation-delay: 1150ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1150-in.ng-enter,
.ng-anim._delay-1150-in.ng-hide-remove {
  -webkit-animation-delay: 1150ms !important;
  animation-delay: 1150ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1150-out.ng-leave,
.ng-anim._delay-1150-out.ng-hide-add {
  -webkit-animation-delay: 1150ms !important;
  animation-delay: 1150ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1100.ng-enter,
.ng-anim._delay-1100.ng-leave,
.ng-anim._delay-1100.ng-hide-add,
.ng-anim._delay-1100.ng-hide-remove {
  -webkit-animation-delay: 1100ms !important;
  animation-delay: 1100ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1100-in.ng-enter,
.ng-anim._delay-1100-in.ng-hide-remove {
  -webkit-animation-delay: 1100ms !important;
  animation-delay: 1100ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1100-out.ng-leave,
.ng-anim._delay-1100-out.ng-hide-add {
  -webkit-animation-delay: 1100ms !important;
  animation-delay: 1100ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1050.ng-enter,
.ng-anim._delay-1050.ng-leave,
.ng-anim._delay-1050.ng-hide-add,
.ng-anim._delay-1050.ng-hide-remove {
  -webkit-animation-delay: 1050ms !important;
  animation-delay: 1050ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1050-in.ng-enter,
.ng-anim._delay-1050-in.ng-hide-remove {
  -webkit-animation-delay: 1050ms !important;
  animation-delay: 1050ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1050-out.ng-leave,
.ng-anim._delay-1050-out.ng-hide-add {
  -webkit-animation-delay: 1050ms !important;
  animation-delay: 1050ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1000.ng-enter,
.ng-anim._delay-1000.ng-leave,
.ng-anim._delay-1000.ng-hide-add,
.ng-anim._delay-1000.ng-hide-remove {
  -webkit-animation-delay: 1000ms !important;
  animation-delay: 1000ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1000-in.ng-enter,
.ng-anim._delay-1000-in.ng-hide-remove {
  -webkit-animation-delay: 1000ms !important;
  animation-delay: 1000ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-1000-out.ng-leave,
.ng-anim._delay-1000-out.ng-hide-add {
  -webkit-animation-delay: 1000ms !important;
  animation-delay: 1000ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-950.ng-enter,
.ng-anim._delay-950.ng-leave,
.ng-anim._delay-950.ng-hide-add,
.ng-anim._delay-950.ng-hide-remove {
  -webkit-animation-delay: 950ms !important;
  animation-delay: 950ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-950-in.ng-enter,
.ng-anim._delay-950-in.ng-hide-remove {
  -webkit-animation-delay: 950ms !important;
  animation-delay: 950ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-950-out.ng-leave,
.ng-anim._delay-950-out.ng-hide-add {
  -webkit-animation-delay: 950ms !important;
  animation-delay: 950ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-900.ng-enter,
.ng-anim._delay-900.ng-leave,
.ng-anim._delay-900.ng-hide-add,
.ng-anim._delay-900.ng-hide-remove {
  -webkit-animation-delay: 900ms !important;
  animation-delay: 900ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-900-in.ng-enter,
.ng-anim._delay-900-in.ng-hide-remove {
  -webkit-animation-delay: 900ms !important;
  animation-delay: 900ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-900-out.ng-leave,
.ng-anim._delay-900-out.ng-hide-add {
  -webkit-animation-delay: 900ms !important;
  animation-delay: 900ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-850.ng-enter,
.ng-anim._delay-850.ng-leave,
.ng-anim._delay-850.ng-hide-add,
.ng-anim._delay-850.ng-hide-remove {
  -webkit-animation-delay: 850ms !important;
  animation-delay: 850ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-850-in.ng-enter,
.ng-anim._delay-850-in.ng-hide-remove {
  -webkit-animation-delay: 850ms !important;
  animation-delay: 850ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-850-out.ng-leave,
.ng-anim._delay-850-out.ng-hide-add {
  -webkit-animation-delay: 850ms !important;
  animation-delay: 850ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-800.ng-enter,
.ng-anim._delay-800.ng-leave,
.ng-anim._delay-800.ng-hide-add,
.ng-anim._delay-800.ng-hide-remove {
  -webkit-animation-delay: 800ms !important;
  animation-delay: 800ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-800-in.ng-enter,
.ng-anim._delay-800-in.ng-hide-remove {
  -webkit-animation-delay: 800ms !important;
  animation-delay: 800ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-800-out.ng-leave,
.ng-anim._delay-800-out.ng-hide-add {
  -webkit-animation-delay: 800ms !important;
  animation-delay: 800ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-750.ng-enter,
.ng-anim._delay-750.ng-leave,
.ng-anim._delay-750.ng-hide-add,
.ng-anim._delay-750.ng-hide-remove {
  -webkit-animation-delay: 750ms !important;
  animation-delay: 750ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-750-in.ng-enter,
.ng-anim._delay-750-in.ng-hide-remove {
  -webkit-animation-delay: 750ms !important;
  animation-delay: 750ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-750-out.ng-leave,
.ng-anim._delay-750-out.ng-hide-add {
  -webkit-animation-delay: 750ms !important;
  animation-delay: 750ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-700.ng-enter,
.ng-anim._delay-700.ng-leave,
.ng-anim._delay-700.ng-hide-add,
.ng-anim._delay-700.ng-hide-remove {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-700-in.ng-enter,
.ng-anim._delay-700-in.ng-hide-remove {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-700-out.ng-leave,
.ng-anim._delay-700-out.ng-hide-add {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-650.ng-enter,
.ng-anim._delay-650.ng-leave,
.ng-anim._delay-650.ng-hide-add,
.ng-anim._delay-650.ng-hide-remove {
  -webkit-animation-delay: 650ms !important;
  animation-delay: 650ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-650-in.ng-enter,
.ng-anim._delay-650-in.ng-hide-remove {
  -webkit-animation-delay: 650ms !important;
  animation-delay: 650ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-650-out.ng-leave,
.ng-anim._delay-650-out.ng-hide-add {
  -webkit-animation-delay: 650ms !important;
  animation-delay: 650ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-600.ng-enter,
.ng-anim._delay-600.ng-leave,
.ng-anim._delay-600.ng-hide-add,
.ng-anim._delay-600.ng-hide-remove {
  -webkit-animation-delay: 600ms !important;
  animation-delay: 600ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-600-in.ng-enter,
.ng-anim._delay-600-in.ng-hide-remove {
  -webkit-animation-delay: 600ms !important;
  animation-delay: 600ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-600-out.ng-leave,
.ng-anim._delay-600-out.ng-hide-add {
  -webkit-animation-delay: 600ms !important;
  animation-delay: 600ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-550.ng-enter,
.ng-anim._delay-550.ng-leave,
.ng-anim._delay-550.ng-hide-add,
.ng-anim._delay-550.ng-hide-remove {
  -webkit-animation-delay: 550ms !important;
  animation-delay: 550ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-550-in.ng-enter,
.ng-anim._delay-550-in.ng-hide-remove {
  -webkit-animation-delay: 550ms !important;
  animation-delay: 550ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-550-out.ng-leave,
.ng-anim._delay-550-out.ng-hide-add {
  -webkit-animation-delay: 550ms !important;
  animation-delay: 550ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-500.ng-enter,
.ng-anim._delay-500.ng-leave,
.ng-anim._delay-500.ng-hide-add,
.ng-anim._delay-500.ng-hide-remove {
  -webkit-animation-delay: 500ms !important;
  animation-delay: 500ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-500-in.ng-enter,
.ng-anim._delay-500-in.ng-hide-remove {
  -webkit-animation-delay: 500ms !important;
  animation-delay: 500ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-500-out.ng-leave,
.ng-anim._delay-500-out.ng-hide-add {
  -webkit-animation-delay: 500ms !important;
  animation-delay: 500ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-450.ng-enter,
.ng-anim._delay-450.ng-leave,
.ng-anim._delay-450.ng-hide-add,
.ng-anim._delay-450.ng-hide-remove {
  -webkit-animation-delay: 450ms !important;
  animation-delay: 450ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-450-in.ng-enter,
.ng-anim._delay-450-in.ng-hide-remove {
  -webkit-animation-delay: 450ms !important;
  animation-delay: 450ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-450-out.ng-leave,
.ng-anim._delay-450-out.ng-hide-add {
  -webkit-animation-delay: 450ms !important;
  animation-delay: 450ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-400.ng-enter,
.ng-anim._delay-400.ng-leave,
.ng-anim._delay-400.ng-hide-add,
.ng-anim._delay-400.ng-hide-remove {
  -webkit-animation-delay: 400ms !important;
  animation-delay: 400ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-400-in.ng-enter,
.ng-anim._delay-400-in.ng-hide-remove {
  -webkit-animation-delay: 400ms !important;
  animation-delay: 400ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-400-out.ng-leave,
.ng-anim._delay-400-out.ng-hide-add {
  -webkit-animation-delay: 400ms !important;
  animation-delay: 400ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-350.ng-enter,
.ng-anim._delay-350.ng-leave,
.ng-anim._delay-350.ng-hide-add,
.ng-anim._delay-350.ng-hide-remove {
  -webkit-animation-delay: 350ms !important;
  animation-delay: 350ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-350-in.ng-enter,
.ng-anim._delay-350-in.ng-hide-remove {
  -webkit-animation-delay: 350ms !important;
  animation-delay: 350ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-350-out.ng-leave,
.ng-anim._delay-350-out.ng-hide-add {
  -webkit-animation-delay: 350ms !important;
  animation-delay: 350ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-300.ng-enter,
.ng-anim._delay-300.ng-leave,
.ng-anim._delay-300.ng-hide-add,
.ng-anim._delay-300.ng-hide-remove {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-300-in.ng-enter,
.ng-anim._delay-300-in.ng-hide-remove {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-300-out.ng-leave,
.ng-anim._delay-300-out.ng-hide-add {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-250.ng-enter,
.ng-anim._delay-250.ng-leave,
.ng-anim._delay-250.ng-hide-add,
.ng-anim._delay-250.ng-hide-remove {
  -webkit-animation-delay: 250ms !important;
  animation-delay: 250ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-250-in.ng-enter,
.ng-anim._delay-250-in.ng-hide-remove {
  -webkit-animation-delay: 250ms !important;
  animation-delay: 250ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-250-out.ng-leave,
.ng-anim._delay-250-out.ng-hide-add {
  -webkit-animation-delay: 250ms !important;
  animation-delay: 250ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-200.ng-enter,
.ng-anim._delay-200.ng-leave,
.ng-anim._delay-200.ng-hide-add,
.ng-anim._delay-200.ng-hide-remove {
  -webkit-animation-delay: 200ms !important;
  animation-delay: 200ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-200-in.ng-enter,
.ng-anim._delay-200-in.ng-hide-remove {
  -webkit-animation-delay: 200ms !important;
  animation-delay: 200ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-200-out.ng-leave,
.ng-anim._delay-200-out.ng-hide-add {
  -webkit-animation-delay: 200ms !important;
  animation-delay: 200ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-150.ng-enter,
.ng-anim._delay-150.ng-leave,
.ng-anim._delay-150.ng-hide-add,
.ng-anim._delay-150.ng-hide-remove {
  -webkit-animation-delay: 150ms !important;
  animation-delay: 150ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-150-in.ng-enter,
.ng-anim._delay-150-in.ng-hide-remove {
  -webkit-animation-delay: 150ms !important;
  animation-delay: 150ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-150-out.ng-leave,
.ng-anim._delay-150-out.ng-hide-add {
  -webkit-animation-delay: 150ms !important;
  animation-delay: 150ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-100.ng-enter,
.ng-anim._delay-100.ng-leave,
.ng-anim._delay-100.ng-hide-add,
.ng-anim._delay-100.ng-hide-remove {
  -webkit-animation-delay: 100ms !important;
  animation-delay: 100ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-100-in.ng-enter,
.ng-anim._delay-100-in.ng-hide-remove {
  -webkit-animation-delay: 100ms !important;
  animation-delay: 100ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-100-out.ng-leave,
.ng-anim._delay-100-out.ng-hide-add {
  -webkit-animation-delay: 100ms !important;
  animation-delay: 100ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-50.ng-enter,
.ng-anim._delay-50.ng-leave,
.ng-anim._delay-50.ng-hide-add,
.ng-anim._delay-50.ng-hide-remove {
  -webkit-animation-delay: 50ms !important;
  animation-delay: 50ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-50-in.ng-enter,
.ng-anim._delay-50-in.ng-hide-remove {
  -webkit-animation-delay: 50ms !important;
  animation-delay: 50ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-50-out.ng-leave,
.ng-anim._delay-50-out.ng-hide-add {
  -webkit-animation-delay: 50ms !important;
  animation-delay: 50ms !important;
}
/* line 31, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-0.ng-enter,
.ng-anim._delay-0.ng-leave,
.ng-anim._delay-0.ng-hide-add,
.ng-anim._delay-0.ng-hide-remove {
  -webkit-animation-delay: 0ms !important;
  animation-delay: 0ms !important;
}
/* line 37, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-0-in.ng-enter,
.ng-anim._delay-0-in.ng-hide-remove {
  -webkit-animation-delay: 0ms !important;
  animation-delay: 0ms !important;
}
/* line 43, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._delay-0-out.ng-leave,
.ng-anim._delay-0-out.ng-hide-add {
  -webkit-animation-delay: 0ms !important;
  animation-delay: 0ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4950.ng-enter,
.ng-anim._dur-4950.ng-leave,
.ng-anim._dur-4950.ng-hide-add,
.ng-anim._dur-4950.ng-hide-remove {
  -webkit-animation-duration: 4950ms !important;
  animation-duration: 4950ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4950-in.ng-enter,
.ng-anim._dur-4950-in.ng-hide-remove {
  -webkit-animation-duration: 4950ms !important;
  animation-duration: 4950ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4950-out.ng-leave,
.ng-anim._dur-4950-out.ng-hide-add {
  -webkit-animation-duration: 4950ms !important;
  animation-duration: 4950ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4900.ng-enter,
.ng-anim._dur-4900.ng-leave,
.ng-anim._dur-4900.ng-hide-add,
.ng-anim._dur-4900.ng-hide-remove {
  -webkit-animation-duration: 4900ms !important;
  animation-duration: 4900ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4900-in.ng-enter,
.ng-anim._dur-4900-in.ng-hide-remove {
  -webkit-animation-duration: 4900ms !important;
  animation-duration: 4900ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4900-out.ng-leave,
.ng-anim._dur-4900-out.ng-hide-add {
  -webkit-animation-duration: 4900ms !important;
  animation-duration: 4900ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4850.ng-enter,
.ng-anim._dur-4850.ng-leave,
.ng-anim._dur-4850.ng-hide-add,
.ng-anim._dur-4850.ng-hide-remove {
  -webkit-animation-duration: 4850ms !important;
  animation-duration: 4850ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4850-in.ng-enter,
.ng-anim._dur-4850-in.ng-hide-remove {
  -webkit-animation-duration: 4850ms !important;
  animation-duration: 4850ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4850-out.ng-leave,
.ng-anim._dur-4850-out.ng-hide-add {
  -webkit-animation-duration: 4850ms !important;
  animation-duration: 4850ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4800.ng-enter,
.ng-anim._dur-4800.ng-leave,
.ng-anim._dur-4800.ng-hide-add,
.ng-anim._dur-4800.ng-hide-remove {
  -webkit-animation-duration: 4800ms !important;
  animation-duration: 4800ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4800-in.ng-enter,
.ng-anim._dur-4800-in.ng-hide-remove {
  -webkit-animation-duration: 4800ms !important;
  animation-duration: 4800ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4800-out.ng-leave,
.ng-anim._dur-4800-out.ng-hide-add {
  -webkit-animation-duration: 4800ms !important;
  animation-duration: 4800ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4750.ng-enter,
.ng-anim._dur-4750.ng-leave,
.ng-anim._dur-4750.ng-hide-add,
.ng-anim._dur-4750.ng-hide-remove {
  -webkit-animation-duration: 4750ms !important;
  animation-duration: 4750ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4750-in.ng-enter,
.ng-anim._dur-4750-in.ng-hide-remove {
  -webkit-animation-duration: 4750ms !important;
  animation-duration: 4750ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4750-out.ng-leave,
.ng-anim._dur-4750-out.ng-hide-add {
  -webkit-animation-duration: 4750ms !important;
  animation-duration: 4750ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4700.ng-enter,
.ng-anim._dur-4700.ng-leave,
.ng-anim._dur-4700.ng-hide-add,
.ng-anim._dur-4700.ng-hide-remove {
  -webkit-animation-duration: 4700ms !important;
  animation-duration: 4700ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4700-in.ng-enter,
.ng-anim._dur-4700-in.ng-hide-remove {
  -webkit-animation-duration: 4700ms !important;
  animation-duration: 4700ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4700-out.ng-leave,
.ng-anim._dur-4700-out.ng-hide-add {
  -webkit-animation-duration: 4700ms !important;
  animation-duration: 4700ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4650.ng-enter,
.ng-anim._dur-4650.ng-leave,
.ng-anim._dur-4650.ng-hide-add,
.ng-anim._dur-4650.ng-hide-remove {
  -webkit-animation-duration: 4650ms !important;
  animation-duration: 4650ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4650-in.ng-enter,
.ng-anim._dur-4650-in.ng-hide-remove {
  -webkit-animation-duration: 4650ms !important;
  animation-duration: 4650ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4650-out.ng-leave,
.ng-anim._dur-4650-out.ng-hide-add {
  -webkit-animation-duration: 4650ms !important;
  animation-duration: 4650ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4600.ng-enter,
.ng-anim._dur-4600.ng-leave,
.ng-anim._dur-4600.ng-hide-add,
.ng-anim._dur-4600.ng-hide-remove {
  -webkit-animation-duration: 4600ms !important;
  animation-duration: 4600ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4600-in.ng-enter,
.ng-anim._dur-4600-in.ng-hide-remove {
  -webkit-animation-duration: 4600ms !important;
  animation-duration: 4600ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4600-out.ng-leave,
.ng-anim._dur-4600-out.ng-hide-add {
  -webkit-animation-duration: 4600ms !important;
  animation-duration: 4600ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4550.ng-enter,
.ng-anim._dur-4550.ng-leave,
.ng-anim._dur-4550.ng-hide-add,
.ng-anim._dur-4550.ng-hide-remove {
  -webkit-animation-duration: 4550ms !important;
  animation-duration: 4550ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4550-in.ng-enter,
.ng-anim._dur-4550-in.ng-hide-remove {
  -webkit-animation-duration: 4550ms !important;
  animation-duration: 4550ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4550-out.ng-leave,
.ng-anim._dur-4550-out.ng-hide-add {
  -webkit-animation-duration: 4550ms !important;
  animation-duration: 4550ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4500.ng-enter,
.ng-anim._dur-4500.ng-leave,
.ng-anim._dur-4500.ng-hide-add,
.ng-anim._dur-4500.ng-hide-remove {
  -webkit-animation-duration: 4500ms !important;
  animation-duration: 4500ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4500-in.ng-enter,
.ng-anim._dur-4500-in.ng-hide-remove {
  -webkit-animation-duration: 4500ms !important;
  animation-duration: 4500ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4500-out.ng-leave,
.ng-anim._dur-4500-out.ng-hide-add {
  -webkit-animation-duration: 4500ms !important;
  animation-duration: 4500ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4450.ng-enter,
.ng-anim._dur-4450.ng-leave,
.ng-anim._dur-4450.ng-hide-add,
.ng-anim._dur-4450.ng-hide-remove {
  -webkit-animation-duration: 4450ms !important;
  animation-duration: 4450ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4450-in.ng-enter,
.ng-anim._dur-4450-in.ng-hide-remove {
  -webkit-animation-duration: 4450ms !important;
  animation-duration: 4450ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4450-out.ng-leave,
.ng-anim._dur-4450-out.ng-hide-add {
  -webkit-animation-duration: 4450ms !important;
  animation-duration: 4450ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4400.ng-enter,
.ng-anim._dur-4400.ng-leave,
.ng-anim._dur-4400.ng-hide-add,
.ng-anim._dur-4400.ng-hide-remove {
  -webkit-animation-duration: 4400ms !important;
  animation-duration: 4400ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4400-in.ng-enter,
.ng-anim._dur-4400-in.ng-hide-remove {
  -webkit-animation-duration: 4400ms !important;
  animation-duration: 4400ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4400-out.ng-leave,
.ng-anim._dur-4400-out.ng-hide-add {
  -webkit-animation-duration: 4400ms !important;
  animation-duration: 4400ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4350.ng-enter,
.ng-anim._dur-4350.ng-leave,
.ng-anim._dur-4350.ng-hide-add,
.ng-anim._dur-4350.ng-hide-remove {
  -webkit-animation-duration: 4350ms !important;
  animation-duration: 4350ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4350-in.ng-enter,
.ng-anim._dur-4350-in.ng-hide-remove {
  -webkit-animation-duration: 4350ms !important;
  animation-duration: 4350ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4350-out.ng-leave,
.ng-anim._dur-4350-out.ng-hide-add {
  -webkit-animation-duration: 4350ms !important;
  animation-duration: 4350ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4300.ng-enter,
.ng-anim._dur-4300.ng-leave,
.ng-anim._dur-4300.ng-hide-add,
.ng-anim._dur-4300.ng-hide-remove {
  -webkit-animation-duration: 4300ms !important;
  animation-duration: 4300ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4300-in.ng-enter,
.ng-anim._dur-4300-in.ng-hide-remove {
  -webkit-animation-duration: 4300ms !important;
  animation-duration: 4300ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4300-out.ng-leave,
.ng-anim._dur-4300-out.ng-hide-add {
  -webkit-animation-duration: 4300ms !important;
  animation-duration: 4300ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4250.ng-enter,
.ng-anim._dur-4250.ng-leave,
.ng-anim._dur-4250.ng-hide-add,
.ng-anim._dur-4250.ng-hide-remove {
  -webkit-animation-duration: 4250ms !important;
  animation-duration: 4250ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4250-in.ng-enter,
.ng-anim._dur-4250-in.ng-hide-remove {
  -webkit-animation-duration: 4250ms !important;
  animation-duration: 4250ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4250-out.ng-leave,
.ng-anim._dur-4250-out.ng-hide-add {
  -webkit-animation-duration: 4250ms !important;
  animation-duration: 4250ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4200.ng-enter,
.ng-anim._dur-4200.ng-leave,
.ng-anim._dur-4200.ng-hide-add,
.ng-anim._dur-4200.ng-hide-remove {
  -webkit-animation-duration: 4200ms !important;
  animation-duration: 4200ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4200-in.ng-enter,
.ng-anim._dur-4200-in.ng-hide-remove {
  -webkit-animation-duration: 4200ms !important;
  animation-duration: 4200ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4200-out.ng-leave,
.ng-anim._dur-4200-out.ng-hide-add {
  -webkit-animation-duration: 4200ms !important;
  animation-duration: 4200ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4150.ng-enter,
.ng-anim._dur-4150.ng-leave,
.ng-anim._dur-4150.ng-hide-add,
.ng-anim._dur-4150.ng-hide-remove {
  -webkit-animation-duration: 4150ms !important;
  animation-duration: 4150ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4150-in.ng-enter,
.ng-anim._dur-4150-in.ng-hide-remove {
  -webkit-animation-duration: 4150ms !important;
  animation-duration: 4150ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4150-out.ng-leave,
.ng-anim._dur-4150-out.ng-hide-add {
  -webkit-animation-duration: 4150ms !important;
  animation-duration: 4150ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4100.ng-enter,
.ng-anim._dur-4100.ng-leave,
.ng-anim._dur-4100.ng-hide-add,
.ng-anim._dur-4100.ng-hide-remove {
  -webkit-animation-duration: 4100ms !important;
  animation-duration: 4100ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4100-in.ng-enter,
.ng-anim._dur-4100-in.ng-hide-remove {
  -webkit-animation-duration: 4100ms !important;
  animation-duration: 4100ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4100-out.ng-leave,
.ng-anim._dur-4100-out.ng-hide-add {
  -webkit-animation-duration: 4100ms !important;
  animation-duration: 4100ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4050.ng-enter,
.ng-anim._dur-4050.ng-leave,
.ng-anim._dur-4050.ng-hide-add,
.ng-anim._dur-4050.ng-hide-remove {
  -webkit-animation-duration: 4050ms !important;
  animation-duration: 4050ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4050-in.ng-enter,
.ng-anim._dur-4050-in.ng-hide-remove {
  -webkit-animation-duration: 4050ms !important;
  animation-duration: 4050ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4050-out.ng-leave,
.ng-anim._dur-4050-out.ng-hide-add {
  -webkit-animation-duration: 4050ms !important;
  animation-duration: 4050ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4000.ng-enter,
.ng-anim._dur-4000.ng-leave,
.ng-anim._dur-4000.ng-hide-add,
.ng-anim._dur-4000.ng-hide-remove {
  -webkit-animation-duration: 4000ms !important;
  animation-duration: 4000ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4000-in.ng-enter,
.ng-anim._dur-4000-in.ng-hide-remove {
  -webkit-animation-duration: 4000ms !important;
  animation-duration: 4000ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-4000-out.ng-leave,
.ng-anim._dur-4000-out.ng-hide-add {
  -webkit-animation-duration: 4000ms !important;
  animation-duration: 4000ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3950.ng-enter,
.ng-anim._dur-3950.ng-leave,
.ng-anim._dur-3950.ng-hide-add,
.ng-anim._dur-3950.ng-hide-remove {
  -webkit-animation-duration: 3950ms !important;
  animation-duration: 3950ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3950-in.ng-enter,
.ng-anim._dur-3950-in.ng-hide-remove {
  -webkit-animation-duration: 3950ms !important;
  animation-duration: 3950ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3950-out.ng-leave,
.ng-anim._dur-3950-out.ng-hide-add {
  -webkit-animation-duration: 3950ms !important;
  animation-duration: 3950ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3900.ng-enter,
.ng-anim._dur-3900.ng-leave,
.ng-anim._dur-3900.ng-hide-add,
.ng-anim._dur-3900.ng-hide-remove {
  -webkit-animation-duration: 3900ms !important;
  animation-duration: 3900ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3900-in.ng-enter,
.ng-anim._dur-3900-in.ng-hide-remove {
  -webkit-animation-duration: 3900ms !important;
  animation-duration: 3900ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3900-out.ng-leave,
.ng-anim._dur-3900-out.ng-hide-add {
  -webkit-animation-duration: 3900ms !important;
  animation-duration: 3900ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3850.ng-enter,
.ng-anim._dur-3850.ng-leave,
.ng-anim._dur-3850.ng-hide-add,
.ng-anim._dur-3850.ng-hide-remove {
  -webkit-animation-duration: 3850ms !important;
  animation-duration: 3850ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3850-in.ng-enter,
.ng-anim._dur-3850-in.ng-hide-remove {
  -webkit-animation-duration: 3850ms !important;
  animation-duration: 3850ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3850-out.ng-leave,
.ng-anim._dur-3850-out.ng-hide-add {
  -webkit-animation-duration: 3850ms !important;
  animation-duration: 3850ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3800.ng-enter,
.ng-anim._dur-3800.ng-leave,
.ng-anim._dur-3800.ng-hide-add,
.ng-anim._dur-3800.ng-hide-remove {
  -webkit-animation-duration: 3800ms !important;
  animation-duration: 3800ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3800-in.ng-enter,
.ng-anim._dur-3800-in.ng-hide-remove {
  -webkit-animation-duration: 3800ms !important;
  animation-duration: 3800ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3800-out.ng-leave,
.ng-anim._dur-3800-out.ng-hide-add {
  -webkit-animation-duration: 3800ms !important;
  animation-duration: 3800ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3750.ng-enter,
.ng-anim._dur-3750.ng-leave,
.ng-anim._dur-3750.ng-hide-add,
.ng-anim._dur-3750.ng-hide-remove {
  -webkit-animation-duration: 3750ms !important;
  animation-duration: 3750ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3750-in.ng-enter,
.ng-anim._dur-3750-in.ng-hide-remove {
  -webkit-animation-duration: 3750ms !important;
  animation-duration: 3750ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3750-out.ng-leave,
.ng-anim._dur-3750-out.ng-hide-add {
  -webkit-animation-duration: 3750ms !important;
  animation-duration: 3750ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3700.ng-enter,
.ng-anim._dur-3700.ng-leave,
.ng-anim._dur-3700.ng-hide-add,
.ng-anim._dur-3700.ng-hide-remove {
  -webkit-animation-duration: 3700ms !important;
  animation-duration: 3700ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3700-in.ng-enter,
.ng-anim._dur-3700-in.ng-hide-remove {
  -webkit-animation-duration: 3700ms !important;
  animation-duration: 3700ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3700-out.ng-leave,
.ng-anim._dur-3700-out.ng-hide-add {
  -webkit-animation-duration: 3700ms !important;
  animation-duration: 3700ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3650.ng-enter,
.ng-anim._dur-3650.ng-leave,
.ng-anim._dur-3650.ng-hide-add,
.ng-anim._dur-3650.ng-hide-remove {
  -webkit-animation-duration: 3650ms !important;
  animation-duration: 3650ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3650-in.ng-enter,
.ng-anim._dur-3650-in.ng-hide-remove {
  -webkit-animation-duration: 3650ms !important;
  animation-duration: 3650ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3650-out.ng-leave,
.ng-anim._dur-3650-out.ng-hide-add {
  -webkit-animation-duration: 3650ms !important;
  animation-duration: 3650ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3600.ng-enter,
.ng-anim._dur-3600.ng-leave,
.ng-anim._dur-3600.ng-hide-add,
.ng-anim._dur-3600.ng-hide-remove {
  -webkit-animation-duration: 3600ms !important;
  animation-duration: 3600ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3600-in.ng-enter,
.ng-anim._dur-3600-in.ng-hide-remove {
  -webkit-animation-duration: 3600ms !important;
  animation-duration: 3600ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3600-out.ng-leave,
.ng-anim._dur-3600-out.ng-hide-add {
  -webkit-animation-duration: 3600ms !important;
  animation-duration: 3600ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3550.ng-enter,
.ng-anim._dur-3550.ng-leave,
.ng-anim._dur-3550.ng-hide-add,
.ng-anim._dur-3550.ng-hide-remove {
  -webkit-animation-duration: 3550ms !important;
  animation-duration: 3550ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3550-in.ng-enter,
.ng-anim._dur-3550-in.ng-hide-remove {
  -webkit-animation-duration: 3550ms !important;
  animation-duration: 3550ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3550-out.ng-leave,
.ng-anim._dur-3550-out.ng-hide-add {
  -webkit-animation-duration: 3550ms !important;
  animation-duration: 3550ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3500.ng-enter,
.ng-anim._dur-3500.ng-leave,
.ng-anim._dur-3500.ng-hide-add,
.ng-anim._dur-3500.ng-hide-remove {
  -webkit-animation-duration: 3500ms !important;
  animation-duration: 3500ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3500-in.ng-enter,
.ng-anim._dur-3500-in.ng-hide-remove {
  -webkit-animation-duration: 3500ms !important;
  animation-duration: 3500ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3500-out.ng-leave,
.ng-anim._dur-3500-out.ng-hide-add {
  -webkit-animation-duration: 3500ms !important;
  animation-duration: 3500ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3450.ng-enter,
.ng-anim._dur-3450.ng-leave,
.ng-anim._dur-3450.ng-hide-add,
.ng-anim._dur-3450.ng-hide-remove {
  -webkit-animation-duration: 3450ms !important;
  animation-duration: 3450ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3450-in.ng-enter,
.ng-anim._dur-3450-in.ng-hide-remove {
  -webkit-animation-duration: 3450ms !important;
  animation-duration: 3450ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3450-out.ng-leave,
.ng-anim._dur-3450-out.ng-hide-add {
  -webkit-animation-duration: 3450ms !important;
  animation-duration: 3450ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3400.ng-enter,
.ng-anim._dur-3400.ng-leave,
.ng-anim._dur-3400.ng-hide-add,
.ng-anim._dur-3400.ng-hide-remove {
  -webkit-animation-duration: 3400ms !important;
  animation-duration: 3400ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3400-in.ng-enter,
.ng-anim._dur-3400-in.ng-hide-remove {
  -webkit-animation-duration: 3400ms !important;
  animation-duration: 3400ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3400-out.ng-leave,
.ng-anim._dur-3400-out.ng-hide-add {
  -webkit-animation-duration: 3400ms !important;
  animation-duration: 3400ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3350.ng-enter,
.ng-anim._dur-3350.ng-leave,
.ng-anim._dur-3350.ng-hide-add,
.ng-anim._dur-3350.ng-hide-remove {
  -webkit-animation-duration: 3350ms !important;
  animation-duration: 3350ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3350-in.ng-enter,
.ng-anim._dur-3350-in.ng-hide-remove {
  -webkit-animation-duration: 3350ms !important;
  animation-duration: 3350ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3350-out.ng-leave,
.ng-anim._dur-3350-out.ng-hide-add {
  -webkit-animation-duration: 3350ms !important;
  animation-duration: 3350ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3300.ng-enter,
.ng-anim._dur-3300.ng-leave,
.ng-anim._dur-3300.ng-hide-add,
.ng-anim._dur-3300.ng-hide-remove {
  -webkit-animation-duration: 3300ms !important;
  animation-duration: 3300ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3300-in.ng-enter,
.ng-anim._dur-3300-in.ng-hide-remove {
  -webkit-animation-duration: 3300ms !important;
  animation-duration: 3300ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3300-out.ng-leave,
.ng-anim._dur-3300-out.ng-hide-add {
  -webkit-animation-duration: 3300ms !important;
  animation-duration: 3300ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3250.ng-enter,
.ng-anim._dur-3250.ng-leave,
.ng-anim._dur-3250.ng-hide-add,
.ng-anim._dur-3250.ng-hide-remove {
  -webkit-animation-duration: 3250ms !important;
  animation-duration: 3250ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3250-in.ng-enter,
.ng-anim._dur-3250-in.ng-hide-remove {
  -webkit-animation-duration: 3250ms !important;
  animation-duration: 3250ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3250-out.ng-leave,
.ng-anim._dur-3250-out.ng-hide-add {
  -webkit-animation-duration: 3250ms !important;
  animation-duration: 3250ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3200.ng-enter,
.ng-anim._dur-3200.ng-leave,
.ng-anim._dur-3200.ng-hide-add,
.ng-anim._dur-3200.ng-hide-remove {
  -webkit-animation-duration: 3200ms !important;
  animation-duration: 3200ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3200-in.ng-enter,
.ng-anim._dur-3200-in.ng-hide-remove {
  -webkit-animation-duration: 3200ms !important;
  animation-duration: 3200ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3200-out.ng-leave,
.ng-anim._dur-3200-out.ng-hide-add {
  -webkit-animation-duration: 3200ms !important;
  animation-duration: 3200ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3150.ng-enter,
.ng-anim._dur-3150.ng-leave,
.ng-anim._dur-3150.ng-hide-add,
.ng-anim._dur-3150.ng-hide-remove {
  -webkit-animation-duration: 3150ms !important;
  animation-duration: 3150ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3150-in.ng-enter,
.ng-anim._dur-3150-in.ng-hide-remove {
  -webkit-animation-duration: 3150ms !important;
  animation-duration: 3150ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3150-out.ng-leave,
.ng-anim._dur-3150-out.ng-hide-add {
  -webkit-animation-duration: 3150ms !important;
  animation-duration: 3150ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3100.ng-enter,
.ng-anim._dur-3100.ng-leave,
.ng-anim._dur-3100.ng-hide-add,
.ng-anim._dur-3100.ng-hide-remove {
  -webkit-animation-duration: 3100ms !important;
  animation-duration: 3100ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3100-in.ng-enter,
.ng-anim._dur-3100-in.ng-hide-remove {
  -webkit-animation-duration: 3100ms !important;
  animation-duration: 3100ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3100-out.ng-leave,
.ng-anim._dur-3100-out.ng-hide-add {
  -webkit-animation-duration: 3100ms !important;
  animation-duration: 3100ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3050.ng-enter,
.ng-anim._dur-3050.ng-leave,
.ng-anim._dur-3050.ng-hide-add,
.ng-anim._dur-3050.ng-hide-remove {
  -webkit-animation-duration: 3050ms !important;
  animation-duration: 3050ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3050-in.ng-enter,
.ng-anim._dur-3050-in.ng-hide-remove {
  -webkit-animation-duration: 3050ms !important;
  animation-duration: 3050ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3050-out.ng-leave,
.ng-anim._dur-3050-out.ng-hide-add {
  -webkit-animation-duration: 3050ms !important;
  animation-duration: 3050ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3000.ng-enter,
.ng-anim._dur-3000.ng-leave,
.ng-anim._dur-3000.ng-hide-add,
.ng-anim._dur-3000.ng-hide-remove {
  -webkit-animation-duration: 3000ms !important;
  animation-duration: 3000ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3000-in.ng-enter,
.ng-anim._dur-3000-in.ng-hide-remove {
  -webkit-animation-duration: 3000ms !important;
  animation-duration: 3000ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-3000-out.ng-leave,
.ng-anim._dur-3000-out.ng-hide-add {
  -webkit-animation-duration: 3000ms !important;
  animation-duration: 3000ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2950.ng-enter,
.ng-anim._dur-2950.ng-leave,
.ng-anim._dur-2950.ng-hide-add,
.ng-anim._dur-2950.ng-hide-remove {
  -webkit-animation-duration: 2950ms !important;
  animation-duration: 2950ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2950-in.ng-enter,
.ng-anim._dur-2950-in.ng-hide-remove {
  -webkit-animation-duration: 2950ms !important;
  animation-duration: 2950ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2950-out.ng-leave,
.ng-anim._dur-2950-out.ng-hide-add {
  -webkit-animation-duration: 2950ms !important;
  animation-duration: 2950ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2900.ng-enter,
.ng-anim._dur-2900.ng-leave,
.ng-anim._dur-2900.ng-hide-add,
.ng-anim._dur-2900.ng-hide-remove {
  -webkit-animation-duration: 2900ms !important;
  animation-duration: 2900ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2900-in.ng-enter,
.ng-anim._dur-2900-in.ng-hide-remove {
  -webkit-animation-duration: 2900ms !important;
  animation-duration: 2900ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2900-out.ng-leave,
.ng-anim._dur-2900-out.ng-hide-add {
  -webkit-animation-duration: 2900ms !important;
  animation-duration: 2900ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2850.ng-enter,
.ng-anim._dur-2850.ng-leave,
.ng-anim._dur-2850.ng-hide-add,
.ng-anim._dur-2850.ng-hide-remove {
  -webkit-animation-duration: 2850ms !important;
  animation-duration: 2850ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2850-in.ng-enter,
.ng-anim._dur-2850-in.ng-hide-remove {
  -webkit-animation-duration: 2850ms !important;
  animation-duration: 2850ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2850-out.ng-leave,
.ng-anim._dur-2850-out.ng-hide-add {
  -webkit-animation-duration: 2850ms !important;
  animation-duration: 2850ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2800.ng-enter,
.ng-anim._dur-2800.ng-leave,
.ng-anim._dur-2800.ng-hide-add,
.ng-anim._dur-2800.ng-hide-remove {
  -webkit-animation-duration: 2800ms !important;
  animation-duration: 2800ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2800-in.ng-enter,
.ng-anim._dur-2800-in.ng-hide-remove {
  -webkit-animation-duration: 2800ms !important;
  animation-duration: 2800ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2800-out.ng-leave,
.ng-anim._dur-2800-out.ng-hide-add {
  -webkit-animation-duration: 2800ms !important;
  animation-duration: 2800ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2750.ng-enter,
.ng-anim._dur-2750.ng-leave,
.ng-anim._dur-2750.ng-hide-add,
.ng-anim._dur-2750.ng-hide-remove {
  -webkit-animation-duration: 2750ms !important;
  animation-duration: 2750ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2750-in.ng-enter,
.ng-anim._dur-2750-in.ng-hide-remove {
  -webkit-animation-duration: 2750ms !important;
  animation-duration: 2750ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2750-out.ng-leave,
.ng-anim._dur-2750-out.ng-hide-add {
  -webkit-animation-duration: 2750ms !important;
  animation-duration: 2750ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2700.ng-enter,
.ng-anim._dur-2700.ng-leave,
.ng-anim._dur-2700.ng-hide-add,
.ng-anim._dur-2700.ng-hide-remove {
  -webkit-animation-duration: 2700ms !important;
  animation-duration: 2700ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2700-in.ng-enter,
.ng-anim._dur-2700-in.ng-hide-remove {
  -webkit-animation-duration: 2700ms !important;
  animation-duration: 2700ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2700-out.ng-leave,
.ng-anim._dur-2700-out.ng-hide-add {
  -webkit-animation-duration: 2700ms !important;
  animation-duration: 2700ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2650.ng-enter,
.ng-anim._dur-2650.ng-leave,
.ng-anim._dur-2650.ng-hide-add,
.ng-anim._dur-2650.ng-hide-remove {
  -webkit-animation-duration: 2650ms !important;
  animation-duration: 2650ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2650-in.ng-enter,
.ng-anim._dur-2650-in.ng-hide-remove {
  -webkit-animation-duration: 2650ms !important;
  animation-duration: 2650ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2650-out.ng-leave,
.ng-anim._dur-2650-out.ng-hide-add {
  -webkit-animation-duration: 2650ms !important;
  animation-duration: 2650ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2600.ng-enter,
.ng-anim._dur-2600.ng-leave,
.ng-anim._dur-2600.ng-hide-add,
.ng-anim._dur-2600.ng-hide-remove {
  -webkit-animation-duration: 2600ms !important;
  animation-duration: 2600ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2600-in.ng-enter,
.ng-anim._dur-2600-in.ng-hide-remove {
  -webkit-animation-duration: 2600ms !important;
  animation-duration: 2600ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2600-out.ng-leave,
.ng-anim._dur-2600-out.ng-hide-add {
  -webkit-animation-duration: 2600ms !important;
  animation-duration: 2600ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2550.ng-enter,
.ng-anim._dur-2550.ng-leave,
.ng-anim._dur-2550.ng-hide-add,
.ng-anim._dur-2550.ng-hide-remove {
  -webkit-animation-duration: 2550ms !important;
  animation-duration: 2550ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2550-in.ng-enter,
.ng-anim._dur-2550-in.ng-hide-remove {
  -webkit-animation-duration: 2550ms !important;
  animation-duration: 2550ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2550-out.ng-leave,
.ng-anim._dur-2550-out.ng-hide-add {
  -webkit-animation-duration: 2550ms !important;
  animation-duration: 2550ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2500.ng-enter,
.ng-anim._dur-2500.ng-leave,
.ng-anim._dur-2500.ng-hide-add,
.ng-anim._dur-2500.ng-hide-remove {
  -webkit-animation-duration: 2500ms !important;
  animation-duration: 2500ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2500-in.ng-enter,
.ng-anim._dur-2500-in.ng-hide-remove {
  -webkit-animation-duration: 2500ms !important;
  animation-duration: 2500ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2500-out.ng-leave,
.ng-anim._dur-2500-out.ng-hide-add {
  -webkit-animation-duration: 2500ms !important;
  animation-duration: 2500ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2450.ng-enter,
.ng-anim._dur-2450.ng-leave,
.ng-anim._dur-2450.ng-hide-add,
.ng-anim._dur-2450.ng-hide-remove {
  -webkit-animation-duration: 2450ms !important;
  animation-duration: 2450ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2450-in.ng-enter,
.ng-anim._dur-2450-in.ng-hide-remove {
  -webkit-animation-duration: 2450ms !important;
  animation-duration: 2450ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2450-out.ng-leave,
.ng-anim._dur-2450-out.ng-hide-add {
  -webkit-animation-duration: 2450ms !important;
  animation-duration: 2450ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2400.ng-enter,
.ng-anim._dur-2400.ng-leave,
.ng-anim._dur-2400.ng-hide-add,
.ng-anim._dur-2400.ng-hide-remove {
  -webkit-animation-duration: 2400ms !important;
  animation-duration: 2400ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2400-in.ng-enter,
.ng-anim._dur-2400-in.ng-hide-remove {
  -webkit-animation-duration: 2400ms !important;
  animation-duration: 2400ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2400-out.ng-leave,
.ng-anim._dur-2400-out.ng-hide-add {
  -webkit-animation-duration: 2400ms !important;
  animation-duration: 2400ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2350.ng-enter,
.ng-anim._dur-2350.ng-leave,
.ng-anim._dur-2350.ng-hide-add,
.ng-anim._dur-2350.ng-hide-remove {
  -webkit-animation-duration: 2350ms !important;
  animation-duration: 2350ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2350-in.ng-enter,
.ng-anim._dur-2350-in.ng-hide-remove {
  -webkit-animation-duration: 2350ms !important;
  animation-duration: 2350ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2350-out.ng-leave,
.ng-anim._dur-2350-out.ng-hide-add {
  -webkit-animation-duration: 2350ms !important;
  animation-duration: 2350ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2300.ng-enter,
.ng-anim._dur-2300.ng-leave,
.ng-anim._dur-2300.ng-hide-add,
.ng-anim._dur-2300.ng-hide-remove {
  -webkit-animation-duration: 2300ms !important;
  animation-duration: 2300ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2300-in.ng-enter,
.ng-anim._dur-2300-in.ng-hide-remove {
  -webkit-animation-duration: 2300ms !important;
  animation-duration: 2300ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2300-out.ng-leave,
.ng-anim._dur-2300-out.ng-hide-add {
  -webkit-animation-duration: 2300ms !important;
  animation-duration: 2300ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2250.ng-enter,
.ng-anim._dur-2250.ng-leave,
.ng-anim._dur-2250.ng-hide-add,
.ng-anim._dur-2250.ng-hide-remove {
  -webkit-animation-duration: 2250ms !important;
  animation-duration: 2250ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2250-in.ng-enter,
.ng-anim._dur-2250-in.ng-hide-remove {
  -webkit-animation-duration: 2250ms !important;
  animation-duration: 2250ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2250-out.ng-leave,
.ng-anim._dur-2250-out.ng-hide-add {
  -webkit-animation-duration: 2250ms !important;
  animation-duration: 2250ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2200.ng-enter,
.ng-anim._dur-2200.ng-leave,
.ng-anim._dur-2200.ng-hide-add,
.ng-anim._dur-2200.ng-hide-remove {
  -webkit-animation-duration: 2200ms !important;
  animation-duration: 2200ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2200-in.ng-enter,
.ng-anim._dur-2200-in.ng-hide-remove {
  -webkit-animation-duration: 2200ms !important;
  animation-duration: 2200ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2200-out.ng-leave,
.ng-anim._dur-2200-out.ng-hide-add {
  -webkit-animation-duration: 2200ms !important;
  animation-duration: 2200ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2150.ng-enter,
.ng-anim._dur-2150.ng-leave,
.ng-anim._dur-2150.ng-hide-add,
.ng-anim._dur-2150.ng-hide-remove {
  -webkit-animation-duration: 2150ms !important;
  animation-duration: 2150ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2150-in.ng-enter,
.ng-anim._dur-2150-in.ng-hide-remove {
  -webkit-animation-duration: 2150ms !important;
  animation-duration: 2150ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2150-out.ng-leave,
.ng-anim._dur-2150-out.ng-hide-add {
  -webkit-animation-duration: 2150ms !important;
  animation-duration: 2150ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2100.ng-enter,
.ng-anim._dur-2100.ng-leave,
.ng-anim._dur-2100.ng-hide-add,
.ng-anim._dur-2100.ng-hide-remove {
  -webkit-animation-duration: 2100ms !important;
  animation-duration: 2100ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2100-in.ng-enter,
.ng-anim._dur-2100-in.ng-hide-remove {
  -webkit-animation-duration: 2100ms !important;
  animation-duration: 2100ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2100-out.ng-leave,
.ng-anim._dur-2100-out.ng-hide-add {
  -webkit-animation-duration: 2100ms !important;
  animation-duration: 2100ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2050.ng-enter,
.ng-anim._dur-2050.ng-leave,
.ng-anim._dur-2050.ng-hide-add,
.ng-anim._dur-2050.ng-hide-remove {
  -webkit-animation-duration: 2050ms !important;
  animation-duration: 2050ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2050-in.ng-enter,
.ng-anim._dur-2050-in.ng-hide-remove {
  -webkit-animation-duration: 2050ms !important;
  animation-duration: 2050ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2050-out.ng-leave,
.ng-anim._dur-2050-out.ng-hide-add {
  -webkit-animation-duration: 2050ms !important;
  animation-duration: 2050ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2000.ng-enter,
.ng-anim._dur-2000.ng-leave,
.ng-anim._dur-2000.ng-hide-add,
.ng-anim._dur-2000.ng-hide-remove {
  -webkit-animation-duration: 2000ms !important;
  animation-duration: 2000ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2000-in.ng-enter,
.ng-anim._dur-2000-in.ng-hide-remove {
  -webkit-animation-duration: 2000ms !important;
  animation-duration: 2000ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-2000-out.ng-leave,
.ng-anim._dur-2000-out.ng-hide-add {
  -webkit-animation-duration: 2000ms !important;
  animation-duration: 2000ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1950.ng-enter,
.ng-anim._dur-1950.ng-leave,
.ng-anim._dur-1950.ng-hide-add,
.ng-anim._dur-1950.ng-hide-remove {
  -webkit-animation-duration: 1950ms !important;
  animation-duration: 1950ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1950-in.ng-enter,
.ng-anim._dur-1950-in.ng-hide-remove {
  -webkit-animation-duration: 1950ms !important;
  animation-duration: 1950ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1950-out.ng-leave,
.ng-anim._dur-1950-out.ng-hide-add {
  -webkit-animation-duration: 1950ms !important;
  animation-duration: 1950ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1900.ng-enter,
.ng-anim._dur-1900.ng-leave,
.ng-anim._dur-1900.ng-hide-add,
.ng-anim._dur-1900.ng-hide-remove {
  -webkit-animation-duration: 1900ms !important;
  animation-duration: 1900ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1900-in.ng-enter,
.ng-anim._dur-1900-in.ng-hide-remove {
  -webkit-animation-duration: 1900ms !important;
  animation-duration: 1900ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1900-out.ng-leave,
.ng-anim._dur-1900-out.ng-hide-add {
  -webkit-animation-duration: 1900ms !important;
  animation-duration: 1900ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1850.ng-enter,
.ng-anim._dur-1850.ng-leave,
.ng-anim._dur-1850.ng-hide-add,
.ng-anim._dur-1850.ng-hide-remove {
  -webkit-animation-duration: 1850ms !important;
  animation-duration: 1850ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1850-in.ng-enter,
.ng-anim._dur-1850-in.ng-hide-remove {
  -webkit-animation-duration: 1850ms !important;
  animation-duration: 1850ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1850-out.ng-leave,
.ng-anim._dur-1850-out.ng-hide-add {
  -webkit-animation-duration: 1850ms !important;
  animation-duration: 1850ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1800.ng-enter,
.ng-anim._dur-1800.ng-leave,
.ng-anim._dur-1800.ng-hide-add,
.ng-anim._dur-1800.ng-hide-remove {
  -webkit-animation-duration: 1800ms !important;
  animation-duration: 1800ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1800-in.ng-enter,
.ng-anim._dur-1800-in.ng-hide-remove {
  -webkit-animation-duration: 1800ms !important;
  animation-duration: 1800ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1800-out.ng-leave,
.ng-anim._dur-1800-out.ng-hide-add {
  -webkit-animation-duration: 1800ms !important;
  animation-duration: 1800ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1750.ng-enter,
.ng-anim._dur-1750.ng-leave,
.ng-anim._dur-1750.ng-hide-add,
.ng-anim._dur-1750.ng-hide-remove {
  -webkit-animation-duration: 1750ms !important;
  animation-duration: 1750ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1750-in.ng-enter,
.ng-anim._dur-1750-in.ng-hide-remove {
  -webkit-animation-duration: 1750ms !important;
  animation-duration: 1750ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1750-out.ng-leave,
.ng-anim._dur-1750-out.ng-hide-add {
  -webkit-animation-duration: 1750ms !important;
  animation-duration: 1750ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1700.ng-enter,
.ng-anim._dur-1700.ng-leave,
.ng-anim._dur-1700.ng-hide-add,
.ng-anim._dur-1700.ng-hide-remove {
  -webkit-animation-duration: 1700ms !important;
  animation-duration: 1700ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1700-in.ng-enter,
.ng-anim._dur-1700-in.ng-hide-remove {
  -webkit-animation-duration: 1700ms !important;
  animation-duration: 1700ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1700-out.ng-leave,
.ng-anim._dur-1700-out.ng-hide-add {
  -webkit-animation-duration: 1700ms !important;
  animation-duration: 1700ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1650.ng-enter,
.ng-anim._dur-1650.ng-leave,
.ng-anim._dur-1650.ng-hide-add,
.ng-anim._dur-1650.ng-hide-remove {
  -webkit-animation-duration: 1650ms !important;
  animation-duration: 1650ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1650-in.ng-enter,
.ng-anim._dur-1650-in.ng-hide-remove {
  -webkit-animation-duration: 1650ms !important;
  animation-duration: 1650ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1650-out.ng-leave,
.ng-anim._dur-1650-out.ng-hide-add {
  -webkit-animation-duration: 1650ms !important;
  animation-duration: 1650ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1600.ng-enter,
.ng-anim._dur-1600.ng-leave,
.ng-anim._dur-1600.ng-hide-add,
.ng-anim._dur-1600.ng-hide-remove {
  -webkit-animation-duration: 1600ms !important;
  animation-duration: 1600ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1600-in.ng-enter,
.ng-anim._dur-1600-in.ng-hide-remove {
  -webkit-animation-duration: 1600ms !important;
  animation-duration: 1600ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1600-out.ng-leave,
.ng-anim._dur-1600-out.ng-hide-add {
  -webkit-animation-duration: 1600ms !important;
  animation-duration: 1600ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1550.ng-enter,
.ng-anim._dur-1550.ng-leave,
.ng-anim._dur-1550.ng-hide-add,
.ng-anim._dur-1550.ng-hide-remove {
  -webkit-animation-duration: 1550ms !important;
  animation-duration: 1550ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1550-in.ng-enter,
.ng-anim._dur-1550-in.ng-hide-remove {
  -webkit-animation-duration: 1550ms !important;
  animation-duration: 1550ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1550-out.ng-leave,
.ng-anim._dur-1550-out.ng-hide-add {
  -webkit-animation-duration: 1550ms !important;
  animation-duration: 1550ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1500.ng-enter,
.ng-anim._dur-1500.ng-leave,
.ng-anim._dur-1500.ng-hide-add,
.ng-anim._dur-1500.ng-hide-remove {
  -webkit-animation-duration: 1500ms !important;
  animation-duration: 1500ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1500-in.ng-enter,
.ng-anim._dur-1500-in.ng-hide-remove {
  -webkit-animation-duration: 1500ms !important;
  animation-duration: 1500ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1500-out.ng-leave,
.ng-anim._dur-1500-out.ng-hide-add {
  -webkit-animation-duration: 1500ms !important;
  animation-duration: 1500ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1450.ng-enter,
.ng-anim._dur-1450.ng-leave,
.ng-anim._dur-1450.ng-hide-add,
.ng-anim._dur-1450.ng-hide-remove {
  -webkit-animation-duration: 1450ms !important;
  animation-duration: 1450ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1450-in.ng-enter,
.ng-anim._dur-1450-in.ng-hide-remove {
  -webkit-animation-duration: 1450ms !important;
  animation-duration: 1450ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1450-out.ng-leave,
.ng-anim._dur-1450-out.ng-hide-add {
  -webkit-animation-duration: 1450ms !important;
  animation-duration: 1450ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1400.ng-enter,
.ng-anim._dur-1400.ng-leave,
.ng-anim._dur-1400.ng-hide-add,
.ng-anim._dur-1400.ng-hide-remove {
  -webkit-animation-duration: 1400ms !important;
  animation-duration: 1400ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1400-in.ng-enter,
.ng-anim._dur-1400-in.ng-hide-remove {
  -webkit-animation-duration: 1400ms !important;
  animation-duration: 1400ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1400-out.ng-leave,
.ng-anim._dur-1400-out.ng-hide-add {
  -webkit-animation-duration: 1400ms !important;
  animation-duration: 1400ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1350.ng-enter,
.ng-anim._dur-1350.ng-leave,
.ng-anim._dur-1350.ng-hide-add,
.ng-anim._dur-1350.ng-hide-remove {
  -webkit-animation-duration: 1350ms !important;
  animation-duration: 1350ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1350-in.ng-enter,
.ng-anim._dur-1350-in.ng-hide-remove {
  -webkit-animation-duration: 1350ms !important;
  animation-duration: 1350ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1350-out.ng-leave,
.ng-anim._dur-1350-out.ng-hide-add {
  -webkit-animation-duration: 1350ms !important;
  animation-duration: 1350ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1300.ng-enter,
.ng-anim._dur-1300.ng-leave,
.ng-anim._dur-1300.ng-hide-add,
.ng-anim._dur-1300.ng-hide-remove {
  -webkit-animation-duration: 1300ms !important;
  animation-duration: 1300ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1300-in.ng-enter,
.ng-anim._dur-1300-in.ng-hide-remove {
  -webkit-animation-duration: 1300ms !important;
  animation-duration: 1300ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1300-out.ng-leave,
.ng-anim._dur-1300-out.ng-hide-add {
  -webkit-animation-duration: 1300ms !important;
  animation-duration: 1300ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1250.ng-enter,
.ng-anim._dur-1250.ng-leave,
.ng-anim._dur-1250.ng-hide-add,
.ng-anim._dur-1250.ng-hide-remove {
  -webkit-animation-duration: 1250ms !important;
  animation-duration: 1250ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1250-in.ng-enter,
.ng-anim._dur-1250-in.ng-hide-remove {
  -webkit-animation-duration: 1250ms !important;
  animation-duration: 1250ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1250-out.ng-leave,
.ng-anim._dur-1250-out.ng-hide-add {
  -webkit-animation-duration: 1250ms !important;
  animation-duration: 1250ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1200.ng-enter,
.ng-anim._dur-1200.ng-leave,
.ng-anim._dur-1200.ng-hide-add,
.ng-anim._dur-1200.ng-hide-remove {
  -webkit-animation-duration: 1200ms !important;
  animation-duration: 1200ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1200-in.ng-enter,
.ng-anim._dur-1200-in.ng-hide-remove {
  -webkit-animation-duration: 1200ms !important;
  animation-duration: 1200ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1200-out.ng-leave,
.ng-anim._dur-1200-out.ng-hide-add {
  -webkit-animation-duration: 1200ms !important;
  animation-duration: 1200ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1150.ng-enter,
.ng-anim._dur-1150.ng-leave,
.ng-anim._dur-1150.ng-hide-add,
.ng-anim._dur-1150.ng-hide-remove {
  -webkit-animation-duration: 1150ms !important;
  animation-duration: 1150ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1150-in.ng-enter,
.ng-anim._dur-1150-in.ng-hide-remove {
  -webkit-animation-duration: 1150ms !important;
  animation-duration: 1150ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1150-out.ng-leave,
.ng-anim._dur-1150-out.ng-hide-add {
  -webkit-animation-duration: 1150ms !important;
  animation-duration: 1150ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1100.ng-enter,
.ng-anim._dur-1100.ng-leave,
.ng-anim._dur-1100.ng-hide-add,
.ng-anim._dur-1100.ng-hide-remove {
  -webkit-animation-duration: 1100ms !important;
  animation-duration: 1100ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1100-in.ng-enter,
.ng-anim._dur-1100-in.ng-hide-remove {
  -webkit-animation-duration: 1100ms !important;
  animation-duration: 1100ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1100-out.ng-leave,
.ng-anim._dur-1100-out.ng-hide-add {
  -webkit-animation-duration: 1100ms !important;
  animation-duration: 1100ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1050.ng-enter,
.ng-anim._dur-1050.ng-leave,
.ng-anim._dur-1050.ng-hide-add,
.ng-anim._dur-1050.ng-hide-remove {
  -webkit-animation-duration: 1050ms !important;
  animation-duration: 1050ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1050-in.ng-enter,
.ng-anim._dur-1050-in.ng-hide-remove {
  -webkit-animation-duration: 1050ms !important;
  animation-duration: 1050ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1050-out.ng-leave,
.ng-anim._dur-1050-out.ng-hide-add {
  -webkit-animation-duration: 1050ms !important;
  animation-duration: 1050ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1000.ng-enter,
.ng-anim._dur-1000.ng-leave,
.ng-anim._dur-1000.ng-hide-add,
.ng-anim._dur-1000.ng-hide-remove {
  -webkit-animation-duration: 1000ms !important;
  animation-duration: 1000ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1000-in.ng-enter,
.ng-anim._dur-1000-in.ng-hide-remove {
  -webkit-animation-duration: 1000ms !important;
  animation-duration: 1000ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-1000-out.ng-leave,
.ng-anim._dur-1000-out.ng-hide-add {
  -webkit-animation-duration: 1000ms !important;
  animation-duration: 1000ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-950.ng-enter,
.ng-anim._dur-950.ng-leave,
.ng-anim._dur-950.ng-hide-add,
.ng-anim._dur-950.ng-hide-remove {
  -webkit-animation-duration: 950ms !important;
  animation-duration: 950ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-950-in.ng-enter,
.ng-anim._dur-950-in.ng-hide-remove {
  -webkit-animation-duration: 950ms !important;
  animation-duration: 950ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-950-out.ng-leave,
.ng-anim._dur-950-out.ng-hide-add {
  -webkit-animation-duration: 950ms !important;
  animation-duration: 950ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-900.ng-enter,
.ng-anim._dur-900.ng-leave,
.ng-anim._dur-900.ng-hide-add,
.ng-anim._dur-900.ng-hide-remove {
  -webkit-animation-duration: 900ms !important;
  animation-duration: 900ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-900-in.ng-enter,
.ng-anim._dur-900-in.ng-hide-remove {
  -webkit-animation-duration: 900ms !important;
  animation-duration: 900ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-900-out.ng-leave,
.ng-anim._dur-900-out.ng-hide-add {
  -webkit-animation-duration: 900ms !important;
  animation-duration: 900ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-850.ng-enter,
.ng-anim._dur-850.ng-leave,
.ng-anim._dur-850.ng-hide-add,
.ng-anim._dur-850.ng-hide-remove {
  -webkit-animation-duration: 850ms !important;
  animation-duration: 850ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-850-in.ng-enter,
.ng-anim._dur-850-in.ng-hide-remove {
  -webkit-animation-duration: 850ms !important;
  animation-duration: 850ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-850-out.ng-leave,
.ng-anim._dur-850-out.ng-hide-add {
  -webkit-animation-duration: 850ms !important;
  animation-duration: 850ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-800.ng-enter,
.ng-anim._dur-800.ng-leave,
.ng-anim._dur-800.ng-hide-add,
.ng-anim._dur-800.ng-hide-remove {
  -webkit-animation-duration: 800ms !important;
  animation-duration: 800ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-800-in.ng-enter,
.ng-anim._dur-800-in.ng-hide-remove {
  -webkit-animation-duration: 800ms !important;
  animation-duration: 800ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-800-out.ng-leave,
.ng-anim._dur-800-out.ng-hide-add {
  -webkit-animation-duration: 800ms !important;
  animation-duration: 800ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-750.ng-enter,
.ng-anim._dur-750.ng-leave,
.ng-anim._dur-750.ng-hide-add,
.ng-anim._dur-750.ng-hide-remove {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-750-in.ng-enter,
.ng-anim._dur-750-in.ng-hide-remove {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-750-out.ng-leave,
.ng-anim._dur-750-out.ng-hide-add {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-700.ng-enter,
.ng-anim._dur-700.ng-leave,
.ng-anim._dur-700.ng-hide-add,
.ng-anim._dur-700.ng-hide-remove {
  -webkit-animation-duration: 700ms !important;
  animation-duration: 700ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-700-in.ng-enter,
.ng-anim._dur-700-in.ng-hide-remove {
  -webkit-animation-duration: 700ms !important;
  animation-duration: 700ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-700-out.ng-leave,
.ng-anim._dur-700-out.ng-hide-add {
  -webkit-animation-duration: 700ms !important;
  animation-duration: 700ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-650.ng-enter,
.ng-anim._dur-650.ng-leave,
.ng-anim._dur-650.ng-hide-add,
.ng-anim._dur-650.ng-hide-remove {
  -webkit-animation-duration: 650ms !important;
  animation-duration: 650ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-650-in.ng-enter,
.ng-anim._dur-650-in.ng-hide-remove {
  -webkit-animation-duration: 650ms !important;
  animation-duration: 650ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-650-out.ng-leave,
.ng-anim._dur-650-out.ng-hide-add {
  -webkit-animation-duration: 650ms !important;
  animation-duration: 650ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-600.ng-enter,
.ng-anim._dur-600.ng-leave,
.ng-anim._dur-600.ng-hide-add,
.ng-anim._dur-600.ng-hide-remove {
  -webkit-animation-duration: 600ms !important;
  animation-duration: 600ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-600-in.ng-enter,
.ng-anim._dur-600-in.ng-hide-remove {
  -webkit-animation-duration: 600ms !important;
  animation-duration: 600ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-600-out.ng-leave,
.ng-anim._dur-600-out.ng-hide-add {
  -webkit-animation-duration: 600ms !important;
  animation-duration: 600ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-550.ng-enter,
.ng-anim._dur-550.ng-leave,
.ng-anim._dur-550.ng-hide-add,
.ng-anim._dur-550.ng-hide-remove {
  -webkit-animation-duration: 550ms !important;
  animation-duration: 550ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-550-in.ng-enter,
.ng-anim._dur-550-in.ng-hide-remove {
  -webkit-animation-duration: 550ms !important;
  animation-duration: 550ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-550-out.ng-leave,
.ng-anim._dur-550-out.ng-hide-add {
  -webkit-animation-duration: 550ms !important;
  animation-duration: 550ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-500.ng-enter,
.ng-anim._dur-500.ng-leave,
.ng-anim._dur-500.ng-hide-add,
.ng-anim._dur-500.ng-hide-remove {
  -webkit-animation-duration: 500ms !important;
  animation-duration: 500ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-500-in.ng-enter,
.ng-anim._dur-500-in.ng-hide-remove {
  -webkit-animation-duration: 500ms !important;
  animation-duration: 500ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-500-out.ng-leave,
.ng-anim._dur-500-out.ng-hide-add {
  -webkit-animation-duration: 500ms !important;
  animation-duration: 500ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-450.ng-enter,
.ng-anim._dur-450.ng-leave,
.ng-anim._dur-450.ng-hide-add,
.ng-anim._dur-450.ng-hide-remove {
  -webkit-animation-duration: 450ms !important;
  animation-duration: 450ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-450-in.ng-enter,
.ng-anim._dur-450-in.ng-hide-remove {
  -webkit-animation-duration: 450ms !important;
  animation-duration: 450ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-450-out.ng-leave,
.ng-anim._dur-450-out.ng-hide-add {
  -webkit-animation-duration: 450ms !important;
  animation-duration: 450ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-400.ng-enter,
.ng-anim._dur-400.ng-leave,
.ng-anim._dur-400.ng-hide-add,
.ng-anim._dur-400.ng-hide-remove {
  -webkit-animation-duration: 400ms !important;
  animation-duration: 400ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-400-in.ng-enter,
.ng-anim._dur-400-in.ng-hide-remove {
  -webkit-animation-duration: 400ms !important;
  animation-duration: 400ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-400-out.ng-leave,
.ng-anim._dur-400-out.ng-hide-add {
  -webkit-animation-duration: 400ms !important;
  animation-duration: 400ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-350.ng-enter,
.ng-anim._dur-350.ng-leave,
.ng-anim._dur-350.ng-hide-add,
.ng-anim._dur-350.ng-hide-remove {
  -webkit-animation-duration: 350ms !important;
  animation-duration: 350ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-350-in.ng-enter,
.ng-anim._dur-350-in.ng-hide-remove {
  -webkit-animation-duration: 350ms !important;
  animation-duration: 350ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-350-out.ng-leave,
.ng-anim._dur-350-out.ng-hide-add {
  -webkit-animation-duration: 350ms !important;
  animation-duration: 350ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-300.ng-enter,
.ng-anim._dur-300.ng-leave,
.ng-anim._dur-300.ng-hide-add,
.ng-anim._dur-300.ng-hide-remove {
  -webkit-animation-duration: 300ms !important;
  animation-duration: 300ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-300-in.ng-enter,
.ng-anim._dur-300-in.ng-hide-remove {
  -webkit-animation-duration: 300ms !important;
  animation-duration: 300ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-300-out.ng-leave,
.ng-anim._dur-300-out.ng-hide-add {
  -webkit-animation-duration: 300ms !important;
  animation-duration: 300ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-250.ng-enter,
.ng-anim._dur-250.ng-leave,
.ng-anim._dur-250.ng-hide-add,
.ng-anim._dur-250.ng-hide-remove {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-250-in.ng-enter,
.ng-anim._dur-250-in.ng-hide-remove {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-250-out.ng-leave,
.ng-anim._dur-250-out.ng-hide-add {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-200.ng-enter,
.ng-anim._dur-200.ng-leave,
.ng-anim._dur-200.ng-hide-add,
.ng-anim._dur-200.ng-hide-remove {
  -webkit-animation-duration: 200ms !important;
  animation-duration: 200ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-200-in.ng-enter,
.ng-anim._dur-200-in.ng-hide-remove {
  -webkit-animation-duration: 200ms !important;
  animation-duration: 200ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-200-out.ng-leave,
.ng-anim._dur-200-out.ng-hide-add {
  -webkit-animation-duration: 200ms !important;
  animation-duration: 200ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-150.ng-enter,
.ng-anim._dur-150.ng-leave,
.ng-anim._dur-150.ng-hide-add,
.ng-anim._dur-150.ng-hide-remove {
  -webkit-animation-duration: 150ms !important;
  animation-duration: 150ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-150-in.ng-enter,
.ng-anim._dur-150-in.ng-hide-remove {
  -webkit-animation-duration: 150ms !important;
  animation-duration: 150ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-150-out.ng-leave,
.ng-anim._dur-150-out.ng-hide-add {
  -webkit-animation-duration: 150ms !important;
  animation-duration: 150ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-100.ng-enter,
.ng-anim._dur-100.ng-leave,
.ng-anim._dur-100.ng-hide-add,
.ng-anim._dur-100.ng-hide-remove {
  -webkit-animation-duration: 100ms !important;
  animation-duration: 100ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-100-in.ng-enter,
.ng-anim._dur-100-in.ng-hide-remove {
  -webkit-animation-duration: 100ms !important;
  animation-duration: 100ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-100-out.ng-leave,
.ng-anim._dur-100-out.ng-hide-add {
  -webkit-animation-duration: 100ms !important;
  animation-duration: 100ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-50.ng-enter,
.ng-anim._dur-50.ng-leave,
.ng-anim._dur-50.ng-hide-add,
.ng-anim._dur-50.ng-hide-remove {
  -webkit-animation-duration: 50ms !important;
  animation-duration: 50ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-50-in.ng-enter,
.ng-anim._dur-50-in.ng-hide-remove {
  -webkit-animation-duration: 50ms !important;
  animation-duration: 50ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-50-out.ng-leave,
.ng-anim._dur-50-out.ng-hide-add {
  -webkit-animation-duration: 50ms !important;
  animation-duration: 50ms !important;
}
/* line 66, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-0.ng-enter,
.ng-anim._dur-0.ng-leave,
.ng-anim._dur-0.ng-hide-add,
.ng-anim._dur-0.ng-hide-remove {
  -webkit-animation-duration: 0ms !important;
  animation-duration: 0ms !important;
}
/* line 72, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-0-in.ng-enter,
.ng-anim._dur-0-in.ng-hide-remove {
  -webkit-animation-duration: 0ms !important;
  animation-duration: 0ms !important;
}
/* line 78, /home/pc035860/master/web/asset/less/ng-anim.less */
.ng-anim._dur-0-out.ng-leave,
.ng-anim._dur-0-out.ng-hide-add {
  -webkit-animation-duration: 0ms !important;
  animation-duration: 0ms !important;
}
/**
 * parrottalks 課程系列
 */
/* line 1, /home/pc035860/master/web/asset/less/cursor.less */
#cursor {
  cursor: none;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: 10000;
}
/* line 9, /home/pc035860/master/web/asset/less/cursor.less */
#cursor .bomb {
  width: 63px;
  height: 83px;
  font-size: 2.5em;
  color: white;
  background-position: 1px 0;
  background-repeat: no-repeat;
  line-height: 83px;
  padding-top: 10px;
  text-indent: -2px;
  text-align: center;
}
/* line 21, /home/pc035860/master/web/asset/less/cursor.less */
#cursor .bomb.slow {
  -webkit-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  animation: bomb-pulse 500ms ease-out 0s infinite alternate;
}
/* line 25, /home/pc035860/master/web/asset/less/cursor.less */
#cursor .bomb.fast {
  -webkit-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  animation: bomb-pulse 125ms ease-out 0s infinite alternate;
}
/* line 1, /home/pc035860/master/web/asset/less/footer.less */
#footer {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  /**
	 * Better footer loading display for mobile: invisible
	 */
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
#footer input,
#footer button,
#footer select,
#footer textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
@media only screen and (max-width: 767px) {
  /* line 19, /home/pc035860/master/web/asset/less/footer.less */
  #footer {
    display: none;
  }
  /* line 22, /home/pc035860/master/web/asset/less/footer.less */
  #footer.is-footer-ready {
    display: block;
  }
}
/* line 28, /home/pc035860/master/web/asset/less/footer.less */
#footer.note-landing {
  position: relative;
}
/* line 51, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap {
  -webkit-font-smoothing: antialiased;
  min-height: 235px;
  background-color: #333333;
}
/* line 58, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__content {
  max-width: 1040px;
  position: relative;
  z-index: 1;
  padding: 20px 0 0;
}
/* line 67, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links {
  margin: 0;
  padding: 0;
  text-align: right;
}
/* line 72, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li {
  display: inline-block;
  margin-left: 20px;
}
/* line 77, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li .link-icon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  display: inline-block;
  margin-right: 8px;
}
/* line 83, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li .link-icon--fb-page {
  color: #567ccc;
}
/* line 86, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li .link-icon--contact {
  color: #27cebf;
}
/* line 91, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li:first-child {
  margin-left: 0;
}
/* line 95, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li a {
  color: #ddd;
  line-height: 30px;
}
/* line 42, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li a:hover,
#footer .footer__sitemap__standout-links li a:focus {
  color: #fff;
  text-decoration: none;
}
/* line 46, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li a:active {
  color: #aaa;
}
/* line 100, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__standout-links li a:hover .link-icon {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
/* line 109, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections {
  margin: 0;
  padding: 0;
}
/* line 113, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section {
  width: 100%;
  max-width: 230px;
  float: left;
  padding: 0;
}
/* line 123, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section h4 {
  margin: 0 0 10px;
  font-size: 15px;
  color: #27cebf;
  font-weight: bold;
  line-height: 30px;
}
/* line 132, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links {
  margin: 0;
  padding: 0;
}
/* line 136, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links li a {
  color: #ddd;
  font-size: 13px;
  line-height: 26px;
}
/* line 42, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links li a:hover,
#footer .footer__sitemap__sections__section__links li a:focus {
  color: #fff;
  text-decoration: none;
}
/* line 46, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links li a:active {
  color: #aaa;
}
/* line 142, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links li.full {
  display: block;
}
/* line 145, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links li.full + li {
  margin-left: 0;
}
/* line 150, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links .link-icon {
  display: inline-block;
  width: 12px;
  color: #808080;
  margin-right: 5px;
}
/* line 156, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__section__links .link-icon--pdf {
  position: relative;
  right: -1px;
}
/* line 164, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__sub-section {
  margin-bottom: 20px;
}
/* line 167, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__sub-section li {
  display: inline-block;
}
/* line 171, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__sitemap__sections__sub-section li + li {
  margin-left: 20px;
}
/* line 179, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__logo {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  text-align: center;
}
/* line 186, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__mixpanel {
  position: absolute;
  right: 0;
  bottom: 60px;
  width: 100%;
}
/* line 192, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__mixpanel__container {
  max-width: 1040px;
  padding: 0;
  text-align: right;
}
/* line 200, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__last {
  -webkit-font-smoothing: antialiased;
  min-height: 40px;
  line-height: 40px;
  background-color: #2c2c2c;
  font-size: 13px;
  color: #fff;
}
/* line 208, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__last__content {
  max-width: 1040px;
  padding: 0;
}
/* line 217, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__last__terms {
  float: right;
  color: #fff;
}
/* line 223, /home/pc035860/master/web/asset/less/footer.less */
#footer .footer__last__copyright {
  float: left;
}
/* line 229, /home/pc035860/master/web/asset/less/footer.less */
.is-state-ready #footer {
  position: relative !important;
}
/* line 1, /home/pc035860/master/web/asset/less/window.less */
.window {
  position: relative;
  z-index: 100;
  max-width: 940px;
  margin: 30px auto;
  font-size: 16px;
}
/* line 8, /home/pc035860/master/web/asset/less/window.less */
.window .button {
  display: block;
  margin: 15px auto;
}
/* line 13, /home/pc035860/master/web/asset/less/window.less */
.window h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  verticle-align: middle;
  height: 60px;
}
/* line 21, /home/pc035860/master/web/asset/less/window.less */
.window h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 42px;
  height: 42px;
}
/* line 28, /home/pc035860/master/web/asset/less/window.less */
.window label,
.window .title {
  font-size: 14px;
}
/* line 32, /home/pc035860/master/web/asset/less/window.less */
.window .subwindow {
  padding: 15px 30px;
}
/* line 34, /home/pc035860/master/web/asset/less/window.less */
.window .subwindow label {
  font-size: 12px;
}
/* line 39, /home/pc035860/master/web/asset/less/window.less */
.window input[type="text"],
.window input[type="password"],
.window input[type="email"] {
  width: 90%;
}
/* line 42, /home/pc035860/master/web/asset/less/window.less */
.window select {
  width: 100%;
}
/* line 45, /home/pc035860/master/web/asset/less/window.less */
.window textarea {
  width: 95%;
}
/* line 1, /home/pc035860/master/web/asset/less/window/login.less */
.window-login {
  background: #055331;
  color: white;
}
/* line 6, /home/pc035860/master/web/asset/less/window/login.less */
.window-login label.email {
  font-size: 16px;
}
/* line 12, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .facebook ul {
  color: #999;
  font-size: 12px;
}
/* line 16, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .facebook ul li {
  margin: 5px 0;
}
/* line 21, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .facebook .space-wrap {
  margin: 30px 0 30px 37px;
}
/* line 26, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .free-promote {
  margin-left: 23px;
  font-size: 14px;
}
/* line 31, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .native .space-wrap {
  margin: 15px 0 0 23px;
}
/* line 235, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .login-form .input-field {
  position: relative;
}
/* line 238, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .login-form .input-field input,
.window-login .login-form .input-field input:focus,
.window-login .login-form .input-field textarea,
.window-login .login-form .input-field textarea:focus,
.window-login .login-form .input-field select {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 244, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .login-form .input-hint {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: 32px;
  bottom: 15px;
  width: 40%;
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  opacity: 0;
}
/* line 262, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .login-form .input-hint.show {
  visibility: visible;
  opacity: 0.8;
}
/* line 270, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .login-form.submit-attempt input.ng-dirty.ng-invalid:focus,
.window-login .login-form.submit-attempt input:focus.ng-dirty.ng-invalid:focus,
.window-login .login-form.submit-attempt textarea.ng-dirty.ng-invalid:focus,
.window-login .login-form.submit-attempt select.ng-dirty.ng-invalid:focus,
.window-login .login-form.submit-attempt input.ng-invalid-required:focus,
.window-login .login-form.submit-attempt input:focus.ng-invalid-required:focus,
.window-login .login-form.submit-attempt textarea.ng-invalid-required:focus,
.window-login .login-form.submit-attempt select.ng-invalid-required:focus {
  border-color: rgba(233, 50, 45, 0.6);
  -webkit-box-shadow: 0 0 6px #f99794;
  -moz-box-shadow: 0 0 6px #f99794;
  box-shadow: 0 0 6px #f99794;
}
/* line 39, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .login-form .wgt-loading-overlay-dark:before {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 44, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .login-form .wgt-loading-overlay-dark:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-right-color: rgba(255, 255, 255, 0.8);
}
/* line 235, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .register-form .input-field {
  position: relative;
}
/* line 238, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .register-form .input-field input,
.window-login .register-form .input-field input:focus,
.window-login .register-form .input-field textarea,
.window-login .register-form .input-field textarea:focus,
.window-login .register-form .input-field select {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 244, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .register-form .input-hint {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: 32px;
  bottom: 15px;
  width: 40%;
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  opacity: 0;
}
/* line 262, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .register-form .input-hint.show {
  visibility: visible;
  opacity: 0.8;
}
/* line 270, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .register-form.submit-attempt input.ng-dirty.ng-invalid:focus,
.window-login .register-form.submit-attempt input:focus.ng-dirty.ng-invalid:focus,
.window-login .register-form.submit-attempt textarea.ng-dirty.ng-invalid:focus,
.window-login .register-form.submit-attempt select.ng-dirty.ng-invalid:focus,
.window-login .register-form.submit-attempt input.ng-invalid-required:focus,
.window-login .register-form.submit-attempt input:focus.ng-invalid-required:focus,
.window-login .register-form.submit-attempt textarea.ng-invalid-required:focus,
.window-login .register-form.submit-attempt select.ng-invalid-required:focus {
  border-color: rgba(233, 50, 45, 0.6);
  -webkit-box-shadow: 0 0 6px #f99794;
  -moz-box-shadow: 0 0 6px #f99794;
  box-shadow: 0 0 6px #f99794;
}
/* line 39, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .register-form .wgt-loading-overlay-dark:before {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 44, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .register-form .wgt-loading-overlay-dark:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-right-color: rgba(255, 255, 255, 0.8);
}
/* line 235, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-form .input-field {
  position: relative;
}
/* line 238, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-form .input-field input,
.window-login .reset-form .input-field input:focus,
.window-login .reset-form .input-field textarea,
.window-login .reset-form .input-field textarea:focus,
.window-login .reset-form .input-field select {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 244, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-form .input-hint {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: 32px;
  bottom: 15px;
  width: 40%;
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  opacity: 0;
}
/* line 262, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-form .input-hint.show {
  visibility: visible;
  opacity: 0.8;
}
/* line 270, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-form.submit-attempt input.ng-dirty.ng-invalid:focus,
.window-login .reset-form.submit-attempt input:focus.ng-dirty.ng-invalid:focus,
.window-login .reset-form.submit-attempt textarea.ng-dirty.ng-invalid:focus,
.window-login .reset-form.submit-attempt select.ng-dirty.ng-invalid:focus,
.window-login .reset-form.submit-attempt input.ng-invalid-required:focus,
.window-login .reset-form.submit-attempt input:focus.ng-invalid-required:focus,
.window-login .reset-form.submit-attempt textarea.ng-invalid-required:focus,
.window-login .reset-form.submit-attempt select.ng-invalid-required:focus {
  border-color: rgba(233, 50, 45, 0.6);
  -webkit-box-shadow: 0 0 6px #f99794;
  -moz-box-shadow: 0 0 6px #f99794;
  box-shadow: 0 0 6px #f99794;
}
/* line 39, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-form .wgt-loading-overlay-dark:before {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 44, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-form .wgt-loading-overlay-dark:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-right-color: rgba(255, 255, 255, 0.8);
}
/* line 62, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-form .space-wrap {
  margin: 15px 0 0 27px;
}
/* line 65, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-form .space-wrap .input-hint {
  right: 40px !important;
}
/* line 235, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-input-form .input-field {
  position: relative;
}
/* line 238, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-input-form .input-field input,
.window-login .reset-input-form .input-field input:focus,
.window-login .reset-input-form .input-field textarea,
.window-login .reset-input-form .input-field textarea:focus,
.window-login .reset-input-form .input-field select {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 244, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-input-form .input-hint {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: 32px;
  bottom: 15px;
  width: 40%;
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  opacity: 0;
}
/* line 262, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-input-form .input-hint.show {
  visibility: visible;
  opacity: 0.8;
}
/* line 270, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .reset-input-form.submit-attempt input.ng-dirty.ng-invalid:focus,
.window-login .reset-input-form.submit-attempt input:focus.ng-dirty.ng-invalid:focus,
.window-login .reset-input-form.submit-attempt textarea.ng-dirty.ng-invalid:focus,
.window-login .reset-input-form.submit-attempt select.ng-dirty.ng-invalid:focus,
.window-login .reset-input-form.submit-attempt input.ng-invalid-required:focus,
.window-login .reset-input-form.submit-attempt input:focus.ng-invalid-required:focus,
.window-login .reset-input-form.submit-attempt textarea.ng-invalid-required:focus,
.window-login .reset-input-form.submit-attempt select.ng-invalid-required:focus {
  border-color: rgba(233, 50, 45, 0.6);
  -webkit-box-shadow: 0 0 6px #f99794;
  -moz-box-shadow: 0 0 6px #f99794;
  box-shadow: 0 0 6px #f99794;
}
/* line 39, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-input-form .wgt-loading-overlay-dark:before {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 44, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-input-form .wgt-loading-overlay-dark:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-right-color: rgba(255, 255, 255, 0.8);
}
/* line 62, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-input-form .space-wrap {
  margin: 15px 0 0 27px;
}
/* line 65, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-input-form .space-wrap .input-hint {
  right: 40px !important;
}
/* line 235, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .pwd-form .input-field {
  position: relative;
}
/* line 238, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .pwd-form .input-field input,
.window-login .pwd-form .input-field input:focus,
.window-login .pwd-form .input-field textarea,
.window-login .pwd-form .input-field textarea:focus,
.window-login .pwd-form .input-field select {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 244, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .pwd-form .input-hint {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: 32px;
  bottom: 15px;
  width: 40%;
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  opacity: 0;
}
/* line 262, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .pwd-form .input-hint.show {
  visibility: visible;
  opacity: 0.8;
}
/* line 270, /home/pc035860/master/web/asset/less/widgets.less */
.window-login .pwd-form.submit-attempt input.ng-dirty.ng-invalid:focus,
.window-login .pwd-form.submit-attempt input:focus.ng-dirty.ng-invalid:focus,
.window-login .pwd-form.submit-attempt textarea.ng-dirty.ng-invalid:focus,
.window-login .pwd-form.submit-attempt select.ng-dirty.ng-invalid:focus,
.window-login .pwd-form.submit-attempt input.ng-invalid-required:focus,
.window-login .pwd-form.submit-attempt input:focus.ng-invalid-required:focus,
.window-login .pwd-form.submit-attempt textarea.ng-invalid-required:focus,
.window-login .pwd-form.submit-attempt select.ng-invalid-required:focus {
  border-color: rgba(233, 50, 45, 0.6);
  -webkit-box-shadow: 0 0 6px #f99794;
  -moz-box-shadow: 0 0 6px #f99794;
  box-shadow: 0 0 6px #f99794;
}
/* line 39, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .pwd-form .wgt-loading-overlay-dark:before {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 44, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .pwd-form .wgt-loading-overlay-dark:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-right-color: rgba(255, 255, 255, 0.8);
}
/* line 76, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .pwd-form .input-hint {
  right: 26px !important;
}
/* line 82, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .reset-result {
  text-align: center;
  padding: 50px 0 90px 0;
}
/* line 87, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar {
  text-align: center;
}
/* line 104, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .register {
  display: inline-block;
  font-size: 14px;
  color: #ffb83c;
  font-weight: bold;
}
/* line 99, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .register:hover {
  color: #ffcb6f;
}
/* line 114, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .register.link-left:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  color: white;
  content: "\F040";
  left: -5px;
}
/* line 118, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .register.link-right:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  color: white;
  content: "\F040";
  right: -5px;
}
/* line 123, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .login {
  display: inline-block;
  font-size: 14px;
  color: #ffb83c;
  font-weight: bold;
}
/* line 99, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .login:hover {
  color: #ffcb6f;
}
/* line 133, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .login.link-left:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  color: white;
  content: "\F084";
  left: -5px;
}
/* line 137, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .login.link-right:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  color: white;
  content: "\F084";
  right: -5px;
}
/* line 142, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .reset {
  display: inline-block;
  font-size: 14px;
  color: #ffb83c;
  font-weight: bold;
}
/* line 99, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .reset:hover {
  color: #ffcb6f;
}
/* line 152, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .reset.link-left:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  color: white;
  content: "\F002";
  left: -5px;
}
/* line 156, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .reset.link-right:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  color: white;
  content: "\F002";
  right: -5px;
}
/* line 162, /home/pc035860/master/web/asset/less/window/login.less */
.window-login .linkbar .separator {
  display: inline-block;
  background-color: #ffffff;
  width: 1px;
  height: 10px;
}
/* line 1, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: margin-top 250ms linear;
  -moz-transition: margin-top 250ms linear;
  -o-transition: margin-top 250ms linear;
  transition: margin-top 250ms linear;
  position: relative;
  padding: 0 0 60px;
  margin-top: 70px;
  background-color: #9ae4dc;
}
@media (max-width: 767px) {
  /* line 35, /home/pc035860/master/web/asset/less/window/contact.less */
  .window-contact {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* line 40, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .decorating-parrot {
  position: absolute;
  right: -46px;
  top: -35px;
}
/* line 47, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact h3 {
  margin: 0;
  padding: 40px 0;
  font-size: 24px;
  text-align: center;
  color: white;
  letter-spacing: 1px;
  padding-bottom: 30px;
}
/* line 53, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__field {
  margin-bottom: 5px;
}
/* line 56, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__field:last-of-type {
  margin-bottom: 0;
}
/* line 61, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__field.prior-to-submit {
  margin-bottom: 20px;
}
/* line 67, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__faq-hint {
  -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08);
  position: relative;
  padding: 20px 0;
  background-color: #beefe9;
  text-align: center;
}
@media (max-width: 767px) {
  /* line 78, /home/pc035860/master/web/asset/less/window/contact.less */
  .window-contact__faq-hint {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* line 84, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__faq-hint:before {
  width: 50px;
  height: 16px;
  content: '';
  position: absolute;
  left: 50%;
  top: -16px;
  margin-left: -25px;
  background: url(../image/contact-faq-hint-arrow.png) no-repeat 0 0;
  overflow: hidden;
}
/* line 102, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__faq-hint h4 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #35857e;
  line-height: 1.5;
}
/* line 111, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__faq-hint p {
  margin: 0;
  font-size: 14px;
  color: #59b6aa;
  line-height: 1.5;
}
/* line 119, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__faq-hint a {
  color: #5177c6;
  text-decoration: underline;
}
/* line 123, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact__faq-hint a:hover {
  color: #5b82d2;
}
/* line 129, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 3.19148936%;
  background-color: #55cac0;
}
/* line 149, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form {
  margin-bottom: 0;
}
/* line 235, /home/pc035860/master/web/asset/less/widgets.less */
.window-contact form .input-field {
  position: relative;
}
/* line 238, /home/pc035860/master/web/asset/less/widgets.less */
.window-contact form .input-field input,
.window-contact form .input-field input:focus,
.window-contact form .input-field textarea,
.window-contact form .input-field textarea:focus,
.window-contact form .input-field select {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 244, /home/pc035860/master/web/asset/less/widgets.less */
.window-contact form .input-hint {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: 32px;
  bottom: 15px;
  width: 40%;
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  opacity: 0;
}
/* line 262, /home/pc035860/master/web/asset/less/widgets.less */
.window-contact form .input-hint.show {
  visibility: visible;
  opacity: 0.8;
}
/* line 270, /home/pc035860/master/web/asset/less/widgets.less */
.window-contact form.submit-attempt input.ng-dirty.ng-invalid:focus,
.window-contact form.submit-attempt input:focus.ng-dirty.ng-invalid:focus,
.window-contact form.submit-attempt textarea.ng-dirty.ng-invalid:focus,
.window-contact form.submit-attempt select.ng-dirty.ng-invalid:focus,
.window-contact form.submit-attempt input.ng-invalid-required:focus,
.window-contact form.submit-attempt input:focus.ng-invalid-required:focus,
.window-contact form.submit-attempt textarea.ng-invalid-required:focus,
.window-contact form.submit-attempt select.ng-invalid-required:focus {
  border-color: rgba(233, 50, 45, 0.6);
  -webkit-box-shadow: 0 0 6px #f99794;
  -moz-box-shadow: 0 0 6px #f99794;
  box-shadow: 0 0 6px #f99794;
}
/* line 154, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form label {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
  color: #35857e;
}
/* line 164, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form .input-field-note {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
/* line 170, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form select {
  max-width: 445px;
}
/* line 174, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form textarea,
.window-contact form input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 445px;
  width: 100%;
  height: 28px;
}
/* line 182, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form textarea {
  height: 128px;
}
/* line 186, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form input[type="submit"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 110px;
  height: 35px;
  line-height: 31.5px;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #35857e;
}
/* line 200, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form input[type="submit"]:hover,
.window-contact form input[type="submit"]:focus {
  background-color: #36938b;
}
/* line 203, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form input[type="submit"]:active {
  background-color: #277770;
}
/* line 207, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form input[type="submit"][disabled] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
/* line 214, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form .input-field > .input-hint {
  bottom: 13px;
  right: 10px;
  font-size: 13px;
}
/* line 219, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact form .input-field-note {
  position: relative;
  top: -7px;
  font-size: 12px;
  color: white;
  letter-spacing: 1px;
}
/* line 251, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .faq-line {
  max-width: 570px;
  height: 2px;
  margin: 20px auto;
  background-color: #9ae4dc;
}
/* line 263, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq h4 {
  margin: 0 0 15px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.4;
  font-size: 24px;
  color: #fff;
}
/* line 275, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__hr-title {
  overflow: hidden;
  margin-bottom: 10px;
  text-align: center;
}
/* line 297, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__hr-title .title {
  position: relative;
  display: inline-block;
  color: #aaeae4;
  line-height: 30px;
  font-size: 20px;
  letter-spacing: 1px;
}
/* line 306, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__hr-title .title:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  width: 254px;
  height: 1px;
  background-color: #8ee4dd;
  left: -264px;
}
/* line 312, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__hr-title .title:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  width: 254px;
  height: 1px;
  background-color: #8ee4dd;
  right: -264px;
}
/* line 321, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list {
  margin: 0;
  list-style-type: none;
}
/* line 325, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .item-head {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
  color: #35857e;
  font-weight: bold;
}
/* line 333, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .item-head:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '\F075';
  display: inline-block;
  margin-right: 8px;
  font-size: 17px;
}
/* line 345, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .item-body {
  padding-left: 25px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
/* line 353, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .item-body a {
  color: #ccffea;
  text-decoration: underline;
}
/* line 357, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .item-body a:hover,
.window-contact .contact-faq__list .item-body a:focus {
  color: #ccffea;
  font-weight: bold;
}
/* line 363, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .item-body strong {
  font-size: 16px;
}
/* line 370, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list li:after {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  margin-bottom: 20px;
  border-top: 1px solid #8ee4dd;
}
/* line 381, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list li:last-of-type:after {
  display: none;
}
/* line 386, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .hl-1 {
  display: inline-block;
  text-decoration: none !important;
  color: #333 !important;
  background-color: #e9f595 !important;
  font-weight: normal !important;
}
/* line 393, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq__list .hl-2 {
  color: #35857e !important;
}
/* line 398, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq h4 {
  text-align: center;
  font-weight: normal;
}
/* line 402, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq h4 .title {
  -webkit-font-smoothing: antialiased;
  font-family: 'MuseoSlab500';
  color: #fffc9f;
  display: inline-block;
  position: relative;
  font-size: 22px;
}
/* line 411, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq h4 .title-line {
  position: absolute;
  top: 50%;
  width: 254px;
  height: 2px;
  margin-top: -1px;
  background-color: white;
}
/* line 421, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq h4 .title-line:first-child {
  left: -264px;
}
/* line 424, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq h4 .title-line:last-child {
  right: -264px;
}
/* line 432, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq .contact-faq-item .contact-faq-q,
.window-contact .contact-faq .contact-faq-item .contact-faq-a {
  font-size: 14px;
  color: white;
  line-height: 1.3;
  position: relative;
  width: 100%;
  max-width: 490px;
  margin: 0 auto 15px;
}
/* line 443, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq .contact-faq-item .contact-faq-q:before {
  -webkit-font-smoothing: antialiased;
  font-family: 'MuseoSlab500';
  font-size: 22px;
  color: #fffc9f;
  position: absolute;
  top: -4px;
  left: -25px;
  content: 'Q';
}
/* line 449, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq .contact-faq-item .contact-faq-a:before {
  -webkit-font-smoothing: antialiased;
  font-family: 'MuseoSlab500';
  font-size: 22px;
  color: #fffc9f;
  position: absolute;
  top: -4px;
  left: -25px;
  content: 'A';
}
/* line 455, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .contact-faq .contact-faq-item:after {
  max-width: 570px;
  height: 2px;
  margin: 20px auto;
  background-color: #9ae4dc;
  content: '';
  display: block;
}
/* line 464, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .main-contact-recaptcha {
  overflow: hidden;
}
/* line 473, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact #recaptcha_area #recaptcha_table {
  outline: none !important;
  border: none !important;
}
/* line 479, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .fb-page-promote {
  text-align: center;
}
/* line 482, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .fb-page-promote > span {
  position: relative;
  color: white;
  font-size: 14px;
}
/* line 488, /home/pc035860/master/web/asset/less/window/contact.less */
.window-contact .fb-page-promote > a {
  position: relative;
  top: -2px;
}
/**
 * for modal recaptcha
 */
/* line 498, /home/pc035860/master/web/asset/less/window/contact.less */
.modal-body.main-contact {
  overflow-x: hidden;
}
/* line 502, /home/pc035860/master/web/asset/less/window/contact.less */
.modal-body.main-contact .main-contact-recaptcha {
  margin-left: 41px;
}
/* line 1, /home/pc035860/master/web/asset/less/window/activation.less */
.window-activation {
  position: relative;
  z-index: 0;
  padding: 40px 0 30px 0;
  text-align: center;
}
/* line 13, /home/pc035860/master/web/asset/less/window/activation.less */
.window-activation > .dancing {
  display: block;
  margin: 0 auto;
}
/* line 18, /home/pc035860/master/web/asset/less/window/activation.less */
.window-activation .btns {
  padding: 20px 0;
}
/* line 22, /home/pc035860/master/web/asset/less/window/activation.less */
.window-activation .btns .span4:first-child,
.window-activation .btns .span6:first-child {
  text-align: right;
}
/* line 25, /home/pc035860/master/web/asset/less/window/activation.less */
.window-activation .btns .span4:last-child,
.window-activation .btns .span6:last-child {
  text-align: left;
}
/* line 1, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar {
  position: relative;
  padding: 30px 0 55px 0;
}
/* line 17, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar.opened .calendar-control-bar .desc {
  opacity: 0;
  -webkit-transform: translate(-50px, 0px);
  -moz-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  -o-transform: translate(-50px, 0px);
  transform: translate(-50px, 0px);
}
/* line 25, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar.closed .calendar-control-bar .desc {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
/* line 32, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .calendar-control-bar {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}
/* line 37, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .calendar-control-bar > a {
  display: block;
  overflow: hidden;
}
/* line 41, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .calendar-control-bar > a .icon-double-angle-up {
  float: right;
  color: white;
  text-shadow: 0 0 2px rgba(30, 114, 106, 0.5);
  -webkit-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  -moz-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  -o-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 36px;
}
/* line 50, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .calendar-control-bar > a .desc {
  float: right;
  color: white;
  text-shadow: 0 0 2px rgba(30, 114, 106, 0.5);
  -webkit-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  -moz-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  -o-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 50ms;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 36px;
  text-shadow: 0 0 1px rgba(30, 114, 106, 0.5);
  font-size: 18px;
  line-height: 40px;
  margin-right: 15px;
  letter-spacing: 1px;
}
/* line 59, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .calendar-control-bar > a:active,
.window-calendar .calendar-control-bar > a:focus {
  outline: none;
}
/* line 65, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-container {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  padding: 0 15px;
}
/* line 69, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-container h3 {
  text-shadow: 0 0 2px rgba(30, 114, 106, 0.5);
  font-size: 24px;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  margin: 0;
  padding-bottom: 20px;
}
/* line 80, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header,
.window-calendar .window-calendar-body,
.window-calendar .window-calendar-summary {
  float: left;
  margin: 10px 0 10px 5px;
}
/* line 84, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header {
  width: 160px;
}
/* line 86, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header div {
  width: 100%;
  text-align: center;
  color: #378782;
}
/* line 91, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-year {
  height: 26px;
  font-size: 26px;
  line-height: 26px;
  margin-top: 15px;
}
/* line 97, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-month {
  color: #e2fbf6;
  font-size: 100px;
  height: 100px;
  line-height: 100px;
  font-weight: bold;
}
/* line 104, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-controls {
  z-index: 100;
  height: 23px;
  font-size: 23px;
}
/* line 108, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-controls img {
  display: block;
  cursor: pointer;
}
/* line 122, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-controls .calendar-prev {
  float: left;
  margin-left: 10px;
}
/* line 20, /home/pc035860/master/web/asset/less/utils.less */
.window-calendar .window-calendar-header .calendar-controls .calendar-prev:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
/* line 116, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-controls .calendar-prev.disabled {
  opacity: 0.3;
  cursor: default;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/* line 127, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-controls .calendar-next {
  float: right;
  margin-right: 10px;
}
/* line 20, /home/pc035860/master/web/asset/less/utils.less */
.window-calendar .window-calendar-header .calendar-controls .calendar-next:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
/* line 116, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-controls .calendar-next.disabled {
  opacity: 0.3;
  cursor: default;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/* line 134, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board h4 {
  color: white;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
  font-style: italic;
  background-color: #3ccfc5;
  margin-bottom: 0;
}
/* line 143, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body {
  background-color: #e1faf6;
  color: #378782;
  padding: 5px;
  width: auto;
}
/* line 148, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .total-duration {
  font-size: 50px;
  font-style: italic;
  font-weight: bold;
  line-height: 85px;
  height: 85px;
}
/* line 155, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .unit {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
}
/* line 164, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .medal {
  float: left;
  margin-top: 2px;
  width: 33%;
}
/* line 168, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .medal img {
  margin: 10px auto;
  display: block;
}
/* line 172, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .medal div {
  font-size: 18px;
  line-height: 18px;
  font-style: italic;
}
/* line 176, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .medal div.white-feather {
  color: #378782;
}
/* line 179, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .medal div.gold-feather {
  color: #c0a068;
}
/* line 182, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-header .calendar-board .calendar-board-body .medal div.parrot-head {
  color: #9b2228;
}
/* line 201, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body {
  width: 610px;
}
/* line 204, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .title {
  float: left;
  margin: 1px;
  height: 16px;
  color: #368580;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  width: 85px;
}
/* line 210, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell {
  float: left;
  margin: 1px;
  width: 85px;
  height: 85px;
  background-image: url(../image/Calendar2_bg.png);
  background-size: cover;
  color: white;
  text-align: center;
}
/* line 220, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell__date {
  text-align: left;
  font-size: 14px;
  margin-left: 12px;
  margin-top: 5px;
}
/* line 228, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell__award img {
  -webkit-animation: bjsJellyIn 1.2s both;
  -moz-animation: bjsJellyIn 1.2s both;
  -o-animation: bjsJellyIn 1.2s both;
  animation: bjsJellyIn 1.2s both;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
/* line 236, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell p {
  display: block;
  margin: 0 auto;
  font-size: 12px;
}
/* line 241, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell.is-today {
  -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.7);
  position: relative;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
}
/* line 247, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell.is-today:after {
  content: "今天";
  position: absolute;
  right: 6px;
  top: 5px;
  z-index: 2;
  width: 100%;
  text-align: right;
  font-size: 12px;
  color: white;
}
/* line 261, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell.last-month,
.window-calendar .window-calendar-body .days .cell.next-month {
  color: #c2efea;
  background-color: #6ed9ce;
  background-image: none;
}
/* line 266, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-body .days .cell.last-month img,
.window-calendar .window-calendar-body .days .cell.next-month img {
  opacity: 0.7;
}
/* line 273, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-summary {
  width: 119px;
}
/* line 276, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-summary .title {
  float: left;
  margin: 1px;
  height: 16px;
  color: #368580;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  width: 119px;
}
/* line 282, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-summary .weekly-duration div {
  float: left;
  margin: 1px;
  width: 119px;
  height: 85px;
  background-color: white;
  text-align: center;
  color: #37cdbe;
  font-size: 40px;
  line-height: 63.75px;
}
/* line 292, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-summary .weekly-duration div .unit {
  font-size: 12px;
  line-height: 12px;
  text-align: right;
  height: 12px;
  width: 90%;
}
/* line 302, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-footer {
  text-shadow: 0 0 2px rgba(30, 114, 106, 0.5);
  position: relative;
  width: 764px;
  height: 38px;
  margin: 0 auto;
  background-color: #27cebf;
  clear: both;
  line-height: 37px;
  text-align: center;
}
/* line 320, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-footer .note {
  color: white;
  display: inline-block;
}
/* line 325, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-footer:before {
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 19px solid #9ae4dc;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -3px;
}
/* line 337, /home/pc035860/master/web/asset/less/window/calendar.less */
.window-calendar .window-calendar-footer:after {
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid #9ae4dc;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: -3px;
}
/* line 15, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body {
  min-height: 406.5px;
}
/* line 23, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list {
  overflow: hidden;
  padding: 0.1% 4%;
}
/* line 117, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list > .row-fluid {
  margin-bottom: 55px;
}
/* line 121, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription {
  float: left;
  text-align: center;
  padding: 10px 0 5px;
  position: relative;
  z-index: 0;
  margin-bottom: 40px;
  width: 100%;
  background-color: #ffffff;
}
/* line 44, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription:nth-child(3n+1) {
  margin-left: 0;
}
/* line 51, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription .action {
  position: absolute;
  left: 0.5%;
  top: 0;
  bottom: 0;
  width: 99%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out;
  -moz-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
}
/* line 76, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription .action .icon-signout {
  display: block;
  color: #27cebf;
  padding: 28% 0;
  text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.2);
  -webkit-transition: all 300ms linear 100ms;
  -moz-transition: all 300ms linear 100ms;
  -o-transition: all 300ms linear 100ms;
  transition: all 300ms linear 100ms;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: 10px;
}
/* line 83, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription .action .icon-plus-sign {
  display: block;
  color: #27cebf;
  padding: 28% 0;
  text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.2);
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* line 90, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription .action:active .icon-signout {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  color: #a1ede6;
}
/* line 94, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription .action:active .icon-plus-sign {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  color: #a1ede6;
}
/* line 102, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription:hover .action {
  opacity: 1;
}
/* line 105, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription:hover .action .icon-signout {
  top: 0px;
}
/* line 109, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription:hover .action .icon-plus-sign {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
/* line 128, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription .icon-plus {
  display: block;
  color: #27cebf;
  line-height: 249px;
}
/* line 136, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .add-subscription .action .desc {
  line-height: 293px;
  font-size: 1.5em;
  letter-spacing: 1px;
  text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.2);
}
/* line 145, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription {
  float: left;
  text-align: center;
  padding: 10px 0 5px;
  position: relative;
  z-index: 0;
  margin-bottom: 40px;
  background-color: #27cebf;
  /**
				 * 特別的課程 - 不一樣顏色
				 */
}
/* line 44, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription:nth-child(3n+1) {
  margin-left: 0;
}
/* line 149, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription:nth-child(3n+1) {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}
/* line 152, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription:nth-child(3n+2) {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
/* line 155, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription:nth-child(3n+3) {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
/* line 51, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content .action {
  position: absolute;
  left: 0.5%;
  top: 0;
  bottom: 0;
  width: 99%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out;
  -moz-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
}
/* line 76, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content .action .icon-signout {
  display: block;
  color: #27cebf;
  padding: 28% 0;
  text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.2);
  -webkit-transition: all 300ms linear 100ms;
  -moz-transition: all 300ms linear 100ms;
  -o-transition: all 300ms linear 100ms;
  transition: all 300ms linear 100ms;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: 10px;
}
/* line 83, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content .action .icon-plus-sign {
  display: block;
  color: #27cebf;
  padding: 28% 0;
  text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.2);
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 100ms;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* line 90, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content .action:active .icon-signout {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  color: #a1ede6;
}
/* line 94, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content .action:active .icon-plus-sign {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  color: #a1ede6;
}
/* line 102, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content:hover .action {
  opacity: 1;
}
/* line 105, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content:hover .action .icon-signout {
  top: 0px;
}
/* line 109, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content:hover .action .icon-plus-sign {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
/* line 162, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content a.action .desc {
  font-size: 1.5em;
  letter-spacing: 1px;
  text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.2);
}
/* line 103, /home/pc035860/master/web/asset/less/widgets.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content .img-holder {
  display: block;
  margin: 0 auto;
  width: 124px;
  height: 143px;
}
/* line 111, /home/pc035860/master/web/asset/less/widgets.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .subscription-content .name {
  color: white;
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  letter-spacing: 1px;
}
/* line 172, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 81px;
  padding: 0 9.489%;
  padding-bottom: 3px;
  color: white;
}
/* line 182, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress h4 {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  margin: 20px 0 8px 0;
}
/* line 189, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__new,
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__review {
  position: relative;
  overflow: hidden;
  text-align: left;
}
/* line 195, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__new__desc,
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__review__desc {
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
}
/* line 205, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__new__progress,
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__review__progress {
  position: relative;
  top: -1px;
  display: inline-block;
}
/* line 211, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__new__progress .progress-bar,
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__review__progress .progress-bar {
  width: 40px;
  height: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 10px;
  background-color: rgba(255, 255, 255, 0.35);
  vertical-align: middle;
}
/* line 226, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__new__progress .progress-bar__inner,
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__review__progress .progress-bar__inner {
  -webkit-transition: width 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: width 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: width 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: width 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 0;
  height: 100%;
  background-color: #fff;
}
/* line 236, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__new__progress .progress-text,
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__review__progress .progress-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  vertical-align: middle;
}
/* line 241, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__new__progress .progress-text__hl,
.window-subscriptions .window-subscriptions-body .main-list .subscription .daily-progress__review__progress .progress-text__hl {
  color: white;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
/* line 250, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .expire-note {
  display: block;
  position: absolute;
  width: 100%;
  bottom: -24px;
  left: 0;
  color: white;
  font-size: 0.8em;
  letter-spacing: 1px;
}
/* line 261, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription .expire-note .expire-date,
.window-subscriptions .window-subscriptions-body .main-list .subscription .expire-note .icon-plus-sign {
  color: #35857e;
}
/* line 269, /home/pc035860/master/web/asset/less/window/subscriptions.less */
.window-subscriptions .window-subscriptions-body .main-list .subscription.special {
  background-color: #2db5ce;
}
/* line 1, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs {
  background-color: #9ae4dc;
  padding-bottom: 30px;
  letter-spacing: 1px;
}
/* line 13, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs > .parrot {
  position: absolute;
  left: -10%;
  top: -36px;
  z-index: 200;
}
/* line 18, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs > h3 {
  font-weight: normal;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  margin: 0;
  padding: 20px 0;
  letter-spacing: 1px;
  text-shadow: 0 0 2px #72d9ce;
}
/* line 29, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .news {
  width: 70%;
  margin: 0 auto;
  padding: 12px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #27cebf;
}
/* line 37, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .news .icon-lightbulb {
  display: inline-block;
  color: #a70f19;
  font-size: 42px;
  padding-left: 13%;
  padding-top: 8px;
}
/* line 45, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .news .desc {
  color: black;
  text-align: justify;
  font-size: 13px;
}
/* line 50, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .news .desc .hl {
  color: #a70f19;
}
/* line 56, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list {
  min-height: 350px;
  padding: 0 40px;
}
/* line 60, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .catalog {
  text-align: center;
  padding: 20px 0 10px;
  border: 2px solid #27cebf;
  margin-bottom: 20px;
}
/* line 103, /home/pc035860/master/web/asset/less/widgets.less */
.window-catalogs .catalog-list .catalog .img-holder {
  display: block;
  margin: 0 auto;
  width: 124px;
  height: 143px;
}
/* line 111, /home/pc035860/master/web/asset/less/widgets.less */
.window-catalogs .catalog-list .catalog .name {
  color: white;
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  letter-spacing: 1px;
}
/* line 70, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .catalog .name {
  padding: 5px 0 15px;
}
/* line 74, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .catalog .subscribe {
  display: inline-block;
  padding: 6px 17px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #67dcd2;
  font-size: 14px;
  color: #ffffff;
}
/* line 86, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .catalog:nth-child(3n+1) {
  margin-left: 0;
}
/* line 91, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .catalog:hover .subscribe {
  background-color: #73dfd6;
}
/* line 97, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .catalog:active .subscribe {
  background-color: #52d7cc;
}
/* line 103, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .zero-catalog {
  font-size: 18px;
  text-align: center;
  color: white;
  height: 250px;
  line-height: 150px;
  text-shadow: 0 0 2px #72d9ce;
}
/* line 109, /home/pc035860/master/web/asset/less/window/catalogs.less */
.window-catalogs .catalog-list .loading {
  background-color: transparent;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  padding: 100px 0 150px;
}
/* line 138, /home/pc035860/master/web/asset/less/widgets.less */
.window-catalogs .catalog-list .loading canvas {
  position: relative;
  top: -15px;
  vertical-align: middle;
}
/* line 144, /home/pc035860/master/web/asset/less/widgets.less */
.window-catalogs .catalog-list .loading > .desc {
  font-size: 24px;
}
/* line 152, /home/pc035860/master/web/asset/less/widgets.less */
.window-catalogs .catalog-list .loading > .desc > span:nth-child(1) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
/* line 156, /home/pc035860/master/web/asset/less/widgets.less */
.window-catalogs .catalog-list .loading > .desc > span:nth-child(2) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
/* line 160, /home/pc035860/master/web/asset/less/widgets.less */
.window-catalogs .catalog-list .loading > .desc > span:nth-child(3) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 530ms;
  -moz-animation-delay: 530ms;
  -o-animation-delay: 530ms;
  animation-delay: 530ms;
}
/* line 1, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog {
  background-color: #9ae4dc;
}
/* line 15, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .hl-white {
  font-weight: bold;
  color: #fff;
}
/* line 19, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .hl-yellow {
  font-weight: bold;
  color: #ffe87d;
}
/* line 24, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100px;
  height: 30px;
  display: inline-block;
  padding: 0;
  border: none;
  background-color: #35857e;
  color: white;
  line-height: 30px;
  text-align: center;
}
/* line 46, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__btn:hover,
.window-catalog__btn:focus {
  background-color: #36938b;
}
/* line 49, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__btn:active {
  background-color: #277770;
}
/* line 53, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__btn.disabled,
.window-catalog__btn[disabled] {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
/* line 60, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__wrap {
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 60px;
}
/* line 72, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__wrap h2 {
  height: auto;
  margin: 0 0 25px;
  font-weight: normal;
  font-size: 24px;
  color: white;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 1px;
}
/* line 88, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__block {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 30px 16.66666667% 25px;
  background-color: #27cebf;
  font-size: 14px;
  color: #35857e;
  line-height: 1.5;
}
/* line 101, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__block__heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
}
/* line 109, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__block__field {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 50px;
  margin-bottom: 20px;
  background-color: #20bbad;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
}
/* line 123, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__block__field.editing {
  height: 60px;
  margin-bottom: 10px;
  line-height: 60px;
  background-color: #6cddd3;
}
/* line 131, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__block__actions {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: center;
}
/* line 137, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__block.last {
  margin-bottom: 0;
}
/* line 142, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__init-progress {
  max-width: 300px;
  height: 10px;
  margin: 0 auto;
}
/* line 148, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog__init-progress .bar {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-image: none;
  background-color: #ffe87d;
}
/* line 159, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .date-select {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}
/* line 165, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .date-select select {
  margin-bottom: 5px;
  background-color: #35857e;
  vertical-align: middle;
  font-size: 16px;
  color: #ffffff;
  border: none;
}
/* line 176, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .date-select select:nth-child(1) {
  width: 80px;
}
/* line 180, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .date-select select:nth-child(2),
.window-catalog .date-select select:nth-child(3) {
  width: 60px;
}
/* line 187, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .back {
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff !important;
  font-size: 14px;
  text-decoration: underline !important;
}
/* line 194, /home/pc035860/master/web/asset/less/window/catalog.less */
.window-catalog .back:hover {
  font-weight: bold;
}
/* line 1, /home/pc035860/master/web/asset/less/window/user.less */
.window-user {
  max-width: 760px;
  width: 100%;
  min-height: 350px;
  color: white;
  background-color: #27cebf;
  /**
	 * 基本資料
	 */
  /**
	 * 帳號密碼
	 */
}
/* line 9, /home/pc035860/master/web/asset/less/window/user.less */
.window-user input[type="text"],
.window-user input[type="password"],
.window-user select {
  border: solid 1px #1da7a9;
}
/* line 13, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .slash {
  position: relative;
  top: 5px;
  text-align: center;
}
/* line 19, /home/pc035860/master/web/asset/less/window/user.less */
.window-user label[for^="gender-"] {
  line-height: 30px;
}
/* line 22, /home/pc035860/master/web/asset/less/window/user.less */
.window-user label[for^="gender-"] span {
  vertical-align: middle;
  font-size: 14px;
}
/* line 27, /home/pc035860/master/web/asset/less/window/user.less */
.window-user label[for^="gender-"] input[type="radio"] {
  vertical-align: middle;
}
/* line 59, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .profile {
  max-width: 485px;
  width: 95%;
  margin: 0 auto;
  padding: 50px 0;
}
/* line 66, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .profile label {
  font-size: 14px;
  margin-bottom: 2px;
}
/* line 71, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .profile form {
  margin: 0;
}
/* line 75, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .profile .span6 {
  margin-bottom: 10px;
}
/* line 79, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .profile .actions {
  text-align: right;
}
/* line 83, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .profile .save {
  background-color: #0b3d38;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 98px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
  line-height: 30px;
  color: white;
  position: relative;
  top: 40px;
  right: -20px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-user .profile .save:hover,
.window-user .profile .save:focus {
  background-color: #0f534c;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-user .profile .save:active {
  background-color: #072724;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-user .profile .save.disabled,
.window-user .profile .save[disabled] {
  background-color: #123632;
}
/* line 51, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .profile .save:focus {
  outline: none;
}
/* line 95, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth {
  max-width: 485px;
  width: 95%;
  margin: 0 auto;
  padding: 50px 0;
}
/* line 66, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth label {
  font-size: 14px;
  margin-bottom: 2px;
}
/* line 71, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth form {
  margin: 0;
}
/* line 75, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .span6 {
  margin-bottom: 10px;
}
/* line 79, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .actions {
  text-align: right;
}
/* line 83, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .save {
  background-color: #0b3d38;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 98px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
  line-height: 30px;
  color: white;
  position: relative;
  top: 40px;
  right: -20px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-user .auth .save:hover,
.window-user .auth .save:focus {
  background-color: #0f534c;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-user .auth .save:active {
  background-color: #072724;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-user .auth .save.disabled,
.window-user .auth .save[disabled] {
  background-color: #123632;
}
/* line 51, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .save:focus {
  outline: none;
}
/* line 98, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth label {
  display: inline;
  line-height: 30px;
}
/* line 103, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .account {
  margin-bottom: 25px;
}
/* line 106, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .account > label {
  cursor: default;
}
/* line 110, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .account > span {
  font-size: 18px;
  letter-spacing: 1px;
}
/* line 116, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .input-field {
  *zoom: 1;
  margin-bottom: 10px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-user .auth .input-field:before,
.window-user .auth .input-field:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-user .auth .input-field:after {
  clear: both;
}
/* line 121, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .input-field input[type="password"] {
  width: 95%;
  max-width: 350px;
  float: right;
}
/* line 128, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .update {
  background-color: #0b3d38;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 98px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
  line-height: 30px;
  color: white;
  position: relative;
  top: 40px;
  right: -20px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-user .auth .update:hover,
.window-user .auth .update:focus {
  background-color: #0f534c;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-user .auth .update:active {
  background-color: #072724;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-user .auth .update.disabled,
.window-user .auth .update[disabled] {
  background-color: #123632;
}
/* line 51, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .auth .update:focus {
  outline: none;
}
/* line 235, /home/pc035860/master/web/asset/less/widgets.less */
.window-user .pwd-form .input-field {
  position: relative;
}
/* line 238, /home/pc035860/master/web/asset/less/widgets.less */
.window-user .pwd-form .input-field input,
.window-user .pwd-form .input-field input:focus,
.window-user .pwd-form .input-field textarea,
.window-user .pwd-form .input-field textarea:focus,
.window-user .pwd-form .input-field select {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 244, /home/pc035860/master/web/asset/less/widgets.less */
.window-user .pwd-form .input-hint {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: 32px;
  bottom: 15px;
  width: 40%;
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  opacity: 0;
}
/* line 262, /home/pc035860/master/web/asset/less/widgets.less */
.window-user .pwd-form .input-hint.show {
  visibility: visible;
  opacity: 0.8;
}
/* line 270, /home/pc035860/master/web/asset/less/widgets.less */
.window-user .pwd-form.submit-attempt input.ng-dirty.ng-invalid:focus,
.window-user .pwd-form.submit-attempt input:focus.ng-dirty.ng-invalid:focus,
.window-user .pwd-form.submit-attempt textarea.ng-dirty.ng-invalid:focus,
.window-user .pwd-form.submit-attempt select.ng-dirty.ng-invalid:focus,
.window-user .pwd-form.submit-attempt input.ng-invalid-required:focus,
.window-user .pwd-form.submit-attempt input:focus.ng-invalid-required:focus,
.window-user .pwd-form.submit-attempt textarea.ng-invalid-required:focus,
.window-user .pwd-form.submit-attempt select.ng-invalid-required:focus {
  border-color: rgba(233, 50, 45, 0.6);
  -webkit-box-shadow: 0 0 6px #f99794;
  -moz-box-shadow: 0 0 6px #f99794;
  box-shadow: 0 0 6px #f99794;
}
/* line 140, /home/pc035860/master/web/asset/less/window/user.less */
.window-user .pwd-form .input-hint {
  right: 8px !important;
}
/* line 42, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .category-nav {
  -webkit-font-smoothing: antialiased;
  max-width: 760px;
  margin: 0 auto 30px;
}
/* line 48, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .category-nav__heading {
  position: absolute;
  margin-left: 20px;
  margin-top: 6px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
/* line 57, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .category-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border-bottom: 1px solid #6cddd3;
}
/* line 309, /home/pc035860/master/web/asset/less/note/mixins.less */
.window-bills .category-nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
/* line 314, /home/pc035860/master/web/asset/less/note/mixins.less */
.window-bills .category-nav ul li a {
  display: block;
  padding: 7px 28px;
  background-color: #6cddd3;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 16px;
}
/* line 323, /home/pc035860/master/web/asset/less/note/mixins.less */
.window-bills .category-nav ul li a:hover,
.window-bills .category-nav ul li a:focus {
  background-color: #27cebf;
}
/* line 326, /home/pc035860/master/web/asset/less/note/mixins.less */
.window-bills .category-nav ul li a:active {
  background-color: #13baab;
}
/* line 332, /home/pc035860/master/web/asset/less/note/mixins.less */
.window-bills .category-nav ul li.active a {
  background-color: #13baab;
}
/* line 62, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__no-record {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  background-color: #27cebf;
  color: #ffffff;
  height: 350px;
  text-align: center;
  line-height: 350px;
  font-size: 18px;
}
/* line 76, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list {
  width: 95%;
  margin: 0 auto;
  padding: 10px 0;
}
/* line 82, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__resend-receipt {
  font-weight: bold;
  color: #35857e;
}
/* line 33, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__resend-receipt:hover {
  color: #36938b;
  text-decoration: underline;
}
/* line 37, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__resend-receipt:active,
.window-bills__list__resend-receipt:focus {
  color: #277770;
}
/* line 85, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__resend-receipt > span {
  display: inline-block;
  margin-left: 5px;
}
/* line 91, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__status {
  min-width: 70px;
  color: #e1faf6;
}
/* line 95, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__status .canceled {
  color: #10ad9f;
}
/* line 99, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__status .coupon > a {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-decoration: none !important;
}
/* line 105, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__status .coupon > a:hover {
  color: rgba(255, 255, 255, 0.8);
}
/* line 108, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__status .coupon > a:focus {
  color: #fff;
}
/* line 111, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__status .coupon > a:active {
  color: rgba(255, 255, 255, 0.9);
}
/* line 118, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__amount .canceled {
  text-decoration: line-through;
  color: #10ad9f;
}
/* line 125, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list__period .canceled {
  text-decoration: line-through;
  color: #10ad9f;
}
/* line 131, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table {
  width: 100%;
}
/* line 134, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table th {
  padding: 3px 0;
  background-color: #9ae4dc;
  color: #0b3d38;
  font-size: 14px;
}
/* line 140, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table th > div {
  border-right: 1px solid #27cebf;
}
/* line 145, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table th:last-child > div {
  border: none;
}
/* line 151, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table td {
  -webkit-transition: box-shadow 0.25s ease;
  -moz-transition: box-shadow 0.25s ease;
  -o-transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
}
/* line 163, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table tr {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  will-change: background-color;
}
/* line 168, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table tr.song-der td {
  color: #ffee99;
}
/* line 172, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table tr.highlight {
  background-color: rgba(28, 186, 172, 0.5);
}
/* line 176, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table tr.expired.highlight {
  background-color: transparent;
}
/* line 181, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills__list table tr.expired td {
  color: rgba(255, 255, 255, 0.6);
}
/* line 190, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan-wrap {
  max-width: 760px;
  margin: 0 auto 8px;
}
/* line 194, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan {
  *zoom: 1;
  background-color: #27cebf;
  color: #fff;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-bills .note__plan:before,
.window-bills .note__plan:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-bills .note__plan:after {
  clear: both;
}
/* line 200, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan__col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  min-height: 120px;
}
/* line 206, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan__col--pic {
  width: 10.52631579%;
  padding: 35px 15px 0;
}
/* line 210, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan__col--info {
  width: 47.36842105%;
  padding-top: 32px;
}
/* line 214, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan__col--upgrade {
  width: 42.10526316%;
  padding: 38px 25px 0 0;
  text-align: right;
}
@media (max-width: 767px) {
  /* line 220, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .note__plan__col {
    min-height: 0;
  }
  /* line 223, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .note__plan__col--pic {
    width: 76px;
    margin-left: 20px;
    padding-top: 25px;
  }
  /* line 228, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .note__plan__col--info {
    width: 100%;
    float: none;
    padding-top: 20px;
  }
  /* line 233, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .note__plan__col--upgrade {
    width: 100%;
    float: none;
    padding: 20px 0;
    text-align: center;
  }
}
/* line 242, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan .membership {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}
/* line 249, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan .expire {
  font-size: 16px;
  line-height: 1.5;
}
/* line 254, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan .expire .date {
  color: #ffee99;
}
/* line 258, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan .upgrade {
  width: 120px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 12px;
  line-height: 40px;
  color: #333;
  font-weight: bold;
  text-align: left;
  text-decoration: none !important;
  background-repeat: no-repeat;
  background-image: url(../image/user-bills/note-upgrade-btn.png);
  background-position: -2px -86px;
}
/* line 279, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan .upgrade:hover,
.window-bills .note__plan .upgrade:focus {
  background-position: -2px -44px;
}
/* line 282, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan .upgrade:active {
  background-position: -2px -2px;
}
/* line 286, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__plan .upgrade__icon {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 12px;
  font-size: 21px;
  vertical-align: middle;
}
/* line 297, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__trial-note {
  min-height: 30px;
  background-color: #1cbaac;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 1px;
  text-align: center;
  line-height: 30px;
  text-transform: uppercase;
}
/* line 311, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__unsubscribe {
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  color: #55a098;
}
/* line 319, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__unsubscribe a {
  font-weight: bold;
  color: #35857e;
}
/* line 33, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__unsubscribe a:hover {
  color: #36938b;
  text-decoration: underline;
}
/* line 37, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__unsubscribe a:active,
.window-bills .note__unsubscribe a:focus {
  color: #277770;
}
/* line 324, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__log {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  background-color: #27cebf;
  color: #ffffff;
}
/* line 327, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .note__log .window-bills__list {
  padding: 20px 0 10px;
}
/* line 334, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  background-color: #27cebf;
  color: #ffffff;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  /* line 339, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .vocab__catalog {
    margin-bottom: 25px;
  }
}
/* line 343, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog:last-child {
  margin-bottom: 0;
}
/* line 347, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog > .row-fluid {
  width: 99%;
  margin: 0 auto;
  padding-top: 8px;
}
/* line 354, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-img {
  text-align: center;
}
/* line 357, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-img > img {
  max-width: 85px;
  position: relative;
  bottom: -2px;
}
/* line 364, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-info {
  padding-top: 26px;
}
/* line 367, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-info .due {
  color: #ff0000;
}
/* line 371, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-info .more {
  color: #0b3d38;
}
@media (max-width: 767px) {
  /* line 375, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .vocab__catalog .catalog-info {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  /* line 383, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .vocab__catalog .catalog-info > h4 {
    display: none;
  }
}
/* line 389, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-action {
  padding-top: 15px;
}
/* line 392, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-action .sub-btn {
  background-color: #0b3d38;
  width: 73px;
  height: 73px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #9ae4dc;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-bills .vocab__catalog .catalog-action .sub-btn:hover,
.window-bills .vocab__catalog .catalog-action .sub-btn:focus {
  background-color: #0f534c;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-bills .vocab__catalog .catalog-action .sub-btn:active {
  background-color: #072724;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-bills .vocab__catalog .catalog-action .sub-btn.disabled,
.window-bills .vocab__catalog .catalog-action .sub-btn[disabled] {
  background-color: #123632;
}
/* line 402, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-action .sub-btn .desc {
  font-size: 14px;
}
@media (max-width: 767px) {
  /* line 405, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .vocab__catalog .catalog-action .sub-btn .desc {
    display: inline-block;
  }
}
/* line 410, /home/pc035860/master/web/asset/less/window/bills.less */
.window-bills .vocab__catalog .catalog-action .sub-btn__icon {
  display: block;
  padding-top: 5px;
  padding-bottom: 3px;
  font-size: 38px;
}
@media (max-width: 767px) {
  /* line 416, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .vocab__catalog .catalog-action .sub-btn__icon {
    display: inline-block;
    padding: 0;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  /* line 423, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .vocab__catalog .catalog-action .sub-btn {
    width: 100%;
    height: auto;
    max-width: 100px;
    padding: 8px 0;
  }
}
@media (max-width: 767px) {
  /* line 431, /home/pc035860/master/web/asset/less/window/bills.less */
  .window-bills .vocab__catalog .catalog-action {
    padding-top: 0;
  }
}
/* line 1, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared {
  letter-spacing: 1px;
  color: white;
}
/* line 14, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared__bird-asset {
  pointer-events: none;
}
/* line 18, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .pt-video {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .pt-video--1 {
  -webkit-transform: translate(-175px, 347px) scale(0.5);
  -moz-transform: translate(-175px, 347px) scale(0.5);
  -ms-transform: translate(-175px, 347px) scale(0.5);
  -o-transform: translate(-175px, 347px) scale(0.5);
  transform: translate(-175px, 347px) scale(0.5);
}
/* line 25, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .pt-video--2 {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  -moz-transform: translate(-50%, -50%) scale(0.5);
  -ms-transform: translate(-50%, -50%) scale(0.5);
  -o-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  left: 50.4%;
  top: 81.7%;
}
/* line 33, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header {
  background-color: #2c533f;
  padding: 10px 0;
}
/* line 42, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .catalog-icon {
  position: relative;
  display: block;
  height: 130px;
}
/* line 48, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .catalog-icon img {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 130px;
}
/* line 57, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .catalog-icon:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
}
/* line 60, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .catalog-icon:active {
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}
/* line 64, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header h3.catalog-name {
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}
/* line 69, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .catalog-progress {
  margin-top: 25px;
  margin-left: -5%;
}
/* line 74, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .expire-note {
  font-size: 14px;
}
/* line 77, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .expire-note .expire-date {
  color: #63a985;
}
/* line 81, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .expire-note .subscribe {
  display: inline-block;
  padding: 3px 5px;
  color: #63a985;
  background-color: #1e3a2c;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .expire-note .subscribe:hover,
.window-new-shared .window-new-shared-header .expire-note .subscribe:focus {
  background-color: #214131;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .expire-note .subscribe:active {
  background-color: #15291f;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .expire-note .subscribe.disabled,
.window-new-shared .window-new-shared-header .expire-note .subscribe[disabled] {
  background-color: #27312c;
}
/* line 90, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link {
  background-color: #1e3a2c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 105px;
  min-height: 48px;
  margin-bottom: 5px;
  padding-top: 6px;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .action-link:hover,
.window-new-shared .window-new-shared-header .action-link:focus {
  background-color: #214131;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .action-link:active {
  background-color: #15291f;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .action-link.disabled,
.window-new-shared .window-new-shared-header .action-link[disabled] {
  background-color: #27312c;
}
/* line 108, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link__icon {
  color: #63a985;
  display: block;
  font-size: 20px;
}
/* line 115, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link__name {
  color: white;
}
/* line 120, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link--cloze {
  background-color: #6bbeb3;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .action-link--cloze:hover,
.window-new-shared .window-new-shared-header .action-link--cloze:focus {
  background-color: #7dc6bc;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .action-link--cloze:active {
  background-color: #59b6aa;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-header .action-link--cloze.disabled,
.window-new-shared .window-new-shared-header .action-link--cloze[disabled] {
  background-color: #80a9a3;
}
/* line 123, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link--cloze .action-link__icon {
  color: #beeee8;
}
/* line 129, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link-spacing {
  /**
			 * 一般狀態只有兩個鈕
			 */
  padding-top: 32px;
}
/* line 137, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link-spacing.count-3 .action-link {
  min-height: 31px;
  padding-top: 0;
  line-height: 31px;
}
/* line 142, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link-spacing.count-3 .action-link__icon {
  display: inline-block;
  margin-right: 2px;
  font-size: 12px;
}
/* line 153, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link-spacing.count-1 .action-link {
  min-height: 103px;
  padding-top: 20px;
}
/* line 157, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-header .action-link-spacing.count-1 .action-link__icon {
  margin-bottom: 5px;
  font-size: 36px;
}
/* line 166, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body {
  background-color: #63a985;
  font-size: 14px;
  text-align: center;
  padding: 20px 0;
}
/* line 173, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body > h3 {
  margin: 0 auto;
  font-size: 18px;
  padding-bottom: 10px;
}
/* line 179, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .other-subscriptions {
  display: block;
  width: 143px;
  height: 59px;
  float: right;
  margin-right: 8%;
  line-height: 59px;
  font-size: 14px;
  color: white;
  background-color: #1e3a2c;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .other-subscriptions:hover,
.window-new-shared .window-new-shared-body .other-subscriptions:focus {
  background-color: #214131;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .other-subscriptions:active {
  background-color: #15291f;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .other-subscriptions.disabled,
.window-new-shared .window-new-shared-body .other-subscriptions[disabled] {
  background-color: #27312c;
}
/* line 193, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #91c3aa;
  width: 84%;
  margin: 0 auto 20px auto;
  padding: 30px 5.3% 35px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-new-shared .window-new-shared-body .content-box:before,
.window-new-shared .window-new-shared-body .content-box:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-new-shared .window-new-shared-body .content-box:after {
  clear: both;
}
/* line 204, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  margin-left: -15px;
  margin-top: -17px;
  color: white;
}
/* line 218, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__arrow__icon {
  font-size: 34px;
}
/* line 221, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__arrow__more-hint {
  position: absolute;
  left: 50%;
  top: -28px;
  width: 100px;
  margin-left: -50px;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
}
/* line 237, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn {
  -webkit-font-smoothing: antialiased;
  max-width: 242px;
  width: 100%;
  position: relative;
  display: block;
  /**
				 * 新字全部已學完的狀態
				 */
}
/* line 255, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 186px;
  position: relative;
  padding-top: 45px;
  padding-bottom: 35px;
  color: white;
  background-color: #63a985;
}
/* line 268, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head h5 {
  margin: 0 0 26px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
}
/* line 275, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .progress-number {
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
}
/* line 280, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .progress-number .splitter,
.window-new-shared .window-new-shared-body .content-box__btn__head .progress-number .max {
  color: #505555;
}
/* line 286, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .progress-bar {
  width: 100%;
  height: 6px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #559574;
}
/* line 300, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .progress-bar__inner {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  height: 6px;
  background-color: #ffdb7f;
}
/* line 311, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .number-diff {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #ffdb7f;
  font-style: italic;
  font-weight: bold;
}
/* line 328, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .lock {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding-top: 40px;
  background-color: rgba(99, 169, 133, 0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 753, /home/pc035860/master/web/asset/less/widgets.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .lock__img {
  display: inline-block;
  width: 26px;
  margin-bottom: 25px;
}
/* line 765, /home/pc035860/master/web/asset/less/widgets.less */
.window-new-shared .window-new-shared-body .content-box__btn__head .lock__desc {
  padding: 0 20px;
  color: #c5edd9;
  line-height: 1.5;
}
/* line 337, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn__desc {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  color: white;
  line-height: 45px;
  background-color: #2c533f;
}
/* line 348, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--new {
  float: left;
}
/* line 351, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--review {
  float: right;
}
/* line 356, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn:hover .content-box__btn__desc {
  background-color: #3a6750;
}
/* line 361, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn:active .content-box__btn__desc {
  background-color: #204e36;
}
/* line 369, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--complete {
  cursor: default;
  pointer-events: none;
}
/* line 373, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--complete .content-box__btn__head {
  height: 231px;
}
/* line 376, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--complete .content-box__btn__head .progress-number,
.window-new-shared .window-new-shared-body .content-box__btn--complete .content-box__btn__head .progress-bar,
.window-new-shared .window-new-shared-body .content-box__btn--complete .content-box__btn__head .number-diff {
  display: none;
}
/* line 380, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--complete .content-box__btn__desc {
  display: none;
}
/* line 384, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--disabled {
  cursor: default;
  pointer-events: none;
}
/* line 388, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--disabled .content-box__btn__desc {
  opacity: 0.6;
}
/* line 392, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--locked {
  cursor: default;
  pointer-events: none;
}
/* line 396, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box__btn--locked .content-box__btn__desc {
  background-color: #58816c;
  color: #91c3aa;
}
/* line 403, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .progress-row {
  width: 80%;
  margin: 0 auto;
}
/* line 408, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .progress-row .row-fluid [class*="span"] {
  line-height: 24px;
}
/* line 411, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .progress-row .row-fluid [class*="span"]:first-child {
  text-align: right;
}
/* line 414, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .progress-row .row-fluid [class*="span"]:last-child {
  text-align: left;
}
/* line 421, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .progress-new,
.window-new-shared .window-new-shared-body .content-box .progress-review {
  font-size: 18px;
  padding-top: 10px;
}
/* line 425, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .progress-new .cube-list,
.window-new-shared .window-new-shared-body .content-box .progress-review .cube-list {
  text-align: left;
  line-height: 1.5;
  vertical-align: middle;
}
/* line 430, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .progress-new .cube-list canvas,
.window-new-shared .window-new-shared-body .content-box .progress-review .cube-list canvas {
  margin-right: 3px;
}
/* line 436, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .todo {
  width: 80%;
  display: block;
  background-color: #63a985;
  padding: 60px 0;
  font-size: 16px;
  color: white;
  margin: 0 auto;
}
/* line 445, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .todo:hover {
  background-color: #1e3a2c;
}
/* line 448, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .todo:active {
  background-color: #274b39;
}
/* line 453, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .text-or {
  position: relative;
  font-size: 40px;
  padding: 55px 0;
}
/* line 458, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .text-or:before {
  content: attr(data-hint);
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: white;
}
/* line 471, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box .session-diff-word,
.window-new-shared .window-new-shared-body .content-box .session-diff-time {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #ff3c3c;
}
/* line 479, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .content-box.end-today .session-diff {
  position: relative;
  top: -3px;
  left: 15px;
}
/* line 502, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report {
  padding: 2% !important;
}
/* line 513, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report .ncu-report-wrap {
  max-width: 600px;
  margin: 0 auto;
}
/* line 519, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report .go-back {
  background-color: #1f3a2c;
  width: 175px;
  height: 30px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  color: white;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .ncu-report .go-back:hover,
.window-new-shared .window-new-shared-body .ncu-report .go-back:focus {
  background-color: #234131;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .ncu-report .go-back:active {
  background-color: #16291f;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .ncu-report .go-back.disabled,
.window-new-shared .window-new-shared-body .ncu-report .go-back[disabled] {
  background-color: #28312c;
}
/* line 525, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report .name {
  text-decoration: underline;
}
/* line 534, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report h2.self {
  text-align: left;
  font-size: 14px;
  color: #009772;
}
/* line 539, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report h2.rival {
  text-align: left;
  font-size: 14px;
  color: #ff0000;
}
/* line 545, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report .content {
  padding: 10px 0;
}
/* line 548, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report .content > .block {
  padding: 0 5%;
}
/* line 553, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report .preface {
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  color: #2c533f;
  text-indent: 24px;
  line-height: 1.8;
  margin-bottom: 25px;
  text-align: left;
}
/* line 562, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report h3 {
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  color: #2c533f;
  line-height: 1.8;
  margin: 0;
  text-align: left;
}
/* line 570, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table {
  border-collapse: separate;
  border-spacing: 4px;
}
/* line 574, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table th {
  background-color: #2A5240;
  font-size: 10px;
  color: white;
  padding: 10px 0 8px 0;
}
/* line 581, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td {
  width: 48px;
  height: 56px;
  font-size: 10px;
}
/* line 586, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.in-group {
  background-color: #def7a4;
  color: #ff0000;
}
/* line 591, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.not-in-group {
  background-color: #ffffff;
  color: #009772;
}
/* line 596, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.fulfill,
.window-new-shared .window-new-shared-body .ncu-report table td.one-of-them {
  background-color: #def7a4;
}
/* line 599, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.fulfill .time,
.window-new-shared .window-new-shared-body .ncu-report table td.one-of-them .time {
  color: #ff0000;
}
/* line 603, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.fulfill .desc,
.window-new-shared .window-new-shared-body .ncu-report table td.one-of-them .desc {
  color: #009772;
}
/* line 608, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.fail {
  background-color: #ffffff;
}
/* line 611, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.fail .time {
  color: #009772;
}
/* line 616, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.today,
.window-new-shared .window-new-shared-body .ncu-report table td.future {
  outline: 1px solid #ffffff;
  background: transparent;
}
/* line 620, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.today .time,
.window-new-shared .window-new-shared-body .ncu-report table td.future .time {
  color: #def7a4;
}
/* line 624, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .ncu-report table td.today .desc,
.window-new-shared .window-new-shared-body .ncu-report table td.future .desc {
  color: #ffffff;
}
/* line 633, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .weekly-report .weekly-report-wrap {
  max-width: 600px;
  margin: 0 auto;
}
/* line 639, /home/pc035860/master/web/asset/less/window/new-shared.less */
.window-new-shared .window-new-shared-body .weekly-report .go-back {
  background-color: #1f3a2c;
  width: 175px;
  height: 30px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  color: white;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .weekly-report .go-back:hover,
.window-new-shared .window-new-shared-body .weekly-report .go-back:focus {
  background-color: #234131;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .weekly-report .go-back:active {
  background-color: #16291f;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new-shared .window-new-shared-body .weekly-report .go-back.disabled,
.window-new-shared .window-new-shared-body .weekly-report .go-back[disabled] {
  background-color: #28312c;
}
/* line 1, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress {
  position: relative;
}
/* line 8, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .loading {
  text-align: center;
  line-height: 104px;
  color: #d9d9d9;
}
/* line 14, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .desc {
  text-align: center;
  font-size: 14px;
}
/* line 19, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .day-left {
  color: #63a985;
  font-size: 40px;
  margin-top: 44px;
  text-align: center;
  margin-bottom: 20px;
}
/* line 28, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .study-hour {
  color: #63a985;
  font-size: 40px;
  margin-top: 44px;
  text-align: center;
  margin-bottom: 20px;
}
/* line 35, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .row-fluid > div:nth-child(1) {
  margin-left: 0;
}
/* line 38, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .row-fluid > div:nth-child(2) {
  margin-left: 0;
}
/* line 71, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate {
  position: relative;
  height: 15px;
  background-color: #1e3a2c;
  margin-top: 53px;
  margin-bottom: 16px;
}
/* line 53, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate > .bar {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 0;
  height: 15px;
  background-color: #63a985;
  -webkit-transition: width 500ms ease;
  -moz-transition: width 500ms ease;
  -o-transition: width 500ms ease;
  transition: width 500ms ease;
}
/* line 62, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate > .bar:after {
  position: absolute;
  top: -130%;
  font-size: 12px;
  color: white;
}
/* line 74, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate .expectation {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0;
  background-color: white;
  -webkit-transition: height 200ms ease 400ms;
  -moz-transition: height 200ms ease 400ms;
  -o-transition: height 200ms ease 400ms;
  transition: height 200ms ease 400ms;
}
/* line 84, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate .expectation.up {
  height: 16.5px;
}
/* line 89, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate > .bar {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: width 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: width 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: width 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: width 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 93, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate > .bar:after {
  right: 0;
  content: attr(data-bartip);
}
/* line 98, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .master-rate > .bar.calculating:after {
  left: 0;
  min-width: 100px;
  content: '計算中..';
}
/* line 107, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .current-level {
  width: 62px;
  height: 62px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 16px auto 6px auto;
}
/* line 136, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .current-level > .bar {
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 4;
}
/* line 143, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .current-level > .expected-level-label {
  position: absolute;
  top: 0;
  z-index: 3;
  font-size: 12px;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(0, 22px);
  -moz-transform: translate(0, 22px);
  -ms-transform: translate(0, 22px);
  -o-transform: translate(0, 22px);
  transform: translate(0, 22px);
}
/* line 150, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .current-level:before {
  width: 46px;
  height: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 8px;
  top: 8px;
  background-color: #2c533f;
}
/* line 164, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .current-level:after {
  width: 62px;
  height: 62px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  background-color: #63a985;
}
/* line 178, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .pace {
  position: relative;
  font-size: 12px;
  text-align: center;
  margin-top: 6px;
}
/* line 189, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .pace .reschedule-hint {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  position: absolute;
  left: -5px;
  top: -10px;
  width: 100%;
  text-align: center;
}
/* line 199, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .pace .reschedule-hint .reschedule-hint-text {
  position: relative;
  color: #ffd87f;
  font-size: 12px;
}
/* line 205, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .pace .reschedule-hint .reschedule-hint-text:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "\F0A9";
  position: absolute;
  top: 20px;
  left: 10px;
  font-size: 18px;
}
/* line 220, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .pace > img {
  max-width: 100%;
}
/* line 237, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-bar {
  margin-top: 15px;
  font-size: 12px;
  line-height: 15px;
}
/* line 241, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-bar .title {
  /* width: 80px; */
  text-align: right;
}
/* line 245, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-bar .unit {
  /* width: 30px; */
  text-align: left;
}
/* line 249, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-bar .progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 15px;
  background-color: #143f2b;
  background-image: none;
  position: relative;
}
/* line 255, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-bar .progress .bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: white;
  background-image: none;
}
/* line 264, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-date div {
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
}
/* line 269, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-date div span {
  color: #e89a0b;
  font-size: 18px;
}
/* line 273, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-date div.date {
  font-size: 16px;
  line-height: 32px;
}
/* line 276, /home/pc035860/master/web/asset/less/window/progress.less */
.window-progress .progress-date div.date span {
  font-size: 24px;
}
/* line 8, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .loading-view {
  background-color: transparent;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  color: black;
  min-height: 530px;
  line-height: 357px;
}
/* line 138, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .loading-view canvas {
  position: relative;
  top: -15px;
  vertical-align: middle;
}
/* line 144, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .loading-view > .desc {
  font-size: 24px;
}
/* line 152, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .loading-view > .desc > span:nth-child(1) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
/* line 156, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .loading-view > .desc > span:nth-child(2) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
/* line 160, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .loading-view > .desc > span:nth-child(3) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 530ms;
  -moz-animation-delay: 530ms;
  -o-animation-delay: 530ms;
  animation-delay: 530ms;
}
/* line 16, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .wgt-vocab-error-report {
  position: absolute;
  z-index: 2;
  left: 20px;
  top: 20px;
}
/* line 25, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .wgt-vocab-error-report .dropdown-toggle {
  background-color: #579475;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 96px;
  height: 28px;
  display: inline-block;
  color: #eee !important;
  font-size: 14px;
  line-height: 2;
  text-align: center;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.window-new .wgt-vocab-error-report .dropdown-toggle:focus {
  background-color: #579475;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.window-new .wgt-vocab-error-report .dropdown-toggle:hover {
  background-color: #5d9e7d;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.window-new .wgt-vocab-error-report .dropdown-toggle:active {
  background-color: #43735b;
}
/* line 37, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .wgt-vocab-error-report .open .dropdown-toggle {
  background-color: #43735b;
}
/* line 40, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .wgt-vocab-error-report .icon-comment {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 5px;
}
/* line 48, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block {
  position: relative;
  z-index: 0;
  background-color: #63a985;
}
/* line 53, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block.ng-hide-remove {
  -webkit-animation: fadeIn 1s both;
  -moz-animation: fadeIn 1s both;
  -o-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 57, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions {
  text-align: right;
  padding-bottom: 20px;
  padding-right: 15px;
}
/* line 62, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a {
  text-align: center;
  display: inline-block;
  width: 58px;
  height: 58px;
  background: url(../image/new-progress-actions.png) no-repeat top left;
}
/* line 20, /home/pc035860/master/web/asset/less/utils.less */
.window-new .view-block .actions a:active {
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -o-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
}
/* line 92, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-review {
  background-position: -118px 0;
  width: 58px;
  height: 58px;
  vertical-align: middle;
  color: white;
  margin-left: 5px;
  position: relative;
  line-height: 55px;
  font-size: 48px;
}
/* line 81, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-review:after {
  position: absolute;
  content: attr(title);
  display: block;
  width: 100%;
  top: 44px;
  text-align: center;
  color: white;
  font-size: 12px;
}
/* line 96, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-leave {
  background-position: -177px 0;
  width: 58px;
  height: 58px;
  vertical-align: middle;
  color: white;
  margin-left: 5px;
  position: relative;
  line-height: 55px;
  font-size: 48px;
}
/* line 81, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-leave:after {
  position: absolute;
  content: attr(title);
  display: block;
  width: 100%;
  top: 44px;
  text-align: center;
  color: white;
  font-size: 12px;
}
/* line 100, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-prev {
  vertical-align: middle;
  color: white;
  margin-left: 5px;
  position: relative;
  line-height: 55px;
  font-size: 48px;
}
/* line 81, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-prev:after {
  position: absolute;
  content: attr(title);
  display: block;
  width: 100%;
  top: 44px;
  text-align: center;
  color: white;
  font-size: 12px;
}
/* line 103, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-prev > span {
  margin-left: -5px;
}
/* line 107, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-next {
  vertical-align: middle;
  color: white;
  margin-left: 5px;
  position: relative;
  line-height: 55px;
  font-size: 48px;
}
/* line 81, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-next:after {
  position: absolute;
  content: attr(title);
  display: block;
  width: 100%;
  top: 44px;
  text-align: center;
  color: white;
  font-size: 12px;
}
/* line 110, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-block .actions a.button-next > span {
  margin-right: -5px;
}
/* line 119, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .question-function {
  -webkit-font-smoothing: antialiased;
  margin-bottom: 5px;
  text-align: center;
}
/* line 125, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .question-function .phonetic {
  display: inline-block;
  margin: 0 0 0 13px;
  font-size: 15px;
  color: #eeebdc;
  font-weight: normal;
  letter-spacing: 0.05em;
}
/* line 137, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .question-wrap {
  width: 500px;
  font-size: 48px;
  margin: 0 auto;
  text-align: center;
}
/* line 145, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .question-wrap > .question {
  position: relative;
  display: inline-block;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
/* line 155, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .question-wrap > .question .button-audio-wrap {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -55px;
  margin-top: -20px;
  font-size: 24px;
}
/* line 165, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .question-wrap > .question .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 23.95209581px;
  text-align: center;
  background-color: #315c46;
  vertical-align: middle;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .question-wrap > .question .button-audio:hover,
.window-new .question-wrap > .question .button-audio:focus {
  background-color: #3a6d53;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .question-wrap > .question .button-audio:active {
  background-color: #284b39;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .question-wrap > .question .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 23.95209581px;
  color: #ffffff;
  line-height: 40px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new .question-wrap > .question .button-audio:hover,
.window-new .question-wrap > .question .button-audio:focus {
  background-color: #3a6d53;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new .question-wrap > .question .button-audio:active {
  background-color: #284b39;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new .question-wrap > .question .button-audio.disabled,
.window-new .question-wrap > .question .button-audio[disabled] {
  background-color: #3f4e46;
}
/* line 172, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .question-wrap > .question .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 181, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /**
		 * 新版 review 字卡的圖片區塊
		 */
  /**
		 * 新版 review 字卡的內容區塊
		 */
  /**
		 * 沒有圖片的情況 reflow
		 */
  position: relative;
  padding: 30px 20px;
  background-color: #83ba9f;
}
/* line 285, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .image {
  position: relative;
  width: 225px;
  height: 225px;
}
/* line 292, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .image-bg {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  left: 22px;
  top: 22px;
  z-index: 0;
  width: 181px;
  height: 181px;
  background-color: #c0c0c0;
}
/* line 305, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .q-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 225px;
  line-height: 225px;
  text-align: center;
}
/* line 314, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .q-image img {
  max-width: 225px;
  max-height: 225px;
}
/* line 323, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .content-block {
  max-width: 375px;
  width: 100%;
  min-height: 215px;
  padding-top: 24px;
}
/* line 331, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .q-label {
  width: 8%;
  vertical-align: top;
  text-align: right;
  font-size: 12px;
  color: #ffffff;
  line-height: 25px;
}
/* line 339, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .q-text {
  width: 88%;
  position: relative;
  top: -3px;
  margin-left: 3%;
  vertical-align: top;
  text-align: left;
  font-size: 18px;
  color: #333333;
  line-height: 1.6;
}
@media (max-width: 767px) {
  /* line 353, /home/pc035860/master/web/asset/less/widgets.less */
  .window-new .card .q-label {
    width: 100%;
    text-align: left;
  }
  /* line 357, /home/pc035860/master/web/asset/less/widgets.less */
  .window-new .card .q-text {
    width: 100%;
    margin-left: 0;
  }
}
/* line 363, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .row-def {
  margin-bottom: 30px;
}
/* line 366, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .row-sentence,
.window-new .card .row-translate {
  margin-bottom: 10px;
}
/* line 370, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .row-sentence .q-text {
  /**
		 * Webkit scrollbar - for dark theme
		 */
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-style: italic;
  /**
			 * 避免例句過長
			 */
  max-height: 185px;
  overflow-y: auto;
}
/* line 373, /home/pc035860/master/web/asset/less/utils.less */
.window-new .card .row-sentence .q-text::-webkit-scrollbar {
  width: 6px;
}
/* line 374, /home/pc035860/master/web/asset/less/utils.less */
.window-new .card .row-sentence .q-text::-webkit-scrollbar-button {
  display: none;
}
/* line 376, /home/pc035860/master/web/asset/less/utils.less */
.window-new .card .row-sentence .q-text::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 380, /home/pc035860/master/web/asset/less/utils.less */
.window-new .card .row-sentence .q-text::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
/* line 384, /home/pc035860/master/web/asset/less/utils.less */
.window-new .card .row-sentence .q-text::-webkit-scrollbar-corner {
  /* 6 */
}
/* line 385, /home/pc035860/master/web/asset/less/utils.less */
.window-new .card .row-sentence .q-text::-webkit-resizer {
  /* 7 */
}
/* line 393, /home/pc035860/master/web/asset/less/utils.less */
.window-new .card .row-sentence .q-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 387, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card.without-image .image {
  display: none;
}
/* line 391, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card.without-image .content-block {
  max-width: 562.5px;
  float: none;
  margin: 0 auto;
}
/* line 410, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .image {
  max-width: 35%;
  width: 100%;
  height: auto;
  min-height: 225px;
}
/* line 419, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .image-bg {
  max-width: 80%;
  width: 100%;
  height: auto;
  min-height: 181px;
}
/* line 426, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .q-image {
  position: static;
  left: 0;
  top: 0;
  width: auto;
  text-align: center;
  line-height: 1;
}
/* line 434, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .q-image > img {
  /**
				 * Back to responsive
				 */
  max-width: 100%;
  max-height: 225px;
}
/* line 443, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .card .content-block {
  width: 62%;
  padding-top: 2px;
}
@media (max-width: 767px) {
  /* line 451, /home/pc035860/master/web/asset/less/widgets.less */
  .window-new .card .image {
    max-width: 100%;
    margin-bottom: 20px;
  }
  /* line 456, /home/pc035860/master/web/asset/less/widgets.less */
  .window-new .card .content-block {
    width: 100%;
  }
}
/* line 191, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card.ng-hide-add,
.window-new .card.ng-hide-remove {
  -webkit-transform-origin: 50% 60%;
  -moz-transform-origin: 50% 60%;
  -o-transform-origin: 50% 60%;
  -ms-transform-origin: 50% 60%;
  transform-origin: 50% 60%;
}
/* line 194, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card.ng-hide-remove {
  -webkit-animation: zoom-in 0.3s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-animation: zoom-in 0.3s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-animation: zoom-in 0.3s both cubic-bezier(0.075, 0.82, 0.165, 1);
  animation: zoom-in 0.3s both cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 197, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card.ng-hide-add {
  -webkit-transition: -webkit-border-radius 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: border-radius 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: border-radius 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: border-radius 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-animation: zoom-out 0.15s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-animation: zoom-out 0.15s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-animation: zoom-out 0.15s both cubic-bezier(0.075, 0.82, 0.165, 1);
  animation: zoom-out 0.15s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  opacity: 1;
}
/* line 207, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card.ng-hide-add-active {
  -webkit-border-radius: 300px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 300px;
  -moz-background-clip: padding;
  border-radius: 300px;
  background-clip: padding-box;
  opacity: 0;
}
/* line 214, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card .image-bg {
  display: none;
}
/* line 218, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card .hide-card {
  position: absolute;
  right: 13px;
  bottom: 10px;
  font-size: 24px;
  color: white;
}
/* line 225, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card .hide-card:hover {
  color: #e6e6e6;
}
/* line 228, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .card .hide-card:active {
  color: white;
}
/* line 43, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .row-sentence .icon-volume-up {
  color: #0073b7;
}
/* line 46, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .row-sentence .icon-spinner {
  display: none;
  color: rgba(255, 255, 255, 0.7);
}
/* line 52, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .row-sentence .saudio-playing .icon-volume-up {
  color: #fbfb65;
}
/* line 58, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .row-sentence .saudio-loading .icon-volume-up {
  display: none;
}
/* line 61, /home/pc035860/master/web/asset/less/widgets.less */
.window-new .row-sentence .saudio-loading .icon-spinner {
  -webkit-animation: spin 400ms linear 0 infinite;
  animation: spin 400ms linear 0 infinite;
  display: inline-block;
  width: 17px;
}
/* line 239, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .q-mark {
  width: 58px;
  height: 58px;
  position: absolute;
  left: 50%;
  top: 47%;
  margin-left: -29px;
}
/* line 250, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .q-mark.ng-hide-remove {
  -webkit-animation: zoom-in 0.3s both cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  -moz-animation: zoom-in 0.3s both cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  -o-animation: zoom-in 0.3s both cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  animation: zoom-in 0.3s both cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}
/* line 255, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .q-mark .show-card {
  width: 58px;
  height: 58px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  background-color: #20392a;
  text-align: center;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-new .q-mark .show-card:hover,
.window-new .q-mark .show-card:focus {
  background-color: #294936;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-new .q-mark .show-card:active {
  background-color: #17291e;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-new .q-mark .show-card.disabled,
.window-new .q-mark .show-card[disabled] {
  background-color: #29302c;
}
/* line 267, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .q-mark .show-card > .icon-question {
  display: inline-block;
  font-size: 56px;
  margin-left: -2px;
  line-height: 58px;
}
/* line 276, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-header {
  -webkit-transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
  position: relative;
  z-index: 1;
  padding: 15px 0;
  letter-spacing: 1px;
  line-height: 1.4;
  color: white;
}
/* line 290, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-header.hide-card {
  -webkit-transform: translate(0, 80px);
  -moz-transform: translate(0, 80px);
  -ms-transform: translate(0, 80px);
  -o-transform: translate(0, 80px);
  transform: translate(0, 80px);
}
/* line 295, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-body {
  position: relative;
  min-height: 285px;
  width: 90%;
  margin: 0 auto 23px auto;
}
/* line 303, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-footer {
  letter-spacing: 1px;
  min-height: 60px;
  line-height: 60px;
  color: #f6f2e0;
  font-size: 14px;
  text-align: center;
}
/* line 313, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-footer > a {
  display: block;
  color: #f6f2e0;
}
/* line 318, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-footer .button-toggle {
  cursor: pointer;
}
/* line 20, /home/pc035860/master/web/asset/less/utils.less */
.window-new .view-footer .button-toggle:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
/* line 325, /home/pc035860/master/web/asset/less/window/new.less */
.window-new__view-progress {
  width: 100%;
  background-color: #315c46;
  padding: 10px 0;
}
/* line 662, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress .row-fluid {
  position: relative;
}
/* line 665, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress .row-fluid.as-hint {
  position: static;
}
/* line 670, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress__title {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 40px;
  text-align: left;
  font-size: 18px;
  color: #f6f2e0;
  line-height: 78px;
  font-weight: bold;
}
/* line 684, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress__visual {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 35px;
  text-align: left;
}
/* line 694, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress__visual__bar {
  width: 250px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  background-color: #69a981;
}
/* line 706, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress__visual__bar__inner {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 0%;
  height: 10px;
  background-color: #ffffff;
  will-change: transform;
}
/* line 718, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress__visual__number {
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 1px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 18px;
}
/* line 729, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress__visual__number .splitter,
.window-new__view-progress__visual__number .max {
  color: #69a981;
}
/* line 732, /home/pc035860/master/web/asset/less/widgets.less */
.window-new__view-progress__visual__number .current {
  color: #ffffff;
}
/* line 333, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-finhint {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: rgba(49, 92, 70, 0.8);
}
/* line 350, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-finhint.ng-enter {
  -webkit-animation: fadeIn 0.5s both;
  -moz-animation: fadeIn 0.5s both;
  -o-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}
/* line 353, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-finhint.ng-leave {
  -webkit-animation: fadeOut 0.5s both;
  -moz-animation: fadeOut 0.5s both;
  -o-animation: fadeOut 0.5s both;
  animation: fadeOut 0.5s both;
}
/* line 358, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-finhint .fin-hint-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -180.5px;
  margin-top: -66px;
}
/* line 364, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-finhint .fin-hint-wrapper .fin-hint {
  -webkit-animation: fadeInUp 0.5s both 200ms;
  -moz-animation: fadeInUp 0.5s both 200ms;
  -o-animation: fadeInUp 0.5s both 200ms;
  animation: fadeInUp 0.5s both 200ms;
  padding-bottom: 20px;
  text-align: center;
  font-size: 18px;
  color: white;
  line-height: 1.5;
  letter-spacing: 1px;
}
/* line 376, /home/pc035860/master/web/asset/less/window/new.less */
.window-new .view-finhint .actions {
  -webkit-animation: fadeInUp 0.5s both 260ms;
  -moz-animation: fadeInUp 0.5s both 260ms;
  -o-animation: fadeInUp 0.5s both 260ms;
  animation: fadeInUp 0.5s both 260ms;
  text-align: center;
}
/* line 76, /home/pc035860/master/web/asset/less/window.less */
.loading-view {
  text-align: center;
  font-size: 40px;
}
/* line 78, /home/pc035860/master/web/asset/less/window.less */
.loading-view img {
  width: 200px;
  height: 200px;
}
/* line 1, /home/pc035860/master/web/asset/less/window/review.less */
.window-review {
  -webkit-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  -moz-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  -o-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  will-change: height;
  margin: 30px auto;
}
/* line 21, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .loading-view {
  color: white;
  background-color: #7c8787;
  min-height: 552px;
  line-height: 350px;
  background-color: transparent;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  color: black;
}
/* line 138, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .loading-view canvas {
  position: relative;
  top: -15px;
  vertical-align: middle;
}
/* line 144, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .loading-view > .desc {
  font-size: 24px;
}
/* line 152, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .loading-view > .desc > span:nth-child(1) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
/* line 156, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .loading-view > .desc > span:nth-child(2) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
/* line 160, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .loading-view > .desc > span:nth-child(3) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 530ms;
  -moz-animation-delay: 530ms;
  -o-animation-delay: 530ms;
  animation-delay: 530ms;
}
/* line 36, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .button-close-next {
  cursor: pointer;
  width: 940px;
  margin: 0 auto;
}
/* line 42, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .toolbar {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-review .toolbar:before,
.window-review .toolbar:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-review .toolbar:after {
  clear: both;
}
/* line 45, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .toolbar button {
  border: none;
  background: none;
}
/* line 51, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .button-shortcuts {
  float: left;
}
/* line 54, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .button-shortcuts > img {
  position: relative;
  top: -2px;
}
/* line 60, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-btn {
  float: right;
}
/* line 63, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-btn button {
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
/* line 68, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-btn button:hover,
.window-review .instruction-btn button:focus {
  color: #666;
}
/* line 74, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book {
  padding: 30px 3.19148936% 40px;
  background-color: #9eaeaa;
}
/* line 81, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__cover {
  position: relative;
  margin-bottom: -15px;
  min-height: 110px;
  text-align: center;
}
/* line 89, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__cover .v-line {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 100%;
  width: 0;
  height: 350px;
  border-right: 1px solid #b1bdbb;
}
@media (max-width: 767px) {
  /* line 99, /home/pc035860/master/web/asset/less/window/review.less */
  .window-review .instruction-book__cover {
    margin-bottom: 20px;
  }
  /* line 102, /home/pc035860/master/web/asset/less/window/review.less */
  .window-review .instruction-book__cover .v-line {
    display: none;
  }
}
/* line 108, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__col {
  -webkit-font-smoothing: antialiased;
  padding: 0 3.40909091%;
}
@media (max-width: 767px) {
  /* line 115, /home/pc035860/master/web/asset/less/window/review.less */
  .window-review .instruction-book__col {
    margin-bottom: 20px;
  }
}
/* line 119, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__col h3 {
  margin: 0 0 15px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
}
/* line 129, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__col ul {
  list-style-type: none;
  margin: 0;
}
/* line 134, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__col li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
}
/* line 144, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__col li:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "\F08D";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 18px;
  color: #eeebdc;
}
/* line 156, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__col li:last-of-type {
  margin-bottom: 0;
}
/* line 160, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .instruction-book__col li h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #eeebdc;
}
/* line 172, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage {
  padding-top: 30px;
  background-color: #9eaeaa;
  letter-spacing: 1px;
  /** phase difference section **/
}
/* line 190, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.ng-hide-remove {
  -webkit-animation: fadeIn 1s both;
  -moz-animation: fadeIn 1s both;
  -o-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 194, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .countdown-bomb {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 200;
  will-change: transform;
}
/* line 202, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .countdown-bomb.ng-hide-remove {
  -webkit-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 205, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .countdown-bomb.ng-hide-add {
  -webkit-animation: fadeOut 0.2s both;
  -moz-animation: fadeOut 0.2s both;
  -o-animation: fadeOut 0.2s both;
  animation: fadeOut 0.2s both;
}
/* line 210, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .countdown-bomb .slow {
  -webkit-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  width: 63px;
  height: 83px;
  font-size: 2.5em;
  color: white;
  background-image: url(../image/bomb.png);
  background-position: 1px 0;
  background-repeat: no-repeat;
  line-height: 83px;
  padding-top: 10px;
  text-align: center;
}
/* line 225, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .countdown-bomb .fast {
  -webkit-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  width: 63px;
  height: 83px;
  font-size: 2.5em;
  color: white;
  background-image: url(../image/bomb.png);
  background-position: 1px 0;
  background-repeat: no-repeat;
  line-height: 83px;
  padding-top: 10px;
  text-align: center;
  -webkit-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  animation: bomb-pulse 125ms ease-out 0s infinite alternate;
}
/* line 231, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 23.95209581px;
  text-align: center;
  background-color: #595d5d;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .review-stage .button-audio:hover,
.window-review .review-stage .button-audio:focus {
  background-color: #656a6a;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .review-stage .button-audio:active {
  background-color: #4d5050;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .review-stage .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 23.95209581px;
  color: #ffffff;
  line-height: 40px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .button-audio:hover,
.window-review .review-stage .button-audio:focus {
  background-color: #656a6a;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .button-audio:active {
  background-color: #4d5050;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .button-audio.disabled,
.window-review .review-stage .button-audio[disabled] {
  background-color: #5b5b5b;
}
/* line 236, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 243, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option {
  position: relative;
  margin: 10px 0px;
  min-height: 40px;
  vertical-align: middle;
  text-align: center;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 255, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option.touch {
  background-color: #ffd87f;
}
/* line 258, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option span {
  margin: 10px 0;
  display: inline-block;
  font-size: 16px;
  color: #747e7e;
}
/* line 264, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option span.option {
  max-width: 465px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* line 270, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option span.option:before {
  content: " ";
  position: absolute;
  top: 4px;
  left: -20px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url('../image/review-options-states.png');
  width: 14px;
  height: 13px;
  background-position: -1px -34px;
}
/* line 284, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option span.option.correct:before {
  width: 15px;
  height: 13px;
  background-position: -2px -19px;
}
/* line 285, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option span.option.incorrect:before {
  width: 13px;
  height: 13px;
  background-position: -2px -49px;
}
/* line 286, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option span.option.timeout:before {
  top: 3px;
  width: 15px;
  height: 15px;
  background-position: -2px -2px;
}
/* line 289, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option .show-details {
  width: 32px;
  height: 32px;
  -webkit-animation: bjsJellyIn 0.6s both;
  -moz-animation: bjsJellyIn 0.6s both;
  -o-animation: bjsJellyIn 0.6s both;
  animation: bjsJellyIn 0.6s both;
  position: absolute;
  right: 2px;
  top: 4px;
}
/* line 298, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option .show-details__inner {
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  top: 0;
  display: block;
  background: url('../image/eyes_icon.png') no-repeat center;
}
/* line 309, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option .show-details__inner:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 312, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .li-option .show-details__inner:active {
  top: 1px;
}
/* line 319, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results {
  margin: 0;
  list-style-type: none;
}
/* line 323, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-correct {
  max-width: 400px;
  margin: 15px auto;
}
/* line 327, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-correct.ng-hide-remove {
  -webkit-animation: fadeInDown 0.5s both;
  -moz-animation: fadeInDown 0.5s both;
  -o-animation: fadeInDown 0.5s both;
  animation: fadeInDown 0.5s both;
}
/* line 331, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-correct > span {
  position: relative;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
}
/* line 345, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-correct > span.correct:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00C';
  color: #91c747;
}
/* line 351, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-correct > span.incorrect:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00D';
  color: #f91600;
}
/* line 359, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-user {
  max-width: 400px;
  margin: 15px auto;
  background-color: #9eaeaa;
}
/* line 327, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-user.ng-hide-remove {
  -webkit-animation: fadeInDown 0.5s both;
  -moz-animation: fadeInDown 0.5s both;
  -o-animation: fadeInDown 0.5s both;
  animation: fadeInDown 0.5s both;
}
/* line 331, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-user > span {
  position: relative;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
}
/* line 345, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-user > span.correct:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00C';
  color: #91c747;
}
/* line 351, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-user > span.incorrect:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00D';
  color: #f91600;
}
/* line 364, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .spell-results .sr-user > span {
  color: white;
}
/* line 370, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .correct-panel {
  margin-top: -20px;
}
/* line 374, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header {
  -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: relative;
  padding: 10px 0;
  text-align: center;
  line-height: 1.4;
  color: #ffffff;
  z-index: 1;
}
/* line 385, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header > .comboset-container {
  position: relative;
  margin-bottom: 10px;
}
/* line 391, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header > .comboset-container > .comboset {
  margin: 0 auto;
}
/* line 396, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .question {
  display: table;
  margin: 0 auto;
  min-height: 67px;
}
/* line 402, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .question .question-wrap {
  width: 500px;
  display: table-cell;
  vertical-align: middle;
}
/* line 408, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .question .question-wrap > span {
  display: inline-block;
  position: relative;
  font-size: 48px;
  letter-spacing: 2px;
  line-height: 1;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
/* line 418, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .question .question-wrap > span > .button-audio-wrap {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -50px;
  margin-top: -20px;
  font-size: 24px;
}
/* line 427, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .question .question-wrap > span > .button-audio-wrap.ng-hide-remove {
  -webkit-animation: fadeInLeft 1s both;
  -moz-animation: fadeInLeft 1s both;
  -o-animation: fadeInLeft 1s both;
  animation: fadeInLeft 1s both;
}
/* line 432, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .question .question-wrap > span.no-en {
  /**
							 * 針對無英文的情況(目前即純中文)做調整
							 */
  top: 6px;
  font-size: 40px;
  line-height: 1.3;
}
/* line 447, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .phonetic {
  margin: 5px 0 15px;
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
/* line 456, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .function {
  -webkit-font-smoothing: antialiased;
  margin: 5px 0 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
/* line 465, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .function .phonetic {
  display: inline-block;
  margin: 0 0 0 13px;
  color: #eeebdc;
  font-weight: normal;
}
/* line 474, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-header .spell-desc {
  height: 92px;
  font-size: 20px;
  line-height: 92px;
}
/* line 481, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body {
  min-height: 296px;
  position: relative;
  z-index: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 489, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .confirm-desc {
  text-align: center;
  font-size: 18px;
  color: white;
  padding: 216px 0 30px 0;
}
/* line 498, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .confirm-desc-v2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 424px;
  text-align: center;
  font-size: 18px;
  color: white;
  line-height: 1.6;
}
/* line 510, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .confirm-desc-v2__v-wrap {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 53%;
  width: 100%;
}
/* line 519, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .confirm-desc-v2 .desc-text {
  margin-bottom: 35px;
}
/* line 523, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .confirm-desc-v2 .button-start {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  background-color: #ffd87f;
  color: #747e7e;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:hover,
.window-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .confirm-desc-v2 .button-start.disabled,
.window-review .review-stage .review-stage-body .confirm-desc-v2 .button-start[disabled] {
  background-color: #f2d38c;
}
/* line 531, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .think-desc {
  text-align: center;
  margin: 0 auto;
  width: 400px;
  font-size: 24px;
  color: #ffffff;
  line-height: 220px;
  position: relative;
  z-index: 0;
}
/* line 545, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .think-desc.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 549, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .think-desc .cue-image {
  display: block;
  position: absolute;
  right: 400px;
  top: 0;
  text-align: right;
  width: 220px;
  height: 220px;
}
/* line 558, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .think-desc .cue-image img {
  vertical-align: top;
  max-height: 220px;
}
/* line 565, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 570px;
  width: 100%;
  background-color: #ced3d7;
}
/* line 573, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 577, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .options {
  margin: 0;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 10px 15px;
}
/* line 584, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell {
  min-height: 200px;
  padding-top: 20px;
  text-align: center;
}
/* line 590, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .audio-wrap {
  margin-bottom: 35px;
}
/* line 593, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .audio-wrap.upper {
  margin-bottom: 0;
}
/* line 598, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 90px;
  height: 90px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 53.89221557px;
  text-align: center;
  background-color: #595d5d;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio:hover,
.window-review .review-stage .review-stage-body .review-select .spell .button-audio:focus {
  background-color: #656a6a;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio:active {
  background-color: #4d5050;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 53.89221557px;
  color: #ffffff;
  line-height: 90px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio:hover,
.window-review .review-stage .review-stage-body .review-select .spell .button-audio:focus {
  background-color: #656a6a;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio:active {
  background-color: #4d5050;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio.disabled,
.window-review .review-stage .review-stage-body .review-select .spell .button-audio[disabled] {
  background-color: #5b5b5b;
}
/* line 604, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio.small {
  -webkit-transform: translateY(-13px) scale(0.64);
  -moz-transform: translateY(-13px) scale(0.64);
  -ms-transform: translateY(-13px) scale(0.64);
  -o-transform: translateY(-13px) scale(0.64);
  transform: translateY(-13px) scale(0.64);
}
/* line 609, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 616, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .spell-input-wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  font-size: 18px;
}
/* line 626, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .spell-input-wrap .spell-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
  position: relative;
  z-index: 2;
  height: 33px;
  padding: 6px 0;
}
/* line 638, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .review-select .spell .spell-input-wrap .spell-placeholder {
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 1;
  width: 100%;
  color: #ccc;
}
/* line 652, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .button-bar {
  text-align: center;
  margin-top: 15px;
}
/* line 656, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .button-bar a {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
}
/* line 659, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .button-bar a.button-next,
.window-review .review-stage .review-stage-body .button-bar a.button-select,
.window-review .review-stage .review-stage-body .button-bar a.button-start,
.window-review .review-stage .review-stage-body .button-bar a.button-correct {
  background-color: #ffd87f;
  color: #747e7e;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-next:hover,
.window-review .review-stage .review-stage-body .button-bar a.button-select:hover,
.window-review .review-stage .review-stage-body .button-bar a.button-start:hover,
.window-review .review-stage .review-stage-body .button-bar a.button-correct:hover,
.window-review .review-stage .review-stage-body .button-bar a.button-next:focus,
.window-review .review-stage .review-stage-body .button-bar a.button-select:focus,
.window-review .review-stage .review-stage-body .button-bar a.button-start:focus,
.window-review .review-stage .review-stage-body .button-bar a.button-correct:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-next:active,
.window-review .review-stage .review-stage-body .button-bar a.button-select:active,
.window-review .review-stage .review-stage-body .button-bar a.button-start:active,
.window-review .review-stage .review-stage-body .button-bar a.button-correct:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-next.disabled,
.window-review .review-stage .review-stage-body .button-bar a.button-select.disabled,
.window-review .review-stage .review-stage-body .button-bar a.button-start.disabled,
.window-review .review-stage .review-stage-body .button-bar a.button-correct.disabled,
.window-review .review-stage .review-stage-body .button-bar a.button-next[disabled],
.window-review .review-stage .review-stage-body .button-bar a.button-select[disabled],
.window-review .review-stage .review-stage-body .button-bar a.button-start[disabled],
.window-review .review-stage .review-stage-body .button-bar a.button-correct[disabled] {
  background-color: #f2d38c;
}
/* line 663, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .button-bar a.button-forget {
  background-color: #5e6262;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-forget:hover,
.window-review .review-stage .review-stage-body .button-bar a.button-forget:focus {
  background-color: #6a6f6f;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-forget:active {
  background-color: #525555;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-forget.disabled,
.window-review .review-stage .review-stage-body .button-bar a.button-forget[disabled] {
  background-color: #606060;
}
/* line 667, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-body .button-bar a.button-leave {
  background-color: #ffd87f;
  color: #747e7e;
  width: 220px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-leave:hover,
.window-review .review-stage .review-stage-body .button-bar a.button-leave:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-leave:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-body .button-bar a.button-leave.disabled,
.window-review .review-stage .review-stage-body .button-bar a.button-leave[disabled] {
  background-color: #f2d38c;
}
/* line 677, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-footer .actions {
  padding-right: 24px;
  text-align: right;
}
/* line 682, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-footer .actions .leave-review {
  cursor: pointer;
  display: inline-block;
  background: url(../image/leave-review-btn.png) no-repeat left top;
  width: 58px;
  height: 58px;
  opacity: 0.9;
  position: relative;
  vertical-align: middle;
}
/* line 693, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage .review-stage-footer .actions .leave-review:after {
  position: absolute;
  text-align: center;
  content: attr(title);
  width: 100%;
  left: 0;
  top: 60px;
  font-size: 12px;
  color: white;
}
/* line 20, /home/pc035860/master/web/asset/less/utils.less */
.window-review .review-stage .review-stage-footer .actions .leave-review:active {
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -o-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
}
/* line 712, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.confirm-phase .button-bar {
  padding-bottom: 108px;
}
/* line 717, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.think-phase .review-stage-header {
  -webkit-transform: translate(0, 59px);
  -moz-transform: translate(0, 59px);
  -ms-transform: translate(0, 59px);
  -o-transform: translate(0, 59px);
  transform: translate(0, 59px);
}
/* line 721, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.think-phase .review-stage-body {
  -webkit-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
/* line 725, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.think-phase .review-stage-body .button-bar {
  -webkit-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
/* line 731, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.select-phase .review-select .li-option {
  cursor: pointer !important;
}
/* line 734, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.select-phase .review-select .li-option:hover {
  background-color: #ffd87f !important;
}
/* line 738, /home/pc035860/master/web/asset/less/window/review.less */
.window-review .review-stage.select-phase .review-select .li-option:active {
  background-color: #ffd065 !important;
}
/* line 747, /home/pc035860/master/web/asset/less/window/review.less */
.window-review__view-progress {
  position: relative;
  width: 100%;
  background-color: transparent;
  padding: 10px 0;
}
/* line 662, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress .row-fluid {
  position: relative;
}
/* line 665, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress .row-fluid.as-hint {
  position: static;
}
/* line 670, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress__title {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 40px;
  text-align: left;
  font-size: 18px;
  color: #f6f2e0;
  line-height: 78px;
  font-weight: bold;
}
/* line 684, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress__visual {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 35px;
  text-align: left;
}
/* line 694, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress__visual__bar {
  width: 250px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  background-color: #434848;
}
/* line 706, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress__visual__bar__inner {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 0%;
  height: 10px;
  background-color: #ffffff;
  will-change: transform;
}
/* line 718, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress__visual__number {
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 1px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 18px;
}
/* line 729, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress__visual__number .splitter,
.window-review__view-progress__visual__number .max {
  color: #434848;
}
/* line 732, /home/pc035860/master/web/asset/less/widgets.less */
.window-review__view-progress__visual__number .current {
  color: #ffffff;
}
/* line 756, /home/pc035860/master/web/asset/less/window/review.less */
.window-review__view-progress .wgt-extra-learning-bird {
  position: absolute;
  left: -63px;
  bottom: -82px;
}
/**
 * Basically share the same css with .window-review
 */
/* line 4, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment {
  /**
	 * extends window-review
	 */
  -webkit-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  -moz-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  -o-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  will-change: height;
  margin: 30px auto;
}
/* line 21, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .loading-view {
  color: white;
  background-color: #7c8787;
  min-height: 552px;
  line-height: 350px;
  background-color: transparent;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  color: black;
}
/* line 138, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .loading-view canvas {
  position: relative;
  top: -15px;
  vertical-align: middle;
}
/* line 144, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .loading-view > .desc {
  font-size: 24px;
}
/* line 152, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .loading-view > .desc > span:nth-child(1) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
/* line 156, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .loading-view > .desc > span:nth-child(2) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
/* line 160, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .loading-view > .desc > span:nth-child(3) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 530ms;
  -moz-animation-delay: 530ms;
  -o-animation-delay: 530ms;
  animation-delay: 530ms;
}
/* line 36, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .button-close-next {
  cursor: pointer;
  width: 940px;
  margin: 0 auto;
}
/* line 42, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .toolbar {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-assessment .toolbar:before,
.window-assessment .toolbar:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.window-assessment .toolbar:after {
  clear: both;
}
/* line 45, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .toolbar button {
  border: none;
  background: none;
}
/* line 51, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .button-shortcuts {
  float: left;
}
/* line 54, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .button-shortcuts > img {
  position: relative;
  top: -2px;
}
/* line 60, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-btn {
  float: right;
}
/* line 63, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-btn button {
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
/* line 68, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-btn button:hover,
.window-assessment .instruction-btn button:focus {
  color: #666;
}
/* line 74, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book {
  padding: 30px 3.19148936% 40px;
  background-color: #9eaeaa;
}
/* line 81, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__cover {
  position: relative;
  margin-bottom: -15px;
  min-height: 110px;
  text-align: center;
}
/* line 89, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__cover .v-line {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 100%;
  width: 0;
  height: 350px;
  border-right: 1px solid #b1bdbb;
}
@media (max-width: 767px) {
  /* line 99, /home/pc035860/master/web/asset/less/window/review.less */
  .window-assessment .instruction-book__cover {
    margin-bottom: 20px;
  }
  /* line 102, /home/pc035860/master/web/asset/less/window/review.less */
  .window-assessment .instruction-book__cover .v-line {
    display: none;
  }
}
/* line 108, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__col {
  -webkit-font-smoothing: antialiased;
  padding: 0 3.40909091%;
}
@media (max-width: 767px) {
  /* line 115, /home/pc035860/master/web/asset/less/window/review.less */
  .window-assessment .instruction-book__col {
    margin-bottom: 20px;
  }
}
/* line 119, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__col h3 {
  margin: 0 0 15px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
}
/* line 129, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__col ul {
  list-style-type: none;
  margin: 0;
}
/* line 134, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__col li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
}
/* line 144, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__col li:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "\F08D";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 18px;
  color: #eeebdc;
}
/* line 156, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__col li:last-of-type {
  margin-bottom: 0;
}
/* line 160, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .instruction-book__col li h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #eeebdc;
}
/* line 172, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage {
  padding-top: 30px;
  background-color: #9eaeaa;
  letter-spacing: 1px;
  /** phase difference section **/
}
/* line 190, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.ng-hide-remove {
  -webkit-animation: fadeIn 1s both;
  -moz-animation: fadeIn 1s both;
  -o-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 194, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .countdown-bomb {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 200;
  will-change: transform;
}
/* line 202, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .countdown-bomb.ng-hide-remove {
  -webkit-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 205, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .countdown-bomb.ng-hide-add {
  -webkit-animation: fadeOut 0.2s both;
  -moz-animation: fadeOut 0.2s both;
  -o-animation: fadeOut 0.2s both;
  animation: fadeOut 0.2s both;
}
/* line 210, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .countdown-bomb .slow {
  -webkit-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  width: 63px;
  height: 83px;
  font-size: 2.5em;
  color: white;
  background-image: url(../image/bomb.png);
  background-position: 1px 0;
  background-repeat: no-repeat;
  line-height: 83px;
  padding-top: 10px;
  text-align: center;
}
/* line 225, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .countdown-bomb .fast {
  -webkit-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  width: 63px;
  height: 83px;
  font-size: 2.5em;
  color: white;
  background-image: url(../image/bomb.png);
  background-position: 1px 0;
  background-repeat: no-repeat;
  line-height: 83px;
  padding-top: 10px;
  text-align: center;
  -webkit-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  animation: bomb-pulse 125ms ease-out 0s infinite alternate;
}
/* line 231, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 23.95209581px;
  text-align: center;
  background-color: #595d5d;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .review-stage .button-audio:hover,
.window-assessment .review-stage .button-audio:focus {
  background-color: #656a6a;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .review-stage .button-audio:active {
  background-color: #4d5050;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .review-stage .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 23.95209581px;
  color: #ffffff;
  line-height: 40px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .button-audio:hover,
.window-assessment .review-stage .button-audio:focus {
  background-color: #656a6a;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .button-audio:active {
  background-color: #4d5050;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .button-audio.disabled,
.window-assessment .review-stage .button-audio[disabled] {
  background-color: #5b5b5b;
}
/* line 236, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 243, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option {
  position: relative;
  margin: 10px 0px;
  min-height: 40px;
  vertical-align: middle;
  text-align: center;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 255, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option.touch {
  background-color: #ffd87f;
}
/* line 258, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option span {
  margin: 10px 0;
  display: inline-block;
  font-size: 16px;
  color: #747e7e;
}
/* line 264, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option span.option {
  max-width: 465px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* line 270, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option span.option:before {
  content: " ";
  position: absolute;
  top: 4px;
  left: -20px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url('../image/review-options-states.png');
  width: 14px;
  height: 13px;
  background-position: -1px -34px;
}
/* line 284, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option span.option.correct:before {
  width: 15px;
  height: 13px;
  background-position: -2px -19px;
}
/* line 285, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option span.option.incorrect:before {
  width: 13px;
  height: 13px;
  background-position: -2px -49px;
}
/* line 286, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option span.option.timeout:before {
  top: 3px;
  width: 15px;
  height: 15px;
  background-position: -2px -2px;
}
/* line 289, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option .show-details {
  width: 32px;
  height: 32px;
  -webkit-animation: bjsJellyIn 0.6s both;
  -moz-animation: bjsJellyIn 0.6s both;
  -o-animation: bjsJellyIn 0.6s both;
  animation: bjsJellyIn 0.6s both;
  position: absolute;
  right: 2px;
  top: 4px;
}
/* line 298, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option .show-details__inner {
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  top: 0;
  display: block;
  background: url('../image/eyes_icon.png') no-repeat center;
}
/* line 309, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option .show-details__inner:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 312, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .li-option .show-details__inner:active {
  top: 1px;
}
/* line 319, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results {
  margin: 0;
  list-style-type: none;
}
/* line 323, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-correct {
  max-width: 400px;
  margin: 15px auto;
}
/* line 327, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-correct.ng-hide-remove {
  -webkit-animation: fadeInDown 0.5s both;
  -moz-animation: fadeInDown 0.5s both;
  -o-animation: fadeInDown 0.5s both;
  animation: fadeInDown 0.5s both;
}
/* line 331, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-correct > span {
  position: relative;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
}
/* line 345, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-correct > span.correct:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00C';
  color: #91c747;
}
/* line 351, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-correct > span.incorrect:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00D';
  color: #f91600;
}
/* line 359, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-user {
  max-width: 400px;
  margin: 15px auto;
  background-color: #9eaeaa;
}
/* line 327, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-user.ng-hide-remove {
  -webkit-animation: fadeInDown 0.5s both;
  -moz-animation: fadeInDown 0.5s both;
  -o-animation: fadeInDown 0.5s both;
  animation: fadeInDown 0.5s both;
}
/* line 331, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-user > span {
  position: relative;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
}
/* line 345, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-user > span.correct:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00C';
  color: #91c747;
}
/* line 351, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-user > span.incorrect:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00D';
  color: #f91600;
}
/* line 364, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .spell-results .sr-user > span {
  color: white;
}
/* line 370, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .correct-panel {
  margin-top: -20px;
}
/* line 374, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header {
  -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: relative;
  padding: 10px 0;
  text-align: center;
  line-height: 1.4;
  color: #ffffff;
  z-index: 1;
}
/* line 385, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header > .comboset-container {
  position: relative;
  margin-bottom: 10px;
}
/* line 391, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header > .comboset-container > .comboset {
  margin: 0 auto;
}
/* line 396, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .question {
  display: table;
  margin: 0 auto;
  min-height: 67px;
}
/* line 402, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .question .question-wrap {
  width: 500px;
  display: table-cell;
  vertical-align: middle;
}
/* line 408, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .question .question-wrap > span {
  display: inline-block;
  position: relative;
  font-size: 48px;
  letter-spacing: 2px;
  line-height: 1;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
/* line 418, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .question .question-wrap > span > .button-audio-wrap {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -50px;
  margin-top: -20px;
  font-size: 24px;
}
/* line 427, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .question .question-wrap > span > .button-audio-wrap.ng-hide-remove {
  -webkit-animation: fadeInLeft 1s both;
  -moz-animation: fadeInLeft 1s both;
  -o-animation: fadeInLeft 1s both;
  animation: fadeInLeft 1s both;
}
/* line 432, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .question .question-wrap > span.no-en {
  /**
							 * 針對無英文的情況(目前即純中文)做調整
							 */
  top: 6px;
  font-size: 40px;
  line-height: 1.3;
}
/* line 447, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .phonetic {
  margin: 5px 0 15px;
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
/* line 456, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .function {
  -webkit-font-smoothing: antialiased;
  margin: 5px 0 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
/* line 465, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .function .phonetic {
  display: inline-block;
  margin: 0 0 0 13px;
  color: #eeebdc;
  font-weight: normal;
}
/* line 474, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-header .spell-desc {
  height: 92px;
  font-size: 20px;
  line-height: 92px;
}
/* line 481, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body {
  min-height: 296px;
  position: relative;
  z-index: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 489, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .confirm-desc {
  text-align: center;
  font-size: 18px;
  color: white;
  padding: 216px 0 30px 0;
}
/* line 498, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 424px;
  text-align: center;
  font-size: 18px;
  color: white;
  line-height: 1.6;
}
/* line 510, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .confirm-desc-v2__v-wrap {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 53%;
  width: 100%;
}
/* line 519, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 .desc-text {
  margin-bottom: 35px;
}
/* line 523, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 .button-start {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  background-color: #ffd87f;
  color: #747e7e;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 .button-start:hover,
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 .button-start:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 .button-start:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 .button-start.disabled,
.window-assessment .review-stage .review-stage-body .confirm-desc-v2 .button-start[disabled] {
  background-color: #f2d38c;
}
/* line 531, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .think-desc {
  text-align: center;
  margin: 0 auto;
  width: 400px;
  font-size: 24px;
  color: #ffffff;
  line-height: 220px;
  position: relative;
  z-index: 0;
}
/* line 545, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .think-desc.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 549, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .think-desc .cue-image {
  display: block;
  position: absolute;
  right: 400px;
  top: 0;
  text-align: right;
  width: 220px;
  height: 220px;
}
/* line 558, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .think-desc .cue-image img {
  vertical-align: top;
  max-height: 220px;
}
/* line 565, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 570px;
  width: 100%;
  background-color: #ced3d7;
}
/* line 573, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 577, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .options {
  margin: 0;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 10px 15px;
}
/* line 584, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell {
  min-height: 200px;
  padding-top: 20px;
  text-align: center;
}
/* line 590, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .audio-wrap {
  margin-bottom: 35px;
}
/* line 593, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .audio-wrap.upper {
  margin-bottom: 0;
}
/* line 598, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 90px;
  height: 90px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 53.89221557px;
  text-align: center;
  background-color: #595d5d;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio:hover,
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio:focus {
  background-color: #656a6a;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio:active {
  background-color: #4d5050;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 53.89221557px;
  color: #ffffff;
  line-height: 90px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio:hover,
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio:focus {
  background-color: #656a6a;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio:active {
  background-color: #4d5050;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio.disabled,
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio[disabled] {
  background-color: #5b5b5b;
}
/* line 604, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio.small {
  -webkit-transform: translateY(-13px) scale(0.64);
  -moz-transform: translateY(-13px) scale(0.64);
  -ms-transform: translateY(-13px) scale(0.64);
  -o-transform: translateY(-13px) scale(0.64);
  transform: translateY(-13px) scale(0.64);
}
/* line 609, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 616, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .spell-input-wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  font-size: 18px;
}
/* line 626, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .spell-input-wrap .spell-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
  position: relative;
  z-index: 2;
  height: 33px;
  padding: 6px 0;
}
/* line 638, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .review-select .spell .spell-input-wrap .spell-placeholder {
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 1;
  width: 100%;
  color: #ccc;
}
/* line 652, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .button-bar {
  text-align: center;
  margin-top: 15px;
}
/* line 656, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .button-bar a {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
}
/* line 659, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-next,
.window-assessment .review-stage .review-stage-body .button-bar a.button-select,
.window-assessment .review-stage .review-stage-body .button-bar a.button-start,
.window-assessment .review-stage .review-stage-body .button-bar a.button-correct {
  background-color: #ffd87f;
  color: #747e7e;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-next:hover,
.window-assessment .review-stage .review-stage-body .button-bar a.button-select:hover,
.window-assessment .review-stage .review-stage-body .button-bar a.button-start:hover,
.window-assessment .review-stage .review-stage-body .button-bar a.button-correct:hover,
.window-assessment .review-stage .review-stage-body .button-bar a.button-next:focus,
.window-assessment .review-stage .review-stage-body .button-bar a.button-select:focus,
.window-assessment .review-stage .review-stage-body .button-bar a.button-start:focus,
.window-assessment .review-stage .review-stage-body .button-bar a.button-correct:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-next:active,
.window-assessment .review-stage .review-stage-body .button-bar a.button-select:active,
.window-assessment .review-stage .review-stage-body .button-bar a.button-start:active,
.window-assessment .review-stage .review-stage-body .button-bar a.button-correct:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-next.disabled,
.window-assessment .review-stage .review-stage-body .button-bar a.button-select.disabled,
.window-assessment .review-stage .review-stage-body .button-bar a.button-start.disabled,
.window-assessment .review-stage .review-stage-body .button-bar a.button-correct.disabled,
.window-assessment .review-stage .review-stage-body .button-bar a.button-next[disabled],
.window-assessment .review-stage .review-stage-body .button-bar a.button-select[disabled],
.window-assessment .review-stage .review-stage-body .button-bar a.button-start[disabled],
.window-assessment .review-stage .review-stage-body .button-bar a.button-correct[disabled] {
  background-color: #f2d38c;
}
/* line 663, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-forget {
  background-color: #5e6262;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-forget:hover,
.window-assessment .review-stage .review-stage-body .button-bar a.button-forget:focus {
  background-color: #6a6f6f;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-forget:active {
  background-color: #525555;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-forget.disabled,
.window-assessment .review-stage .review-stage-body .button-bar a.button-forget[disabled] {
  background-color: #606060;
}
/* line 667, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-leave {
  background-color: #ffd87f;
  color: #747e7e;
  width: 220px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-leave:hover,
.window-assessment .review-stage .review-stage-body .button-bar a.button-leave:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-leave:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar a.button-leave.disabled,
.window-assessment .review-stage .review-stage-body .button-bar a.button-leave[disabled] {
  background-color: #f2d38c;
}
/* line 677, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-footer .actions {
  padding-right: 24px;
  text-align: right;
}
/* line 682, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-footer .actions .leave-review {
  cursor: pointer;
  display: inline-block;
  background: url(../image/leave-review-btn.png) no-repeat left top;
  width: 58px;
  height: 58px;
  opacity: 0.9;
  position: relative;
  vertical-align: middle;
}
/* line 693, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage .review-stage-footer .actions .leave-review:after {
  position: absolute;
  text-align: center;
  content: attr(title);
  width: 100%;
  left: 0;
  top: 60px;
  font-size: 12px;
  color: white;
}
/* line 20, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-footer .actions .leave-review:active {
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -o-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
}
/* line 712, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.confirm-phase .button-bar {
  padding-bottom: 108px;
}
/* line 717, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.think-phase .review-stage-header {
  -webkit-transform: translate(0, 59px);
  -moz-transform: translate(0, 59px);
  -ms-transform: translate(0, 59px);
  -o-transform: translate(0, 59px);
  transform: translate(0, 59px);
}
/* line 721, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.think-phase .review-stage-body {
  -webkit-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
/* line 725, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.think-phase .review-stage-body .button-bar {
  -webkit-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
/* line 731, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.select-phase .review-select .li-option {
  cursor: pointer !important;
}
/* line 734, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.select-phase .review-select .li-option:hover {
  background-color: #ffd87f !important;
}
/* line 738, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment .review-stage.select-phase .review-select .li-option:active {
  background-color: #ffd065 !important;
}
/* line 747, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment__view-progress {
  position: relative;
  width: 100%;
  background-color: transparent;
  padding: 10px 0;
}
/* line 662, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress .row-fluid {
  position: relative;
}
/* line 665, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress .row-fluid.as-hint {
  position: static;
}
/* line 670, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__title {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 40px;
  text-align: left;
  font-size: 18px;
  color: #f6f2e0;
  line-height: 78px;
  font-weight: bold;
}
/* line 684, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 35px;
  text-align: left;
}
/* line 694, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__bar {
  width: 250px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  background-color: #434848;
}
/* line 706, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__bar__inner {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 0%;
  height: 10px;
  background-color: #ffffff;
  will-change: transform;
}
/* line 718, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__number {
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 1px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 18px;
}
/* line 729, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__number .splitter,
.window-assessment__view-progress__visual__number .max {
  color: #434848;
}
/* line 732, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__number .current {
  color: #ffffff;
}
/* line 756, /home/pc035860/master/web/asset/less/window/review.less */
.window-assessment__view-progress .wgt-extra-learning-bird {
  position: absolute;
  left: -63px;
  bottom: -82px;
}
/* line 15, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .loading-view {
  line-height: 315px;
  min-height: 506px;
}
/* line 20, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage {
  min-height: 496px;
}
/* line 35, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .countdown-bomb {
  top: 0;
}
/* line 40, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .question-cloze-answer {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 90px;
  border-bottom: 1px solid #fff;
}
/* line 51, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-height {
  min-height: 408px;
}
/* line 65, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .think-desc.ng-enter {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 71, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .review-select.ng-enter {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 76, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .confirm-desc {
  width: 70%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 124px;
}
/* line 81, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .confirm-desc > p {
  text-align: center;
  line-height: 1.6;
}
/* line 87, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .confirm-desc.mid-exam > p {
  text-align: center;
}
/* line 87, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .confirm-desc.post-exam > p {
  text-align: center;
}
/* line 97, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc {
  width: 70%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 129px 0 147px 0;
  color: #ffffff;
  text-align: center;
}
/* line 108, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc.without-assess {
  padding-top: 170px;
  padding-bottom: 188px;
}
/* line 115, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc p {
  line-height: 1.3;
}
/* line 119, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc .init-progress-number,
.window-assessment .review-stage .review-stage-body .report-desc .init-progress-percentage,
.window-assessment .review-stage .review-stage-body .report-desc .total-number {
  display: inline-block;
  font-size: 36px;
  color: #ffdb7f;
}
/* line 126, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc .height-locker {
  height: 78px;
}
/* line 130, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc .height-locker .preparing canvas,
.window-assessment .review-stage .review-stage-body .report-desc .height-locker .preparing .desc {
  vertical-align: middle;
}
/* line 134, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc .height-locker .preparing .desc {
  -webkit-animation: flah 2s both infinite;
  -moz-animation: flah 2s both infinite;
  -o-animation: flah 2s both infinite;
  animation: flah 2s both infinite;
}
/* line 139, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc .height-locker a.button-catalog {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  background-color: #ffd87f;
  margin-top: 43px;
  color: #747e7e;
  width: 145px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .report-desc .height-locker a.button-catalog:hover,
.window-assessment .review-stage .review-stage-body .report-desc .height-locker a.button-catalog:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .report-desc .height-locker a.button-catalog:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .report-desc .height-locker a.button-catalog.disabled,
.window-assessment .review-stage .review-stage-body .report-desc .height-locker a.button-catalog[disabled] {
  background-color: #f2d38c;
}
/* line 151, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc.mid-exam .height-locker {
  height: 160px;
}
/* line 151, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc.post-exam .height-locker {
  height: 160px;
}
/* line 159, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .report-desc.post-exam p {
  line-height: 1.6;
}
/* line 167, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-start {
  background-color: #ffd87f;
  color: #747e7e;
  width: 116px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-start:hover,
.window-assessment .review-stage .review-stage-body .button-bar > a.button-start:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-start:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-start.disabled,
.window-assessment .review-stage .review-stage-body .button-bar > a.button-start[disabled] {
  background-color: #f2d38c;
}
/* line 173, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-leave {
  background-color: #ffd87f;
  color: #747e7e;
  width: 192px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-leave:hover,
.window-assessment .review-stage .review-stage-body .button-bar > a.button-leave:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-leave:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-leave.disabled,
.window-assessment .review-stage .review-stage-body .button-bar > a.button-leave[disabled] {
  background-color: #f2d38c;
}
/* line 179, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-report {
  background-color: #ffd87f;
  color: #747e7e;
  width: 150px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-report:hover,
.window-assessment .review-stage .review-stage-body .button-bar > a.button-report:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-report:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.window-assessment .review-stage .review-stage-body .button-bar > a.button-report.disabled,
.window-assessment .review-stage .review-stage-body .button-bar > a.button-report[disabled] {
  background-color: #f2d38c;
}
/* line 188, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-footer .progress {
  height: 25px;
  margin-top: 26px;
  opacity: 0.8;
  background: none;
  background-color: #434848;
}
/* line 196, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-footer .progress .bar {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  background: none;
  background-color: white;
}
/* line 203, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-footer .assessment-progress {
  line-height: 75px;
  font-size: 18px;
}
/* line 207, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-footer .assessment-progress .splitter,
.window-assessment .review-stage .review-stage-footer .assessment-progress .max {
  color: #434848;
}
/* line 210, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage .review-stage-footer .assessment-progress .current {
  color: white;
}
/* line 218, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage.confirm-phase .button-bar {
  padding-bottom: 78px;
}
/* line 223, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage.action {
  background-color: transparent;
}
/* line 231, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage.cloze .review-stage-header .question {
  min-height: 87px;
}
/* line 235, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage.cloze .review-stage-header .question .question-wrap {
  max-width: 700px;
  width: 100%;
}
/* line 238, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment .review-stage.cloze .review-stage-header .question .question-wrap > span {
  font-size: 18px;
  letter-spacing: 0;
}
/* line 250, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment.special .review-select > .options > .li-option > .option:before {
  display: none !important;
}
/* line 255, /home/pc035860/master/web/asset/less/window/assessment.less */
.window-assessment__view-progress {
  width: 100%;
  background-color: transparent;
  padding: 10px 0;
}
/* line 662, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress .row-fluid {
  position: relative;
}
/* line 665, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress .row-fluid.as-hint {
  position: static;
}
/* line 670, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__title {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 40px;
  text-align: left;
  font-size: 18px;
  color: #f6f2e0;
  line-height: 78px;
  font-weight: bold;
}
/* line 684, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 35px;
  text-align: left;
}
/* line 694, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__bar {
  width: 250px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  background-color: #434848;
}
/* line 706, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__bar__inner {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 0%;
  height: 10px;
  background-color: #ffffff;
  will-change: transform;
}
/* line 718, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__number {
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 1px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 18px;
}
/* line 729, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__number .splitter,
.window-assessment__view-progress__visual__number .max {
  color: #434848;
}
/* line 732, /home/pc035860/master/web/asset/less/widgets.less */
.window-assessment__view-progress__visual__number .current {
  color: #ffffff;
}
/* line 1, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment {
  background: #694d34;
  color: #fff7e8;
}
/* line 14, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .billing-history .content {
  min-height: 350px;
}
/* line 16, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .billing-history .content .no-record {
  text-align: center;
}
/* line 21, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .billing-history .resend-receipt {
  opacity: 0.7;
  filter: alpha(opacity=70);
  color: white;
}
/* line 25, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .billing-history .resend-receipt:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 31, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment h2 {
  color: #fcdb9c;
}
/* line 35, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment table th {
  color: #694d34;
  text-align: center;
}
/* line 39, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment table th.catalog {
  text-align: left;
}
/* line 43, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment table td {
  font-size: 14px;
  text-align: center;
}
/* line 46, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment table td.catalog {
  text-align: left;
}
/* line 50, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment table thead tr {
  background: #fcdb9c;
}
/* line 53, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment table tbody tr {
  font-size: 12px;
  background: #92755a;
}
/* line 57, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment table td,
.window-payment table th {
  border: 1px solid #694d34;
}
/* line 61, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .header {
  background: #fcdb9c;
  font-size: 14px;
}
/* line 65, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .header > .row-fluid {
  border-top: 1px solid #694d34;
}
/* line 67, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .header > .row-fluid .name {
  border-right: 1px solid #694d34;
}
/* line 70, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .header > .row-fluid .title {
  font-size: 14px;
  color: #694d34;
}
/* line 74, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .header > .row-fluid .content {
  color: #ff7e00;
  font-size: 18px;
}
/* line 78, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .header > .row-fluid .description {
  line-height: 1.5;
  color: #694d34;
}
/* line 84, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body {
  background: #92755a;
  border-top: 1px solid #694d34;
  border-bottom: 1px solid #694d34;
}
/* line 90, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress {
  position: relative;
  left: 10px;
}
/* line 99, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .day-left,
.window-payment .body .window-progress .study-hour {
  color: #ffffff;
}
/* line 111, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .master-rate,
.window-payment .body .window-progress .review-pace {
  background-color: #694d34;
}
/* line 107, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .master-rate > .bar,
.window-payment .body .window-progress .review-pace > .bar {
  background-color: #ffffff;
}
/* line 114, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .current-level {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  margin-bottom: 12px;
  margin-top: 11px;
}
/* line 124, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .current-level > .bar {
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 4;
}
/* line 131, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .current-level:before {
  background-color: #92755a;
}
/* line 135, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .current-level:after {
  background-color: #b49b85;
}
/* line 140, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .pace {
  margin-top: -7px;
}
/* line 143, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .body .window-progress .pace .reschedule-hint {
  display: none;
}
/* line 149, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer {
  background: #fff7e8;
  position: relative;
}
/* line 153, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .discount-badge {
  width: 124px;
  height: 102px;
  position: absolute;
  z-index: 1;
  right: 28px;
  bottom: 36px;
  background: transparent url(../image/discount-30p@2x.png) no-repeat 0 0;
  background-size: 124px 102px;
}
@media (max-width: 600px) {
  /* line 166, /home/pc035860/master/web/asset/less/window/payment.less */
  .window-payment .footer .discount-badge {
    display: none;
  }
}
/* line 171, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .title {
  position: absolute;
  top: 50%;
  left: 45px;
  margin-top: -15px;
  font-size: 24px;
  color: #ff7e00;
}
/* line 182, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list {
  color: #694d34;
  text-align: left;
  margin: 0;
}
/* line 186, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list label {
  display: block;
  font-size: 14px;
  padding: 5px 0;
  letter-spacing: 1px;
}
/* line 197, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list label input[name="plan_id"] {
  margin: 0;
  vertical-align: middle;
}
/* line 201, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list label input[name="coupon"] {
  margin: 0;
  vertical-align: middle;
  width: 30%;
  font-size: 14px;
}
/* line 207, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list label .orig {
  text-decoration: line-through;
}
/* line 210, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list label .discounted {
  display: inline-block;
  margin-left: 10px;
  color: #e6b42d;
  font-size: 14px;
  font-weight: 400;
}
/* line 218, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list small {
  color: gray;
}
/* line 221, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .discount {
  color: rgba(255, 45, 45, 0.9);
}
/* line 224, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .discount-number {
  font-size: 14px;
}
/* line 228, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state {
  position: relative;
  left: -27px;
  top: 1px;
}
/* line 237, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state .icon {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
/* line 240, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state .desc {
  margin-left: 10px;
}
/* line 244, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state.pending {
  color: #979797;
}
/* line 247, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state.pending .desc {
  margin-left: 35px;
}
/* line 251, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state.ok {
  color: #63a985;
}
/* line 254, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state.ok .icon:before {
  content: '\F00C';
}
/* line 258, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state.error {
  color: #ff0000;
}
/* line 261, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plan-list .coupon-state.error .icon:before {
  content: '\F00D';
}
/* line 269, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .paid-in-app {
  color: #694d34;
  font-size: 16.8px;
  padding: 61px 0 69px 0;
}
/* line 277, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .footer .plans-loading {
  min-height: 150px;
  line-height: 150px;
  color: rgba(105, 77, 52, 0.5);
}
/* line 286, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .actions {
  padding-top: 10px;
  position: relative;
}
/* line 290, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .actions .ecpay-b2c-img {
  position: absolute;
  top: 30px;
  right: 0;
}
/* line 295, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .actions .ecpay-desc {
  position: absolute;
  font-size: 12px;
}
/* line 299, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .actions .ecpay-desc.visible-desktop {
  top: 26px;
  right: 130px;
}
/* line 303, /home/pc035860/master/web/asset/less/window/payment.less */
.window-payment .actions .ecpay-desc.hidden-desktop {
  right: 0;
  width: 100%;
  text-align: center;
  bottom: -25px;
}
/* line 1, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro {
  color: #eee9cb;
  line-height: 130%;
  letter-spacing: 1px;
}
/* line 6, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro p {
  font-style: italic;
  font-size: 14px;
  margin: 1em 0;
  text-align: justify;
}
/* line 12, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .header {
  color: white;
  text-align: center;
}
/* line 16, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro h1 {
  font-style: italic;
  display: inline-block;
}
/* line 19, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro h1 a {
  color: white;
  text-decoration: underline;
}
/* line 24, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .body {
  background: #8a6a4c;
}
/* line 26, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .body h2 {
  font-size: 16px;
  text-align: center;
  color: white;
}
/* line 30, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .body h2 a {
  color: white;
}
/* line 34, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .body h3 {
  font-size: 14px;
  color: white;
}
/* line 37, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .body h3 a {
  color: white;
}
/* line 41, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .body p,
.window-intro .body li {
  text-align: justify;
  font-style: normal;
  font-size: 13px;
  line-height: 1.6;
}
/* line 47, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .body .note {
  font-size: 13px;
  color: #da4f49;
  background: #e0dcc9;
  padding: 3px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 55, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .figure {
  margin: auto -30px;
  background: #e0dcc9;
  position: relative;
  min-height: 340px;
}
/* line 61, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .features {
  padding: 15px 10px;
}
/* line 64, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .popover {
  color: black;
}
/* line 66, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .popover h3 {
  color: black;
}
/* line 70, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro a {
  cursor: pointer;
  color: black;
}
/* line 74, /home/pc035860/master/web/asset/less/window/intro.less */
.window-intro .footnote {
  color: white;
}
/* line 93, /home/pc035860/master/web/asset/less/window.less */
.window-shadow {
  position: relative;
  width: 100%;
  z-index: 10;
  margin: -60px 0 30px 0;
}
/* line 98, /home/pc035860/master/web/asset/less/window.less */
.window-shadow .render {
  width: 85%;
  height: 60px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* line 1, /home/pc035860/master/web/asset/less/background.less */
.background,
.background1,
.background2 {
  position: relative;
  width: 100%;
}
/* line 6, /home/pc035860/master/web/asset/less/background.less */
.container[ui-view] {
  /*min-height: 500px;*/
}
/* line 33, /home/pc035860/master/web/asset/less/background.less */
.background,
.background1 {
  -webkit-transition: background-color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
  position: relative;
  background-color: white;
  will-change: background-color;
}
/* line 46, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage,
.background1 .sprite-stage {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
/* line 15, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .container,
.background1 .sprite-stage .container {
  position: relative;
}
/* line 18, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .container .sprite,
.background1 .sprite-stage .container .sprite {
  background: url(../image/decorations-all.png) no-repeat top left;
  position: absolute;
}
/* line 252, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-balloon1,
.background1 .sprite-stage .container .sprite.p-balloon1 {
  background-position: 0 0;
  width: 141px;
  height: 190px;
}
/* line 253, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-balloon2,
.background1 .sprite-stage .container .sprite.p-balloon2 {
  background-position: 0 -191px;
  width: 98px;
  height: 131px;
}
/* line 254, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-book3,
.background1 .sprite-stage .container .sprite.p-book3 {
  background-position: 0 -323px;
  width: 138px;
  height: 134px;
}
/* line 255, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-cloud2,
.background1 .sprite-stage .container .sprite.p-cloud2 {
  background-position: 0 -458px;
  width: 97px;
  height: 42px;
}
/* line 256, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-stone2,
.background1 .sprite-stage .container .sprite.p-stone2 {
  background-position: 0 -501px;
  width: 56px;
  height: 58px;
}
/* line 257, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-tree1,
.background1 .sprite-stage .container .sprite.p-tree1 {
  background-position: 0 -560px;
  width: 74px;
  height: 69px;
}
/* line 258, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-tree3,
.background1 .sprite-stage .container .sprite.p-tree3 {
  background-position: 0 -630px;
  width: 143px;
  height: 141px;
}
/* line 259, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-tree4,
.background1 .sprite-stage .container .sprite.p-tree4 {
  background-position: 0 -772px;
  width: 142px;
  height: 97px;
}
/* line 260, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-tree5,
.background1 .sprite-stage .container .sprite.p-tree5 {
  background-position: 0 -870px;
  width: 128px;
  height: 118px;
}
/* line 261, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-tree6,
.background1 .sprite-stage .container .sprite.p-tree6 {
  background-position: 0 -989px;
  width: 157px;
  height: 107px;
}
/* line 262, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-tree8,
.background1 .sprite-stage .container .sprite.p-tree8 {
  background-position: 0 -1097px;
  width: 181px;
  height: 124px;
}
/* line 263, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .container .sprite.p-tree9,
.background1 .sprite-stage .container .sprite.p-tree9 {
  background-position: 0 -1222px;
  width: 91px;
  height: 84px;
}
/* line 22, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .container .sprite.ng-enter,
.background1 .sprite-stage .container .sprite.ng-enter {
  -webkit-animation: fadeIn 2s both;
  -moz-animation: fadeIn 2s both;
  -o-animation: fadeIn 2s both;
  animation: fadeIn 2s both;
}
/* line 25, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .container .sprite.ng-leave,
.background1 .sprite-stage .container .sprite.ng-leave {
  -webkit-animation: fadeOut 1s both;
  -moz-animation: fadeOut 1s both;
  -o-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 56, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.balloon1,
.background1 .sprite-stage .sprite.balloon1 {
  background-position: 0 0;
  width: 141px;
  height: 190px;
  right: -15px;
  top: 118px;
}
/* line 57, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.balloon1.ng-enter,
.background1 .sprite-stage .sprite.balloon1.ng-enter,
.background .sprite-stage .sprite.balloon1.ng-leave,
.background1 .sprite-stage .sprite.balloon1.ng-leave {
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
/* line 63, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.balloon2,
.background1 .sprite-stage .sprite.balloon2 {
  background-position: 0 -191px;
  width: 98px;
  height: 131px;
  left: 10px;
  top: 30px;
}
/* line 64, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.balloon2.ng-enter,
.background1 .sprite-stage .sprite.balloon2.ng-enter,
.background .sprite-stage .sprite.balloon2.ng-leave,
.background1 .sprite-stage .sprite.balloon2.ng-leave {
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
}
/* line 70, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.cloud1,
.background1 .sprite-stage .sprite.cloud1 {
  width: 130px;
  height: 45px;
  background: #f2f9fe;
  background-color: #e7f5fe;
  background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f9fe), to(#d6f0fd));
  background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f9fe', endColorstr='#ffd6f0fd', GradientType=0);
  -webkit-border-radius: 37.14285714px;
  -moz-border-radius: 37.14285714px;
  border-radius: 37.14285714px;
  margin: 45px auto 7.5px;
  position: absolute;
  left: -30px;
  top: 135px;
}
/* line 71, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.cloud1.ng-enter,
.background1 .sprite-stage .sprite.cloud1.ng-enter,
.background .sprite-stage .sprite.cloud1.ng-leave,
.background1 .sprite-stage .sprite.cloud1.ng-leave {
  -webkit-animation-delay: 250ms;
  -moz-animation-delay: 250ms;
  -o-animation-delay: 250ms;
  animation-delay: 250ms;
}
/* line 281, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .sprite.cloud1:after,
.background1 .sprite-stage .sprite.cloud1:after,
.background .sprite-stage .sprite.cloud1:before,
.background1 .sprite-stage .sprite.cloud1:before {
  content: '';
  position: absolute;
  background: #f2f9fe;
  z-index: -1;
}
/* line 288, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .sprite.cloud1:after,
.background1 .sprite-stage .sprite.cloud1:after {
  width: 37.14285714px;
  height: 37.14285714px;
  top: -18.57142857px;
  left: 18.57142857px;
  -webkit-border-radius: 37.14285714px;
  -moz-border-radius: 37.14285714px;
  border-radius: 37.14285714px;
}
/* line 295, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .sprite.cloud1:before,
.background1 .sprite-stage .sprite.cloud1:before {
  width: 67.5px;
  height: 67.5px;
  top: -33.75px;
  right: 18.57142857px;
  -webkit-border-radius: 74.28571429px;
  -moz-border-radius: 74.28571429px;
  border-radius: 74.28571429px;
}
/* line 77, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.cloud2,
.background1 .sprite-stage .sprite.cloud2 {
  width: 90px;
  height: 31px;
  background: #f2f9fe;
  background-color: #e7f5fe;
  background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f9fe), to(#d6f0fd));
  background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f9fe', endColorstr='#ffd6f0fd', GradientType=0);
  -webkit-border-radius: 25.71428571px;
  -moz-border-radius: 25.71428571px;
  border-radius: 25.71428571px;
  margin: 31px auto 5.16666667px;
  position: absolute;
  right: -20px;
  top: 50px;
}
/* line 78, /home/pc035860/master/web/asset/less/background.less */
.background .sprite-stage .sprite.cloud2.ng-enter,
.background1 .sprite-stage .sprite.cloud2.ng-enter,
.background .sprite-stage .sprite.cloud2.ng-leave,
.background1 .sprite-stage .sprite.cloud2.ng-leave {
  -webkit-animation-delay: 550ms;
  -moz-animation-delay: 550ms;
  -o-animation-delay: 550ms;
  animation-delay: 550ms;
}
/* line 281, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .sprite.cloud2:after,
.background1 .sprite-stage .sprite.cloud2:after,
.background .sprite-stage .sprite.cloud2:before,
.background1 .sprite-stage .sprite.cloud2:before {
  content: '';
  position: absolute;
  background: #f2f9fe;
  z-index: -1;
}
/* line 288, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .sprite.cloud2:after,
.background1 .sprite-stage .sprite.cloud2:after {
  width: 25.71428571px;
  height: 25.71428571px;
  top: -12.85714286px;
  left: 12.85714286px;
  -webkit-border-radius: 25.71428571px;
  -moz-border-radius: 25.71428571px;
  border-radius: 25.71428571px;
}
/* line 295, /home/pc035860/master/web/asset/less/utils.less */
.background .sprite-stage .sprite.cloud2:before,
.background1 .sprite-stage .sprite.cloud2:before {
  width: 46.5px;
  height: 46.5px;
  top: -23.25px;
  right: 12.85714286px;
  -webkit-border-radius: 51.42857143px;
  -moz-border-radius: 51.42857143px;
  border-radius: 51.42857143px;
}
/* line 87, /home/pc035860/master/web/asset/less/background.less */
.background > .gradient-bg,
.background1 > .gradient-bg {
  background-color: rgba(255, 255, 255, 0.04);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/* line 98, /home/pc035860/master/web/asset/less/background.less */
.background2 {
  padding-top: 60px;
  margin-top: -110px;
  min-height: 120px;
}
/* line 104, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage {
  position: absolute;
  overflow: hidden;
  top: -150px;
  left: 0;
  width: 100%;
  height: 150%;
  z-index: 0;
}
/* line 15, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .container {
  position: relative;
}
/* line 18, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .container .sprite {
  background: url(../image/decorations-all.png) no-repeat top left;
  position: absolute;
}
/* line 252, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-balloon1 {
  background-position: 0 0;
  width: 141px;
  height: 190px;
}
/* line 253, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-balloon2 {
  background-position: 0 -191px;
  width: 98px;
  height: 131px;
}
/* line 254, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-book3 {
  background-position: 0 -323px;
  width: 138px;
  height: 134px;
}
/* line 255, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-cloud2 {
  background-position: 0 -458px;
  width: 97px;
  height: 42px;
}
/* line 256, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-stone2 {
  background-position: 0 -501px;
  width: 56px;
  height: 58px;
}
/* line 257, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-tree1 {
  background-position: 0 -560px;
  width: 74px;
  height: 69px;
}
/* line 258, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-tree3 {
  background-position: 0 -630px;
  width: 143px;
  height: 141px;
}
/* line 259, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-tree4 {
  background-position: 0 -772px;
  width: 142px;
  height: 97px;
}
/* line 260, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-tree5 {
  background-position: 0 -870px;
  width: 128px;
  height: 118px;
}
/* line 261, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-tree6 {
  background-position: 0 -989px;
  width: 157px;
  height: 107px;
}
/* line 262, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-tree8 {
  background-position: 0 -1097px;
  width: 181px;
  height: 124px;
}
/* line 263, /home/pc035860/master/web/asset/less/utils.less */
.background2 .sprite-stage .container .sprite.p-tree9 {
  background-position: 0 -1222px;
  width: 91px;
  height: 84px;
}
/* line 22, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .container .sprite.ng-enter {
  -webkit-animation: fadeIn 2s both;
  -moz-animation: fadeIn 2s both;
  -o-animation: fadeIn 2s both;
  animation: fadeIn 2s both;
}
/* line 25, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .container .sprite.ng-leave {
  -webkit-animation: fadeOut 1s both;
  -moz-animation: fadeOut 1s both;
  -o-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 114, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .sprite {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* line 117, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .sprite.tree-green1 {
  background-position: 0 -989px;
  width: 157px;
  height: 107px;
  right: -80px;
  top: 83px;
}
/* line 123, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .sprite.tree-green2 {
  background-position: 0 -560px;
  width: 74px;
  height: 69px;
  left: -85px;
  top: 93px;
}
/* line 124, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .sprite.tree-green2.ng-enter,
.background2 .sprite-stage .sprite.tree-green2.ng-leave {
  -webkit-animation-delay: 150ms;
  -moz-animation-delay: 150ms;
  -o-animation-delay: 150ms;
  animation-delay: 150ms;
}
/* line 130, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .sprite.tree-red1 {
  background-position: 0 -1097px;
  width: 181px;
  height: 124px;
  right: -80px;
  top: 83px;
}
/* line 131, /home/pc035860/master/web/asset/less/background.less */
.background2 .sprite-stage .sprite.tree-red1.ng-enter,
.background2 .sprite-stage .sprite.tree-red1.ng-leave {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
/* line 140, /home/pc035860/master/web/asset/less/background.less */
.background-note-tutorial {
  background-color: #333;
}
/* line 144, /home/pc035860/master/web/asset/less/background.less */
.background-brown {
  background-color: #7f5e3d;
}
/* line 151, /home/pc035860/master/web/asset/less/background.less */
.background-brown.background2 {
  background-color: #79593a;
  background-image: -moz-linear-gradient(top, #7f5e3d, #705135);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7f5e3d), to(#705135));
  background-image: -webkit-linear-gradient(top, #7f5e3d, #705135);
  background-image: -o-linear-gradient(top, #7f5e3d, #705135);
  background-image: linear-gradient(to bottom, #7f5e3d, #705135);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f5e3d', endColorstr='#ff705135', GradientType=0);
}
/* line 157, /home/pc035860/master/web/asset/less/background.less */
.background-light-brown {
  background-color: #f4c48b;
}
/* line 164, /home/pc035860/master/web/asset/less/background.less */
.background-light-brown.background2 {
  background-color: #e3a063;
  background-image: -moz-linear-gradient(top, #f4c48b, #ca6926);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4c48b), to(#ca6926));
  background-image: -webkit-linear-gradient(top, #f4c48b, #ca6926);
  background-image: -o-linear-gradient(top, #f4c48b, #ca6926);
  background-image: linear-gradient(to bottom, #f4c48b, #ca6926);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4c48b', endColorstr='#ffca6926', GradientType=0);
}
/* line 169, /home/pc035860/master/web/asset/less/background.less */
.background-intro {
  background-color: #876440;
}
/* line 176, /home/pc035860/master/web/asset/less/background.less */
.background-intro.background2 {
  background-color: #775638;
  background-image: -moz-linear-gradient(top, #876440, #5e412b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#876440), to(#5e412b));
  background-image: -webkit-linear-gradient(top, #876440, #5e412b);
  background-image: -o-linear-gradient(top, #876440, #5e412b);
  background-image: linear-gradient(to bottom, #876440, #5e412b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff876440', endColorstr='#ff5e412b', GradientType=0);
}
/* line 181, /home/pc035860/master/web/asset/less/background.less */
.background-darker-green {
  background-color: #a2c994;
}
/* line 188, /home/pc035860/master/web/asset/less/background.less */
.background-darker-green.background2 {
  background-color: #91bf85;
  background-image: -moz-linear-gradient(top, #a2c994, #78af6e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a2c994), to(#78af6e));
  background-image: -webkit-linear-gradient(top, #a2c994, #78af6e);
  background-image: -o-linear-gradient(top, #a2c994, #78af6e);
  background-image: linear-gradient(to bottom, #a2c994, #78af6e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa2c994', endColorstr='#ff78af6e', GradientType=0);
}
/* line 193, /home/pc035860/master/web/asset/less/background.less */
.background-green {
  background-color: #bbe6dc;
}
/* line 201, /home/pc035860/master/web/asset/less/background.less */
.background-green.background2 {
  background-color: #badcc6;
  background-image: -moz-linear-gradient(top, #a6d5c1, #d9e7cd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6d5c1), to(#d9e7cd));
  background-image: -webkit-linear-gradient(top, #a6d5c1, #d9e7cd);
  background-image: -o-linear-gradient(top, #a6d5c1, #d9e7cd);
  background-image: linear-gradient(to bottom, #a6d5c1, #d9e7cd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa6d5c1', endColorstr='#ffd9e7cd', GradientType=0);
}
/* line 206, /home/pc035860/master/web/asset/less/background.less */
.background-pink {
  background-color: #eacabf;
}
/* line 213, /home/pc035860/master/web/asset/less/background.less */
.background-pink.background2 {
  background-color: #eed9cb;
  background-image: -moz-linear-gradient(top, #eacabf, #f4efdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eacabf), to(#f4efdc));
  background-image: -webkit-linear-gradient(top, #eacabf, #f4efdc);
  background-image: -o-linear-gradient(top, #eacabf, #f4efdc);
  background-image: linear-gradient(to bottom, #eacabf, #f4efdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeacabf', endColorstr='#fff4efdc', GradientType=0);
}
/* line 218, /home/pc035860/master/web/asset/less/background.less */
.arrow-down {
  position: fixed;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
  z-index: 1000;
}
/* line 1, /home/pc035860/master/web/asset/less/landing.less */
.landing {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  background-color: white;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.landing input,
.landing button,
.landing select,
.landing textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 7, /home/pc035860/master/web/asset/less/landing.less */
.landing .c-web-store-badge {
  position: relative;
  display: inline-block;
  width: 157px;
  height: 41px;
  text-decoration: none !important;
}
/* line 19, /home/pc035860/master/web/asset/less/landing.less */
.landing .c-web-store-badge__img {
  position: absolute;
  left: 7px;
  top: 7px;
  width: 27px;
  height: 27px;
}
/* line 26, /home/pc035860/master/web/asset/less/landing.less */
.landing .c-web-store-badge__text {
  max-width: 100%;
  height: auto;
}
/* line 31, /home/pc035860/master/web/asset/less/landing.less */
.landing .c-web-store-badge__hint-text {
  position: absolute;
  left: 2px;
  top: calc(100% + 5px);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: #808080 !important;
}
@media (max-width: 767px) {
  /* line 44, /home/pc035860/master/web/asset/less/landing.less */
  .landing .c-web-store-badge__hint-text {
    display: none;
  }
}
/* line 49, /home/pc035860/master/web/asset/less/landing.less */
.landing .c-web-store-badge.is-smaller {
  width: 110px;
}
/* line 54, /home/pc035860/master/web/asset/less/landing.less */
.landing .c-web-store-badge.is-smaller .c-web-store-badge__img {
  left: 5px;
  top: 5px;
  width: 19px;
  height: 19px;
}
/* line 62, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn {
  width: 160px;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: subpixel-antialiased;
  display: inline-block;
  font-size: 16px;
  color: #fff !important;
  line-height: 41px;
  text-align: center;
  text-decoration: none !important;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  /* line 79, /home/pc035860/master/web/asset/less/landing.less */
  .landing__btn {
    width: 130px;
  }
}
/* line 83, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--orange {
  background-color: #f4bb1a;
}
/* line 86, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--orange:hover,
.landing__btn--orange:focus {
  background-color: #f4c337;
}
/* line 89, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--orange:active {
  background-color: #eab315;
}
/* line 93, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--orange[disabled],
.landing__btn--orange.disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
/* line 99, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--green {
  background-color: #35857e;
}
/* line 102, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--green:hover,
.landing__btn--green:focus {
  background-color: #36938b;
}
/* line 105, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--green:active {
  background-color: #277770;
}
/* line 109, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--green[disabled],
.landing__btn--green.disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
/* line 116, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--ios,
.landing__btn--android {
  width: auto;
  height: auto;
  border-bottom: none;
}
/* line 122, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--ios img {
  width: 160px;
}
@media (max-width: 767px) {
  /* line 124, /home/pc035860/master/web/asset/less/landing.less */
  .landing__btn--ios img {
    width: 134px;
  }
}
/* line 130, /home/pc035860/master/web/asset/less/landing.less */
.landing__btn--android img {
  width: 138px;
}
@media (max-width: 767px) {
  /* line 132, /home/pc035860/master/web/asset/less/landing.less */
  .landing__btn--android img {
    width: 114px;
  }
}
/* line 139, /home/pc035860/master/web/asset/less/landing.less */
.landing .to-vocab-theme {
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  position: fixed;
  z-index: 50;
  left: 50%;
  bottom: 200px;
}
@media (max-height: 670px) {
  /* line 146, /home/pc035860/master/web/asset/less/landing.less */
  .landing .to-vocab-theme {
    top: auto;
    bottom: 120px;
  }
}
/* line 151, /home/pc035860/master/web/asset/less/landing.less */
.landing .to-vocab-theme.ng-enter {
  -webkit-animation: fadeIn 0.5s both;
  -moz-animation: fadeIn 0.5s both;
  -o-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}
/* line 154, /home/pc035860/master/web/asset/less/landing.less */
.landing .to-vocab-theme.ng-leave {
  -webkit-animation: fadeOut 0.5s both;
  -moz-animation: fadeOut 0.5s both;
  -o-animation: fadeOut 0.5s both;
  animation: fadeOut 0.5s both;
}
/* line 158, /home/pc035860/master/web/asset/less/landing.less */
.landing .to-vocab-theme__content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: -20px;
  width: 140px;
  padding: 10px 12px;
  text-align: center;
  background-color: rgba(50, 50, 50, 0.4);
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}
/* line 177, /home/pc035860/master/web/asset/less/landing.less */
.landing .to-vocab-theme__icon {
  margin-bottom: 8px;
  font-size: 22px;
}
/* line 182, /home/pc035860/master/web/asset/less/landing.less */
.landing .to-vocab-theme p {
  margin: 0;
}
/* line 189, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar {
  min-height: 40px;
  background-color: #445d64;
  letter-spacing: 3px;
  font-size: 16px;
  line-height: 40px;
  color: #55cac0;
  text-align: center;
}
/* line 201, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar .highlight {
  color: #77fff3;
  font-weight: bold;
}
/* line 206, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 10px;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.1);
  line-height: 24px;
  letter-spacing: 1px;
}
/* line 224, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar a:hover,
.landing .grad-story-bar a:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
/* line 227, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar a:active {
  background-color: rgba(255, 255, 255, 0.08);
}
/* line 231, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar a .icon-arrow-right {
  margin-left: 6px;
}
/* line 236, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar-placeholder {
  min-height: 40px;
}
/* line 241, /home/pc035860/master/web/asset/less/landing.less */
.landing .grad-story-bar-placeholder.fixed .grad-story-bar {
  -webkit-box-shadow: 0 -2px 5px 2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 -2px 5px 2px rgba(0, 0, 0, 0.7);
  box-shadow: 0 -2px 5px 2px rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}
/* line 251, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch {
  *zoom: 1;
  background-color: #1cbaac;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.landing .theme-switch:before,
.landing .theme-switch:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.landing .theme-switch:after {
  clear: both;
}
/* line 264, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch .container {
  max-width: 940px;
}
/* line 268, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
/* line 273, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
/* line 278, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch li a {
  height: 45px;
  display: block;
  padding: 0 10px;
  font-size: 18px;
  color: #fff !important;
  line-height: 46px;
  background-color: #1cbaac;
  text-decoration: none !important;
  text-align: center;
}
/* line 291, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch li a:hover,
.landing .theme-switch li a:focus {
  background-color: #28cbbc;
}
/* line 294, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch li a:active {
  background-color: #10ad9f;
}
/* line 298, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch li a > span {
  display: inline-block;
  margin-left: 10px;
  color: #aaeae4;
  font-size: 14px;
}
/* line 307, /home/pc035860/master/web/asset/less/landing.less */
.landing .theme-switch li.active a {
  background-color: #10ad9f !important;
}
/* line 315, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  position: fixed;
  z-index: 50;
  left: 50%;
  top: 50%;
}
/* line 327, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: default;
  -webkit-touch-callout: none;
}
/* line 341, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  -o-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  position: relative;
  z-index: 1;
  display: block;
  margin: 12px 0;
  cursor: pointer;
  border: 2px solid #aaeae4;
}
/* line 356, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul li.current {
  background-color: #aaeae4;
}
/* line 360, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul li:hover,
.landing .nav-dots ul li.current {
  z-index: 100;
}
/* line 363, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul li:hover a,
.landing .nav-dots ul li.current a {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  z-index: 100;
}
/* line 371, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul li a {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  position: absolute;
  right: 5px;
  top: 4px;
  padding: 6px 10px;
  visibility: hidden;
  cursor: pointer;
  opacity: 0;
  text-indent: 0;
  background-color: #aaeae4;
  color: #10ad9f;
  line-height: 16px;
  font-size: 14px;
}
/* line 390, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul li a:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #aaeae4;
  border-width: 4px;
  margin-top: -4px;
}
/* line 410, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul:hover .current a {
  opacity: 0.2;
}
/* line 415, /home/pc035860/master/web/asset/less/landing.less */
.landing .nav-dots ul:hover .current:hover a {
  opacity: 1;
}
/* line 425, /home/pc035860/master/web/asset/less/landing.less */
.landing .hide-current-tt .nav-dots li.current a {
  opacity: 0;
  visibility: hidden;
}
/* line 432, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel {
  position: relative;
  z-index: 0;
  min-height: 410px;
  overflow: hidden;
  padding: 0;
  background: url(../image/landing/background.svg) center -40px no-repeat #55cac0;
  background-size: cover;
}
/* line 449, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel > .container {
  position: relative;
  max-width: 1000px;
}
/* line 454, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .fb-page-link {
  display: inline-block;
  margin-left: 6px;
  margin-top: 22px;
}
/* line 460, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide {
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
  height: 100%;
}
/* line 465, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content {
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
}
/* line 471, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  position: relative;
  top: 22%;
  text-align: left;
}
/* line 482, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .ng-anim.ng-hide-remove {
  -webkit-animation: fadeInUp 1s both;
  -moz-animation: fadeInUp 1s both;
  -o-animation: fadeInUp 1s both;
  animation: fadeInUp 1s both;
}
/* line 485, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .ng-anim.ng-hide-add {
  -webkit-animation: fadeOut 1s both;
  -moz-animation: fadeOut 1s both;
  -o-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 491, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap > h3 {
  -webkit-font-smoothing: antialiased;
  margin-bottom: 14px;
  color: white;
  font-size: 40px;
  line-height: 1.2;
}
/* line 503, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap > p {
  -webkit-font-smoothing: antialiased;
  color: white;
  font-size: 16px;
  line-height: 1.5;
}
/* line 512, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .actions {
  *zoom: 1;
  position: absolute;
  top: 212px;
  left: 0;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .actions:before,
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .actions:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .actions:after {
  clear: both;
}
/* line 519, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .actions a {
  float: left;
}
/* line 522, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .slide-content-wrap .actions a + a {
  margin-left: 10px;
}
/* line 557, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .download-app {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 60%;
  top: 68%;
}
/* line 564, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn {
  background-color: #26cebf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  padding: 3px 5px;
  color: white;
  font-size: 18px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn:hover,
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn:focus {
  background-color: #34dacb;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn:active {
  background-color: #22b8ab;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn.disabled,
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn[disabled] {
  background-color: #3eb6ab;
}
/* line 576, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn > [class^="icon-"] {
  color: #b3ede7;
}
/* line 580, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-content > .in-slide-btn.register {
  right: 3.5%;
  bottom: 4.5%;
}
/* line 587, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-image {
  width: 50%;
  height: 100%;
  position: relative;
  float: right;
}
/* line 594, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-image.ng-hide-remove {
  -webkit-animation: zoom-in 1s both;
  -moz-animation: zoom-in 1s both;
  -o-animation: zoom-in 1s both;
  animation: zoom-in 1s both;
}
/* line 597, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-image.ng-hide-add {
  -webkit-animation: fadeOut 5s both;
  -moz-animation: fadeOut 5s both;
  -o-animation: fadeOut 5s both;
  animation: fadeOut 5s both;
}
/* line 602, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .crsl-slide .slide-image img {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: translate(0, -43%);
  -moz-transform: translate(0, -43%);
  -ms-transform: translate(0, -43%);
  -o-transform: translate(0, -43%);
  transform: translate(0, -43%);
  position: absolute;
  right: 0;
  top: 50%;
}
/* line 625, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel {
  margin-bottom: 0;
}
/* line 629, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners {
  position: relative;
}
/* line 632, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-control {
  width: 40px;
  height: 100px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 50%;
  margin: -50px 0 0;
  cursor: pointer;
  border: none;
  background-color: rgba(255, 255, 255, 0.15);
  line-height: 100px;
  color: #fff;
  opacity: 1;
  font-size: 40px;
}
/* line 652, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-control:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
/* line 656, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-control:active {
  background-color: rgba(255, 255, 255, 0.1);
}
/* line 660, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-control.right {
  right: -50px;
}
/* line 663, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-control.left {
  left: -50px;
}
/* line 668, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-control .icon-prev:before {
  content: '\F104';
}
/* line 673, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-control .icon-next:before {
  content: '\F105';
}
/* line 679, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-indicators {
  display: none;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100px;
  margin: 0 auto;
}
/* line 690, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-indicators li {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
}
/* line 695, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-indicators li.active {
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}
/* line 702, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner {
  overflow: visible;
}
/* line 707, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .download-app {
  position: absolute;
  bottom: 20px;
  right: 10%;
}
/* line 712, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item {
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  width: 100%;
}
/* line 720, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item.active {
  -webkit-transition-duration: 250ms;
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  left: 0;
  opacity: 1;
}
/* line 732, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item.next,
.landing .custom-carousel .carousel.banners .carousel-inner > .item.prev {
  position: absolute;
  top: 0;
}
/* line 739, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item.next {
  left: 100%;
  opacity: 0;
}
/* line 743, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item.prev {
  left: -100%;
  opacity: 0;
}
/* line 748, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item.next.left,
.landing .custom-carousel .carousel.banners .carousel-inner > .item.prev.right {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  left: 0;
  opacity: 1;
}
/* line 755, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item.active.left {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  left: -100%;
  opacity: 0;
}
/* line 761, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .carousel.banners .carousel-inner > .item.active.right {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  left: 100%;
  opacity: 0;
}
/* line 771, /home/pc035860/master/web/asset/less/landing.less */
.landing .custom-carousel .item {
  -webkit-transition: height 500ms ease-in;
  -moz-transition: height 500ms ease-in;
  -o-transition: height 500ms ease-in;
  transition: height 500ms ease-in;
  height: 410px;
}
/* line 785, /home/pc035860/master/web/asset/less/landing.less */
.landing .white-bar {
  width: 100%;
  height: 70px;
  margin-bottom: 30px;
  background-color: white;
  line-height: 71px;
}
/* line 796, /home/pc035860/master/web/asset/less/landing.less */
.landing .white-bar .container {
  position: relative;
  max-width: 1000px;
}
@media (max-width: 767px) {
  /* line 800, /home/pc035860/master/web/asset/less/landing.less */
  .landing .white-bar .container {
    text-align: center;
  }
}
/* line 805, /home/pc035860/master/web/asset/less/landing.less */
.landing .white-bar .landing-parrot {
  position: absolute;
  left: -112px;
  top: -31px;
}
/* line 811, /home/pc035860/master/web/asset/less/landing.less */
.landing .white-bar .fb-like {
  margin-left: 16px;
}
/* line 814, /home/pc035860/master/web/asset/less/landing.less */
.landing .white-bar .fb-like > span {
  top: 1px !important;
  vertical-align: middle !important;
}
/* line 820, /home/pc035860/master/web/asset/less/landing.less */
.landing .white-bar--note {
  position: absolute;
  bottom: -23px;
  left: 0;
  margin-bottom: 0;
  background-color: transparent;
  text-align: left;
  line-height: 84px;
}
@media (max-width: 767px) {
  /* line 830, /home/pc035860/master/web/asset/less/landing.less */
  .landing .white-bar--note .fb-page-link {
    position: relative;
    top: 30px;
  }
}
/* line 838, /home/pc035860/master/web/asset/less/landing.less */
.landing .features {
  background-color: white;
  margin-bottom: 70px;
}
/* line 843, /home/pc035860/master/web/asset/less/landing.less */
.landing .features > .container {
  max-width: 1074px;
}
/* line 847, /home/pc035860/master/web/asset/less/landing.less */
.landing .features .row-fluid {
  margin-bottom: 20px;
}
/* line 851, /home/pc035860/master/web/asset/less/landing.less */
.landing .features .feature-unit {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  height: 137px;
  background-color: #ebf0f0;
  color: black;
}
/* line 862, /home/pc035860/master/web/asset/less/landing.less */
.landing .features .feature-unit .feature-unit-image {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 122px;
  width: 40%;
  margin: 0 2%;
  line-height: 137px;
}
/* line 872, /home/pc035860/master/web/asset/less/landing.less */
.landing .features .feature-unit .feature-unit-image .empty-image {
  width: 100%;
  max-width: 122px;
  height: 137px;
}
/* line 880, /home/pc035860/master/web/asset/less/landing.less */
.landing .features .feature-unit .feature-unit-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 56%;
  letter-spacing: 1px;
}
/* line 887, /home/pc035860/master/web/asset/less/landing.less */
.landing .features .feature-unit .feature-unit-content > h4 {
  -webkit-font-smoothing: antialiased;
  margin: 23px 0;
  font-size: 18px;
}
/* line 893, /home/pc035860/master/web/asset/less/landing.less */
.landing .features .feature-unit .feature-unit-content > p {
  line-height: 18px;
  padding-right: 10px;
}
/* line 904, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail h3 {
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
  color: #55cac0;
}
/* line 913, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail > .container {
  max-width: 820px;
  padding: 40px 0 50px;
}
/* line 920, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail article h4 {
  margin: 0 0 10px;
  text-align: center;
  font-size: 18px;
  color: #333;
  line-height: 30px;
}
/* line 928, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail article p {
  -webkit-font-smoothing: antialiased;
  margin: 0 0 35px;
  text-align: center;
  line-height: 1.5;
  font-size: 14px;
  color: #666;
}
/* line 939, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail article img {
  display: inline-block;
  max-width: 528px;
  width: 100%;
  margin-bottom: 40px;
}
/* line 948, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail article .article-block:last-child p:last-child {
  margin-bottom: 0;
}
/* line 959, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail.note-nice {
  background-color: #e1f0ee;
}
/* line 963, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail.note-founder {
  background-color: #55cac0;
}
/* line 966, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail.note-science {
  background-color: #fff;
}
/* line 969, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail.vocab-nice {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #e2f5f3;
}
/* line 974, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail.vocab-courses {
  background-color: transparent;
  padding: 30px 0 40px;
}
/* line 978, /home/pc035860/master/web/asset/less/landing.less */
.landing .feature-detail.vocab-courses h3 {
  margin-bottom: 10px;
}
/* line 986, /home/pc035860/master/web/asset/less/landing.less */
.landing .with-note-carousel-indicators .carousel-indicators li {
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 10px;
  border: 1px solid #10ad9f;
  cursor: pointer;
}
/* line 997, /home/pc035860/master/web/asset/less/landing.less */
.landing .with-note-carousel-indicators .carousel-indicators li:first-child {
  margin-left: 0;
}
/* line 1001, /home/pc035860/master/web/asset/less/landing.less */
.landing .with-note-carousel-indicators .carousel-indicators li.active {
  background-color: #10ad9f;
}
/* line 1008, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-hero {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 318px;
  padding: 80px 40px 0;
  background: url(../image/landing/note-v2/bg_home_note.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  color: #fff;
  text-align: center;
  will-change: transform;
}
@media (max-width: 767px) {
  /* line 1025, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-hero {
    padding-top: 60px;
  }
}
/* line 1029, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-hero__sub-heading {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  /* line 1034, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-hero__sub-heading {
    font-size: 14px;
  }
}
/* line 1038, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-hero__heading {
  margin: 0 0 30px;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  /* line 1045, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-hero__heading {
    font-size: 32px;
  }
}
/* line 1050, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-hero__actions > a {
  width: 220px;
}
/* line 1055, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-hero__arcs {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
}
/* line 1062, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-hero__arcs > img {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 1280px;
}
/* line 1073, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features {
  padding: 96px 0 70px;
}
/* line 1080, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features .container {
  max-width: 940px;
}
/* line 1084, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features .text-link {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  color: #27cebf;
}
/* line 1090, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features .text-link:hover,
.landing .note-features .text-link:focus {
  text-decoration: underline;
  color: #27cebf;
}
/* line 1095, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features .text-link span {
  color: #aaeae4;
}
/* line 1100, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__connector {
  width: 0;
  height: 20px;
  margin: 20px auto;
  border-right: 1px solid #ddd;
}
@media (max-width: 767px) {
  /* line 1106, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__connector {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/* line 1112, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 70px;
}
/* line 1123, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block--before-last {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  /* line 1127, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
}
/* line 1132, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block__content {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.45;
  will-change: transform;
}
/* line 1137, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block__content > img {
  max-width: 280px;
}
@media (max-width: 767px) {
  /* line 1140, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block__content > img {
    max-width: 100%;
  }
}
/* line 1146, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block.is-tour-active .note-features__block__content {
  opacity: 1;
}
/* line 1151, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  text-align: right;
}
/* line 1159, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .left .note-features__block__content {
  overflow: hidden;
  padding-right: 40px;
}
@media (max-width: 767px) {
  /* line 1164, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .left .note-features__block__content {
    padding-right: 7%;
  }
}
@media (max-width: 767px) {
  /* line 1169, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none !important;
    width: 100% !important;
    margin: 0 auto 20px;
    text-align: left;
    padding-left: 60px;
  }
}
/* line 1182, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 1191, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .right .note-features__block__content {
  overflow: hidden;
  padding-left: 40px;
}
@media (max-width: 767px) {
  /* line 1196, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .right .note-features__block__content {
    padding-left: 0;
  }
}
/* line 1202, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .right.overflow-visible .right-content {
  overflow: visible;
}
/* line 1207, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .right .landing__btn {
  position: relative;
  left: -17px;
}
@media (max-width: 767px) {
  /* line 1212, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .right {
    float: none !important;
    width: 100% !important;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 20px;
  }
  /* line 1221, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .right .landing__btn {
    width: 160px;
    left: auto;
  }
}
/* line 1228, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .img-placeholder {
  width: 350px;
  height: auto;
  display: inline-block;
}
@media (max-width: 767px) {
  /* line 1233, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .img-placeholder {
    display: none;
  }
}
/* line 1238, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .text {
  padding-top: 10px;
}
/* line 1241, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .text h3 {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  line-height: 1.3;
}
/* line 1250, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .text p {
  margin: 0 0 15px;
  font-size: 15px;
  color: #808080;
  line-height: 1.5;
}
@media (max-width: 979px) {
  /* line 1258, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .text {
    padding-top: 0;
  }
}
/* line 1263, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature {
  width: 89.4%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  /* line 1267, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .sub-feature {
    margin-bottom: 8px;
  }
}
/* line 1271, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-row {
  margin-bottom: 12px;
}
/* line 1275, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-row:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  /* line 1279, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .sub-feature-row {
    margin-bottom: 0;
  }
}
/* line 1283, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-col {
  font-weight: bold;
  font-size: 15px;
  color: #333;
  line-height: 32px;
}
@media (max-width: 767px) {
  /* line 1289, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block .sub-feature-col {
    margin-bottom: 12px;
  }
}
/* line 1293, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  vertical-align: middle;
  background: url(../image/landing/note-v2/home_s_icons.png) no-repeat;
}
/* line 1304, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon--query {
  background-position: 0 0px;
}
/* line 1305, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon--phrase {
  background-position: 0 -32px;
}
/* line 1306, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon--page {
  background-position: 0 -64px;
}
/* line 1307, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon--pdf {
  background-position: 0 -96px;
}
/* line 1308, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon--drop {
  background-position: 0 -128px;
}
/* line 1309, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon--desktop {
  background-position: 0 -160px;
}
/* line 1310, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block .sub-feature-icon--mobile {
  background-position: 0 -192px;
}
/* line 1315, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__block--reverse .sub-feature {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  /* line 1320, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .right {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
  /* line 1323, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .right .note-features__route-number {
    left: auto;
    right: -4.25%;
  }
  /* line 1327, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .right .note-features__block__content {
    padding-left: 0;
    padding-right: 40px;
    text-align: right;
  }
  /* line 1333, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .left {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  /* line 1336, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .left .note-features__block__content {
    padding-right: 0;
    padding-left: 40px;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  /* line 1346, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .right .note-features__route-number {
    right: -6.95%;
  }
}
@media (max-width: 767px) {
  /* line 1355, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .left {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
  /* line 1358, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__block--reverse .right {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 20px;
  }
}
/* line 1380, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-anchor {
  position: relative;
}
/* line 1384, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-line {
  position: absolute;
  left: calc(50% - 2px);
  top: 30px;
  width: 4px;
  overflow: hidden;
  background-color: #aaeae4;
}
/* line 1396, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-line .fg {
  height: 100%;
  background-color: #27cebf;
  will-change: transform, -webkit-transform;
}
@media (min-width: 768px) and (max-width: 979px) {
  /* line 1403, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__route-line {
    left: 50.4%;
  }
}
@media (max-width: 767px) {
  /* line 1406, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__route-line {
    left: 28px;
    top: 280px;
  }
}
/* line 1412, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-number {
  position: absolute;
  left: -4.25%;
  top: 9px;
}
@media (min-width: 768px) and (max-width: 979px) {
  /* line 1371, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__route-number {
    top: 0;
  }
}
@media (max-width: 767px) {
  /* line 1374, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__route-number {
    top: -2px;
    left: 10px;
  }
}
/* line 1416, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-end {
  position: absolute;
  left: -4.25%;
  top: 9px;
  width: 40px;
  height: 40px;
  top: 28px;
  display: inline-block;
  background: url(../image/landing/bubble-unreveal.png) no-repeat 0 0;
}
@media (min-width: 768px) and (max-width: 979px) {
  /* line 1371, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__route-end {
    top: 0;
  }
}
@media (max-width: 767px) {
  /* line 1374, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__route-end {
    top: -2px;
    left: 10px;
  }
}
/* line 1425, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-end img {
  -webkit-transform-origin: 12% 90%;
  -moz-transform-origin: 12% 90%;
  -o-transform-origin: 12% 90%;
  -ms-transform-origin: 12% 90%;
  transform-origin: 12% 90%;
  margin-left: 15px;
  margin-top: -19px;
}
/* line 1431, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-end img.ng-hide-remove {
  -webkit-animation: bjsJellyIn 1s both;
  -moz-animation: bjsJellyIn 1s both;
  -o-animation: bjsJellyIn 1s both;
  animation: bjsJellyIn 1s both;
}
/* line 1434, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__route-end img.ng-hide-add {
  -webkit-animation: zoom-out 0.2s both;
  -moz-animation: zoom-out 0.2s both;
  -o-animation: zoom-out 0.2s both;
  animation: zoom-out 0.2s both;
}
@media (max-width: 979px) {
  /* line 1440, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__route-end {
    top: 19px;
  }
}
/* line 1446, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__final {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-bottom: 30px;
  text-align: center;
  opacity: 0.45;
}
/* line 1453, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__final.is-tour-active {
  opacity: 1;
}
@media (max-width: 767px) {
  /* line 1457, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__final {
    padding: 0 20px;
  }
}
/* line 1461, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__final__heading {
  margin: 0 0 10px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
}
/* line 1468, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__final__description {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
@media (max-width: 390px) {
  /* line 1474, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__final__description br {
    display: none;
  }
}
/* line 1481, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools {
  max-width: 840px;
  margin: 0 auto;
}
/* line 1485, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__block {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 30px;
}
/* line 1492, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__block .left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  max-width: 300px;
}
/* line 1496, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__block .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin-left: 4.25531915%;
}
@media (max-width: 767px) {
  /* line 1501, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__tools__block {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  /* line 1505, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__tools__block .left,
  .landing .note-features__tools__block .right {
    padding: 0 15px;
  }
  /* line 1508, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__tools__block .left {
    max-width: none;
    margin-bottom: 10px;
  }
  /* line 1512, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__tools__block .right {
    margin-left: 0;
  }
}
/* line 1518, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__heading {
  margin: 0 0 10px;
  font-size: 24px;
  color: #10ad9f;
}
/* line 1523, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__description {
  margin: 0 0 30px;
  font-size: 15px;
  color: #808080;
  line-height: 1.5;
}
/* line 1530, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__visual > img {
  max-width: 100%;
  width: 100%;
}
/* line 1536, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__v-actions {
  padding-top: 10px;
  font-size: 15px;
  line-height: 1.5;
  color: #27cebf;
}
/* line 1543, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__actions {
  font-size: 15px;
  color: #808080;
}
@media (max-width: 767px) {
  /* line 1547, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__tools__actions {
    text-align: center;
    line-height: 40px;
  }
}
/* line 1552, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__actions .c-web-store-badge,
.landing .note-features__tools__actions .landing__btn {
  vertical-align: middle;
  margin-right: 20px;
}
/* line 1557, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__actions .landing__btn {
  width: 160px;
}
@media (max-width: 767px) {
  /* line 1560, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-features__tools__actions .landing__btn {
    margin-right: 0;
  }
}
/* line 1565, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__actions .app-link {
  font-size: 15px;
  text-decoration: underline !important;
}
/* line 1569, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__actions .app-link,
.landing .note-features__tools__actions .app-link:focus {
  color: #808080;
}
/* line 1572, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__actions .app-link:hover {
  color: #aaa;
}
/* line 1575, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-features__tools__actions .app-link:active {
  color: #666;
}
/* line 1586, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail > .container {
  max-width: 940px;
  padding-top: 50px;
  padding-bottom: 60px;
}
/* line 1592, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__heading {
  margin: 0 0 20px;
  color: #333;
  font-size: 24px;
  line-height: 1.3;
}
/* line 1599, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__plans {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  /* line 1602, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-nice.feature-detail .note-nice__plans {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 1608, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__plans__actions {
  text-align: center;
}
/* line 1612, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__plans .carousel {
  margin-bottom: 46px;
}
/* line 1615, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__plans .carousel .comment p {
  margin-bottom: 20px;
}
/* line 1620, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__plans .carousel-indicators {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  right: auto;
  left: 50%;
  bottom: -28px;
}
/* line 1629, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__plans .carousel-control {
  top: 66%;
  margin-top: 0;
  color: #333;
  background-color: transparent;
  border: none;
}
/* line 1638, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .note-nice__btn-more {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #666666;
  display: inline-block;
  width: 100%;
  max-width: 280px;
  height: 45px;
  font-size: 16px;
  color: #fff !important;
  text-decoration: none !important;
  line-height: 46px;
  text-align: center;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.landing .note-nice.feature-detail .note-nice__btn-more:focus {
  background-color: #666666;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.landing .note-nice.feature-detail .note-nice__btn-more:hover {
  background-color: #727272;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.landing .note-nice.feature-detail .note-nice__btn-more:active {
  background-color: #5b5b5b;
}
/* line 1661, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .nn {
  *zoom: 1;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 20px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.landing .note-nice.feature-detail .nn:before,
.landing .note-nice.feature-detail .nn:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.landing .note-nice.feature-detail .nn:after {
  clear: both;
}
/* line 1670, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .nn__col {
  width: 29.78723404%;
  float: left;
  padding: 0;
  margin-right: 5.31914894%;
}
/* line 1673, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .nn__col:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  /* line 1679, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-nice.feature-detail .nn__col {
    float: none !important;
    margin: 0 auto 20px !important;
    width: 90% !important;
  }
}
/* line 1686, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .nn.last {
  margin-bottom: 0;
}
/* line 1691, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .plan {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 7.14285714%;
  text-align: center;
  background-color: #fff;
}
/* line 1703, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .plan__content h4 {
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
}
/* line 1711, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .plan__content p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
}
/* line 1718, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .plan__price {
  color: #00cebf;
  line-height: 28px;
  font-size: 20px;
  font-weight: bold;
}
/* line 1724, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .plan__price > small {
  font-size: 16px;
}
/* line 1729, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .plan__visual {
  margin: 0 0 20px;
}
/* line 1732, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .plan__visual > img {
  width: 100%;
  height: auto;
  max-width: 80px;
  max-height: 73.33px;
}
/* line 1741, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .comment {
  min-height: 180px;
}
/* line 1745, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .comment__user {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
  line-height: 41px;
  color: #10ad9f;
}
/* line 1755, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .comment__user img {
  position: relative;
  top: 5px;
  max-height: 40px;
  margin-right: 10px;
  vertical-align: text-bottom;
}
/* line 1764, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .comment p {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
@media (max-width: 767px) {
  /* line 1771, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-nice.feature-detail .comment {
    min-height: 0;
  }
}
/* line 1776, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .blogger-wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 80px;
  padding: 0 10px;
  background-color: #fff;
  line-height: 81px;
  text-align: center;
}
/* line 1789, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-nice.feature-detail .blogger-wrap img + img {
  margin-left: 4.25531915%;
}
/* line 1798, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail > .container {
  max-width: 940px;
}
/* line 1802, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail h3 {
  color: white;
}
/* line 1806, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail .stories {
  position: relative;
}
/* line 1810, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail .dash {
  width: 2px;
  height: 90%;
  position: absolute;
  left: 9.1%;
  top: 0;
  margin-left: -1px;
  background: transparent url("../image/landing/founder-story-dash.png") 0 0 repeat-y;
}
@media (max-width: 979px) {
  /* line 1820, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail .dash {
    height: 80%;
    top: 20px;
    left: 6.3%;
  }
}
/* line 1827, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* line 1832, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article .left {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 13.82978723%;
  padding-left: 4.25531915%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 979px) {
  /* line 1842, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article .left {
    padding-left: 0;
  }
}
/* line 1846, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article .right {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 82.9787234%;
}
/* line 1852, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article p {
  color: #e1faf6;
  line-height: 1.4;
  font-size: 16px;
  text-indent: 30px;
  text-align: left;
}
/* line 1859, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article p.sub {
  padding-left: 30px;
  color: #35857e;
  line-height: 1.3;
  font-size: 14px;
  text-indent: 0;
}
/* line 1867, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article p.special {
  margin-bottom: 0;
  padding: 15px 20px;
  color: #fff;
  background-color: #10ad9f;
}
/* line 1874, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article p.p1 {
  padding-top: 10px;
}
/* line 1878, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article p.p2 {
  margin-bottom: 8px;
}
/* line 1883, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-founder.feature-detail article img {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  max-width: 90px;
}
@media (max-width: 767px) {
  /* line 1890, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article {
    display: block;
    margin-bottom: 20px;
  }
  /* line 1894, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article .left {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  /* line 1900, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article .right {
    width: 90%;
    margin: 0 auto;
  }
  /* line 1905, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article p {
    margin-bottom: 0;
  }
  /* line 1908, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article p.p1 {
    padding: 0;
  }
  /* line 1912, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article p.sub {
    padding: 0;
  }
  /* line 1916, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-founder.feature-detail article img {
    margin-bottom: 10px;
  }
}
/* line 1924, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail {
  overflow: hidden;
}
/* line 1929, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail > .container {
  max-width: 940px;
  padding-top: 50px;
  padding-bottom: 50px;
}
/* line 1935, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__heading {
  margin: 0 0 20px;
  color: #333;
  font-weight: 24px;
  line-height: 1.3;
}
/* line 1942, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__description {
  padding: 0 5.31914894%;
  margin-bottom: 40px;
  font-size: 16px;
  color: #808080;
  line-height: 24px;
}
/* line 1950, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__description .highlight {
  font-weight: bold;
  color: #10ad9f;
}
/* line 1955, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  padding: 40px 7.44680851% 72px;
  background-color: #f4f7f7;
}
/* line 1968, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides .carousel {
  margin-bottom: 0;
}
/* line 1973, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides .carousel-control {
  display: none;
}
/* line 1977, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides .carousel-indicators {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: -32px;
  left: 50%;
}
/* line 1985, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides__btn-control {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  position: absolute;
  top: 50%;
  font-size: 44px;
}
/* line 524, /home/pc035860/master/web/asset/less/utils.less */
.landing .note-science.feature-detail .note-science__slides__btn-control::before {
  content: ' ';
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
}
/* line 1996, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides__btn-control,
.landing .note-science.feature-detail .note-science__slides__btn-control:focus {
  color: #808080;
}
/* line 1999, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides__btn-control:hover {
  color: #949494;
}
/* line 2002, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides__btn-control:active {
  color: #737373;
}
/* line 2006, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides__btn-control--prev {
  left: -40px;
}
/* line 2009, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides__btn-control--next {
  right: -40px;
}
/* line 2013, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slides__btn-control.disabled {
  pointer-events: none;
  cursor: default;
  opacity: .3;
}
@media (max-width: 767px) {
  /* line 2019, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-science.feature-detail .note-science__slides__btn-control {
    top: auto;
    bottom: 0;
  }
  /* line 2023, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-science.feature-detail .note-science__slides__btn-control.note-science__slides__btn-control--prev {
    left: 7.44680851%;
  }
  /* line 2026, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-science.feature-detail .note-science__slides__btn-control.note-science__slides__btn-control--next {
    right: 7.44680851%;
  }
}
/* line 2032, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slide {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  text-align: center;
}
/* line 2038, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slide__description {
  margin-bottom: 20px;
}
/* line 2042, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slide .text-w {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
/* line 2048, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slide figure {
  margin: 0;
}
/* line 2051, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slide figure img {
  max-width: 390px;
  width: 100%;
}
@media (max-width: 767px) {
  /* line 2056, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-science.feature-detail .note-science__slide figure img.is-split {
    max-width: 100%;
  }
}
/* line 2063, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail .note-science__slide figcaption {
  font-weight: bold;
}
/* line 2069, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-science.feature-detail article p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
  color: #666;
}
@media (max-width: 767px) {
  /* line 2075, /home/pc035860/master/web/asset/less/landing.less */
  .landing .note-science.feature-detail article p {
    padding: 0 5%;
  }
}
/* line 2083, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-expand__btn-expand {
  background-color: #55cac0;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.landing .note-expand__btn-expand:focus {
  background-color: #55cac0;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.landing .note-expand__btn-expand:hover {
  background-color: #6cddd3;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.landing .note-expand__btn-expand:active {
  background-color: #1cbaac;
}
/* line 2102, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-expand__btn-expand > span {
  position: relative;
}
/* line 2105, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-expand__btn-expand > span > img {
  position: absolute;
  right: -74px;
  bottom: -12px;
}
/* line 2113, /home/pc035860/master/web/asset/less/landing.less */
.landing .note-expand__btn-expand:hover img {
  -webkit-transform-origin: center 100%;
  -moz-transform-origin: center 100%;
  -o-transform-origin: center 100%;
  -ms-transform-origin: center 100%;
  transform-origin: center 100%;
  -webkit-animation: shake-rotate 3s ease-in-out infinite;
  -moz-animation: shake-rotate 3s ease-in-out infinite;
  -o-animation: shake-rotate 3s ease-in-out infinite;
  animation: shake-rotate 3s ease-in-out infinite;
}
@media (max-width: 767px) {
  /* line 2122, /home/pc035860/master/web/asset/less/landing.less */
  .landing .vocab-nice.feature-detail {
    padding: 0 5%;
  }
}
/* line 1, /home/pc035860/master/web/asset/less/nav.less */
.sidebar {
  max-width: 200px;
}
/* line 3, /home/pc035860/master/web/asset/less/nav.less */
.sidebar .parrot {
  position: relative;
  z-index: 200;
  margin-bottom: -15px;
  margin-top: 10px;
}
/* line 9, /home/pc035860/master/web/asset/less/nav.less */
.sidebar ul {
  list-style-type: none;
}
/* line 12, /home/pc035860/master/web/asset/less/nav.less */
.sidebar li {
  font-style: italic;
  text-align: center;
  font-weight: bold;
}
/* line 16, /home/pc035860/master/web/asset/less/nav.less */
.sidebar li.title {
  background-image: url(../image/Sl_title_btn.png);
  width: 149px;
  height: 46px;
}
/* line 20, /home/pc035860/master/web/asset/less/nav.less */
.sidebar li.title div {
  width: 132px;
  height: 46px;
  line-height: 46px;
  color: #4e341d;
}
/* line 27, /home/pc035860/master/web/asset/less/nav.less */
.sidebar li a {
  text-decoration: none;
  width: 132px;
  height: 46px;
  line-height: 46px;
  color: #e6e6e6;
  background-image: url(../image/Sl_btn01.png);
  display: block;
}
/* line 36, /home/pc035860/master/web/asset/less/nav.less */
.sidebar li.active a,
.sidebar li a:hover {
  background-image: url(../image/Sl_btn02.png);
  color: white;
}
/* line 44, /home/pc035860/master/web/asset/less/nav.less */
.category h3 {
  clear: both;
  text-align: right;
  display: block;
  width: 100%;
  border-bottom: 1px solid #a68e83;
  padding-bottom: 4px;
  color: #7d695f;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  font-style: italic;
  margin-top: 20px;
}
/* line 58, /home/pc035860/master/web/asset/less/nav.less */
.category .catalog {
  float: left;
  width: 220px;
  height: 236px;
  margin: 10px 6px;
  position: relative;
}
/* line 64, /home/pc035860/master/web/asset/less/nav.less */
.category .catalog img {
  max-width: 180px;
  max-height: 180px;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
/* line 70, /home/pc035860/master/web/asset/less/nav.less */
.category .catalog img.catalog-marker {
  position: absolute;
  left: 46px;
  top: 10px;
  width: 26px;
  height: auto;
}
/* line 78, /home/pc035860/master/web/asset/less/nav.less */
.category .catalog .button {
  display: block;
  margin: 0 auto;
}
/* line 1, /home/pc035860/master/web/asset/less/modal/base.less */
.modal {
  max-height: 95%;
  overflow-y: auto;
}
/* line 5, /home/pc035860/master/web/asset/less/modal/base.less */
.modal .modal-header {
  border: none;
}
/* line 9, /home/pc035860/master/web/asset/less/modal/base.less */
.modal.anim {
  -webkit-transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 14, /home/pc035860/master/web/asset/less/modal/base.less */
.modal.anim.in {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 2, /home/pc035860/master/web/asset/less/modal/backdrop.less */
.modal-backdrop--v2 {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 6, /home/pc035860/master/web/asset/less/modal/backdrop.less */
.modal-backdrop.anim {
  -webkit-transition: background-color 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: background-color 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: background-color 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: background-color 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: rgba(0, 0, 0, 0);
}
/* line 10, /home/pc035860/master/web/asset/less/modal/backdrop.less */
.modal-backdrop.anim.in {
  background-color: rgba(0, 0, 0, 0.65);
}
/* line 1, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question,
.modal-question-note {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 650px;
  margin-left: -325px;
  background-color: transparent;
  padding: 0;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.modal-question input,
.modal-question button,
.modal-question select,
.modal-question textarea,
.modal-question-note input,
.modal-question-note button,
.modal-question-note select,
.modal-question-note textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 15, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .wgt-vocab-error-report,
.modal-question-note .wgt-vocab-error-report {
  position: absolute;
  left: 30px;
  top: 25px;
}
/* line 24, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .wgt-vocab-error-report .dropdown-toggle,
.modal-question-note .wgt-vocab-error-report .dropdown-toggle {
  background-color: rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: auto;
  height: 28px;
  display: inline-block;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 13px;
  line-height: 28px;
  text-align: center;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .wgt-vocab-error-report .dropdown-toggle:focus,
.modal-question-note .wgt-vocab-error-report .dropdown-toggle:focus {
  background-color: rgba(0, 0, 0, 0.12);
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .wgt-vocab-error-report .dropdown-toggle:hover,
.modal-question-note .wgt-vocab-error-report .dropdown-toggle:hover {
  background-color: rgba(0, 0, 0, 0.18);
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .wgt-vocab-error-report .dropdown-toggle:active,
.modal-question-note .wgt-vocab-error-report .dropdown-toggle:active {
  background-color: rgba(0, 0, 0, 0.25);
}
/* line 38, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .wgt-vocab-error-report .open .dropdown-toggle,
.modal-question-note .wgt-vocab-error-report .open .dropdown-toggle {
  background-color: rgba(0, 0, 0, 0.25);
}
/* line 41, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .wgt-vocab-error-report .icon-comment,
.modal-question-note .wgt-vocab-error-report .icon-comment {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 5px;
}
/* line 49, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body,
.modal-question-note .modal-body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  background-color: #cdd2d7;
  margin: 0;
  padding: 15px;
  width: 100%;
  max-height: none;
}
/* line 64, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .button,
.modal-question-note .modal-body .button {
  display: block;
  margin: 10px auto;
}
/* line 69, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .button-close,
.modal-question-note .modal-body .button-close {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  color: white !important;
  font-size: 25px;
  text-decoration: none !important;
}
/* line 81, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .modal-question-header,
.modal-question-note .modal-body .modal-question-header {
  text-align: center;
}
/* line 85, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .question-block,
.modal-question-note .modal-body .question-block {
  margin-top: 35px;
}
/* line 88, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .question-block .plate,
.modal-question-note .modal-body .question-block .plate {
  display: inline-block;
  background-color: #ffffff;
  padding: 0 10px;
  height: 12px;
}
/* line 94, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .question-block .plate .question,
.modal-question-note .modal-body .question-block .plate .question {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  position: relative;
  top: 11px;
  color: #353535;
  font-size: 36px;
  font-weight: bold;
  margin-top: -28px;
}
/* line 106, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .more,
.modal-question-note .modal-body .more {
  -webkit-font-smoothing: antialiased;
  margin-top: 21px;
  line-height: 25px;
}
/* line 112, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .more .function,
.modal-question-note .modal-body .more .function {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  vertical-align: middle;
  color: #515151;
  font-size: 18px;
  font-style: italic;
}
/* line 121, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .more .phonetic,
.modal-question-note .modal-body .more .phonetic {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 11px;
  font-size: 15px;
  color: #808080;
}
/* line 135, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .more .button-audio,
.modal-question-note .modal-body .more .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-color: #595d5d;
  vertical-align: text-bottom;
  font-size: 14.97005988px;
  text-align: center;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .more .button-audio:hover,
.modal-question .modal-body .more .button-audio:focus,
.modal-question-note .modal-body .more .button-audio:hover,
.modal-question-note .modal-body .more .button-audio:focus {
  background-color: #656a6a;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .more .button-audio:active,
.modal-question-note .modal-body .more .button-audio:active {
  background-color: #4d5050;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .more .button-audio:after,
.modal-question-note .modal-body .more .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 14.97005988px;
  color: #ffffff;
  line-height: 25px;
}
/* line 144, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .more .button-audio.pronouncing,
.modal-question-note .modal-body .more .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 153, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .modal-question-body,
.modal-question-note .modal-body .modal-question-body {
  /**
		 * 新版 review 字卡的圖片區塊
		 */
  /**
		 * 新版 review 字卡的內容區塊
		 */
  /**
		 * 沒有圖片的情況 reflow
		 */
  margin-top: 30px;
}
/* line 285, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .image,
.modal-question-note .modal-body .modal-question-body .image {
  position: relative;
  width: 225px;
  height: 225px;
}
/* line 292, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .image-bg,
.modal-question-note .modal-body .modal-question-body .image-bg {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  left: 22px;
  top: 22px;
  z-index: 0;
  width: 181px;
  height: 181px;
  background-color: #c0c0c0;
}
/* line 305, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .q-image,
.modal-question-note .modal-body .modal-question-body .q-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 225px;
  line-height: 225px;
  text-align: center;
}
/* line 314, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .q-image img,
.modal-question-note .modal-body .modal-question-body .q-image img {
  max-width: 225px;
  max-height: 225px;
}
/* line 323, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .content-block,
.modal-question-note .modal-body .modal-question-body .content-block {
  max-width: 375px;
  width: 100%;
  min-height: 215px;
  padding-top: 24px;
}
/* line 331, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .q-label,
.modal-question-note .modal-body .modal-question-body .q-label {
  width: 8%;
  vertical-align: top;
  text-align: right;
  font-size: 12px;
  color: #ffffff;
  line-height: 25px;
}
/* line 339, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .q-text,
.modal-question-note .modal-body .modal-question-body .q-text {
  width: 88%;
  position: relative;
  top: -3px;
  margin-left: 3%;
  vertical-align: top;
  text-align: left;
  font-size: 18px;
  color: #515151;
  line-height: 1.6;
}
@media (max-width: 767px) {
  /* line 353, /home/pc035860/master/web/asset/less/widgets.less */
  .modal-question .modal-body .modal-question-body .q-label,
  .modal-question-note .modal-body .modal-question-body .q-label {
    width: 100%;
    text-align: left;
  }
  /* line 357, /home/pc035860/master/web/asset/less/widgets.less */
  .modal-question .modal-body .modal-question-body .q-text,
  .modal-question-note .modal-body .modal-question-body .q-text {
    width: 100%;
    margin-left: 0;
  }
}
/* line 363, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .row-def,
.modal-question-note .modal-body .modal-question-body .row-def {
  margin-bottom: 30px;
}
/* line 366, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .row-sentence,
.modal-question .modal-body .modal-question-body .row-translate,
.modal-question-note .modal-body .modal-question-body .row-sentence,
.modal-question-note .modal-body .modal-question-body .row-translate {
  margin-bottom: 10px;
}
/* line 370, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text {
  /**
		 * Webkit scrollbar - for dark theme
		 */
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-style: italic;
  /**
			 * 避免例句過長
			 */
  max-height: 185px;
  overflow-y: auto;
}
/* line 373, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar {
  width: 6px;
}
/* line 374, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-button,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-button {
  display: none;
}
/* line 376, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-track-piece,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 380, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-thumb,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
/* line 384, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-corner,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-corner {
  /* 6 */
}
/* line 385, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text::-webkit-resizer,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text::-webkit-resizer {
  /* 7 */
}
/* line 393, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-thumb:hover,
.modal-question-note .modal-body .modal-question-body .row-sentence .q-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 387, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body.without-image .image,
.modal-question-note .modal-body .modal-question-body.without-image .image {
  display: none;
}
/* line 391, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .modal-question-body.without-image .content-block,
.modal-question-note .modal-body .modal-question-body.without-image .content-block {
  max-width: 562.5px;
  float: none;
  margin: 0 auto;
}
/* line 158, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .modal-question-body .q-label,
.modal-question-note .modal-body .modal-question-body .q-label {
  -webkit-font-smoothing: subpixel-antialiased;
}
/* line 163, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .modal-question-footer,
.modal-question-note .modal-body .modal-question-footer {
  padding-top: 20px;
  text-align: center;
}
/* line 168, /home/pc035860/master/web/asset/less/modal/question.less */
.modal-question .modal-body .button-close-next,
.modal-question-note .modal-body .button-close-next {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  background-color: #353535;
  color: #ffffff;
  width: 184px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .button-close-next:hover,
.modal-question .modal-body .button-close-next:focus,
.modal-question-note .modal-body .button-close-next:hover,
.modal-question-note .modal-body .button-close-next:focus {
  background-color: #424242;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .button-close-next:active,
.modal-question-note .modal-body .button-close-next:active {
  background-color: #282828;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.modal-question .modal-body .button-close-next.disabled,
.modal-question .modal-body .button-close-next[disabled],
.modal-question-note .modal-body .button-close-next.disabled,
.modal-question-note .modal-body .button-close-next[disabled] {
  background-color: #353535;
}
/* line 43, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .row-sentence .icon-volume-up,
.modal-question-note .modal-body .row-sentence .icon-volume-up {
  color: #0073b7;
}
/* line 46, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .row-sentence .icon-spinner,
.modal-question-note .modal-body .row-sentence .icon-spinner {
  display: none;
  color: rgba(255, 255, 255, 0.7);
}
/* line 52, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .row-sentence .saudio-playing .icon-volume-up,
.modal-question-note .modal-body .row-sentence .saudio-playing .icon-volume-up {
  color: #fbfb65;
}
/* line 58, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .row-sentence .saudio-loading .icon-volume-up,
.modal-question-note .modal-body .row-sentence .saudio-loading .icon-volume-up {
  display: none;
}
/* line 61, /home/pc035860/master/web/asset/less/widgets.less */
.modal-question .modal-body .row-sentence .saudio-loading .icon-spinner,
.modal-question-note .modal-body .row-sentence .saudio-loading .icon-spinner {
  -webkit-animation: spin 400ms linear 0 infinite;
  animation: spin 400ms linear 0 infinite;
  display: inline-block;
  width: 17px;
}
/* line 11, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note form {
  margin-bottom: 0;
}
/* line 15, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .modal-body {
  -webkit-transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 18, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .modal-body .button-close {
  z-index: 2;
}
/* line 23, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .modal-question-footer {
  position: relative;
  min-height: 54px;
  padding-top: 0;
  overflow: hidden;
}
/* line 32, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .modal-question-footer .btn-bar {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
}
/* line 37, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .modal-question-footer .btn-bar.ng-enter {
  -webkit-animation: fadeInUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeInUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeInUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeInUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 40, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .modal-question-footer .btn-bar.ng-leave {
  -webkit-animation: fadeOutDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeOutDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeOutDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeOutDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 50, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .remove-overlay {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(197, 221, 219, 0.9);
}
/* line 65, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .remove-overlay.ng-enter {
  -webkit-animation: fadeIn 250ms both;
  -moz-animation: fadeIn 250ms both;
  -o-animation: fadeIn 250ms both;
  animation: fadeIn 250ms both;
}
/* line 68, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .remove-overlay.ng-leave {
  -webkit-animation: fadeOut 250ms both;
  -moz-animation: fadeOut 250ms both;
  -o-animation: fadeOut 250ms both;
  animation: fadeOut 250ms both;
}
/* line 72, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .remove-overlay .desc {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-animation: fadeInUp 0.5s 0.1s both;
  -moz-animation: fadeInUp 0.5s 0.1s both;
  -o-animation: fadeInUp 0.5s 0.1s both;
  animation: fadeInUp 0.5s 0.1s both;
  margin-bottom: 20px;
  color: #35857e;
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
}
/* line 83, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .remove-overlay .btn-bar {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-animation: fadeInUp 0.5s 0.15s both;
  -moz-animation: fadeInUp 0.5s 0.15s both;
  -o-animation: fadeInUp 0.5s 0.15s both;
  animation: fadeInUp 0.5s 0.15s both;
}
/* line 89, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .edit-toolbar {
  *zoom: 1;
  position: absolute;
  left: 30px;
  top: 25px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.modal-question-note .edit-toolbar:before,
.modal-question-note .edit-toolbar:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.modal-question-note .edit-toolbar:after {
  clear: both;
}
/* line 96, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .edit-toolbar.ng-enter {
  -webkit-animation: fadeIn 300ms both;
  -moz-animation: fadeIn 300ms both;
  -o-animation: fadeIn 300ms both;
  animation: fadeIn 300ms both;
}
/* line 99, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .edit-toolbar.ng-leave {
  -webkit-animation: fadeOut 300ms both;
  -moz-animation: fadeOut 300ms both;
  -o-animation: fadeOut 300ms both;
  animation: fadeOut 300ms both;
}
/* line 103, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .edit-toolbar .btn-card {
  float: left;
}
/* line 106, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .edit-toolbar .btn-card + .btn-card {
  margin-left: 8px;
}
/* line 112, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-bar {
  text-align: center;
}
/* line 116, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-bar .btn-card + .btn-card {
  margin-left: 5px;
}
/* line 122, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-card {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #b0b5b9;
  display: inline-block;
  padding: 6px 10px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card:focus {
  background-color: #b0b5b9;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card:hover {
  background-color: #b8bdc0;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card:active {
  background-color: #a8adb2;
}
/* line 138, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-card > span {
  display: inline-block;
  font-size: 15px;
  margin-right: 5px;
}
/* line 144, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-card.btn-card-ok,
.modal-question-note .btn-card.btn-card-cancel {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}
/* line 152, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-card.btn-card-ok[disabled],
.modal-question-note .btn-card.btn-card-cancel[disabled],
.modal-question-note .btn-card.btn-card-ok.disabled,
.modal-question-note .btn-card.btn-card-cancel.disabled {
  opacity: .6;
  pointer-events: none;
}
/* line 157, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-card.btn-card-ok {
  background-color: #0c4640;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card.btn-card-ok:focus {
  background-color: #0c4640;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card.btn-card-ok:hover {
  background-color: #0f4e48;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card.btn-card-ok:active {
  background-color: #06332f;
}
/* line 164, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .btn-card.btn-card-cancel {
  background-color: rgba(98, 171, 161, 0.9);
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card.btn-card-cancel:focus {
  background-color: rgba(98, 171, 161, 0.9);
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card.btn-card-cancel:hover {
  background-color: rgba(98, 171, 161, 0.8);
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.modal-question-note .btn-card.btn-card-cancel:active {
  background-color: #62aba1;
}
/* line 174, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .button-close-next {
  -webkit-font-smoothing: subpixel-antialiased;
}
/* line 179, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .q-text input,
.modal-question-note .q-text textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 18px;
  border: none;
  background-color: transparent;
  color: #35857e;
  line-height: 1.6;
}
/* line 193, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .q-text input {
  position: relative;
  top: -1px;
  height: 30px;
}
/* line 199, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .q-text textarea {
  height: 180px;
}
/* line 203, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .q-text::after {
  content: '';
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: -3px;
  border-bottom: 1px solid #fff;
}
/* line 217, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .q-text-sentence {
  white-space: pre-wrap;
}
/* line 223, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .is-editing .modal-body {
  background-color: #c5dddb;
}
/* line 227, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .is-editing .q-text {
  max-height: none !important;
  overflow: visible !important;
}
/* line 231, /home/pc035860/master/web/asset/less/modal/question-note.less */
.modal-question-note .is-editing .q-text::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 1, /home/pc035860/master/web/asset/less/modal/tutorial-video.less */
.modal-tutorial-video {
  width: 560px;
  height: 315px;
  margin-left: -280px;
}
/* line 6, /home/pc035860/master/web/asset/less/modal/tutorial-video.less */
.modal-tutorial-video button.close {
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 30px;
  height: 30px;
  font-size: 26px;
  display: block;
  position: absolute;
  right: -26px;
  top: -26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #333;
  background: white;
  color: black;
  z-index: 50;
}
/* line 22, /home/pc035860/master/web/asset/less/modal/tutorial-video.less */
.modal-tutorial-video button.close > span {
  position: relative;
  top: -2px;
}
/* line 27, /home/pc035860/master/web/asset/less/modal/tutorial-video.less */
.modal-tutorial-video button.close:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/* line 1, /home/pc035860/master/web/asset/less/alert.less */
.alert {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6) !important;
  text-shadow: none;
  line-height: 1.6;
  border: none;
  letter-spacing: 1px;
}
/* line 21, /home/pc035860/master/web/asset/less/alert.less */
.alert h4 {
  font-size: 16px;
}
/* line 25, /home/pc035860/master/web/asset/less/alert.less */
.alert .close {
  top: 0;
  text-shadow: none;
  opacity: .6;
  font-size: 24px;
}
/* line 31, /home/pc035860/master/web/asset/less/alert.less */
.alert .close:hover {
  opacity: .5;
}
/* line 34, /home/pc035860/master/web/asset/less/alert.less */
.alert .close:active {
  opacity: .7;
}
/* line 39, /home/pc035860/master/web/asset/less/alert.less */
.alert-info {
  background-color: #8acce8;
}
/* line 42, /home/pc035860/master/web/asset/less/alert.less */
.alert-warning {
  background-color: #eeed85;
}
/* line 45, /home/pc035860/master/web/asset/less/alert.less */
.alert-error {
  background-color: #faaa94;
}
/* line 48, /home/pc035860/master/web/asset/less/alert.less */
.alert-success {
  background-color: #bbe88a;
}
/* line 53, /home/pc035860/master/web/asset/less/alert.less */
.alert-block {
  padding-top: 11px;
  padding-bottom: 11px;
}
/* line 57, /home/pc035860/master/web/asset/less/alert.less */
.alert-block h4 {
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
}
/* line 8, /home/pc035860/master/web/asset/less/view-content.less */
.view-content__top-user-message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  top: 9px;
}
/* line 20, /home/pc035860/master/web/asset/less/view-content.less */
.view-content__top-message.container {
  position: fixed;
  z-index: 2500;
  top: 62px;
  left: 50%;
}
@media (max-width: 767px) {
  /* line 26, /home/pc035860/master/web/asset/less/view-content.less */
  .view-content__top-message.container {
    width: 95%;
  }
}
/* line 31, /home/pc035860/master/web/asset/less/view-content.less */
.view-content__top-message.container.ng-hide-remove {
  -webkit-animation: fadeInDown 0.4s both;
  -moz-animation: fadeInDown 0.4s both;
  -o-animation: fadeInDown 0.4s both;
  animation: fadeInDown 0.4s both;
}
/* line 34, /home/pc035860/master/web/asset/less/view-content.less */
.view-content__top-message.container.ng-hide-add {
  -webkit-animation: fadeOutUp 0.2s both;
  -moz-animation: fadeOutUp 0.2s both;
  -o-animation: fadeOutUp 0.2s both;
  animation: fadeOutUp 0.2s both;
}
/* line 39, /home/pc035860/master/web/asset/less/view-content.less */
.view-content__top-message.container .alert {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}
/**
 * top level 系列
 */
/* line 5, /home/pc035860/master/web/asset/less/home-top-level.less */
#home-top-level-body {
  position: relative;
  background-color: #9ae4dc;
}
/* line 12, /home/pc035860/master/web/asset/less/home-top-level.less */
#home-top-level-body .parrot {
  position: absolute;
  left: -10%;
  top: -36px;
  z-index: 200;
}
/* line 19, /home/pc035860/master/web/asset/less/home-top-level.less */
#home-top-level-navbar {
  max-width: 528px;
  width: 99%;
  height: 32px;
  margin: 0 auto;
  padding: 0;
  padding: 55px 0 30px 0;
  max-width: 600px;
}
/* line 512, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  padding: 0;
  margin: 0;
  background-color: #27cebf;
  list-style-type: none;
  text-align: center;
}
/* line 524, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin: 0 10px;
  font-size: 18px;
}
/* line 531, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li > a {
  background-color: #27cebf;
  display: inline-block;
  height: 32px;
  padding: 0 13px;
  color: white;
  line-height: 32px;
  font-size: 18px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
#home-top-level-navbar > ul > li > a:hover,
#home-top-level-navbar > ul > li > a:focus {
  background-color: #36d9ca;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
#home-top-level-navbar > ul > li > a:active {
  background-color: #23b9ab;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
#home-top-level-navbar > ul > li > a.disabled,
#home-top-level-navbar > ul > li > a[disabled] {
  background-color: #40b6ab;
}
/* line 543, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li > a.active {
  background-color: #0b3d38;
}
/* line 546, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li > a.disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
  background-color: transparent;
}
/* line 554, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li.func {
  float: right;
  min-width: 0;
  font-size: 14px;
  color: #35857e;
}
@media (max-width: 767px) {
  /* line 561, /home/pc035860/master/web/asset/less/widgets.less */
  #home-top-level-navbar > ul > li.func {
    display: none;
  }
}
/* line 565, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li.func a {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
  color: #35857e;
  background-color: transparent;
}
/* line 573, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li.func a:hover,
#home-top-level-navbar > ul > li.func a:focus {
  color: #36938b;
  background-color: transparent;
}
/* line 577, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li.func a:active {
  color: #277770;
  background-color: transparent;
}
/* line 582, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul > li.func a .func-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 3px;
  font-size: 16px;
  vertical-align: middle;
}
/* line 596, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul:before {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #9ae4dc;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -3px;
}
/* line 608, /home/pc035860/master/web/asset/less/widgets.less */
#home-top-level-navbar > ul:after {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #9ae4dc;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: -3px;
}
/* line 27, /home/pc035860/master/web/asset/less/home-top-level.less */
#home-top-level-navbar > ul {
  padding: 0 50px;
  text-align: left;
}
/* line 32, /home/pc035860/master/web/asset/less/home-top-level.less */
#home-top-level-navbar > ul li {
  position: relative;
  min-width: 100px;
  margin: 0;
  text-align: center;
}
/* line 42, /home/pc035860/master/web/asset/less/home-top-level.less */
#home-top-level-navbar > ul li a {
  display: block;
  padding: 0;
}
/* line 5, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-body {
  position: relative;
  background-color: #9ae4dc;
}
/* line 12, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-body > [ui-view] {
  padding-bottom: 40px;
}
/* line 17, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-navbar {
  max-width: 528px;
  width: 99%;
  height: 32px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 600px;
  padding: 55px 0 30px 0;
}
/* line 512, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  padding: 0;
  margin: 0;
  background-color: #27cebf;
  list-style-type: none;
  text-align: center;
}
/* line 524, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin: 0 10px;
  font-size: 18px;
}
/* line 531, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li > a {
  background-color: #27cebf;
  display: inline-block;
  height: 32px;
  padding: 0 13px;
  color: white;
  line-height: 32px;
  font-size: 18px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
#user-top-level-navbar > ul > li > a:hover,
#user-top-level-navbar > ul > li > a:focus {
  background-color: #36d9ca;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
#user-top-level-navbar > ul > li > a:active {
  background-color: #23b9ab;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
#user-top-level-navbar > ul > li > a.disabled,
#user-top-level-navbar > ul > li > a[disabled] {
  background-color: #40b6ab;
}
/* line 543, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li > a.active {
  background-color: #0b3d38;
}
/* line 546, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li > a.disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
  background-color: transparent;
}
/* line 554, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li.func {
  float: right;
  min-width: 0;
  font-size: 14px;
  color: #35857e;
}
@media (max-width: 767px) {
  /* line 561, /home/pc035860/master/web/asset/less/widgets.less */
  #user-top-level-navbar > ul > li.func {
    display: none;
  }
}
/* line 565, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li.func a {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
  color: #35857e;
  background-color: transparent;
}
/* line 573, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li.func a:hover,
#user-top-level-navbar > ul > li.func a:focus {
  color: #36938b;
  background-color: transparent;
}
/* line 577, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li.func a:active {
  color: #277770;
  background-color: transparent;
}
/* line 582, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul > li.func a .func-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 3px;
  font-size: 16px;
  vertical-align: middle;
}
/* line 596, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul:before {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #9ae4dc;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -3px;
}
/* line 608, /home/pc035860/master/web/asset/less/widgets.less */
#user-top-level-navbar > ul:after {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #9ae4dc;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: -3px;
}
/* line 24, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-navbar > ul {
  padding: 0 50px;
  text-align: left;
}
/* line 29, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-navbar > ul li {
  position: relative;
  min-width: 100px;
  margin: 0;
  text-align: center;
}
/* line 35, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-navbar > ul li a {
  display: block;
  padding: 0;
}
/* line 42, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-navbar .parrot-standing {
  position: absolute;
  right: -116px;
  bottom: -45px;
  z-index: 200;
}
/* line 47, /home/pc035860/master/web/asset/less/user-top-level.less */
#user-top-level-navbar .parrot-crying {
  position: absolute;
  right: -116px;
  bottom: -45px;
  z-index: 200;
  right: -115px;
  bottom: -111px;
}
/* line 1, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
#note-top-level input,
#note-top-level button,
#note-top-level select,
#note-top-level textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 7, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body {
  position: relative;
  background-color: #99e0d8;
}
/* line 12, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body > h2 {
  margin: 0;
  padding: 40px 0;
  font-size: 24px;
  text-align: center;
  color: white;
  letter-spacing: 1px;
  padding-bottom: 0;
}
/* line 17, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body .what-is-ptnt {
  text-align: center;
  margin-bottom: 30px;
}
/* line 21, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body .what-is-ptnt a {
  font-size: 13px;
  color: #62aba1;
  line-height: 1.5;
  text-decoration: underline;
}
/* line 27, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body .what-is-ptnt a:hover {
  text-decoration: none;
}
/* line 33, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body > .actions {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 35px;
}
/* line 38, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body > [ui-view] {
  padding-bottom: 40px;
  clear: both;
}
/* line 42, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-body > [ui-view].no-auto-padding {
  padding-bottom: 0;
}
/* line 62, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-navbar {
  max-width: 528px;
  width: 99%;
  height: 32px;
  margin: 0 auto;
  padding: 0;
  max-width: 760px;
  padding-top: 55px;
}
/* line 512, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  padding: 0;
  margin: 0;
  background-color: #27cebf;
  list-style-type: none;
  text-align: center;
}
/* line 524, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin: 0 10px;
  font-size: 18px;
}
/* line 531, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li > a {
  background-color: #27cebf;
  display: inline-block;
  height: 32px;
  padding: 0 13px;
  color: white;
  line-height: 32px;
  font-size: 18px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
#note-top-level #note-top-level-navbar > ul > li > a:hover,
#note-top-level #note-top-level-navbar > ul > li > a:focus {
  background-color: #36d9ca;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
#note-top-level #note-top-level-navbar > ul > li > a:active {
  background-color: #23b9ab;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
#note-top-level #note-top-level-navbar > ul > li > a.disabled,
#note-top-level #note-top-level-navbar > ul > li > a[disabled] {
  background-color: #40b6ab;
}
/* line 543, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li > a.active {
  background-color: #0b3d38;
}
/* line 546, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li > a.disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
  background-color: transparent;
}
/* line 554, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li.func {
  float: right;
  min-width: 0;
  font-size: 14px;
  color: #35857e;
}
@media (max-width: 767px) {
  /* line 561, /home/pc035860/master/web/asset/less/widgets.less */
  #note-top-level #note-top-level-navbar > ul > li.func {
    display: none;
  }
}
/* line 565, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li.func a {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
  color: #35857e;
  background-color: transparent;
}
/* line 573, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li.func a:hover,
#note-top-level #note-top-level-navbar > ul > li.func a:focus {
  color: #36938b;
  background-color: transparent;
}
/* line 577, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li.func a:active {
  color: #277770;
  background-color: transparent;
}
/* line 582, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul > li.func a .func-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 3px;
  font-size: 16px;
  vertical-align: middle;
}
/* line 596, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul:before {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #99e0d8;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -3px;
}
/* line 608, /home/pc035860/master/web/asset/less/widgets.less */
#note-top-level #note-top-level-navbar > ul:after {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #99e0d8;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: -3px;
}
/* line 68, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-navbar > ul {
  z-index: 1;
  padding: 0 50px;
  text-align: left;
}
/* line 75, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-navbar > ul li {
  position: relative;
  min-width: 100px;
  margin: 0;
  text-align: center;
}
/* line 85, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-navbar > ul li a {
  display: block;
  padding: 0;
}
/* line 90, /home/pc035860/master/web/asset/less/note-top-level.less */
#note-top-level #note-top-level-navbar > ul li .notification {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  position: absolute;
  top: -14px;
  right: -13px;
}
@media (max-width: 767px) {
  /* line 99, /home/pc035860/master/web/asset/less/note-top-level.less */
  #note-top-level #note-top-level-navbar > ul li {
    min-width: 60px;
  }
  /* line 101, /home/pc035860/master/web/asset/less/note-top-level.less */
  #note-top-level #note-top-level-navbar > ul li a {
    padding: 0 10px;
  }
}
/**
 * 抄筆記 系列
 */
/* line 1, /home/pc035860/master/web/asset/less/note/words.less */
.note-words {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding-bottom: 60px;
  /**
		 * 教學導覽用
		 */
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.note-words input,
.note-words button,
.note-words select,
.note-words textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 8, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__bird {
  position: absolute;
  z-index: 1;
  right: 16px;
  top: -18px;
}
/* line 6, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 30px 30px 0 30px;
  background-color: #99e0d8;
}
@media only screen and (min-height: 700px) {
  /* line 20, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
  .note-words .ne-wrap--loading:after {
    top: 40%;
  }
}
/* line 26, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-wrap__shadow {
  -webkit-box-shadow: rgba(11, 61, 56, 0.231373) 0px -29px 14.5px -25px;
  -moz-box-shadow: rgba(11, 61, 56, 0.231373) 0px -29px 14.5px -25px;
  box-shadow: rgba(11, 61, 56, 0.231373) 0px -29px 14.5px -25px;
  -webkit-transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  opacity: 0;
  will-change: opacity;
}
/* line 38, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-wrap__shadow.is-active {
  opacity: 1;
}
/* line 45, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-main {
  -webkit-transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: relative;
  z-index: 1;
  opacity: 1;
}
/* line 51, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-main--loading {
  opacity: .3;
}
/* line 57, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-add-card-btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #0b3d38;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 65px;
  padding: 8px 15px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 1;
}
/* line 480, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-add-card-btn:focus {
  background-color: #0b3d38;
}
/* line 483, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-add-card-btn:hover {
  background-color: #0f4e48;
}
/* line 486, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-add-card-btn:active {
  background-color: #06332f;
}
/* line 76, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-add-card-btn .icon-plus {
  display: inline-block;
  margin-right: 10px;
}
/* line 83, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-book-list-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 220px;
  background-color: #9ae4dc;
  will-change: box-shadow;
}
/* line 95, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-capacity {
  -webkit-font-smoothing: antialiased;
  padding-bottom: 35px;
  font-size: 14px;
  line-height: 25px;
  color: #62aba1;
  text-align: center;
}
/* line 104, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-capacity .upgrade {
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 14px;
  text-decoration: underline;
  position: relative;
  top: -3px;
  color: white;
  font-size: 12px;
  line-height: 20px;
}
/* line 638, /home/pc035860/master/web/asset/less/widgets.less */
.note-words .ne-capacity .upgrade:focus {
  text-decoration: underline;
}
/* line 641, /home/pc035860/master/web/asset/less/widgets.less */
.note-words .ne-capacity .upgrade:hover {
  text-decoration: none;
}
/* line 645, /home/pc035860/master/web/asset/less/widgets.less */
.note-words .ne-capacity .upgrade:active {
  color: #fafafa;
  text-decoration: none;
}
/* line 116, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-capacity .capacity-pie {
  vertical-align: middle;
}
/* line 122, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel {
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  padding: 0 10px;
  background-color: #27cebf;
  line-height: 50px;
  text-align: left;
}
/* line 140, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__item {
  display: block;
  float: left;
}
/* line 145, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter {
  -webkit-transition: width 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: width 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: width 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: width 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: absolute;
  left: 10px;
  top: 0;
  z-index: 1;
  width: 52px;
  margin-left: 5px;
  background-color: #27cebf;
  overflow: hidden;
}
/* line 161, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter a {
  display: inline-block;
  margin-left: 1px;
  opacity: .8;
}
/* line 166, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter a img {
  position: relative;
  top: -1px;
}
/* line 171, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter a:hover {
  opacity: 1;
}
/* line 176, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter__splitter {
  position: relative;
  top: -1px;
  display: inline-block;
  height: 30px;
  width: 0;
  vertical-align: middle;
  margin-left: 13px;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
/* line 191, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter__splitter.ng-hide-remove {
  -webkit-animation: fadeIn 0.2s both;
  -moz-animation: fadeIn 0.2s both;
  -o-animation: fadeIn 0.2s both;
  animation: fadeIn 0.2s both;
}
/* line 194, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter__splitter.ng-hide-add {
  -webkit-animation: fadeOut 0.2s both;
  -moz-animation: fadeOut 0.2s both;
  -o-animation: fadeOut 0.2s both;
  animation: fadeOut 0.2s both;
}
/* line 200, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter__content {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 53px;
  top: 0;
  max-width: 833px;
  width: 90%;
  font-size: 16px;
  color: #FFF;
  opacity: 0;
}
/* line 213, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter__content input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  top: -2px;
  display: inline-block;
  width: 90%;
  height: 50px;
  margin: 0;
  margin-left: 14px;
  padding: 0;
  border: none;
  vertical-align: middle;
  color: #35857e;
  font-size: 16px;
  background-color: transparent;
}
/* line 237, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter__placeholder {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  left: 98px;
  top: 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  pointer-events: none;
  opacity: 0;
}
/* line 250, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter--active {
  -webkit-box-shadow: 10px 0 10px -6px #27cebf;
  -moz-box-shadow: 10px 0 10px -6px #27cebf;
  box-shadow: 10px 0 10px -6px #27cebf;
  width: 860px;
}
/* line 255, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter--active .ne-panel__filter__content {
  -webkit-transform: translate(-23px, 0);
  -moz-transform: translate(-23px, 0);
  -ms-transform: translate(-23px, 0);
  -o-transform: translate(-23px, 0);
  transform: translate(-23px, 0);
  opacity: 1;
}
/* line 260, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter--active .ne-panel__filter__placeholder {
  opacity: 1;
}
/* line 264, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__filter--active a {
  opacity: 1;
}
/* line 270, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__close-filter {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: url('../image/note-words/icon_close_w.svg') no-repeat center;
  opacity: .8;
  background-size: 20px 20px;
}
/* line 283, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__close-filter:hover,
.note-words .ne-panel__close-filter:active {
  opacity: 1;
}
/* line 288, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__close-filter.ng-hide-remove {
  -webkit-animation: zoom-in 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both 0.3s;
  -moz-animation: zoom-in 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both 0.3s;
  -o-animation: zoom-in 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both 0.3s;
  animation: zoom-in 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both 0.3s;
}
/* line 291, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__close-filter.ng-hide-add {
  -webkit-animation: zoom-out 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: zoom-out 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: zoom-out 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: zoom-out 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 297, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order {
  display: inline-block;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin-left: 60px;
}
/* line 305, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order__btn {
  -webkit-font-smoothing: antialiased;
  background-color: #13baab;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  color: white;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-panel__order__btn:hover,
.note-words .ne-panel__order__btn:focus {
  background-color: #14c3b4;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-panel__order__btn:active {
  background-color: #11a396;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-panel__order__btn.disabled,
.note-words .ne-panel__order__btn[disabled] {
  background-color: #27a69a;
}
/* line 323, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order__btn.active {
  background-color: #35857e;
}
/* line 327, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order__btn:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  margin-left: 8px;
}
/* line 331, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order__btn:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
/* line 335, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order__btn + .ne-panel__order__btn {
  margin-left: 1px;
}
/* line 341, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func {
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  position: absolute;
  left: 292px;
  top: 0;
  display: inline-block;
}
/* line 349, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func.ng-enter {
  -webkit-animation: fadeInDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeInDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeInDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeInDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 352, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func.ng-leave {
  -webkit-animation: fadeOutDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeOutDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeOutDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeOutDown 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 377, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func--alphabet a {
  -webkit-font-smoothing: antialiased;
  width: 16px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  color: #277770;
  text-decoration: none;
  height: 20px;
  line-height: 20px;
  text-transform: uppercase;
}
/* line 370, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func--alphabet a:hover {
  color: #0b3d38;
  text-decoration: none;
}
/* line 387, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func--alphabet a.disabled {
  cursor: default;
  pointer-events: none;
  color: #13baab;
}
/* line 392, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func--alphabet a.active {
  border-bottom: 3px solid #13baab;
}
/* line 401, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func--time a,
.note-words .ne-panel__order-func--fami a {
  -webkit-font-smoothing: antialiased;
  width: 50px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  color: #277770;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 370, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func--time a:hover,
.note-words .ne-panel__order-func--fami a:hover {
  color: #0b3d38;
  text-decoration: none;
}
/* line 407, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel__order-func--time a.active,
.note-words .ne-panel__order-func--fami a.active {
  color: white;
  background-color: #277770;
}
/* line 415, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel .do-review {
  width: 130px;
  height: 36px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 6px;
  right: 10px;
  display: block;
  line-height: 36px;
  font-size: 16px;
  color: white;
  border: 1px solid #ffe87d;
  background-color: #f4bb1a;
  text-decoration: none !important;
  text-align: center;
}
/* line 435, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel .do-review:hover,
.note-words .ne-panel .do-review:focus {
  color: white;
  background-color: #f4c337;
}
/* line 439, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel .do-review:active {
  background-color: #eab315;
}
/* line 443, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-panel .do-review.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.4;
}
/* line 452, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-wrap {
  position: relative;
}
/* line 457, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards {
  *zoom: 1;
  margin: 10px 0 10px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words .ne-cards:before,
.note-words .ne-cards:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words .ne-cards:after {
  clear: both;
}
/* line 463, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards.ng-hide-remove {
  -webkit-animation: fadeIn 0.6s both;
  -moz-animation: fadeIn 0.6s both;
  -o-animation: fadeIn 0.6s both;
  animation: fadeIn 0.6s both;
}
/* line 467, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards__column {
  *zoom: 1;
  width: 48.86363636%;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words .ne-cards__column:before,
.note-words .ne-cards__column:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words .ne-cards__column:after {
  clear: both;
}
/* line 471, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards__column--left {
  float: left;
}
/* line 474, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards__column--right {
  float: right;
}
/* line 480, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards--no-tts .ne-card__play-btn {
  display: none;
}
/* line 487, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 560px;
  width: 100%;
  margin-top: -164px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: #698d89;
}
@media only screen and (min-height: 700px) {
  /* line 503, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
  .note-words .ne-cards-empty {
    top: 40%;
  }
}
/* line 507, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty.ng-enter {
  -webkit-animation: fadeIn 0.6s both;
  -moz-animation: fadeIn 0.6s both;
  -o-animation: fadeIn 0.6s both;
  animation: fadeIn 0.6s both;
}
/* line 511, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty img {
  margin-bottom: 20px;
}
/* line 515, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty h4 {
  margin: 0 0 10px;
  font-size: 16px;
}
/* line 520, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty p {
  margin: 0 0 15px;
}
/* line 525, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty .engage {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #1cbaac;
}
/* line 539, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty .engage:hover,
.note-words .ne-cards-empty .engage:focus {
  background-color: #28cbbc;
}
/* line 542, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty .engage:active {
  background-color: #10ad9f;
}
/* line 548, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty--filter img {
  max-width: 160px;
}
/* line 552, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-empty--filter p {
  color: #698d89;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
/* line 562, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card {
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
  position: relative;
  margin-bottom: 6px;
  background-color: #fff;
  will-change: tranform;
}
/* line 578, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card .fami {
  position: absolute;
  z-index: 10;
  left: -13px;
  top: -5px;
  opacity: 0;
}
/* line 586, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card .fami.ready {
  opacity: 1;
}
/* line 591, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card .card-dots {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  left: 0px;
  top: 0px;
}
/* line 597, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card .card-dots--edit {
  left: -14px;
  opacity: 0;
}
/* line 603, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__hovered {
  opacity: 0;
}
/* line 610, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__play-btn {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  color: #808080;
}
/* line 622, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__play-btn:hover {
  color: #8d8d8d;
}
/* line 625, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__play-btn:active {
  color: #787878;
}
/* line 628, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__play-btn.playing {
  color: #FFB83C;
}
/* line 634, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__ok-btn,
.note-words .ne-card__cancel-btn {
  -webkit-font-smoothing: antialiased;
  width: 60px;
  height: 22px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 0;
  color: white;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  border: none;
}
/* line 651, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__ok-btn[disabled],
.note-words .ne-card__cancel-btn[disabled],
.note-words .ne-card__ok-btn.disabled,
.note-words .ne-card__cancel-btn.disabled {
  opacity: 0.7;
  cursor: default;
  pointer-events: none;
}
/* line 657, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__ok-btn {
  background-color: #0b3d38;
}
/* line 659, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__ok-btn:hover,
.note-words .ne-card__ok-btn:focus {
  background-color: #0f4e48;
}
/* line 662, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__ok-btn:active {
  background-color: #06332f;
}
/* line 666, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__ok-btn[disabled],
.note-words .ne-card__ok-btn.disabled {
  color: #a5a5a5;
}
/* line 670, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__cancel-btn {
  background-color: #62aba1;
}
/* line 672, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__cancel-btn:hover,
.note-words .ne-card__cancel-btn:focus {
  background-color: #80bbb3;
}
/* line 675, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__cancel-btn:active {
  background-color: #35857e;
}
/* line 681, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm,
.note-words .ne-card__book-select {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(225, 250, 246, 0.9);
}
/* line 691, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm.ng-enter,
.note-words .ne-card__book-select.ng-enter,
.note-words .ne-card__remove-confirm.ng-leave,
.note-words .ne-card__book-select.ng-leave {
  -webkit-transition: -webkit-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit--webkit-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: -moz-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit--moz-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: -o-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit--o-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1),-moz-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1),-o-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1),transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit--webkit-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit--moz-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit--o-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit-transform-origin 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 697, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm.ng-enter,
.note-words .ne-card__book-select.ng-enter {
  -webkit-animation: zoom-in 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-animation: zoom-in 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-animation: zoom-in 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
  animation: zoom-in 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 700, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm.ng-leave,
.note-words .ne-card__book-select.ng-leave {
  -webkit-animation: zoom-out 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-animation: zoom-out 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-animation: zoom-out 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
  animation: zoom-out 0.25s both cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 704, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm__central,
.note-words .ne-card__book-select__central {
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
/* line 711, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm__central p,
.note-words .ne-card__book-select__central p {
  -webkit-font-smoothing: antialiased;
  color: #0b3d38;
  font-size: 16px;
  line-height: 1.5;
}
/* line 719, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm__central.low-profile,
.note-words .ne-card__book-select__central.low-profile {
  opacity: 0.3;
}
/* line 726, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select.ng-enter {
  -webkit-transform-origin: 85% 30%;
  -moz-transform-origin: 85% 30%;
  -o-transform-origin: 85% 30%;
  -ms-transform-origin: 85% 30%;
  transform-origin: 85% 30%;
}
/* line 729, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select.ng-leave {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
/* line 731, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select.ng-leave-active {
  -webkit-transform-origin: 85% 30%;
  -moz-transform-origin: 85% 30%;
  -o-transform-origin: 85% 30%;
  -ms-transform-origin: 85% 30%;
  transform-origin: 85% 30%;
}
/* line 738, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm.ng-enter {
  -webkit-transform-origin: 90% 30%;
  -moz-transform-origin: 90% 30%;
  -o-transform-origin: 90% 30%;
  -ms-transform-origin: 90% 30%;
  transform-origin: 90% 30%;
}
/* line 741, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm.ng-leave {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
/* line 743, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__remove-confirm.ng-leave-active {
  -webkit-transform-origin: 90% 30%;
  -moz-transform-origin: 90% 30%;
  -o-transform-origin: 90% 30%;
  -ms-transform-origin: 90% 30%;
  transform-origin: 90% 30%;
}
/* line 762, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group {
  display: block;
  margin-bottom: 12px;
}
/* line 766, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .btn.dropdown-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 220px;
  padding-left: 8px;
  padding-right: 8px;
  border: none;
  background: none;
  background-color: #55cac0;
  text-shadow: none;
  color: #ffffff;
  text-align: left;
}
/* line 781, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .btn.dropdown-toggle:hover,
.note-words .ne-card__book-select .btn-group .btn.dropdown-toggle:focus {
  background-color: #68d0c7;
}
/* line 784, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .btn.dropdown-toggle:active {
  background-color: #10ad9f;
}
/* line 789, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 8px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: 0 1px 8px rgba(255, 255, 255, 0.7);
  box-shadow: 0 1px 8px rgba(255, 255, 255, 0.7);
  /**
		 * Webkit scrollbar - for dark theme
		 */
  width: 220px;
  max-height: 112px;
  overflow-y: auto;
  margin-top: 1px;
  padding: 3px 0;
  background-color: #486663;
  border: none;
}
/* line 373, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu::-webkit-scrollbar {
  width: 6px;
}
/* line 374, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu::-webkit-scrollbar-button {
  display: none;
}
/* line 376, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0.1);
}
/* line 380, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0;
}
/* line 384, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu::-webkit-scrollbar-corner {
  /* 6 */
}
/* line 385, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu::-webkit-resizer {
  /* 7 */
}
/* line 393, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
/* line 804, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu > li > a {
  padding: 3px 6px;
  font-size: 12px;
  color: white;
  text-align: left;
  background: transparent;
}
/* line 813, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu > li > a:hover,
.note-words .ne-card__book-select .btn-group .dropdown-menu > li > a:focus {
  background-color: #5d8480;
}
/* line 816, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu > li > a:active {
  background-color: #405755;
}
/* line 821, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu > li > a.current > span {
  position: relative;
  display: inline-block;
}
/* line 825, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .dropdown-menu > li > a.current > span:after {
  -webkit-box-shadow: 0 -1px 4px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 -1px 4px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 -1px 4px 0 rgba(255, 255, 255, 0.3);
  content: '';
  position: absolute;
  left: -1%;
  bottom: 0;
  width: 102%;
  height: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.86);
}
/* line 842, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group .caret {
  float: right;
  border-top-color: #ffffff;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 5px;
}
/* line 852, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__book-select .btn-group.open .btn.dropdown-toggle {
  background-color: #10ad9f;
}
/* line 860, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__main {
  padding: 6px 12px 6px 20px;
  font-size: 15px;
  line-height: 28px;
}
/* line 866, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__main .question {
  position: relative;
  font-weight: bold;
}
/* line 870, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__main .phonetic {
  position: absolute;
  right: 27px;
  bottom: 0;
  font-size: 13px;
  color: #55cac0;
  font-weight: normal;
}
/* line 880, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__main .answer .normal {
  display: inline-block;
  padding-right: 17px;
}
/* line 888, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions {
  position: absolute;
  right: 12px;
  top: 7px;
  text-align: right;
}
/* line 899, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions__btn {
  display: inline-block;
  width: 16px;
  text-align: center;
  margin-left: 3px;
  font-size: 17px;
  color: #62aba1;
}
/* line 909, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions__btn.ng-hide-remove {
  -webkit-animation: fadeInUp 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeInUp 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeInUp 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeInUp 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 912, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions__btn.ng-hide-add {
  -webkit-animation: fadeOutDown 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeOutDown 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeOutDown 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeOutDown 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 917, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions__btn--share {
  position: relative;
  top: 1px;
  color: #5075c5;
}
/* line 926, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions__btn--toggle {
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  position: relative;
  top: 1px;
  font-size: 20px;
}
/* line 933, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions__btn--star {
  -webkit-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -o-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
  color: #e0c087;
}
/* line 937, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions__btn--star.active {
  color: #ffb83c;
}
/* line 943, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions--edit {
  right: 14px;
}
/* line 946, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions--edit.ng-enter {
  -webkit-animation: fadeInLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeInLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeInLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeInLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 949, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions--edit.ng-leave {
  -webkit-animation: fadeOutLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: fadeOutLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: fadeOutLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: fadeOutLeft 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
/* line 953, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__actions--edit .ne-card__ok-btn {
  margin-left: 6px;
}
/* line 960, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more {
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
  display: none;
  overflow: hidden;
  padding: 8px 20px;
  background-color: #eeeeee;
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
}
/* line 976, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .sentence .normal {
  white-space: pre-wrap;
}
/* line 981, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .sentence--empty .normal {
  color: #aaaaaa;
}
/* line 987, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .source {
  padding-top: 2px;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 1.5;
}
/* line 994, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .source .icon-link {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 8px;
}
/* line 1000, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .source a {
  color: #aaaaaa;
}
/* line 1002, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .source a:hover {
  text-decoration: underline;
}
/* line 1005, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .source a:active {
  color: #333333;
}
/* line 1011, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .lang {
  margin-top: 10px;
}
/* line 1014, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .lang select {
  margin: 0;
  color: #333;
  border: none;
  background-color: rgba(255, 255, 255, 0.6);
}
/* line 1022, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card__more .ne-card__play-btn {
  margin-right: 5px;
}
/* line 1029, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--normal .edit {
  display: none;
}
/* line 1036, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--expand .edit {
  display: none;
}
/* line 1040, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--expand .ne-card__more {
  display: block;
}
/* line 1046, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--expand .ne-card__actions__btn--toggle {
  -webkit-transform: translateY(0px) scaleY(-1);
  -moz-transform: translateY(0px) scaleY(-1);
  -ms-transform: translateY(0px) scaleY(-1);
  -o-transform: translateY(0px) scaleY(-1);
  transform: translateY(0px) scaleY(-1);
}
/* line 1053, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit {
  background-color: #e1faf6;
}
/* line 1058, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .normal {
  display: none !important;
}
/* line 1061, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .edit-block {
  display: block;
}
/* line 1064, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .edit-inline {
  display: inline;
}
/* line 1081, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .ne-card__main .answer {
  -webkit-box-shadow: 0 1px 0 #9ee0d5;
  -moz-box-shadow: 0 1px 0 #9ee0d5;
  box-shadow: 0 1px 0 #9ee0d5;
}
/* line 1084, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .ne-card__main input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  color: #35857e;
  padding: 2px 0;
}
/* line 1090, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .ne-card__more {
  display: block;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 12px;
  background-color: transparent;
}
/* line 1100, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .ne-card__more .sentence {
  -webkit-box-shadow: 0 1px 0 #9ee0d5;
  -moz-box-shadow: 0 1px 0 #9ee0d5;
  box-shadow: 0 1px 0 #9ee0d5;
}
/* line 1104, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .ne-card__more textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  color: #35857e;
  line-height: 1.5;
}
/* line 1111, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .card-dots--normal {
  left: -14px;
  opacity: 0;
}
/* line 1115, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card--edit .card-dots--edit {
  left: 0;
  opacity: 1;
}
/* line 1124, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card:hover .ne-card__hovered {
  opacity: 1;
}
/* line 1127, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-card:hover .with-overlay {
  background-color: rgba(255, 255, 255, 0.9);
}
/* line 1132, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-wrap.no-auto-demo .ne-card .fami {
  opacity: 1;
}
/* line 1137, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  *zoom: 1;
  margin: 0;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words .ne-cards-pagination:before,
.note-words .ne-cards-pagination:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words .ne-cards-pagination:after {
  clear: both;
}
/* line 1143, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination .pagination {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
}
/* line 1148, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination li {
  display: inline-block;
  margin-right: 4px;
}
/* line 1153, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination li:first-child a,
.note-words .ne-cards-pagination li:nth-child(2) a,
.note-words .ne-cards-pagination li:last-child a,
.note-words .ne-cards-pagination li:nth-last-child(2) a {
  color: #aaa;
  background-color: #eee;
}
/* line 1157, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination li:first-child a:hover,
.note-words .ne-cards-pagination li:nth-child(2) a:hover,
.note-words .ne-cards-pagination li:last-child a:hover,
.note-words .ne-cards-pagination li:nth-last-child(2) a:hover {
  background-color: #f8f8f8;
}
/* line 1160, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination li:first-child a:active,
.note-words .ne-cards-pagination li:nth-child(2) a:active,
.note-words .ne-cards-pagination li:last-child a:active,
.note-words .ne-cards-pagination li:nth-last-child(2) a:active {
  background-color: #e5e5e5;
}
/* line 1168, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination li.disabled:first-child a,
.note-words .ne-cards-pagination li.disabled:nth-child(2) a,
.note-words .ne-cards-pagination li.disabled:last-child a,
.note-words .ne-cards-pagination li.disabled:nth-last-child(2) a {
  background-color: #eee !important;
  opacity: 0.5;
}
/* line 1176, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination a {
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 6px;
  cursor: pointer;
  border: none;
  color: white;
  font-size: 14px;
  background-color: #27cebf;
}
/* line 1188, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination a:hover {
  background-color: #4de8cc;
}
/* line 1193, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-pagination .active a {
  background-color: #277770 !important;
  color: white !important;
}
/* line 1200, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-shortcuts-hint {
  position: absolute;
  right: 25px;
  bottom: 2px;
  font-size: 14px;
  text-align: right;
  color: rgba(53, 133, 126, 0.8);
}
/* line 1209, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-shortcuts-hint code {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(53, 133, 126, 0.25);
  -moz-box-shadow: inset 0 -1px 0 rgba(53, 133, 126, 0.25);
  box-shadow: inset 0 -1px 0 rgba(53, 133, 126, 0.25);
  position: relative;
  top: -1px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 90%;
  color: #9ae4dc;
  background-color: #35857e;
  border: none;
  font-weight: bold;
}
/* line 1226, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-shortcuts-hint .splitter {
  position: relative;
  top: 1px;
  font-size: 18px;
}
/* line 1232, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-cards-shortcuts-hint .wgt-pt-iconmonstr {
  position: relative;
  top: -2px;
  left: 0;
}
/* line 1243, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-tour__anchor {
  position: absolute;
}
/* line 1248, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-tour__step--1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 240px;
  padding: 0;
}
/* line 198, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.6);
  /**
			 * 箭頭位置
			 */
}
/* line 203, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip .tour-content-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 157px;
  padding: 8px 39px 5px 10px;
  background: url(../image/note-tut-bird.png) no-repeat;
  background-position: right 5px top 6px;
  text-align: center;
  letter-spacing: 1px;
}
/* line 218, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip .tour-content-title {
  font-size: 14px;
  color: white;
}
/* line 223, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip p {
  margin: 0;
  font-size: 12px;
  color: white;
}
/* line 230, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip .tour-next-tip {
  background-color: #fbfaa5;
  display: block;
  width: 70px;
  margin: 3px auto;
  font-size: 12px;
  color: #333;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-tour__step--1.tour-tip .tour-next-tip:hover,
.note-words .ne-tour__step--1.tour-tip .tour-next-tip:focus {
  background-color: #fcfbbd;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-tour__step--1.tour-tip .tour-next-tip:active {
  background-color: #faf98d;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-words .ne-tour__step--1.tour-tip .tour-next-tip.disabled,
.note-words .ne-tour__step--1.tour-tip .tour-next-tip[disabled] {
  background-color: #f2f1ae;
}
/* line 249, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  color: #d91519;
  font-size: 20px;
}
/* line 258, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip.tt-top:after {
  content: '\F063';
  left: 8px;
  bottom: -18px;
}
/* line 265, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip.tt-bottom:after {
  content: '\F062';
  left: 8px;
  top: -18px;
}
/* line 271, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip.tt-left:after {
  content: '\F061';
  top: 8px;
  right: -18px;
}
/* line 277, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-words .ne-tour__step--1.tour-tip.tt-right:after {
  content: '\F060';
  top: 8px;
  left: -18px;
}
/* line 1256, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-tour__step--1 .tour-content-wrapper {
  padding: 10px 48px 10px 8px !important;
  background-position: right 8px top 10px !important;
}
/* line 1261, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-tour__step--1 .tour-content-title {
  margin-bottom: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
/* line 1268, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-tour__step--1 p {
  color: #ddd !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
/* line 1274, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-tour__step--1:after {
  left: 50% !important;
  margin-left: -10px !important;
}
/* line 1283, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-fami-legends {
  margin: 18px 0;
  text-align: right;
  font-size: 14px;
  color: rgba(53, 133, 126, 0.8);
  line-height: 24px;
}
/* line 1290, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-fami-legends .fami-list {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}
/* line 1296, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-fami-legends .fami {
  width: 24px;
  height: 24px;
  position: relative;
  top: -2px;
  margin-right: 5px;
  vertical-align: middle;
}
/* line 1305, /home/pc035860/master/web/asset/less/note/mixins/editor.less */
.note-words .ne-fami-legends .fami:last-of-type {
  margin-right: 0;
}
/* line 17, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 10px 30px;
  background-color: #80ddd3;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words__menu:before,
.note-words__menu:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-words__menu:after {
  clear: both;
}
/* line 29, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu__download,
.note-words__menu__pre-review,
.note-words__menu__share {
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  height: 60px;
  display: block;
  float: left;
  margin-right: 20px;
  padding-left: 100px;
  background-repeat: no-repeat;
  background-position: 0 0;
  color: white;
  font-size: 16px;
  line-height: 20px;
}
/* line 46, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu__download:hover,
.note-words__menu__pre-review:hover,
.note-words__menu__share:hover,
.note-words__menu__download:focus,
.note-words__menu__pre-review:focus,
.note-words__menu__share:focus {
  background-position: 0 -60px;
  color: white;
}
/* line 50, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu__download:active,
.note-words__menu__pre-review:active,
.note-words__menu__share:active {
  background-position: 0 -120px;
}
/* line 53, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu__download.disabled,
.note-words__menu__pre-review.disabled,
.note-words__menu__share.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
/* line 60, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu__download {
  background-image: url(../image/note-words/btn-download.png);
  padding-top: 10px;
}
/* line 64, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu__pre-review {
  background-image: url(../image/note-words/btn-pre-review.png);
  padding-top: 10px;
}
/* line 68, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__menu__share {
  margin-right: 0;
  background-image: url(../image/note-words/btn-share.png);
  line-height: 60px;
}
/* line 75, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__title {
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 1.5;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  padding-top: 60px;
  margin: 0 0 30px;
}
/* line 82, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__to-vocab {
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
}
/* line 88, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__to-vocab.ng-enter {
  -webkit-animation: fadeInRight 0.5s both;
  -moz-animation: fadeInRight 0.5s both;
  -o-animation: fadeInRight 0.5s both;
  animation: fadeInRight 0.5s both;
}
/* line 91, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__to-vocab.ng-leave {
  -webkit-animation: fadeOutRight 0.5s both;
  -moz-animation: fadeOutRight 0.5s both;
  -o-animation: fadeOutRight 0.5s both;
  animation: fadeOutRight 0.5s both;
}
/* line 95, /home/pc035860/master/web/asset/less/note/words.less */
.note-words__to-vocab .wgt-vocab-hint__desc {
  margin-bottom: 0;
}
/**
 * 教學導覽用
 */
/* line 107, /home/pc035860/master/web/asset/less/note/words.less */
.nw-tour__anchor {
  position: absolute;
}
/* line 198, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip,
.nw-tour__step--2.tour-tip,
.nw-tour__step--3.tour-tip {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.6);
  /**
			 * 箭頭位置
			 */
}
/* line 203, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip .tour-content-wrapper,
.nw-tour__step--2.tour-tip .tour-content-wrapper,
.nw-tour__step--3.tour-tip .tour-content-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 157px;
  padding: 8px 39px 5px 10px;
  background: url(../image/note-tut-bird.png) no-repeat;
  background-position: right 5px top 6px;
  text-align: center;
  letter-spacing: 1px;
}
/* line 218, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip .tour-content-title,
.nw-tour__step--2.tour-tip .tour-content-title,
.nw-tour__step--3.tour-tip .tour-content-title {
  font-size: 14px;
  color: white;
}
/* line 223, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip p,
.nw-tour__step--2.tour-tip p,
.nw-tour__step--3.tour-tip p {
  margin: 0;
  font-size: 12px;
  color: white;
}
/* line 230, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip .tour-next-tip,
.nw-tour__step--2.tour-tip .tour-next-tip,
.nw-tour__step--3.tour-tip .tour-next-tip {
  background-color: #fbfaa5;
  display: block;
  width: 70px;
  margin: 3px auto;
  font-size: 12px;
  color: #333;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.nw-tour__step--1.tour-tip .tour-next-tip:hover,
.nw-tour__step--2.tour-tip .tour-next-tip:hover,
.nw-tour__step--3.tour-tip .tour-next-tip:hover,
.nw-tour__step--1.tour-tip .tour-next-tip:focus,
.nw-tour__step--2.tour-tip .tour-next-tip:focus,
.nw-tour__step--3.tour-tip .tour-next-tip:focus {
  background-color: #fcfbbd;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.nw-tour__step--1.tour-tip .tour-next-tip:active,
.nw-tour__step--2.tour-tip .tour-next-tip:active,
.nw-tour__step--3.tour-tip .tour-next-tip:active {
  background-color: #faf98d;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.nw-tour__step--1.tour-tip .tour-next-tip.disabled,
.nw-tour__step--2.tour-tip .tour-next-tip.disabled,
.nw-tour__step--3.tour-tip .tour-next-tip.disabled,
.nw-tour__step--1.tour-tip .tour-next-tip[disabled],
.nw-tour__step--2.tour-tip .tour-next-tip[disabled],
.nw-tour__step--3.tour-tip .tour-next-tip[disabled] {
  background-color: #f2f1ae;
}
/* line 249, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip:after,
.nw-tour__step--2.tour-tip:after,
.nw-tour__step--3.tour-tip:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  color: #d91519;
  font-size: 20px;
}
/* line 258, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip.tt-top:after,
.nw-tour__step--2.tour-tip.tt-top:after,
.nw-tour__step--3.tour-tip.tt-top:after {
  content: '\F063';
  left: 8px;
  bottom: -18px;
}
/* line 265, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip.tt-bottom:after,
.nw-tour__step--2.tour-tip.tt-bottom:after,
.nw-tour__step--3.tour-tip.tt-bottom:after {
  content: '\F062';
  left: 8px;
  top: -18px;
}
/* line 271, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip.tt-left:after,
.nw-tour__step--2.tour-tip.tt-left:after,
.nw-tour__step--3.tour-tip.tt-left:after {
  content: '\F061';
  top: 8px;
  right: -18px;
}
/* line 277, /home/pc035860/master/web/asset/less/note/mixins.less */
.nw-tour__step--1.tour-tip.tt-right:after,
.nw-tour__step--2.tour-tip.tt-right:after,
.nw-tour__step--3.tour-tip.tt-right:after {
  content: '\F060';
  top: 8px;
  left: -18px;
}
/* line 116, /home/pc035860/master/web/asset/less/note/words.less */
.nw-tour__step--1 {
  top: 405px !important;
  left: auto !important;
  right: -100px !important;
}
/* line 122, /home/pc035860/master/web/asset/less/note/words.less */
.nw-tour__step--2 {
  top: -15px !important;
  left: 95px !important;
}
/* line 127, /home/pc035860/master/web/asset/less/note/words.less */
.nw-tour__step--3 {
  left: -172px !important;
}
/* line 1, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  margin: 0 0px;
  padding: 20px 0;
  overflow: hidden;
  will-change: transform, -webkit-transform;
  /**
	 * Book list
	 */
  /**
	 * market button
	 */
  /**
	 * background
	 */
  /**
	 * Book mask
	 */
  /**
	 * Book
	 */
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-book-list:before,
.note-book-list:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-book-list:after {
  clear: both;
}
/* line 35, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books {
  position: relative;
  float: right;
}
/* line 40, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__trial-mask {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 221, 211, 0.5);
}
/* line 49, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__trial-mask.ng-enter {
  -webkit-animation: fadeIn 1s both;
  -moz-animation: fadeIn 1s both;
  -o-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 52, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__trial-mask.ng-leave {
  -webkit-animation: fadeOut 1s both;
  -moz-animation: fadeOut 1s both;
  -o-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 56, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__trial-mask__content {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 470px;
  width: 100%;
  margin: 0 auto;
  padding-left: 38px;
  text-align: left;
  color: #608480;
  line-height: 1.5;
  font-size: 14px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-book-list .books__trial-mask__content:before,
.note-book-list .books__trial-mask__content:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-book-list .books__trial-mask__content:after {
  clear: both;
}
/* line 76, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__trial-mask__content a {
  text-decoration: underline !important;
  color: #fff !important;
}
/* line 80, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__trial-mask__content a:hover,
.note-book-list .books__trial-mask__content a:focus {
  font-weight: bold;
}
/* line 85, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__trial-mask__content img {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -14px;
}
/* line 94, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__inner {
  position: relative;
  float: left;
  list-style: none;
  min-width: 670px;
  margin: 0 40px;
  padding: 0;
}
/* line 106, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__inner li {
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  display: block;
  float: left;
  position: relative;
  will-change: transform;
}
/* line 117, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__inner li + li {
  margin-left: 10px;
}
/* line 122, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__inner.inner--covered li {
  -webkit-animation: none !important;
  animation: none !important;
}
/* line 125, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__inner.inner--covered li .book-btn {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
/* line 132, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav {
  width: 50px;
  height: 220px;
  -webkit-transition: text-indent 300ms ease;
  -moz-transition: text-indent 300ms ease;
  -o-transition: text-indent 300ms ease;
  transition: text-indent 300ms ease;
  position: absolute;
  z-index: 1;
  top: -20px;
  color: #e1faf6;
  line-height: 220px;
  font-size: 38px;
  text-align: center;
  will-change: transform, -webkit-transform;
}
/* line 146, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav:hover {
  background-color: rgba(120, 212, 204, 0.6);
}
/* line 149, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav:active {
  background-color: rgba(114, 208, 200, 0.6);
}
/* line 153, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav.disabled,
.note-book-list .books__nav[disabled] {
  color: rgba(255, 255, 255, 0.4);
  cursor: default;
  pointer-events: none;
  background-color: none;
}
/* line 160, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav.prev {
  left: 0;
  text-indent: -5px;
}
/* line 164, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav.prev:hover {
  text-indent: 0;
}
/* line 168, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav.next {
  right: 0;
  text-indent: 5px;
}
/* line 172, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list .books__nav.next:hover {
  text-indent: 0;
}
/* line 182, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list-wrap {
  position: relative;
}
/* line 185, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__btn-market-wrap {
  -webkit-animation: slideInLeft 0.4s both 0.5s;
  -moz-animation: slideInLeft 0.4s both 0.5s;
  -o-animation: slideInLeft 0.4s both 0.5s;
  animation: slideInLeft 0.4s both 0.5s;
  position: absolute;
  z-index: -2;
  right: -140px;
  top: 20px;
  overflow: hidden;
}
/* line 197, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__btn-market-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
}
/* line 206, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__btn-market {
  -webkit-transform: translateX(-14px);
  -moz-transform: translateX(-14px);
  -o-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  border-left: 1px solid white;
}
/* line 218, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__btn-market::before {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  position: absolute;
  left: 7px;
  top: 0;
  width: 7px;
  height: 100%;
  box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.5);
  opacity: 1;
}
/* line 232, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__btn-market:hover {
  -webkit-transform: translateX(1px);
  -moz-transform: translateX(1px);
  -o-transform: translateX(1px);
  -ms-transform: translateX(1px);
  transform: translateX(1px);
}
/* line 235, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__btn-market:hover::before {
  -webkit-transform: translateX(-14px);
  -moz-transform: translateX(-14px);
  -o-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
  opacity: 0;
}
/* line 241, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__btn-market > img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* line 250, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #80ddd3;
  will-change: transform, opacity;
}
/* line 264, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book-mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 221, 211, 0.8);
}
/* line 275, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book {
  width: 160px;
  height: 180px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-left-radius: 1px;
  -webkit-transition: -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -moz-transition: -moz-transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -o-transition: -o-transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  transition: -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms,-moz-transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms,-o-transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms,transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  /**
		 * Templates
		 */
}
/* line 305, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book__shadow {
  -webkit-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -moz-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -o-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -webkit-border-top-right-radius: 13px;
  -moz-border-radius-topright: 13px;
  border-top-right-radius: 13px;
  -webkit-border-bottom-right-radius: 13px;
  -moz-border-radius-bottomright: 13px;
  border-bottom-right-radius: 13px;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-left-radius: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 2px 8px 2px rgba(11, 61, 56, 0.7);
  -moz-box-shadow: 0 2px 8px 2px rgba(11, 61, 56, 0.7);
  box-shadow: 0 2px 8px 2px rgba(11, 61, 56, 0.7);
  pointer-events: none;
  opacity: 0;
}
/* line 316, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-btn {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  position: absolute;
  font-size: 20px;
  line-height: 35px;
  color: #333;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.6);
  pointer-events: none;
  opacity: 0;
}
/* line 335, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-btn:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 339, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-btn:active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background-color: #fff;
}
/* line 344, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-btn--edit {
  right: 3px;
  top: 5px;
}
/* line 348, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-btn--delete {
  left: 0;
  bottom: 4px;
}
/* line 355, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-info {
  width: 140px;
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 20px;
  top: 50px;
  padding: 9px 10px;
  background-color: #333;
}
/* line 367, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-info__name {
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 45px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 1px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
/* line 383, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-info__number {
  font-size: 12px;
  color: #aaa;
  line-height: 1.5;
}
/* line 390, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-add-info {
  padding-top: 58px;
  color: #e1faf6;
  text-align: center;
}
/* line 396, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-add-info__icon {
  display: block;
  margin-bottom: 6px;
  font-size: 34px;
}
/* line 401, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book .book-add-info__desc {
  font-size: 16px;
}
/* line 407, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book:after {
  -webkit-border-top-right-radius: 13px;
  -moz-border-radius-topright: 13px;
  border-top-right-radius: 13px;
  -webkit-border-bottom-right-radius: 13px;
  -moz-border-radius-bottomright: 13px;
  border-bottom-right-radius: 13px;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-left-radius: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  left: -2px;
  top: -2px;
  z-index: -1;
  pointer-events: none;
  border: 2px solid transparent;
}
/* line 422, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book:hover .book-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
/* line 429, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book:hover:after {
  border-color: white;
}
/* line 434, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--all {
  position: relative;
  float: left;
  margin-left: 15px;
  margin-right: 0;
  background-image: url(../image/note-words/nb-cover.png);
  background-position: -812px -2px;
}
/* line 446, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--all:after {
  z-index: 1;
}
/* line 451, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--all:before {
  content: '';
  position: absolute;
  right: -13px;
  top: -20px;
  width: 1px;
  height: 220px;
  background-color: #9ae4dc;
}
/* line 464, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--light {
  background-image: url(../image/note-words/nb-cover.png);
  background-position: -974px -2px;
}
/* line 467, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--light:after {
  display: none;
}
/* line 471, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--add {
  background-image: none;
  background-color: #27cebf;
}
/* line 475, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--add:hover {
  background-color: #4ed8cc;
}
/* line 478, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--add:active {
  background-color: #1cbaac;
}
/* line 482, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--add:after {
  display: none;
}
/* line 487, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--active {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
/* line 491, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--active .note-book-list__book__shadow {
  opacity: 1;
}
/* line 496, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--active:after {
  border-color: #0b3d38;
}
/* line 501, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--disabled {
  cursor: default;
  pointer-events: none;
}
/* line 527, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--template-1 .book-info,
.note-book-list__book.book--template-2 .book-info,
.note-book-list__book.book--template-3 .book-info,
.note-book-list__book.book--template-4 .book-info,
.note-book-list__book.book--template-5 .book-info {
  width: 100%;
  top: 45px;
  left: 0;
  padding: 0;
  padding-right: 12px;
  text-align: right;
  background-color: transparent;
}
/* line 536, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--template-1 .book-info__name,
.note-book-list__book.book--template-2 .book-info__name,
.note-book-list__book.book--template-3 .book-info__name,
.note-book-list__book.book--template-4 .book-info__name,
.note-book-list__book.book--template-5 .book-info__name {
  height: auto;
  font-size: 16px;
  color: #333;
}
/* line 541, /home/pc035860/master/web/asset/less/note/book-list.less */
.note-book-list__book.book--template-1 .book-info__number,
.note-book-list__book.book--template-2 .book-info__number,
.note-book-list__book.book--template-3 .book-info__number,
.note-book-list__book.book--template-4 .book-info__number,
.note-book-list__book.book--template-5 .book-info__number {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.6);
  line-height: 1.4;
}
/* line 1, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar {
  padding: 0 30px;
}
@media (max-width: 767px) {
  /* line 10, /home/pc035860/master/web/asset/less/note/info-bar.less */
  .note-info-bar {
    padding: 0;
  }
}
/* line 14, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
  padding: 10px 20px;
  margin-bottom: 30px;
  background-color: #80ddd3;
}
/* line 19, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col:nth-child(1) {
  width: 140px;
  float: left;
  margin-right: 10px;
}
/* line 19, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col:nth-child(2) {
  width: 140px;
  float: left;
  margin-right: 10px;
}
/* line 19, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col:nth-child(3) {
  width: 320px;
  float: left;
  margin-right: 10px;
}
/* line 19, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col:nth-child(4) {
  width: 250px;
  float: left;
  margin-right: 10px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col:nth-child(4) {
  float: right;
  margin-right: 0;
}
@media (max-width: 767px) {
  /* line 42, /home/pc035860/master/web/asset/less/note/info-bar.less */
  .note-info-bar__col {
    margin-bottom: 10px;
  }
}
/* line 46, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col h4 {
  font-weight: bold;
  color: white;
  margin: 0;
}
/* line 52, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col p {
  color: #35857e;
}
/* line 55, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col p.abs {
  position: absolute;
}
/* line 61, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col.big-number h4 {
  font-size: 14px;
  line-height: 20px;
}
/* line 65, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col.big-number p {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
}
/* line 72, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col.big-title h4 {
  font-size: 16px;
  line-height: 30px;
}
/* line 76, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__col.big-title p {
  font-size: 13px;
  line-height: 20px;
}
@media (max-width: 767px) {
  /* line 84, /home/pc035860/master/web/asset/less/note/info-bar.less */
  .note-info-bar__quota {
    height: 80px;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
/* line 90, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__quota__bar {
  position: relative;
  height: 10px;
  margin: 10px 0;
}
/* line 96, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__quota__bar .bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  background-color: #ffe87d;
}
/* line 104, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__quota__text {
  text-align: right;
}
/* line 109, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__plan {
  position: relative;
}
@media (max-width: 767px) {
  /* line 112, /home/pc035860/master/web/asset/less/note/info-bar.less */
  .note-info-bar__plan {
    width: 100% !important;
    float: left !important;
  }
}
/* line 117, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__plan img {
  width: 50px;
  height: 50px;
  display: block;
  float: left;
  margin-right: 10px;
}
/* line 124, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__plan p {
  text-transform: uppercase;
}
/* line 128, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__plan .upgrade {
  width: 60px;
  height: 22px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  right: 20px;
  top: 35%;
  margin-top: -11px;
  line-height: 22px;
  color: white;
  text-align: center;
  font-size: 13px;
  background-color: #0b3d38;
}
/* line 145, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__plan .upgrade:hover {
  background-color: #0f4e48;
}
/* line 148, /home/pc035860/master/web/asset/less/note/info-bar.less */
.note-info-bar__plan .upgrade:active {
  background-color: #06332f;
}
/* line 1, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-top: 60px;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.note-pre-review input,
.note-pre-review button,
.note-pre-review select,
.note-pre-review textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 10, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review > h3 {
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 1.5;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
/* line 16, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__review-btn {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  background-color: #2e7870;
  color: white !important;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-pre-review__review-btn:hover,
.note-pre-review__review-btn:focus {
  background-color: #358a81;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-pre-review__review-btn:active {
  background-color: #27665f;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-pre-review__review-btn.disabled,
.note-pre-review__review-btn[disabled] {
  background-color: #3f6763;
}
/* line 26, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 760px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto 30px;
  padding: 20px 2.63157895%;
  background-color: #55cac0;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__reminder:before,
.note-pre-review__reminder:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__reminder:after {
  clear: both;
}
/* line 37, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder .bird {
  float: left;
  margin-top: 5px;
  margin-right: 20px;
  width: 90px;
  height: auto;
}
/* line 47, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__to-daily {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 12px 0 10px;
  font-size: 14px;
  letter-spacing: 0;
  text-indent: 0;
  background-color: #fff;
}
/* line 62, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__to-daily,
.note-pre-review__reminder__to-daily:focus {
  color: #35857e;
}
/* line 65, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__to-daily:hover {
  color: #36938b;
}
/* line 68, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__to-daily:active {
  color: #277770;
}
/* line 73, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content {
  max-width: 600px;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  float: right;
}
/* line 79, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content h4 {
  margin: 0 0 10px;
  font-size: 20px;
  color: #FFF;
  line-height: 1.5;
  letter-spacing: .08em;
}
/* line 87, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content .question-row {
  margin-bottom: 10px;
}
/* line 90, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content .question-row .note-pre-review__review-btn {
  width: 25%;
  margin: 0 0 0 2.5%;
  vertical-align: middle;
}
/* line 97, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content .question {
  position: relative;
  display: inline-block;
  width: 72.5%;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: .04em;
  text-indent: 10px;
  vertical-align: middle;
  background-color: #FFF;
}
/* line 114, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content .question .wgt-note-fami {
  margin: 0 10px 0 8px;
  vertical-align: middle;
}
/* line 119, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content .question::before {
  content: '';
  width: 10px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: url(../image/note-words/note_card_daily.png) left top no-repeat;
}
/* line 133, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content .note {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
}
/* line 140, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__reminder__content__word {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  line-height: 60px;
  color: #e1faf6;
  font-size: 24px;
  font-weight: bold;
  background-color: #4dd9ca;
}
@media (max-width: 767px) {
  /* line 156, /home/pc035860/master/web/asset/less/note/pre-review.less */
  .note-pre-review__reminder {
    text-align: center;
  }
  /* line 159, /home/pc035860/master/web/asset/less/note/pre-review.less */
  .note-pre-review__reminder .bird {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
  /* line 165, /home/pc035860/master/web/asset/less/note/pre-review.less */
  .note-pre-review__reminder .question-row {
    margin-bottom: 30px;
  }
  /* line 169, /home/pc035860/master/web/asset/less/note/pre-review.less */
  .note-pre-review__reminder .question {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 175, /home/pc035860/master/web/asset/less/note/pre-review.less */
  .note-pre-review__reminder .note-pre-review__reminder__content {
    max-width: none;
    text-align: left;
  }
  /* line 180, /home/pc035860/master/web/asset/less/note/pre-review.less */
  .note-pre-review__reminder .note-pre-review__review-btn {
    width: 180px !important;
    margin-left: 0 !important;
  }
}
/* line 188, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__tabs {
  max-width: 760px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border-bottom: 1px solid #7fd4cc;
  margin: 0 auto 20px;
}
/* line 309, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-pre-review__tabs li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
/* line 314, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-pre-review__tabs li a {
  display: block;
  padding: 7px 28px;
  background-color: #27cebf;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 16px;
}
/* line 323, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-pre-review__tabs li a:hover,
.note-pre-review__tabs li a:focus {
  background-color: rgba(39, 206, 191, 0.6);
}
/* line 326, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-pre-review__tabs li a:active {
  background-color: #13baab;
}
/* line 332, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-pre-review__tabs li.active a {
  background-color: #13baab;
}
/* line 199, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__tabs li {
  width: 170px;
  padding-left: 0;
  padding-right: 0;
}
/* line 206, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__tab-container {
  border-top: 1px solid #7fd4cc;
  border-bottom: 1px solid #7fd4cc;
  background-color: #80ddd3;
}
/* line 214, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__tab--graph {
  padding: 30px 0;
}
/* line 9, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph > .container {
  max-width: 760px;
}
/* line 13, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .intro {
  padding-bottom: 18px;
  margin-bottom: 25px;
  border-bottom: 1px solid #55cac0;
}
/* line 19, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .intro__heading {
  color: #35857e;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
}
/* line 25, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .intro__text {
  font-size: 14px;
  color: #55a098;
  line-height: 1.5;
}
/* line 30, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .intro__action {
  text-align: right;
}
/* line 33, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .intro__action a {
  color: white !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: bold;
}
/* line 39, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .intro__action a:hover {
  text-decoration: none;
}
/* line 42, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .intro__action a:focus {
  text-decoration: underline;
}
/* line 78, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__main {
  *zoom: 1;
  position: relative;
  padding: 15px 0 20px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__main:before,
.note-pre-review__tab--graph .status__main:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__main:after {
  clear: both;
}
/* line 84, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__main__diff-mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
/* line 92, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__main__col {
  float: left;
}
/* line 95, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__main__col.col-left {
  width: 23.68421053%;
  margin-right: 5.26315789%;
}
/* line 99, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__main__col.col-right {
  width: 71.05263158%;
}
@media (max-width: 767px) {
  /* line 103, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
  .note-pre-review__tab--graph .status__main__col {
    float: none;
  }
  /* line 106, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
  .note-pre-review__tab--graph .status__main__col.col-left,
  .note-pre-review__tab--graph .status__main__col.col-right {
    width: 100%;
  }
  /* line 109, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
  .note-pre-review__tab--graph .status__main__col.col-left {
    margin-right: 0;
  }
}
/* line 120, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__grid__row {
  *zoom: 1;
  display: table;
  width: 100%;
  height: 60px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__grid__row:before,
.note-pre-review__tab--graph .status__grid__row:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__grid__row:after {
  clear: both;
}
/* line 127, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__grid__row.auto-height {
  height: auto;
}
/* line 132, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__grid__col {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
/* line 138, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__grid__col.col-1 {
  width: 16.66666667%;
}
/* line 141, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__grid__col.col-2 {
  width: 51.85185185%;
}
/* line 144, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__grid__col.col-3 {
  width: 12.96296296%;
}
/* line 147, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__grid__col.col-4 {
  width: 18.51851852%;
}
/* line 156, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__tldr__main {
  padding: 10px;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  background-color: #333;
  text-align: center;
  font-weight: bold;
}
/* line 166, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__tldr__sub {
  *zoom: 1;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.6);
  text-align: center;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__tldr__sub:before,
.note-pre-review__tab--graph .status__tldr__sub:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__tldr__sub:after {
  clear: both;
}
/* line 177, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__tldr__sub a {
  float: right;
  position: relative;
  top: 2px;
  margin-top: -4px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}
/* line 190, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__tldr__sub a:hover {
  color: #ffffff;
}
/* line 193, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__tldr__sub a:focus {
  color: rgba(255, 255, 255, 0.8);
}
/* line 196, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__tldr__sub a:active {
  color: rgba(255, 255, 255, 0.6);
}
/* line 203, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__brain {
  min-height: 240px;
}
/* line 206, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__brain__visual {
  max-width: 180px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  /* line 213, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
  .note-pre-review__tab--graph .status__brain__visual {
    margin-top: 0;
  }
}
/* line 217, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__brain__info {
  text-align: center;
  color: #55a098;
  font-size: 14px;
  line-height: 1.5;
}
/* line 224, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__brain.is-loading {
  opacity: .5;
}
/* line 229, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__head {
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
/* line 237, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__body {
  position: relative;
}
/* line 241, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__notification {
  -webkit-animation: zoom-in 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both 0.5s;
  animation: zoom-in 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both 0.5s;
  position: absolute;
  z-index: 3;
  right: -10px;
  top: -5px;
}
/* line 249, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 8px;
  overflow: hidden;
  background-color: #55cac0;
}
/* line 262, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set:last-child {
  margin-bottom: 0;
}
/* line 267, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__switch {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 5.55555556%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  color: #fff;
  text-align: center;
}
/* line 282, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__switch > span {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  margin-top: -8px;
  font-size: 18px;
}
/* line 296, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(85, 202, 192, 0.9);
  overflow: hidden;
}
/* line 312, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail > div {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 316, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .desc {
  display: inline-block;
  width: 44.44444444%;
  margin-right: 3.7037037%;
}
/* line 322, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .desc > h5 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}
/* line 330, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .desc > p {
  margin: 0;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
/* line 338, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .fami {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-indent: -1000px;
  position: relative;
  vertical-align: middle;
}
/* line 59, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .fami::before {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  display: block;
  overflow: hidden;
  background: transparent no-repeat left top;
}
/* line 70, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .fami.lv-a::before {
  background-image: url(../image/note-words/familiarity_a.svg);
}
/* line 71, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .fami.lv-b::before {
  background-image: url(../image/note-words/familiarity_b.svg);
}
/* line 72, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .fami.lv-c::before {
  background-image: url(../image/note-words/familiarity_c.svg);
}
/* line 73, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .fami.lv-d::before {
  background-image: url(../image/note-words/familiarity_d.svg);
}
/* line 346, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .op {
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
/* line 352, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .op--plus {
  width: 30px;
}
/* line 355, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .op--equal {
  width: 23px;
  text-indent: 5px;
}
/* line 361, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .pie {
  position: relative;
}
/* line 364, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .pie__data {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -12px;
  line-height: 1;
  font-size: 24px;
  text-align: center;
  color: #fff;
}
/* line 379, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail .pie canvas {
  vertical-align: middle;
}
/* line 389, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail.open .fami.lv-a,
.note-pre-review__tab--graph .status__statistics__set__detail.open .fami.lv-c {
  -webkit-animation: zoom-in 0.3s 100ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 0.3s 100ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 392, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail.open .fami.lv-b,
.note-pre-review__tab--graph .status__statistics__set__detail.open .fami.lv-d {
  -webkit-animation: zoom-in 0.3s 200ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 0.3s 200ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 398, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail.open .op--plus {
  -webkit-animation: zoom-in 0.3s 150ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 0.3s 150ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 401, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail.open .op--equal {
  -webkit-animation: zoom-in 0.3s 250ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 0.3s 250ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 405, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set__detail.open .pie {
  -webkit-animation: zoom-in 0.3s 300ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 0.3s 300ms both cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 412, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set.is-diff-increase .status__fami__percentage {
  color: #c9ffbb;
}
/* line 415, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set.is-diff-increase .status__fami__diff {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
}
/* line 421, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set.is-diff-decrease .status__fami__percentage {
  color: #ffee99;
}
/* line 424, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__statistics__set.is-diff-decrease .status__fami__diff {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
}
/* line 438, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__pic {
  width: 46px;
  height: 46px;
  position: relative;
  display: inline-block;
  text-indent: -1000px;
  margin-left: 33.33333333%;
}
/* line 59, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__pic::before {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  display: block;
  overflow: hidden;
  background: transparent no-repeat left top;
}
/* line 70, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__pic.lv-a::before {
  background-image: url(../image/note-words/familiarity_a.svg);
}
/* line 71, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__pic.lv-b::before {
  background-image: url(../image/note-words/familiarity_b.svg);
}
/* line 72, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__pic.lv-c::before {
  background-image: url(../image/note-words/familiarity_c.svg);
}
/* line 73, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__pic.lv-d::before {
  background-image: url(../image/note-words/familiarity_d.svg);
}
/* line 444, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__info > h5 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}
/* line 452, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__info > p {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1;
}
/* line 459, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__percentage {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
/* line 465, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__number {
  padding-top: 3px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
}
/* line 471, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__diff {
  -webkit-transition: all 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
  -moz-transition: all 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
  -o-transition: all 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
  transition: all 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute;
  left: 0;
  bottom: -10px;
  opacity: 0;
}
/* line 480, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami__diff img {
  vertical-align: middle;
}
/* line 486, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami.row-up .status__fami__pic {
  position: relative;
  top: 5px;
}
/* line 489, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami.row-up .status__fami__info {
  position: relative;
  top: 6px;
}
/* line 492, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami.row-up .status__fami__percentage,
.note-pre-review__tab--graph .status__fami.row-up .status__fami__number {
  position: relative;
  top: 2px;
}
/* line 497, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__fami.row-down .status__fami__percentage,
.note-pre-review__tab--graph .status__fami.row-down .status__fami__number {
  position: relative;
  top: -4px;
}
/* line 503, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__hint {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  position: relative;
  padding: 17px 30px;
  font-size: 15px;
  color: #fff;
  line-height: 1;
  background-color: #27cebf;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__hint:before,
.note-pre-review__tab--graph .status__hint:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--graph .status__hint:after {
  clear: both;
}
/* line 516, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__hint a {
  width: 150px;
  position: absolute;
  right: 30px;
  top: 7px;
}
/* line 524, /home/pc035860/master/web/asset/less/note/mixins/graph.less */
.note-pre-review__tab--graph .status__hint.is-finish {
  text-align: center;
}
/* line 218, /home/pc035860/master/web/asset/less/note/pre-review.less */
.note-pre-review__tab--weekly-report {
  padding: 40px 0 50px;
}
/* line 9, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report h4 {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
/* line 19, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .wrap {
  *zoom: 1;
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--weekly-report .wrap:before,
.note-pre-review__tab--weekly-report .wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-pre-review__tab--weekly-report .wrap:after {
  clear: both;
}
/* line 25, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .wrap__item {
  float: left;
}
/* line 28, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .wrap__item + .wrap__item {
  margin-left: 1.58730159%;
}
/* line 32, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .wrap__item:last-child {
  margin-left: 4.76190476%;
}
/* line 38, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .count {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: rgba(39, 206, 191, 0.3);
  font-weight: bold;
  text-align: center;
}
/* line 47, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .count + .count {
  margin-left: 10px;
}
/* line 51, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .count__type {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
/* line 57, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .count__number {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 30px;
}
/* line 64, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report {
  list-style-type: none;
}
/* line 67, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report li {
  display: block;
  float: left;
}
/* line 72, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day {
  padding: 2px 8px 10px;
}
/* line 77, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day__progress {
  width: 14px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  margin: 0 auto 8px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
}
/* line 90, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day__progress .bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
/* line 101, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day__date {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
/* line 109, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day.past .report__day__date {
  color: #fff;
}
/* line 113, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day.present {
  background-color: rgba(85, 202, 192, 0.24);
  background-image: -moz-linear-gradient(top, rgba(85, 202, 192, 0), rgba(85, 202, 192, 0.6));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(85, 202, 192, 0)), to(rgba(85, 202, 192, 0.6)));
  background-image: -webkit-linear-gradient(top, rgba(85, 202, 192, 0), rgba(85, 202, 192, 0.6));
  background-image: -o-linear-gradient(top, rgba(85, 202, 192, 0), rgba(85, 202, 192, 0.6));
  background-image: linear-gradient(to bottom, rgba(85, 202, 192, 0), rgba(85, 202, 192, 0.6));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055cac0', endColorstr='#9955cac0', GradientType=0);
  background-color: transparent;
}
/* line 118, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day.present .report__day__date {
  color: #fff;
}
/* line 123, /home/pc035860/master/web/asset/less/note/mixins/weekly-report.less */
.note-pre-review__tab--weekly-report .report__day.future .report__day__date {
  color: rgba(255, 255, 255, 0.7);
}
/* line 1, /home/pc035860/master/web/asset/less/note/review.less */
.note-review {
  -webkit-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  -moz-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  -o-transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  will-change: height;
  margin: 30px auto;
}
/* line 21, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .loading-view {
  color: white;
  background-color: #7c8787;
  min-height: 552px;
  line-height: 350px;
  background-color: transparent;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  color: black;
}
/* line 138, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .loading-view canvas {
  position: relative;
  top: -15px;
  vertical-align: middle;
}
/* line 144, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .loading-view > .desc {
  font-size: 24px;
}
/* line 152, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .loading-view > .desc > span:nth-child(1) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
/* line 156, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .loading-view > .desc > span:nth-child(2) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
/* line 160, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .loading-view > .desc > span:nth-child(3) {
  display: inline-block;
  -webkit-animation: bounce 1s both infinite;
  -moz-animation: bounce 1s both infinite;
  -o-animation: bounce 1s both infinite;
  animation: bounce 1s both infinite;
  -webkit-animation-delay: 530ms;
  -moz-animation-delay: 530ms;
  -o-animation-delay: 530ms;
  animation-delay: 530ms;
}
/* line 36, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .button-close-next {
  cursor: pointer;
  width: 940px;
  margin: 0 auto;
}
/* line 42, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .toolbar {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-review .toolbar:before,
.note-review .toolbar:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-review .toolbar:after {
  clear: both;
}
/* line 45, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .toolbar button {
  border: none;
  background: none;
}
/* line 51, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .button-shortcuts {
  float: left;
}
/* line 54, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .button-shortcuts > img {
  position: relative;
  top: -2px;
}
/* line 60, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-btn {
  float: right;
}
/* line 63, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-btn button {
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
/* line 68, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-btn button:hover,
.note-review .instruction-btn button:focus {
  color: #666;
}
/* line 74, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book {
  padding: 30px 3.19148936% 40px;
  background-color: #9eaeaa;
}
/* line 81, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__cover {
  position: relative;
  margin-bottom: -15px;
  min-height: 110px;
  text-align: center;
}
/* line 89, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__cover .v-line {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 100%;
  width: 0;
  height: 350px;
  border-right: 1px solid #b1bdbb;
}
@media (max-width: 767px) {
  /* line 99, /home/pc035860/master/web/asset/less/window/review.less */
  .note-review .instruction-book__cover {
    margin-bottom: 20px;
  }
  /* line 102, /home/pc035860/master/web/asset/less/window/review.less */
  .note-review .instruction-book__cover .v-line {
    display: none;
  }
}
/* line 108, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__col {
  -webkit-font-smoothing: antialiased;
  padding: 0 3.40909091%;
}
@media (max-width: 767px) {
  /* line 115, /home/pc035860/master/web/asset/less/window/review.less */
  .note-review .instruction-book__col {
    margin-bottom: 20px;
  }
}
/* line 119, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__col h3 {
  margin: 0 0 15px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
}
/* line 129, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__col ul {
  list-style-type: none;
  margin: 0;
}
/* line 134, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__col li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
}
/* line 144, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__col li:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "\F08D";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 18px;
  color: #eeebdc;
}
/* line 156, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__col li:last-of-type {
  margin-bottom: 0;
}
/* line 160, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .instruction-book__col li h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #eeebdc;
}
/* line 172, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage {
  padding-top: 30px;
  background-color: #9eaeaa;
  letter-spacing: 1px;
  /** phase difference section **/
}
/* line 190, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.ng-hide-remove {
  -webkit-animation: fadeIn 1s both;
  -moz-animation: fadeIn 1s both;
  -o-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}
/* line 194, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .countdown-bomb {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 200;
  will-change: transform;
}
/* line 202, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .countdown-bomb.ng-hide-remove {
  -webkit-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
  animation: fadeInUp 0.6s both cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 205, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .countdown-bomb.ng-hide-add {
  -webkit-animation: fadeOut 0.2s both;
  -moz-animation: fadeOut 0.2s both;
  -o-animation: fadeOut 0.2s both;
  animation: fadeOut 0.2s both;
}
/* line 210, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .countdown-bomb .slow {
  -webkit-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  width: 63px;
  height: 83px;
  font-size: 2.5em;
  color: white;
  background-image: url(../image/bomb.png);
  background-position: 1px 0;
  background-repeat: no-repeat;
  line-height: 83px;
  padding-top: 10px;
  text-align: center;
}
/* line 225, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .countdown-bomb .fast {
  -webkit-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  animation: bomb-pulse 500ms ease-out 0s infinite alternate;
  width: 63px;
  height: 83px;
  font-size: 2.5em;
  color: white;
  background-image: url(../image/bomb.png);
  background-position: 1px 0;
  background-repeat: no-repeat;
  line-height: 83px;
  padding-top: 10px;
  text-align: center;
  -webkit-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -moz-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -ms-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  -o-animation: bomb-pulse 125ms ease-out 0s infinite alternate;
  animation: bomb-pulse 125ms ease-out 0s infinite alternate;
}
/* line 231, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 23.95209581px;
  text-align: center;
  background-color: #595d5d;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .button-audio:hover,
.note-review .review-stage .button-audio:focus {
  background-color: #656a6a;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .button-audio:active {
  background-color: #4d5050;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 23.95209581px;
  color: #ffffff;
  line-height: 40px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .button-audio:hover,
.note-review .review-stage .button-audio:focus {
  background-color: #656a6a;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .button-audio:active {
  background-color: #4d5050;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .button-audio.disabled,
.note-review .review-stage .button-audio[disabled] {
  background-color: #5b5b5b;
}
/* line 236, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 243, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option {
  position: relative;
  margin: 10px 0px;
  min-height: 40px;
  vertical-align: middle;
  text-align: center;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 255, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option.touch {
  background-color: #ffd87f;
}
/* line 258, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option span {
  margin: 10px 0;
  display: inline-block;
  font-size: 16px;
  color: #747e7e;
}
/* line 264, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option span.option {
  max-width: 465px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* line 270, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option span.option:before {
  content: " ";
  position: absolute;
  top: 4px;
  left: -20px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url('../image/review-options-states.png');
  width: 14px;
  height: 13px;
  background-position: -1px -34px;
}
/* line 284, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option span.option.correct:before {
  width: 15px;
  height: 13px;
  background-position: -2px -19px;
}
/* line 285, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option span.option.incorrect:before {
  width: 13px;
  height: 13px;
  background-position: -2px -49px;
}
/* line 286, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option span.option.timeout:before {
  top: 3px;
  width: 15px;
  height: 15px;
  background-position: -2px -2px;
}
/* line 289, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option .show-details {
  width: 32px;
  height: 32px;
  -webkit-animation: bjsJellyIn 0.6s both;
  -moz-animation: bjsJellyIn 0.6s both;
  -o-animation: bjsJellyIn 0.6s both;
  animation: bjsJellyIn 0.6s both;
  position: absolute;
  right: 2px;
  top: 4px;
}
/* line 298, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option .show-details__inner {
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  top: 0;
  display: block;
  background: url('../image/eyes_icon.png') no-repeat center;
}
/* line 309, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option .show-details__inner:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 312, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .li-option .show-details__inner:active {
  top: 1px;
}
/* line 319, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results {
  margin: 0;
  list-style-type: none;
}
/* line 323, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-correct {
  max-width: 400px;
  margin: 15px auto;
}
/* line 327, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-correct.ng-hide-remove {
  -webkit-animation: fadeInDown 0.5s both;
  -moz-animation: fadeInDown 0.5s both;
  -o-animation: fadeInDown 0.5s both;
  animation: fadeInDown 0.5s both;
}
/* line 331, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-correct > span {
  position: relative;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
}
/* line 345, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-correct > span.correct:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00C';
  color: #91c747;
}
/* line 351, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-correct > span.incorrect:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00D';
  color: #f91600;
}
/* line 359, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-user {
  max-width: 400px;
  margin: 15px auto;
  background-color: #9eaeaa;
}
/* line 327, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-user.ng-hide-remove {
  -webkit-animation: fadeInDown 0.5s both;
  -moz-animation: fadeInDown 0.5s both;
  -o-animation: fadeInDown 0.5s both;
  animation: fadeInDown 0.5s both;
}
/* line 331, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-user > span {
  position: relative;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
}
/* line 345, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-user > span.correct:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00C';
  color: #91c747;
}
/* line 351, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-user > span.incorrect:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: -25px;
  top: 0;
  content: '\F00D';
  color: #f91600;
}
/* line 364, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .spell-results .sr-user > span {
  color: white;
}
/* line 370, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .correct-panel {
  margin-top: -20px;
}
/* line 374, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header {
  -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: relative;
  padding: 10px 0;
  text-align: center;
  line-height: 1.4;
  color: #ffffff;
  z-index: 1;
}
/* line 385, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header > .comboset-container {
  position: relative;
  margin-bottom: 10px;
}
/* line 391, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header > .comboset-container > .comboset {
  margin: 0 auto;
}
/* line 396, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .question {
  display: table;
  margin: 0 auto;
  min-height: 67px;
}
/* line 402, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .question .question-wrap {
  width: 500px;
  display: table-cell;
  vertical-align: middle;
}
/* line 408, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .question .question-wrap > span {
  display: inline-block;
  position: relative;
  font-size: 48px;
  letter-spacing: 2px;
  line-height: 1;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
/* line 418, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .question .question-wrap > span > .button-audio-wrap {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -50px;
  margin-top: -20px;
  font-size: 24px;
}
/* line 427, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .question .question-wrap > span > .button-audio-wrap.ng-hide-remove {
  -webkit-animation: fadeInLeft 1s both;
  -moz-animation: fadeInLeft 1s both;
  -o-animation: fadeInLeft 1s both;
  animation: fadeInLeft 1s both;
}
/* line 432, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .question .question-wrap > span.no-en {
  /**
							 * 針對無英文的情況(目前即純中文)做調整
							 */
  top: 6px;
  font-size: 40px;
  line-height: 1.3;
}
/* line 447, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .phonetic {
  margin: 5px 0 15px;
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
/* line 456, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .function {
  -webkit-font-smoothing: antialiased;
  margin: 5px 0 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
/* line 465, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .function .phonetic {
  display: inline-block;
  margin: 0 0 0 13px;
  color: #eeebdc;
  font-weight: normal;
}
/* line 474, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-header .spell-desc {
  height: 92px;
  font-size: 20px;
  line-height: 92px;
}
/* line 481, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body {
  min-height: 296px;
  position: relative;
  z-index: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 489, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .confirm-desc {
  text-align: center;
  font-size: 18px;
  color: white;
  padding: 216px 0 30px 0;
}
/* line 498, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 424px;
  text-align: center;
  font-size: 18px;
  color: white;
  line-height: 1.6;
}
/* line 510, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2__v-wrap {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 53%;
  width: 100%;
}
/* line 519, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .desc-text {
  margin-bottom: 35px;
}
/* line 523, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  background-color: #ffd87f;
  color: #747e7e;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:hover,
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start.disabled,
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start[disabled] {
  background-color: #f2d38c;
}
/* line 531, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .think-desc {
  text-align: center;
  margin: 0 auto;
  width: 400px;
  font-size: 24px;
  color: #ffffff;
  line-height: 220px;
  position: relative;
  z-index: 0;
}
/* line 545, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .think-desc.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 549, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .think-desc .cue-image {
  display: block;
  position: absolute;
  right: 400px;
  top: 0;
  text-align: right;
  width: 220px;
  height: 220px;
}
/* line 558, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .think-desc .cue-image img {
  vertical-align: top;
  max-height: 220px;
}
/* line 565, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 570px;
  width: 100%;
  background-color: #ced3d7;
}
/* line 573, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select.ng-hide-remove {
  -webkit-animation: fadeInDown 1s both;
  -moz-animation: fadeInDown 1s both;
  -o-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}
/* line 577, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .options {
  margin: 0;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 10px 15px;
}
/* line 584, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell {
  min-height: 200px;
  padding-top: 20px;
  text-align: center;
}
/* line 590, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .audio-wrap {
  margin-bottom: 35px;
}
/* line 593, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .audio-wrap.upper {
  margin-bottom: 0;
}
/* line 598, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 90px;
  height: 90px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 53.89221557px;
  text-align: center;
  background-color: #595d5d;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio:hover,
.note-review .review-stage .review-stage-body .review-select .spell .button-audio:focus {
  background-color: #656a6a;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio:active {
  background-color: #4d5050;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 53.89221557px;
  color: #ffffff;
  line-height: 90px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio:hover,
.note-review .review-stage .review-stage-body .review-select .spell .button-audio:focus {
  background-color: #656a6a;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio:active {
  background-color: #4d5050;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio.disabled,
.note-review .review-stage .review-stage-body .review-select .spell .button-audio[disabled] {
  background-color: #5b5b5b;
}
/* line 604, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio.small {
  -webkit-transform: translateY(-13px) scale(0.64);
  -moz-transform: translateY(-13px) scale(0.64);
  -ms-transform: translateY(-13px) scale(0.64);
  -o-transform: translateY(-13px) scale(0.64);
  transform: translateY(-13px) scale(0.64);
}
/* line 609, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .button-audio.pronouncing {
  background-color: #ffd87f;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 616, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .spell-input-wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  font-size: 18px;
}
/* line 626, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .spell-input-wrap .spell-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Inconsolata;
  font-weight: 700;
  font-size: 20px;
  position: relative;
  z-index: 2;
  height: 33px;
  padding: 6px 0;
}
/* line 638, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .review-select .spell .spell-input-wrap .spell-placeholder {
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 1;
  width: 100%;
  color: #ccc;
}
/* line 652, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .button-bar {
  text-align: center;
  margin-top: 15px;
}
/* line 656, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .button-bar a {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
}
/* line 659, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next,
.note-review .review-stage .review-stage-body .button-bar a.button-select,
.note-review .review-stage .review-stage-body .button-bar a.button-start,
.note-review .review-stage .review-stage-body .button-bar a.button-correct {
  background-color: #ffd87f;
  color: #747e7e;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-select:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-start:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-correct:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-next:focus,
.note-review .review-stage .review-stage-body .button-bar a.button-select:focus,
.note-review .review-stage .review-stage-body .button-bar a.button-start:focus,
.note-review .review-stage .review-stage-body .button-bar a.button-correct:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next:active,
.note-review .review-stage .review-stage-body .button-bar a.button-select:active,
.note-review .review-stage .review-stage-body .button-bar a.button-start:active,
.note-review .review-stage .review-stage-body .button-bar a.button-correct:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-select.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-start.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-correct.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-next[disabled],
.note-review .review-stage .review-stage-body .button-bar a.button-select[disabled],
.note-review .review-stage .review-stage-body .button-bar a.button-start[disabled],
.note-review .review-stage .review-stage-body .button-bar a.button-correct[disabled] {
  background-color: #f2d38c;
}
/* line 663, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget {
  background-color: #5e6262;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-forget:focus {
  background-color: #6a6f6f;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget:active {
  background-color: #525555;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-forget[disabled] {
  background-color: #606060;
}
/* line 667, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-leave {
  background-color: #ffd87f;
  color: #747e7e;
  width: 220px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-leave:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-leave:focus {
  background-color: #ffe099;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-leave:active {
  background-color: #ffd065;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-leave.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-leave[disabled] {
  background-color: #f2d38c;
}
/* line 677, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-footer .actions {
  padding-right: 24px;
  text-align: right;
}
/* line 682, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-footer .actions .leave-review {
  cursor: pointer;
  display: inline-block;
  background: url(../image/leave-review-btn.png) no-repeat left top;
  width: 58px;
  height: 58px;
  opacity: 0.9;
  position: relative;
  vertical-align: middle;
}
/* line 693, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage .review-stage-footer .actions .leave-review:after {
  position: absolute;
  text-align: center;
  content: attr(title);
  width: 100%;
  left: 0;
  top: 60px;
  font-size: 12px;
  color: white;
}
/* line 20, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-footer .actions .leave-review:active {
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -o-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
}
/* line 712, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.confirm-phase .button-bar {
  padding-bottom: 108px;
}
/* line 717, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.think-phase .review-stage-header {
  -webkit-transform: translate(0, 59px);
  -moz-transform: translate(0, 59px);
  -ms-transform: translate(0, 59px);
  -o-transform: translate(0, 59px);
  transform: translate(0, 59px);
}
/* line 721, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.think-phase .review-stage-body {
  -webkit-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
/* line 725, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.think-phase .review-stage-body .button-bar {
  -webkit-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
/* line 731, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.select-phase .review-select .li-option {
  cursor: pointer !important;
}
/* line 734, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.select-phase .review-select .li-option:hover {
  background-color: #ffd87f !important;
}
/* line 738, /home/pc035860/master/web/asset/less/window/review.less */
.note-review .review-stage.select-phase .review-select .li-option:active {
  background-color: #ffd065 !important;
}
/* line 747, /home/pc035860/master/web/asset/less/window/review.less */
.note-review__view-progress {
  position: relative;
  width: 100%;
  background-color: transparent;
  padding: 10px 0;
}
/* line 662, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress .row-fluid {
  position: relative;
}
/* line 665, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress .row-fluid.as-hint {
  position: static;
}
/* line 670, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress__title {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 40px;
  text-align: left;
  font-size: 18px;
  color: #f6f2e0;
  line-height: 78px;
  font-weight: bold;
}
/* line 684, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress__visual {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 35px;
  text-align: left;
}
/* line 694, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress__visual__bar {
  width: 250px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  background-color: #434848;
}
/* line 706, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress__visual__bar__inner {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 0%;
  height: 10px;
  background-color: #ffffff;
  will-change: transform;
}
/* line 718, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress__visual__number {
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 1px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 18px;
}
/* line 729, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress__visual__number .splitter,
.note-review__view-progress__visual__number .max {
  color: #434848;
}
/* line 732, /home/pc035860/master/web/asset/less/widgets.less */
.note-review__view-progress__visual__number .current {
  color: #ffffff;
}
/* line 756, /home/pc035860/master/web/asset/less/window/review.less */
.note-review__view-progress .wgt-extra-learning-bird {
  position: absolute;
  left: -63px;
  bottom: -82px;
}
/* line 12, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .loading-view {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 70px;
  min-height: 592px;
  color: white;
}
/* line 21, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .instruction-book {
  background-color: #8baaa6;
}
/* line 25, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .window-review-main {
  background-color: #a3d5cc;
}
/* line 29, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .window-review-main > h2 {
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 1.5;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  margin: 0;
  padding: 40px 0 20px;
}
/* line 37, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .hint-more {
  padding-top: 10px;
  font-size: 14px;
  color: #424242;
}
/* line 51, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .finish-desc {
  margin-top: 5px;
  margin-bottom: 98px;
  text-align: center;
}
/* line 56, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .finish-desc img {
  margin-bottom: 30px;
}
/* line 60, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .finish-desc .desc-text {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 35px;
}
/* line 66, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .exit-desc {
  margin-top: 30px;
  margin-bottom: 92px;
  text-align: center;
}
/* line 71, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .exit-desc__progress {
  margin-bottom: 25px;
}
/* line 75, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .exit-desc__progress svg {
  width: 180px;
  height: 148px;
}
/* line 79, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .exit-desc__progress svg rect {
  -webkit-transition: height 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: height 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: height 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: height 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 84, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .exit-desc__text {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 35px;
}
/* line 93, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .button-finish,
.note-review .button-graph {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  background-color: #18afa0;
  width: auto;
  padding: 0 16px;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .button-finish:hover,
.note-review .button-graph:hover,
.note-review .button-finish:focus,
.note-review .button-graph:focus {
  background-color: #1abcac;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .button-finish:active,
.note-review .button-graph:active {
  background-color: #15998b;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .button-finish.disabled,
.note-review .button-graph.disabled,
.note-review .button-finish[disabled],
.note-review .button-graph[disabled] {
  background-color: #2c9b90;
}
/* line 104, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage {
  padding-top: 70px;
  background-color: transparent;
}
/* line 113, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-header .question-wrap > span {
  text-shadow: 0 1px 5px rgba(15, 198, 182, 0.4) !important;
}
/* line 116, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-header .comboset .comboset-drill {
  background-image: url(../image/icon_drill_notes.svg);
}
/* line 122, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .confirm-desc {
  padding-top: 140px;
}
/* line 126, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start {
  background-color: #18afa0;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:hover,
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:focus {
  background-color: #1abcac;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start:active {
  background-color: #15998b;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start.disabled,
.note-review .review-stage .review-stage-body .confirm-desc-v2 .button-start[disabled] {
  background-color: #2c9b90;
}
/* line 132, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .review-select {
  background-color: #90c5bb;
}
/* line 144, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .review-select .options > .li-option.touch {
  background-color: #2e7870;
  background-color: #35857e;
}
/* line 138, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .review-select .options > .li-option.touch span {
  color: white;
}
/* line 149, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .review-select .options > .li-option span.option {
  text-shadow: none;
  /**
							 * 在 icon 背後補上白色小圈
							 */
}
/* line 152, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .review-select .options > .li-option span.option:before {
  z-index: 1;
}
/* line 159, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .review-select .options > .li-option span.option:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  content: " ";
  position: absolute;
  top: 5px;
  left: -19px;
  z-index: 0;
  display: block;
  overflow: hidden;
  background-color: white;
}
/* line 174, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .review-select .options > .li-option span.option.correct:after {
  left: -18px;
}
/* line 184, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next,
.note-review .review-stage .review-stage-body .button-bar a.button-select {
  background-color: #18afa0;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-select:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-next:focus,
.note-review .review-stage .review-stage-body .button-bar a.button-select:focus {
  background-color: #1abcac;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next:active,
.note-review .review-stage .review-stage-body .button-bar a.button-select:active {
  background-color: #15998b;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-next.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-select.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-next[disabled],
.note-review .review-stage .review-stage-body .button-bar a.button-select[disabled] {
  background-color: #2c9b90;
}
/* line 188, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget,
.note-review .review-stage .review-stage-body .button-bar a.button-lazy {
  background-color: #2e7870;
  color: white;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-lazy:hover,
.note-review .review-stage .review-stage-body .button-bar a.button-forget:focus,
.note-review .review-stage .review-stage-body .button-bar a.button-lazy:focus {
  background-color: #358a81;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget:active,
.note-review .review-stage .review-stage-body .button-bar a.button-lazy:active {
  background-color: #27665f;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-review .review-stage .review-stage-body .button-bar a.button-forget.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-lazy.disabled,
.note-review .review-stage .review-stage-body .button-bar a.button-forget[disabled],
.note-review .review-stage .review-stage-body .button-bar a.button-lazy[disabled] {
  background-color: #3f6763;
}
/* line 193, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-lazy.no-anim {
  -webkit-animation: none !important;
  animation: none !important;
}
/* line 196, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-lazy.disabled {
  opacity: 0.7;
  pointer-events: none;
  cursor: default;
}
/* line 201, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-body .button-bar a.button-lazy.ng-hide-add {
  -webkit-animation: zoom-out 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) both;
  -moz-animation: zoom-out 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) both;
  -o-animation: zoom-out 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) both;
  animation: zoom-out 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) both;
}
/* line 212, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage .review-stage-footer .actions .leave-review {
  color: white;
  font-size: 14px;
  text-decoration: underline;
  background: none;
  width: auto;
  height: auto;
  line-height: 78px;
}
/* line 638, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .review-stage-footer .actions .leave-review:focus {
  text-decoration: underline;
}
/* line 641, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .review-stage-footer .actions .leave-review:hover {
  text-decoration: none;
}
/* line 645, /home/pc035860/master/web/asset/less/widgets.less */
.note-review .review-stage .review-stage-footer .actions .leave-review:active {
  color: #fafafa;
  text-decoration: none;
}
/* line 224, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage.confirm-phase .button-bar {
  padding-bottom: 159px;
}
/* line 232, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage.select-phase .review-select .li-option:hover {
  background-color: #2e7870 !important;
}
/* line 234, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage.select-phase .review-select .li-option:hover span {
  color: #f7f7f7;
}
/* line 239, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .review-stage.select-phase .review-select .li-option:active {
  background-color: #27665f !important;
}
/* line 247, /home/pc035860/master/web/asset/less/note/review.less */
.note-review .window-review__view-progress__title {
  color: #fff;
}
/* line 1, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily {
  position: relative;
  background-color: #9ae4dc;
}
/* line 16, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily > h3 {
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 1.5;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  padding-top: 60px;
  margin: 0 0 80px;
}
/* line 23, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card {
  -webkit-font-smoothing: antialiased;
  margin-bottom: 120px;
}
/* line 28, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__question {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 470px;
  width: 100%;
  position: relative;
  min-height: 60px;
  margin: 0 auto 20px auto;
  padding: 12px 0;
  background-color: #4dd9ca;
  color: white;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
/* line 46, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__question__audio {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: #35857e;
  vertical-align: text-bottom;
  font-size: 17.96407186px;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: none;
  position: absolute;
  right: 20px;
  top: 50%;
}
/* line 25, /home/pc035860/master/web/asset/less/widgets.less */
.note-daily__card__question__audio:hover,
.note-daily__card__question__audio:focus {
  background-color: #3c978f;
}
/* line 28, /home/pc035860/master/web/asset/less/widgets.less */
.note-daily__card__question__audio:active {
  background-color: #2e736d;
}
/* line 32, /home/pc035860/master/web/asset/less/widgets.less */
.note-daily__card__question__audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 17.96407186px;
  color: #ffffff;
  line-height: 30px;
}
/* line 11, /home/pc035860/master/web/asset/less/note/daily.less */
.with-ext .note-daily__card__question__audio {
  display: block;
}
/* line 57, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__question__audio.pronouncing {
  background-color: #ff8b3c;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 63, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__answer,
.note-daily__card__sentence {
  max-width: 580px;
  width: 100%;
  margin: 0 auto 20px auto;
  font-size: 16px;
  text-align: center;
  color: #35857e;
  line-height: 1.5;
}
/* line 73, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__answer__audio,
.note-daily__card__sentence__audio {
  display: none;
  width: 20px;
  margin-right: 3px;
  vertical-align: middle;
  font-size: 18px;
  color: #666;
}
/* line 11, /home/pc035860/master/web/asset/less/note/daily.less */
.with-ext .note-daily__card__answer__audio,
.with-ext .note-daily__card__sentence__audio {
  display: inline-block;
}
/* line 84, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__answer__audio:after,
.note-daily__card__sentence__audio:after {
  content: "\F028";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
/* line 89, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__answer__audio:hover,
.note-daily__card__sentence__audio:hover {
  color: #777;
}
/* line 92, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__answer__audio:active,
.note-daily__card__sentence__audio:active {
  color: #555;
}
/* line 96, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__card__answer__audio.pronouncing,
.note-daily__card__sentence__audio.pronouncing {
  color: #fff044;
}
/* line 103, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__footer {
  padding-bottom: 60px;
  margin-bottom: 40px;
  text-align: center;
}
/* line 109, /home/pc035860/master/web/asset/less/note/daily.less */
.note-daily__footer a {
  color: white;
  font-size: 14px;
  text-decoration: underline;
}
/* line 638, /home/pc035860/master/web/asset/less/widgets.less */
.note-daily__footer a:focus {
  text-decoration: underline;
}
/* line 641, /home/pc035860/master/web/asset/less/widgets.less */
.note-daily__footer a:hover {
  text-decoration: none;
}
/* line 645, /home/pc035860/master/web/asset/less/widgets.less */
.note-daily__footer a:active {
  color: #fafafa;
  text-decoration: none;
}
/* line 4, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 10%;
  padding: 10px;
  background-color: rgba(39, 119, 112, 0.6);
  border: none;
  /**
		 * Webkit scrollbar - for dark theme
		 */
  width: 680px;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: -340px;
  max-height: 680px;
  overflow: auto;
}
@media only screen and (max-height: 670px) {
  /* line 40, /home/pc035860/master/web/asset/less/note/mixins.less */
  .note-dialog--share {
    top: 20px;
    max-height: 90%;
  }
}
/* line 45, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share textarea,
.note-dialog--share input[type="text"] {
  background-color: #e1faf6;
  font-size: 14px;
  color: #41928b;
}
/* line 52, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__body {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #27cebf;
}
/* line 62, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn {
  width: 120px;
  height: 28px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  background-color: #35857e;
}
/* line 79, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn:hover {
  background-color: #36938b;
}
/* line 82, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn:active {
  background-color: #277770;
}
/* line 85, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn:focus {
  background-color: #36938b;
}
/* line 88, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn.disabled {
  color: #e1faf6;
  background-color: #7fd4cc;
  cursor: default;
  pointer-events: none;
}
/* line 96, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn--sm {
  width: 120px;
  height: 28px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  background-color: #35857e;
  width: 60px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
/* line 79, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn--sm:hover {
  background-color: #36938b;
}
/* line 82, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn--sm:active {
  background-color: #277770;
}
/* line 85, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn--sm:focus {
  background-color: #36938b;
}
/* line 88, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__btn--sm.disabled {
  color: #e1faf6;
  background-color: #7fd4cc;
  cursor: default;
  pointer-events: none;
}
/* line 106, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__close {
  position: absolute;
  top: 4px;
  right: 5px;
  color: white;
  font-size: 28px;
}
/* line 114, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__close:hover {
  color: rgba(255, 255, 255, 0.9);
}
/* line 118, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--share .note-dialog__close:active {
  top: 5px;
}
/* line 373, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--share::-webkit-scrollbar {
  width: 4px;
}
/* line 374, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--share::-webkit-scrollbar-button {
  display: none;
}
/* line 376, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--share::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 380, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--share::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
/* line 384, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--share::-webkit-scrollbar-corner {
  /* 6 */
}
/* line 385, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--share::-webkit-resizer {
  /* 7 */
}
/* line 393, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--share::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  /* line 24, /home/pc035860/master/web/asset/less/note/dialog.less */
  .note-dialog--share {
    max-height: 90%;
  }
}
/* line 28, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share h5,
.note-dialog--share h6 {
  font-size: 17px;
  margin: 0;
}
/* line 32, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share h5 {
  -webkit-font-smoothing: antialiased;
  padding: 20px 0 15px 0;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 1.5;
}
/* line 43, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share .desc {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
}
/* line 54, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share .note-dialog__body {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 17px;
  color: white;
  text-align: center;
  line-height: 1.6;
}
/* line 63, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share .note-dialog__btn {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
/* line 68, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share .note-dialog__btn.sending {
  position: relative;
}
/* line 71, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share .note-dialog__btn.sending:after {
  content: '寄出中...';
  width: 100%;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
  text-align: center;
  color: #333333;
  background-color: rgba(255, 255, 255, 0.6);
}
/* line 89, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__form {
  margin-bottom: 15px;
}
/* line 92, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__form table {
  max-width: 400px;
  margin: 0 auto;
}
/* line 97, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__form td {
  color: #35857e;
  line-height: 28px;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}
/* line 105, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__form input[type="text"],
.note-dialog--share__form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0;
  box-shadow: none;
  border: none;
  font-size: 14px;
  line-height: 1.5;
}
/* line 120, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__form input[type="text"] {
  height: 25px;
  padding: 0 10px;
}
/* line 125, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__form textarea {
  height: 100px;
  padding: 6px 10px;
}
/* line 131, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__body-top {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 15px;
}
@media (max-width: 767px) {
  /* line 136, /home/pc035860/master/web/asset/less/note/dialog.less */
  .note-dialog--share__body-top {
    width: 90%;
  }
}
/* line 141, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__body-bottom {
  overflow: hidden;
  position: relative;
  border-top: 1px solid #43d8cc;
}
/* line 149, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__body-bottom__left,
.note-dialog--share__body-bottom__right {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
}
/* line 155, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__body-bottom__left h6,
.note-dialog--share__body-bottom__right h6 {
  -webkit-font-smoothing: antialiased;
  position: relative;
  margin: 0 0 10px;
  color: white;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 767px) {
  /* line 168, /home/pc035860/master/web/asset/less/note/dialog.less */
  .note-dialog--share__body-bottom__left,
  .note-dialog--share__body-bottom__right {
    float: none;
    width: 100%;
  }
}
/* line 173, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__body-bottom__left {
  padding: 20px 3% 24px 6%;
}
@media (max-width: 767px) {
  /* line 176, /home/pc035860/master/web/asset/less/note/dialog.less */
  .note-dialog--share__body-bottom__left {
    padding: 20px 6% 24px 6%;
  }
}
/* line 180, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__body-bottom__right {
  padding: 20px 6% 24px 3%;
}
@media (max-width: 767px) {
  /* line 183, /home/pc035860/master/web/asset/less/note/dialog.less */
  .note-dialog--share__body-bottom__right {
    padding: 20px 6% 24px 6%;
  }
}
/* line 188, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__body-bottom:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 130px;
  border-right: 1px solid #43d8cc;
}
@media (max-width: 767px) {
  /* line 197, /home/pc035860/master/web/asset/less/note/dialog.less */
  .note-dialog--share__body-bottom:after {
    left: 0;
    top: 132px;
    width: 100%;
    height: 0;
    border-top: 1px solid #43d8cc;
    border-right: 0px;
  }
}
/* line 209, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  border: none;
}
/* line 218, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block textarea[readonly] {
  cursor: default;
}
/* line 224, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block__done-msg {
  -webkit-transform: translate(-5px, 0);
  -moz-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
  -o-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  position: absolute;
  left: 76px;
  top: 3px;
  opacity: 0;
  font-size: 14px;
  color: #FFE996;
}
/* line 236, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block__done-msg--facebook {
  left: 120px;
}
/* line 241, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block.done .note-dialog--share__share-block__done-msg {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
/* line 246, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block .note-dialog__btn--sm {
  position: relative;
  top: 2px;
  float: right;
}
/* line 252, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block .note-dialog__btn--sm.zeroclipboard-is-hover {
  background-color: #36938b;
}
/* line 255, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block .note-dialog__btn--sm.zeroclipboard-is-active {
  background-color: #277770;
}
/* line 260, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block .btn-share-on-facebook {
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  color: white;
  font-size: 16px;
  text-align: center;
  background-color: #5177c6;
  line-height: 50px;
}
/* line 275, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block .btn-share-on-facebook:hover {
  background-color: #567ccc;
}
/* line 278, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block .btn-share-on-facebook:active {
  background-color: #466dbc;
}
/* line 282, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--share__share-block .btn-share-on-facebook > span {
  display: inline-block;
  margin-right: 24px;
  font-size: 28px;
  vertical-align: middle;
}
/* line 294, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--feedback {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 10%;
  padding: 10px;
  background-color: rgba(39, 119, 112, 0.6);
  border: none;
  width: 680px;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: -340px;
}
@media only screen and (max-height: 670px) {
  /* line 40, /home/pc035860/master/web/asset/less/note/mixins.less */
  .note-dialog--feedback {
    top: 20px;
    max-height: 90%;
  }
}
/* line 45, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback textarea,
.note-dialog--feedback input[type="text"] {
  background-color: #e1faf6;
  font-size: 14px;
  color: #41928b;
}
/* line 52, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__body {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #27cebf;
}
/* line 62, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn {
  width: 120px;
  height: 28px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  background-color: #35857e;
}
/* line 79, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn:hover {
  background-color: #36938b;
}
/* line 82, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn:active {
  background-color: #277770;
}
/* line 85, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn:focus {
  background-color: #36938b;
}
/* line 88, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn.disabled {
  color: #e1faf6;
  background-color: #7fd4cc;
  cursor: default;
  pointer-events: none;
}
/* line 96, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn--sm {
  width: 120px;
  height: 28px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  background-color: #35857e;
  width: 60px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
/* line 79, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn--sm:hover {
  background-color: #36938b;
}
/* line 82, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn--sm:active {
  background-color: #277770;
}
/* line 85, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn--sm:focus {
  background-color: #36938b;
}
/* line 88, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__btn--sm.disabled {
  color: #e1faf6;
  background-color: #7fd4cc;
  cursor: default;
  pointer-events: none;
}
/* line 106, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__close {
  position: absolute;
  top: 4px;
  right: 5px;
  color: white;
  font-size: 28px;
}
/* line 114, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__close:hover {
  color: rgba(255, 255, 255, 0.9);
}
/* line 118, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--feedback .note-dialog__close:active {
  top: 5px;
}
/* line 306, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--feedback .note-dialog__body {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  padding: 40px 0;
  font-size: 18px;
  color: white;
  text-align: center;
  line-height: 1.6;
}
/* line 317, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--feedback .note-dialog__body p {
  margin: 0 0 20px;
}
/* line 322, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--feedback__text {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 auto 15px;
  min-width: 400px;
  min-height: 120px;
  border: none;
}
/* line 337, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--capacity {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: 20%;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
/* line 347, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--capacity__pie {
  width: 242px;
  height: 242px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 14px;
  background-color: #FFF;
}
/* line 357, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--capacity__pie .pie {
  position: absolute;
  top: 2px;
  left: 2px;
}
/* line 363, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--capacity__parrot {
  text-align: center;
  margin-bottom: 20px;
}
/* line 368, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--capacity__number {
  position: absolute;
  top: 160px;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 2px #35857E;
  font-size: 24px;
  color: #FFF;
}
/* line 380, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--capacity__text {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  max-height: 90px;
  overflow-y: auto;
  text-align: center;
  color: white;
  font-size: 16px;
  letter-spacing: 1px;
}
/* line 392, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--capacity__text.delayed {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
/* line 398, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 10%;
  padding: 10px;
  background-color: rgba(39, 119, 112, 0.6);
  border: none;
  width: 521px;
  height: 349px;
}
@media only screen and (max-height: 670px) {
  /* line 40, /home/pc035860/master/web/asset/less/note/mixins.less */
  .note-dialog--new-word {
    top: 20px;
    max-height: 90%;
  }
}
/* line 45, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word textarea,
.note-dialog--new-word input[type="text"] {
  background-color: #e1faf6;
  font-size: 14px;
  color: #41928b;
}
/* line 52, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__body {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #27cebf;
}
/* line 62, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn {
  width: 120px;
  height: 28px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  background-color: #35857e;
}
/* line 79, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn:hover {
  background-color: #36938b;
}
/* line 82, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn:active {
  background-color: #277770;
}
/* line 85, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn:focus {
  background-color: #36938b;
}
/* line 88, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn.disabled {
  color: #e1faf6;
  background-color: #7fd4cc;
  cursor: default;
  pointer-events: none;
}
/* line 96, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn--sm {
  width: 120px;
  height: 28px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  background-color: #35857e;
  width: 60px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
/* line 79, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn--sm:hover {
  background-color: #36938b;
}
/* line 82, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn--sm:active {
  background-color: #277770;
}
/* line 85, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn--sm:focus {
  background-color: #36938b;
}
/* line 88, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__btn--sm.disabled {
  color: #e1faf6;
  background-color: #7fd4cc;
  cursor: default;
  pointer-events: none;
}
/* line 106, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__close {
  position: absolute;
  top: 4px;
  right: 5px;
  color: white;
  font-size: 28px;
}
/* line 114, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__close:hover {
  color: rgba(255, 255, 255, 0.9);
}
/* line 118, /home/pc035860/master/web/asset/less/note/mixins.less */
.note-dialog--new-word .note-dialog__close:active {
  top: 5px;
}
/* line 442, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .ne-new-word-title {
  position: relative;
  z-index: 3;
  margin: 2px 0 0 0;
  margin-left: 85px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  letter-spacing: 1px;
}
/* line 455, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .ne-parrot-head {
  width: 67px;
  height: 61px;
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 8px;
  background: url("../image/parrot-head.png") no-repeat left top;
}
/* line 469, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .close-button {
  color: #27cebf;
  position: absolute;
  z-index: 5;
  right: 10px;
  top: 8px;
  font-size: 21px;
  text-decoration: none;
}
/* line 480, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .close-button:hover {
  color: #36d9ca;
}
/* line 483, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .close-button:active {
  color: #25c1b3;
}
/* line 488, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .ne-new-word-body {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 295px;
  padding-top: 25px;
  background-color: #27cebf;
}
/* line 498, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .ne-new-word-body .btn-translate {
  background-color: #ffb83c;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 4px 8px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .ne-new-word-body .btn-translate:hover,
.note-dialog--new-word .ne-new-word-body .btn-translate:focus {
  background-color: #ffc156;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .ne-new-word-body .btn-translate:active {
  background-color: #ffaf22;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .ne-new-word-body .btn-translate.disabled,
.note-dialog--new-word .ne-new-word-body .btn-translate[disabled] {
  background-color: #ecb350;
}
/* line 418, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .ne-new-word-body .btn-translate.disabled,
.note-dialog--new-word .ne-new-word-body .btn-translate[disabled] {
  opacity: 0.7;
}
/* line 502, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .ne-new-word-body .row-fluid {
  margin-bottom: 20px;
}
/* line 507, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .field-title {
  float: left;
  width: 75px;
  color: white;
  line-height: 28px;
}
/* line 515, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .field-input {
  float: left;
  margin-left: 10px;
  width: 359px;
}
/* line 521, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .field-input input[type="text"],
.note-dialog--new-word .field-input input[type="password"],
.note-dialog--new-word .field-input input[type="email"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 28px;
  padding: 0 5px;
  border: none;
}
/* line 531, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .field-input textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 90px;
  padding: 3px 5px;
  margin-bottom: 0;
  border: none;
}
/* line 543, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .field-input.word > input {
  display: inline-block;
  width: 290px;
}
/* line 547, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .field-input.word > button {
  margin-bottom: 10px;
}
/* line 553, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .actions {
  margin-right: 53px;
  margin-bottom: 0;
  text-align: right;
}
/* line 559, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .actions .btn-save {
  background-color: #ffb83c;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 4px 8px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .actions .btn-save:hover,
.note-dialog--new-word .actions .btn-save:focus {
  background-color: #ffc156;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .actions .btn-save:active {
  background-color: #ffaf22;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .actions .btn-save.disabled,
.note-dialog--new-word .actions .btn-save[disabled] {
  background-color: #ecb350;
}
/* line 418, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .actions .btn-save.disabled,
.note-dialog--new-word .actions .btn-save[disabled] {
  opacity: 0.7;
}
/* line 562, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .actions .btn-save.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
/* line 569, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .actions .btn-cancel {
  background-color: #848484;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 4px 8px;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .actions .btn-cancel:hover,
.note-dialog--new-word .actions .btn-cancel:focus {
  background-color: #919191;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .actions .btn-cancel:active {
  background-color: #777777;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.note-dialog--new-word .actions .btn-cancel.disabled,
.note-dialog--new-word .actions .btn-cancel[disabled] {
  background-color: #848484;
}
/* line 418, /home/pc035860/master/web/asset/less/note/dialog.less */
.note-dialog--new-word .actions .btn-cancel.disabled,
.note-dialog--new-word .actions .btn-cancel[disabled] {
  opacity: 0.7;
}
/* line 1, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial {
  position: relative;
  z-index: 100;
  z-index: 201;
  margin: 100px auto;
}
/* line 8, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__title {
  text-align: center;
  padding: 20px 0;
  margin-bottom: 65px;
}
/* line 12, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 700px;
  width: 100%;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: relative;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 35px;
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #fff;
}
/* line 29, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example--fade {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0.3;
}
/* line 35, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example h3 {
  margin-bottom: 30px;
  line-height: 1.2;
  font-size: 22px;
  font-style: italic;
}
/* line 42, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example small {
  color: black;
  font-style: normal;
  font-size: 12px;
}
/* line 48, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example hr {
  border-top: 1px solid #ccc;
}
/* line 52, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example a {
  color: #ee0c1c;
}
/* line 55, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example a:hover {
  color: #bd0a16;
}
/* line 60, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example__content {
  font-size: 14px;
}
/* line 63, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example__content p,
.note-tutorial .nt__example__content ul {
  margin-bottom: 1.5em;
}
/* line 67, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example__content p,
.note-tutorial .nt__example__content li {
  line-height: 1.5;
}
/* line 71, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example__content .cross-head {
  font-size: 22px;
  font-weight: bold;
}
/* line 78, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__example__anchor {
  position: relative;
}
/* line 83, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension {
  position: absolute;
  left: 50%;
  top: 45%;
  margin-left: -259.5px;
  margin-top: -179px;
}
/* line 94, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension.ng-hide-remove {
  -webkit-animation: fadeInUp 0.5s both;
  -moz-animation: fadeInUp 0.5s both;
  -o-animation: fadeInUp 0.5s both;
  animation: fadeInUp 0.5s both;
}
/* line 98, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension__word,
.note-tutorial .nt__extension__translation,
.note-tutorial .nt__extension__sentence {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-width: 200px;
  position: absolute;
  z-index: 1;
  background-color: white;
  color: #555;
}
/* line 110, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension__word {
  left: 119px;
  top: 69px;
}
/* line 113, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension__translation {
  left: 97px;
  top: 117px;
}
/* line 116, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension__sentence {
  width: 359px;
  height: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 92px;
  top: 161px;
  padding: 3px 5px;
  overflow: auto;
}
/* line 125, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension__hotzone {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: hotzone-pulse 1s ease-out infinite;
  -moz-animation: hotzone-pulse 1s ease-out infinite;
  -o-animation: hotzone-pulse 1s ease-out infinite;
  animation: hotzone-pulse 1s ease-out infinite;
  display: block;
  position: absolute;
  z-index: 2;
  border: 3px solid #d91519;
  opacity: 0;
}
/* line 136, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension__save {
  left: 340px;
  top: 254px;
}
/* line 140, /home/pc035860/master/web/asset/less/note/tutorial.less */
.note-tutorial .nt__extension__notebook {
  left: 410px;
  top: 292px;
}
/* line 150, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__anchor {
  position: absolute;
}
/* line 153, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__anchor .shortcuts {
  color: yellow;
  font-size: 18px;
}
/* line 198, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip,
.nt-tour__step--2.tour-tip,
.nt-tour__step--3.tour-tip,
.nt-tour__step--4.tour-tip,
.nt-tour__step--5.tour-tip,
.nt-tour__step--6.tour-tip,
.nt-tour__step--7.tour-tip {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 9px 4px rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.6);
  /**
			 * 箭頭位置
			 */
}
/* line 203, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip .tour-content-wrapper,
.nt-tour__step--2.tour-tip .tour-content-wrapper,
.nt-tour__step--3.tour-tip .tour-content-wrapper,
.nt-tour__step--4.tour-tip .tour-content-wrapper,
.nt-tour__step--5.tour-tip .tour-content-wrapper,
.nt-tour__step--6.tour-tip .tour-content-wrapper,
.nt-tour__step--7.tour-tip .tour-content-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 157px;
  padding: 8px 39px 5px 10px;
  background: url(../image/note-tut-bird.png) no-repeat;
  background-position: right 5px top 6px;
  text-align: center;
  letter-spacing: 1px;
}
/* line 218, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip .tour-content-title,
.nt-tour__step--2.tour-tip .tour-content-title,
.nt-tour__step--3.tour-tip .tour-content-title,
.nt-tour__step--4.tour-tip .tour-content-title,
.nt-tour__step--5.tour-tip .tour-content-title,
.nt-tour__step--6.tour-tip .tour-content-title,
.nt-tour__step--7.tour-tip .tour-content-title {
  font-size: 14px;
  color: white;
}
/* line 223, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip p,
.nt-tour__step--2.tour-tip p,
.nt-tour__step--3.tour-tip p,
.nt-tour__step--4.tour-tip p,
.nt-tour__step--5.tour-tip p,
.nt-tour__step--6.tour-tip p,
.nt-tour__step--7.tour-tip p {
  margin: 0;
  font-size: 12px;
  color: white;
}
/* line 230, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip .tour-next-tip,
.nt-tour__step--2.tour-tip .tour-next-tip,
.nt-tour__step--3.tour-tip .tour-next-tip,
.nt-tour__step--4.tour-tip .tour-next-tip,
.nt-tour__step--5.tour-tip .tour-next-tip,
.nt-tour__step--6.tour-tip .tour-next-tip,
.nt-tour__step--7.tour-tip .tour-next-tip {
  background-color: #fbfaa5;
  display: block;
  width: 70px;
  margin: 3px auto;
  font-size: 12px;
  color: #333;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
.nt-tour__step--1.tour-tip .tour-next-tip:hover,
.nt-tour__step--2.tour-tip .tour-next-tip:hover,
.nt-tour__step--3.tour-tip .tour-next-tip:hover,
.nt-tour__step--4.tour-tip .tour-next-tip:hover,
.nt-tour__step--5.tour-tip .tour-next-tip:hover,
.nt-tour__step--6.tour-tip .tour-next-tip:hover,
.nt-tour__step--7.tour-tip .tour-next-tip:hover,
.nt-tour__step--1.tour-tip .tour-next-tip:focus,
.nt-tour__step--2.tour-tip .tour-next-tip:focus,
.nt-tour__step--3.tour-tip .tour-next-tip:focus,
.nt-tour__step--4.tour-tip .tour-next-tip:focus,
.nt-tour__step--5.tour-tip .tour-next-tip:focus,
.nt-tour__step--6.tour-tip .tour-next-tip:focus,
.nt-tour__step--7.tour-tip .tour-next-tip:focus {
  background-color: #fcfbbd;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
.nt-tour__step--1.tour-tip .tour-next-tip:active,
.nt-tour__step--2.tour-tip .tour-next-tip:active,
.nt-tour__step--3.tour-tip .tour-next-tip:active,
.nt-tour__step--4.tour-tip .tour-next-tip:active,
.nt-tour__step--5.tour-tip .tour-next-tip:active,
.nt-tour__step--6.tour-tip .tour-next-tip:active,
.nt-tour__step--7.tour-tip .tour-next-tip:active {
  background-color: #faf98d;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
.nt-tour__step--1.tour-tip .tour-next-tip.disabled,
.nt-tour__step--2.tour-tip .tour-next-tip.disabled,
.nt-tour__step--3.tour-tip .tour-next-tip.disabled,
.nt-tour__step--4.tour-tip .tour-next-tip.disabled,
.nt-tour__step--5.tour-tip .tour-next-tip.disabled,
.nt-tour__step--6.tour-tip .tour-next-tip.disabled,
.nt-tour__step--7.tour-tip .tour-next-tip.disabled,
.nt-tour__step--1.tour-tip .tour-next-tip[disabled],
.nt-tour__step--2.tour-tip .tour-next-tip[disabled],
.nt-tour__step--3.tour-tip .tour-next-tip[disabled],
.nt-tour__step--4.tour-tip .tour-next-tip[disabled],
.nt-tour__step--5.tour-tip .tour-next-tip[disabled],
.nt-tour__step--6.tour-tip .tour-next-tip[disabled],
.nt-tour__step--7.tour-tip .tour-next-tip[disabled] {
  background-color: #f2f1ae;
}
/* line 249, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip:after,
.nt-tour__step--2.tour-tip:after,
.nt-tour__step--3.tour-tip:after,
.nt-tour__step--4.tour-tip:after,
.nt-tour__step--5.tour-tip:after,
.nt-tour__step--6.tour-tip:after,
.nt-tour__step--7.tour-tip:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  color: #d91519;
  font-size: 20px;
}
/* line 258, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip.tt-top:after,
.nt-tour__step--2.tour-tip.tt-top:after,
.nt-tour__step--3.tour-tip.tt-top:after,
.nt-tour__step--4.tour-tip.tt-top:after,
.nt-tour__step--5.tour-tip.tt-top:after,
.nt-tour__step--6.tour-tip.tt-top:after,
.nt-tour__step--7.tour-tip.tt-top:after {
  content: '\F063';
  left: 8px;
  bottom: -18px;
}
/* line 265, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip.tt-bottom:after,
.nt-tour__step--2.tour-tip.tt-bottom:after,
.nt-tour__step--3.tour-tip.tt-bottom:after,
.nt-tour__step--4.tour-tip.tt-bottom:after,
.nt-tour__step--5.tour-tip.tt-bottom:after,
.nt-tour__step--6.tour-tip.tt-bottom:after,
.nt-tour__step--7.tour-tip.tt-bottom:after {
  content: '\F062';
  left: 8px;
  top: -18px;
}
/* line 271, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip.tt-left:after,
.nt-tour__step--2.tour-tip.tt-left:after,
.nt-tour__step--3.tour-tip.tt-left:after,
.nt-tour__step--4.tour-tip.tt-left:after,
.nt-tour__step--5.tour-tip.tt-left:after,
.nt-tour__step--6.tour-tip.tt-left:after,
.nt-tour__step--7.tour-tip.tt-left:after {
  content: '\F061';
  top: 8px;
  right: -18px;
}
/* line 277, /home/pc035860/master/web/asset/less/note/mixins.less */
.nt-tour__step--1.tour-tip.tt-right:after,
.nt-tour__step--2.tour-tip.tt-right:after,
.nt-tour__step--3.tour-tip.tt-right:after,
.nt-tour__step--4.tour-tip.tt-right:after,
.nt-tour__step--5.tour-tip.tt-right:after,
.nt-tour__step--6.tour-tip.tt-right:after,
.nt-tour__step--7.tour-tip.tt-right:after {
  content: '\F060';
  top: 8px;
  left: -18px;
}
/* line 163, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--1 a,
.nt-tour__step--2 a,
.nt-tour__step--3 a,
.nt-tour__step--4 a,
.nt-tour__step--5 a,
.nt-tour__step--6 a,
.nt-tour__step--7 a {
  color: black !important;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 167, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--1 a:hover,
.nt-tour__step--2 a:hover,
.nt-tour__step--3 a:hover,
.nt-tour__step--4 a:hover,
.nt-tour__step--5 a:hover,
.nt-tour__step--6 a:hover,
.nt-tour__step--7 a:hover {
  color: black !important;
}
/* line 173, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--1 {
  top: -85px !important;
}
/* line 176, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--1 .tour-content-wrapper {
  min-width: 170px !important;
}
/* line 180, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--1.tt-top:after {
  left: auto !important;
  right: 12px !important;
}
/* line 186, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--2 {
  left: auto !important;
  right: 20px !important;
  top: 20px !important;
}
/* line 192, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--2.tour-tip.tt-bottom:after {
  left: 126px;
}
/* line 197, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--3 {
  top: 130px !important;
  left: -180px !important;
}
/* line 202, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--4 {
  top: 57px !important;
  right: 337px !important;
  left: auto !important;
}
/* line 208, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--5 {
  top: 161px !important;
  right: -133px !important;
  left: auto !important;
}
/* line 214, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--6 {
  top: 256px !important;
  right: -50px !important;
  left: auto !important;
}
/* line 220, /home/pc035860/master/web/asset/less/note/tutorial.less */
.nt-tour__step--7 {
  top: 294px !important;
  right: -141px !important;
  left: auto !important;
}
/* line 1, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow {
  position: relative;
  z-index: 100;
}
/* line 5, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__head {
  padding-top: 90px;
  margin: 0 0 55px;
  text-align: center;
}
/* line 11, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__head .bird-with-love {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  display: inline-block;
  position: relative;
}
/* line 21, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__head .heart-1 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-transform-origin: 35px 100%;
  -moz-transform-origin: 35px 100%;
  -o-transform-origin: 35px 100%;
  -ms-transform-origin: 35px 100%;
  transform-origin: 35px 100%;
  position: absolute;
  top: 15px;
  left: 28px;
}
/* line 31, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__head .heart-2 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-transform-origin: 35px 100%;
  -moz-transform-origin: 35px 100%;
  -o-transform-origin: 35px 100%;
  -ms-transform-origin: 35px 100%;
  transform-origin: 35px 100%;
  position: absolute;
  top: 15px;
  left: 28px;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
  -webkit-transform-origin: 100% right;
  -moz-transform-origin: 100% right;
  -o-transform-origin: 100% right;
  -ms-transform-origin: 100% right;
  transform-origin: 100% right;
  top: 47px;
  left: 4px;
}
/* line 40, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  margin-bottom: 150px;
  text-align: center;
}
/* line 48, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__title {
  margin: 0 0 20px;
  color: #5cd7c8;
  font-size: 30px;
  line-height: 40px;
}
/* line 56, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__question {
  max-width: 540px;
  width: 100%;
  margin: 0 auto 45px;
  color: #aaaaaa;
  font-size: 18px;
  line-height: 24px;
}
/* line 66, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer {
  *zoom: 1;
  max-width: 500px;
  margin: 0 auto;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-tutorial-flow .ntf__body__answer:before,
.note-tutorial-flow .ntf__body__answer:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-tutorial-flow .ntf__body__answer:after {
  clear: both;
}
/* line 72, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
/* line 107, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--watch-tut {
  margin-right: 20px;
  background-color: #9ae4dc;
  color: #35857e;
  width: 260px;
}
/* line 88, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--watch-tut:hover {
  background-color: #aaf2ea;
}
/* line 91, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--watch-tut:active {
  background-color: #73dfd6;
}
/* line 111, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--skip-tut {
  background-color: #e5e5e5;
  color: #aaaaaa;
  width: 140px;
}
/* line 99, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--skip-tut:hover {
  background-color: #eeeeee;
}
/* line 102, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--skip-tut:active {
  background-color: #dcdcdc;
}
/* line 115, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--register {
  margin-right: 20px;
  background-color: #9ae4dc;
  color: #35857e;
  display: block;
  width: 240px;
  margin-right: 0;
}
/* line 88, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--register:hover {
  background-color: #aaf2ea;
}
/* line 91, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--register:active {
  background-color: #73dfd6;
}
/* line 122, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--skip-register {
  background-color: #e5e5e5;
  color: #aaaaaa;
  display: block;
  width: 240px;
}
/* line 99, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--skip-register:hover {
  background-color: #eeeeee;
}
/* line 102, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__btn--skip-register:active {
  background-color: #dcdcdc;
}
/* line 164, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__register {
  width: 240px;
  float: left;
}
/* line 134, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__register.single {
  float: none !important;
  display: inline-block;
}
/* line 139, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__register .benefits {
  list-style-type: none;
  margin: 10px 0 0;
}
/* line 143, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__register .benefits li {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  color: #aaaaaa;
}
/* line 154, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__register .benefit-icon {
  display: inline-block;
  margin-right: 10px;
  color: #9ae4dc;
  font-size: 20px;
  vertical-align: middle;
}
/* line 169, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__skip-register {
  width: 240px;
  float: right;
}
/* line 134, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__skip-register.single {
  float: none !important;
  display: inline-block;
}
/* line 139, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__skip-register .benefits {
  list-style-type: none;
  margin: 10px 0 0;
}
/* line 143, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__skip-register .benefits li {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  color: #aaaaaa;
}
/* line 154, /home/pc035860/master/web/asset/less/note/tutorial-flow.less */
.note-tutorial-flow .ntf__body__answer__skip-register .benefit-icon {
  display: inline-block;
  margin-right: 10px;
  color: #9ae4dc;
  font-size: 20px;
  vertical-align: middle;
}
/* line 1, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf {
  position: relative;
  z-index: 100;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-top: 80px;
  padding-bottom: 100px;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.note-nbbf input,
.note-nbbf button,
.note-nbbf select,
.note-nbbf textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 10, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__heading {
  -webkit-font-smoothing: antialiased;
  margin: 0 0 10px;
  color: #5cd7c8;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
}
/* line 23, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__caption {
  margin: 0 0 60px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  text-align: center;
}
/* line 33, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits {
  -webkit-font-smoothing: antialiased;
  max-width: 940px;
  margin-bottom: 20px;
}
/* line 39, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  max-width: 48.94%;
  width: 100%;
  padding: 20px 6.52%;
  margin-bottom: 20px;
  background-color: #f8f8f8;
  text-align: center;
  line-height: 1.5;
}
/* line 59, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit:nth-child(odd) {
  float: left;
}
/* line 63, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit:nth-child(even) {
  *zoom: 1;
  float: right;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-nbbf__benefits__benefit:nth-child(even):before,
.note-nbbf__benefits__benefit:nth-child(even):after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-nbbf__benefits__benefit:nth-child(even):after {
  clear: both;
}
/* line 69, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit img {
  display: inline-block;
}
/* line 73, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit__heading {
  color: #27cebf;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}
/* line 80, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit__desc {
  margin: 0 0 6px;
  color: #666;
  font-size: 16px;
  text-align: left;
}
/* line 88, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit__before {
  color: #aaaaaa;
  font-size: 15px;
  text-align: left;
  text-decoration: line-through;
}
/* line 94, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__benefits__benefit__before .before {
  display: inline-block;
  margin-right: 10px;
  color: #a8ccc7;
  font-style: italic;
}
/* line 107, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__last {
  -webkit-font-smoothing: antialiased;
  text-align: center;
}
/* line 112, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__last .push {
  margin-bottom: 15px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
/* line 120, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__last .register {
  max-width: 240px;
  width: 100%;
  display: inline-block;
  height: 50px;
  background-color: #faba04;
  line-height: 50px;
  font-size: 20px;
  color: white;
}
/* line 135, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__last .register:hover {
  background-color: #f8c430;
}
/* line 138, /home/pc035860/master/web/asset/less/note/notebook-benefits.less */
.note-nbbf__last .register:active {
  background-color: #e8ac00;
}
/* line 1, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal {
  height: 100vh;
  /**
		 * iPad
		 */
  /**
		 * iPhone 5
		 */
  position: relative;
  z-index: 2000;
  /**
	 * General type: banner
	 */
  /**
	 * General type: compact
	 */
  /**
	 * General type: survey
	 */
  /**
	 * General type: fullscreen
	 */
  /**
	 * 各種 modal
	 */
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  /* line 503, /home/pc035860/master/web/asset/less/utils.less */
  .note-modal {
    height: 1024px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  /* line 506, /home/pc035860/master/web/asset/less/utils.less */
  .note-modal {
    height: 768px;
  }
}
@media screen and (device-aspect-ratio: 40/71) {
  /* line 513, /home/pc035860/master/web/asset/less/utils.less */
  .note-modal {
    height: 500px;
  }
}
/* line 47, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__input-field {
  position: relative;
}
/* line 50, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__input-field__hint {
  position: absolute;
  color: #f46e5c;
}
/* line 59, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 120px;
  height: 30px;
  display: inline-block;
  padding: 0 8px;
  text-align: center;
  line-height: 30px;
  color: white;
  text-decoration: none;
  font-size: 15px;
}
/* line 76, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn:hover,
.note-modal__btn:focus {
  color: white;
}
/* line 79, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn.disabled,
.note-modal__btn[disabled] {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
/* line 84, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn:focus {
  -webkit-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
}
/* line 88, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn--ok {
  background-color: #faba04;
}
/* line 90, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn--ok:hover,
.note-modal__btn--ok:focus {
  background-color: #f8c430;
}
/* line 93, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn--ok:active {
  background-color: #e8ac00;
}
/* line 97, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn--cancel {
  background-color: #35857e;
}
/* line 99, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn--cancel:hover,
.note-modal__btn--cancel:focus {
  background-color: #36938b;
}
/* line 102, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__btn--cancel:active {
  background-color: #277770;
}
/* line 107, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal button.note-modal__btn {
  border: none;
  line-height: 26px;
}
/* line 113, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__hr {
  width: 100%;
  height: 0;
  margin: 0 0 20px;
  border-bottom: 1px solid #4ed8cc;
}
/* line 121, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: auto;
  width: 100%;
}
/* line 131, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__content-w {
  position: relative;
  margin: 0 auto;
}
/* line 137, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__content {
  position: relative;
  margin: 0 auto;
}
/* line 141, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__content__image-wrap {
  margin-bottom: 20px;
  text-align: center;
}
/* line 146, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__content__close {
  position: absolute;
  right: 5px;
  top: 4px;
  color: white;
  text-decoration: none;
  font-size: 27px;
}
/* line 155, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__content__close:hover,
.note-modal__content__close:focus {
  color: white;
}
/* line 158, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__content__close:active {
  top: 5px;
}
/* line 165, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal__bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 10000px;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 177, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--banner {
  -webkit-font-smoothing: antialiased;
  text-align: center;
  color: white;
}
/* line 183, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--banner.ng-leave {
  -webkit-animation: fadeOut 0.3s both;
  -moz-animation: fadeOut 0.3s both;
  -o-animation: fadeOut 0.3s both;
  animation: fadeOut 0.3s both;
}
/* line 187, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--banner .note-modal__bg {
  -webkit-animation: fadeIn 0.3s both;
  -moz-animation: fadeIn 0.3s both;
  -o-animation: fadeIn 0.3s both;
  animation: fadeIn 0.3s both;
}
/* line 191, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--banner .note-modal__wrap {
  -webkit-animation: fadeIn 1s both 0.5s;
  -moz-animation: fadeIn 1s both 0.5s;
  -o-animation: fadeIn 1s both 0.5s;
  animation: fadeIn 1s both 0.5s;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding: 30px 0;
  background-color: #27cebf;
}
/* line 205, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--banner .note-modal__content {
  max-width: 580px;
  min-width: 330px;
}
/* line 210, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--banner h3 {
  -webkit-animation: fadeInUp 1s both 0.8s;
  -moz-animation: fadeInUp 1s both 0.8s;
  -o-animation: fadeInUp 1s both 0.8s;
  animation: fadeInUp 1s both 0.8s;
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.5;
}
/* line 219, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--banner p {
  -webkit-animation: fadeInUp 1s both 1s;
  -moz-animation: fadeInUp 1s both 1s;
  -o-animation: fadeInUp 1s both 1s;
  animation: fadeInUp 1s both 1s;
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.5;
}
/* line 232, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--compact {
  -webkit-font-smoothing: antialiased;
  display: table;
  width: 100%;
  text-align: center;
  color: white;
  background-color: transparent;
}
/* line 243, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--compact.ng-leave {
  -webkit-animation: fadeOut 0.3s both;
  -moz-animation: fadeOut 0.3s both;
  -o-animation: fadeOut 0.3s both;
  animation: fadeOut 0.3s both;
}
/* line 247, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--compact .note-modal__bg {
  -webkit-animation: fadeIn 0.3s both;
  -moz-animation: fadeIn 0.3s both;
  -o-animation: fadeIn 0.3s both;
  animation: fadeIn 0.3s both;
}
/* line 251, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--compact .note-modal__wrap {
  display: table-cell;
  vertical-align: middle;
}
/* line 256, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--compact .note-modal__content {
  -webkit-animation: bjsJellyIn 0.6s both;
  -moz-animation: bjsJellyIn 0.6s both;
  -o-animation: bjsJellyIn 0.6s both;
  animation: bjsJellyIn 0.6s both;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 10px rgba(39, 119, 112, 0.6);
  -moz-box-shadow: 0 0 0 10px rgba(39, 119, 112, 0.6);
  box-shadow: 0 0 0 10px rgba(39, 119, 112, 0.6);
  padding: 25px 0 24px 0;
  background-color: #27cebf;
}
/* line 266, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--compact h3 {
  margin: 0 0 20px;
  font-size: 18px;
  color: white;
  line-height: 30px;
}
/* line 274, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--compact .action__cancel {
  margin-right: 10px;
}
/* line 283, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey {
  -webkit-font-smoothing: antialiased;
  color: white;
  background-color: transparent;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 540px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 297, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey.ng-leave {
  -webkit-animation: fadeOut 0.3s both;
  -moz-animation: fadeOut 0.3s both;
  -o-animation: fadeOut 0.3s both;
  animation: fadeOut 0.3s both;
}
/* line 301, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .note-modal__bg {
  -webkit-animation: fadeIn 0.3s both;
  -moz-animation: fadeIn 0.3s both;
  -o-animation: fadeIn 0.3s both;
  animation: fadeIn 0.3s both;
}
/* line 305, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .note-modal__wrap {
  position: absolute;
  left: auto;
  top: 10%;
  width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  /* line 314, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--survey .note-modal__wrap {
    top: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  /* line 321, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--survey .note-modal__content-w {
    width: 98%;
  }
}
/* line 326, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .note-modal__content {
  -webkit-animation: bjsJellyIn 0.6s both;
  -moz-animation: bjsJellyIn 0.6s both;
  -o-animation: bjsJellyIn 0.6s both;
  animation: bjsJellyIn 0.6s both;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
}
/* line 331, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .note-modal__content .bird-behind {
  position: absolute;
  z-index: 0;
  top: 27.4%;
  right: -94px;
}
/* line 336, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey .note-modal__content .bird-behind-foreground {
  position: relative;
  z-index: 1;
}
/* line 342, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__form {
  margin: 0;
}
/* line 345, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field {
  margin-bottom: 12px;
  /**
			 * 評價
			 */
  /**
			 * 意見
			 */
}
/* line 363, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field h4 {
  margin: 0;
  margin-left: 15px;
  font-size: 14px;
  line-height: 28px;
  font-weight: normal;
}
/* line 371, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .prepend-desc {
  margin-left: 15px;
  color: #55cac0;
  font-weight: bold;
  line-height: 28px;
  font-size: 15px;
}
/* line 379, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .options {
  *zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  position: relative;
  padding: 10px 15px;
  background-color: #eee;
  /**
				 * 選擇題
				 */
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--survey__field .options:before,
.note-modal--survey__field .options:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--survey__field .options:after {
  clear: both;
}
/* line 390, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .options.invalid {
  background-color: #fee6e0;
}
/* line 397, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .options .option {
  float: left;
  width: 50%;
}
/* line 401, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .options .option--other {
  clear: both;
  width: 100%;
}
/* line 406, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .options .option input[type=text] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}
@media (max-width: 767px) {
  /* line 414, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--survey__field .options .option {
    float: none;
    width: 100%;
  }
}
/* line 425, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .rating {
  position: relative;
  text-align: center;
}
/* line 430, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .rating__label {
  position: absolute;
  top: 0;
}
/* line 434, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .rating__label--low {
  left: 0;
}
/* line 437, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .rating__label--up {
  right: 0;
}
/* line 442, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .rating__icon {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
  position: relative;
  top: 1px;
  padding: 0 2px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
/* line 455, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .py-rating-hover .rating__icon {
  color: #f4bb1a;
}
/* line 458, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .py-rating-on .rating__icon {
  color: #f4bb1a;
}
/* line 466, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .comment textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  border: none;
}
/* line 477, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field .field-error {
  position: absolute;
  z-index: 0;
  top: -28px;
  right: 5px;
  color: #dd6646;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
}
@media (max-width: 767px) {
  /* line 486, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--survey__field .field-error {
    position: relative;
    top: auto;
    right: auto;
    text-align: right;
    line-height: 20px;
  }
}
/* line 495, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  margin: 0;
  font-size: 15px;
  line-height: 28px;
  color: #333;
}
/* line 506, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field label:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio.png);
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
  background-position: -46px -2px;
}
/* line 518, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field label:hover:before {
  background-position: -24px -2px;
}
/* line 522, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field label:active:before {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
/* line 527, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field input[type=radio],
.note-modal--survey__field input[type=checkbox] {
  position: absolute;
  right: 0;
  opacity: 0;
}
/* line 532, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__field input[type=radio]:checked + label:after,
.note-modal--survey__field input[type=checkbox]:checked + label:after {
  -webkit-animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  background-position: -2px -2px;
}
/* line 546, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__head {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  padding: 30px 6.48148148%;
  background-color: #55cac0;
  color: #fff;
  text-align: center;
}
/* line 555, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__head h3 {
  margin: 0 0 15px;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}
/* line 562, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__head p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
/* line 569, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__body {
  padding: 22px 6.48148148% 18px;
  background-color: #fff;
  color: #333;
}
/* line 576, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__foot {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  height: 50px;
  padding-left: 6.48148148%;
  background-color: #333;
  color: #fff;
  line-height: 50px;
}
/* line 589, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__foot .note-modal--survey__btn-submit,
.note-modal--survey__foot .note-modal--survey__btn-pass {
  position: relative;
  top: -1px;
}
/* line 595, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__foot .foot-desc {
  display: inline-block;
}
@media (max-width: 767px) {
  /* line 600, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--survey__foot {
    padding: 10px 0;
    height: auto;
    line-height: 2.4;
  }
  /* line 605, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--survey__foot .foot-desc,
  .note-modal--survey__foot .foot-actions {
    display: block;
    margin: 0;
    text-align: center;
  }
}
/* line 613, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__btn-pass {
  padding: 0 15px;
  background: none;
  border: none;
  color: #666;
}
/* line 620, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__btn-pass:hover,
.note-modal--survey__btn-pass:focus {
  color: #808080;
}
/* line 623, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__btn-pass:active {
  color: #555;
}
/* line 627, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey__btn-pass.disabled,
.note-modal--survey__btn-pass[disabled] {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
/* line 638, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
}
/* line 650, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen.ng-enter {
  -webkit-animation: zoom-in 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) both;
  -moz-animation: zoom-in 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) both;
  -o-animation: zoom-in 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) both;
  animation: zoom-in 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) both;
}
/* line 653, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen.ng-leave {
  -webkit-animation: fadeOut 0.1s both;
  -moz-animation: fadeOut 0.1s both;
  -o-animation: fadeOut 0.1s both;
  animation: fadeOut 0.1s both;
}
/* line 657, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen.is-loading {
  position: relative;
  position: fixed;
}
/* line 5, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.note-modal--fullscreen.is-loading:before {
  -webkit-animation: fadeIn 500ms both;
  animation: fadeIn 500ms both;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
/* line 18, /home/pc035860/master/web/asset/less/widget/wgt-loading-overlay.less */
.note-modal--fullscreen.is-loading:after {
  content: '';
  -webkit-animation: halfspin 0.75s ease infinite;
  animation: halfspin 0.75s ease infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0.5);
  border-left: 4px solid rgba(0, 0, 0, 0.5);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
}
/* line 662, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close {
  -webkit-transform-origin: 90% 50%;
  -moz-transform-origin: 90% 50%;
  -o-transform-origin: 90% 50%;
  -ms-transform-origin: 90% 50%;
  transform-origin: 90% 50%;
  position: absolute;
  z-index: 1;
  right: 8px;
  top: 0;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6) !important;
  text-decoration: none !important;
  line-height: 50px;
}
/* line 676, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close .text {
  -webkit-animation: fadeInRight 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s both;
  -moz-animation: fadeInRight 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s both;
  -o-animation: fadeInRight 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s both;
  animation: fadeInRight 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s both;
  display: inline-block;
}
/* line 681, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close .visual {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-left: 20px;
  text-align: center;
}
/* line 689, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close .visual img {
  position: relative;
  top: -2px;
  left: 1px;
  vertical-align: middle;
}
/* line 697, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close .visual,
.note-modal--fullscreen__close:focus .visual {
  background-color: rgba(51, 51, 51, 0.8);
}
/* line 703, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close:hover .visual {
  background-color: rgba(51, 51, 51, 0.7);
}
/* line 709, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close:active .visual {
  background-color: rgba(51, 51, 51, 0.9);
}
/* line 714, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--fullscreen__close.ng-enter {
  -webkit-animation: bjsJellyIn 0.6s both;
  -moz-animation: bjsJellyIn 0.6s both;
  -o-animation: bjsJellyIn 0.6s both;
  animation: bjsJellyIn 0.6s both;
}
/* line 727, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--introduce .more,
.note-modal--invited .more {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
  width: 180px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: #35857e;
  font-size: 16px;
}
/* line 745, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--introduce .more:hover,
.note-modal--invited .more:hover,
.note-modal--introduce .more:focus,
.note-modal--invited .more:focus {
  background-color: #36938b;
}
/* line 749, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--introduce .more:active,
.note-modal--invited .more:active {
  background-color: #277770;
}
/* line 754, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--invited {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--invited input,
.note-modal--invited button,
.note-modal--invited select,
.note-modal--invited textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 757, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--invited .bird {
  position: absolute;
  left: -39px;
  top: -135px;
}
/* line 762, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--invited .gift {
  -webkit-animation: bjsJellyIn 1.2s both 0.6s;
  -moz-animation: bjsJellyIn 1.2s both 0.6s;
  -o-animation: bjsJellyIn 1.2s both 0.6s;
  animation: bjsJellyIn 1.2s both 0.6s;
  position: absolute;
  left: 50%;
  top: -119px;
  width: 86px;
  height: auto;
  margin-left: -43px;
}
/* line 776, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-promoted .note-modal__btn--cancel {
  margin-right: 10px;
}
/* line 779, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-promoted .note-modal__btn--ok {
  width: 180px;
}
/* line 787, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout.confirm .note-modal__content {
  width: 660px;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout.success .note-modal__content-w,
.note-modal--feature-checkout.error .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout.success .note-modal__content,
.note-modal--feature-checkout.error .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 19.64%;
  padding-right: 19.64%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout.success h3,
.note-modal--feature-checkout.error h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout.success .desc,
.note-modal--feature-checkout.error .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 794, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout.success img,
.note-modal--feature-checkout.error img {
  margin-bottom: 10px;
}
/* line 799, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout .feat-list {
  margin: 0 0 20px;
  padding: 0 70px;
  list-style-type: square;
  list-style-position: inside;
  color: #35857e;
}
/* line 808, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout .feat-list li {
  margin-bottom: 5px;
  text-align: left;
}
/* line 813, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout .feat-list h4 {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}
/* line 819, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-checkout .feat-list p {
  margin: 0;
  color: white;
  font-size: 14px;
  line-height: 1.5;
  text-indent: 14px;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--alert .note-modal__content-w,
.note-modal--confirm .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--alert .note-modal__content,
.note-modal--confirm .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8.03571429%;
  padding-right: 8.03571429%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--alert h3,
.note-modal--confirm h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--alert .desc,
.note-modal--confirm .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feedback .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feedback .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14%;
  padding-right: 14%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feedback h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feedback .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 840, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feedback h3 {
  margin-bottom: 20px;
}
/* line 844, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feedback .feedback {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 400px;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  min-height: 120px;
  padding: 5px 10px;
  margin-bottom: 15px;
  border: none;
  font-size: 14px;
  line-height: 1.5;
  color: #35857e;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14%;
  padding-right: 14%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 865, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .desc {
  margin-bottom: 10px;
}
/* line 869, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .share-link {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 400px;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  min-height: 50px;
  padding: 5px 10px;
  margin-bottom: 25px;
  border: none;
  font-size: 14px;
  line-height: 1.5;
  color: #35857e;
}
/* line 886, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .action__copy-share-link {
  position: relative;
}
/* line 889, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .action__copy-share-link.zeroclipboard-is-hover {
  background-color: #36938b;
}
/* line 892, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--feature-share-link .action__copy-share-link.zeroclipboard-is-active {
  background-color: #277770;
}
/* line 906, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .note-modal__content {
  width: 660px;
  max-width: 100%;
}
/* line 911, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .note-modal__btn {
  -webkit-font-smoothing: antialiased;
}
/* line 915, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .book-name {
  padding: 0 130px;
}
/* line 918, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .book-name input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 25px;
  border: none;
}
/* line 926, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .book-name .note-modal__input-field__hint {
  top: -25px;
  left: 80px;
  font-size: 12px;
}
/* line 932, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .book-name .length-left {
  position: absolute;
  right: 0;
  top: -25px;
  font-size: 12px;
}
/* line 940, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select {
  padding: 0 115px;
  margin-bottom: 25px;
}
/* line 946, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select .subtitle {
  padding: 0 15px;
}
/* line 950, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__page {
  float: right;
}
/* line 954, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list {
  *zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  padding: 15px;
  background-color: #6cddd3;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--edit-notebook .cover-select__list:before,
.note-modal--edit-notebook .cover-select__list:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--edit-notebook .cover-select__list:after {
  clear: both;
}
/* line 964, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -13px;
  font-size: 30px;
  text-align: center;
  color: #e1faf6;
  background-color: rgba(53, 133, 126, 0.4);
}
/* line 984, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav span {
  position: relative;
  top: -3px;
}
/* line 989, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav:hover {
  background-color: rgba(53, 133, 126, 0.2);
}
/* line 992, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav:active {
  background-color: rgba(53, 133, 126, 0.6);
}
/* line 995, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav.disabled {
  color: rgba(225, 250, 246, 0.5);
  background-color: rgba(53, 133, 126, 0.1);
  cursor: default;
  pointer-events: none;
}
/* line 1003, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav.prev {
  left: -36px;
}
/* line 1006, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav.prev span {
  left: -1px;
}
/* line 1010, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav.next {
  right: -36px;
}
/* line 1013, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list__nav.next span {
  right: -1px;
}
/* line 1019, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list ul {
  min-height: 120px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* line 1027, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list ul li {
  float: left;
  will-change: transform;
}
/* line 1031, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__list ul li + li {
  margin-left: 20px;
}
/* line 1037, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover {
  width: 120px;
  height: 120px;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-left-radius: 1px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 1060, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover__check {
  -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
  -moz-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
  -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -17px;
  color: white;
  font-size: 34px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
/* line 1078, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover__shadow,
.note-modal--edit-notebook .cover-select__cover:after {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 1085, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover__shadow {
  -webkit-box-shadow: 0 0 8px 3px #06332f;
  -moz-box-shadow: 0 0 8px 3px #06332f;
  box-shadow: 0 0 8px 3px #06332f;
  -webkit-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -moz-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -o-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  left: 0;
  top: 0;
  opacity: 0;
}
/* line 1094, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover:after {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -moz-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  -o-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  content: '';
  left: -4px;
  top: -4px;
  border: 4px solid #ffffff;
  opacity: 0;
}
/* line 1108, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover.active {
  -webkit-transform: translate(0, -1px);
  -moz-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  -o-transform: translate(0, -1px);
  transform: translate(0, -1px);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
  transition: transform cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
}
/* line 1115, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover.active .cover-select__cover__check {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 1120, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover.active .cover-select__cover__shadow {
  opacity: 1;
}
/* line 1124, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .cover-select__cover.active:after {
  opacity: 1;
}
/* line 1131, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--edit-notebook .subtitle {
  margin: 6px 0;
  color: #35857e;
  font-size: 14px;
  text-align: left;
  line-height: 1.5;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-expiring .note-modal__content-w,
.note-modal--plan-expired .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-expiring .note-modal__content,
.note-modal--plan-expired .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 12.5%;
  padding-right: 12.5%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-expiring h3,
.note-modal--plan-expired h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-expiring .desc,
.note-modal--plan-expired .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 1146, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-expiring .note-modal__content__image-wrap {
  position: relative;
}
/* line 1149, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-expiring .note-modal__content__image-wrap .hours-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 44px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  line-height: 60px;
}
/* line 1162, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--plan-expiring .note-modal__content__image-wrap .unit {
  position: absolute;
  left: 50%;
  top: 5px;
  margin-left: 48px;
  font-weight: bold;
  color: #fff;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8.92857143%;
  padding-right: 8.92857143%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 1180, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicators {
  *zoom: 1;
  position: relative;
  margin-bottom: 20px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--trial-guide .indicators:before,
.note-modal--trial-guide .indicators:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--trial-guide .indicators:after {
  clear: both;
}
/* line 1186, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator {
  float: left;
}
/* line 1195, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator .bridge {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 50px;
  height: 5px;
  overflow: hidden;
  background-color: #1cbaac;
}
/* line 1207, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator .bridge:after {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #35857e;
}
/* line 1223, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 120px;
  height: 30px;
  display: inline-block;
  background-color: #1cbaac;
  text-decoration: none;
  color: white !important;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}
/* line 1236, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator a:hover,
.note-modal--trial-guide .indicator a:focus {
  background-color: #6cddd3;
}
/* line 1239, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator a:active {
  background-color: #35857e;
}
/* line 1245, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator.active a {
  -webkit-transition: background-color 250ms ease-in-out 100ms;
  -moz-transition: background-color 250ms ease-in-out 100ms;
  -o-transition: background-color 250ms ease-in-out 100ms;
  transition: background-color 250ms ease-in-out 100ms;
  background-color: #35857e;
}
/* line 1250, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .indicator.active .bridge:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* line 1256, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slides {
  position: relative;
  height: 230px;
}
/* line 1262, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 1270, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide.ng-hide-remove {
  -webkit-animation: fadeInRight 0.5s both;
  -moz-animation: fadeInRight 0.5s both;
  -o-animation: fadeInRight 0.5s both;
  animation: fadeInRight 0.5s both;
}
/* line 1273, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide.ng-hide-add {
  -webkit-animation: fadeOutLeft 0.5s both;
  -moz-animation: fadeOutLeft 0.5s both;
  -o-animation: fadeOutLeft 0.5s both;
  animation: fadeOutLeft 0.5s both;
}
/* line 1278, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide img {
  min-height: 180px;
  margin-bottom: 10px;
}
/* line 1283, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide p {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
/* line 1288, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide p.wider {
  margin-left: -5px;
  margin-right: -5px;
}
/* line 1294, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide p.ng-hide-remove {
  -webkit-animation: fadeInUp 250ms both 150ms;
  -moz-animation: fadeInUp 250ms both 150ms;
  -o-animation: fadeInUp 250ms both 150ms;
  animation: fadeInUp 250ms both 150ms;
}
/* line 1297, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--trial-guide .slide p.ng-hide-add {
  -webkit-animation: fadeOut 1s both;
  -moz-animation: fadeOut 1s both;
  -o-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
/* line 1312, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey-post-trial .note-modal--survey__foot {
  padding-left: 0;
  text-align: right;
}
/* line 1318, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey-post-trial .phase-2 .note-modal--survey__body {
  padding-top: 0;
  padding-bottom: 22px;
  background-color: #55cac0;
  color: #fff;
}
/* line 1327, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey-post-trial .premium-feature {
  min-height: 70px;
  margin-bottom: 10px;
  background-color: #65d0c6;
}
/* line 1334, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey-post-trial .premium-feature img {
  float: left;
  margin-right: 10px;
}
/* line 1339, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey-post-trial .premium-feature__text {
  padding-top: 22px;
  font-size: 16px;
  color: #333;
  line-height: 1.4;
}
/* line 1346, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--survey-post-trial .premium-feature__text.line-2 {
  padding-top: 12px;
}
/* line 1354, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube {
  display: table;
  width: 100%;
  text-align: center;
  background-color: transparent;
}
/* line 1362, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube.ng-leave {
  -webkit-animation: fadeOut 0.3s both;
  -moz-animation: fadeOut 0.3s both;
  -o-animation: fadeOut 0.3s both;
  animation: fadeOut 0.3s both;
}
/* line 1366, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .note-modal__bg {
  -webkit-animation: fadeIn 0.3s both;
  -moz-animation: fadeIn 0.3s both;
  -o-animation: fadeIn 0.3s both;
  animation: fadeIn 0.3s both;
  background-color: rgba(0, 0, 0, 0.75);
}
/* line 1372, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .note-modal__wrap {
  display: table-cell;
  vertical-align: middle;
}
/* line 1377, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .note-modal__content {
  -webkit-animation: fadeIn 0.6s both;
  -moz-animation: fadeIn 0.6s both;
  -o-animation: fadeIn 0.6s both;
  animation: fadeIn 0.6s both;
}
/* line 1381, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .youtube-video {
  width: 853px;
  height: 480px;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 979px) {
  /* line 1386, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--watch-youtube .youtube-video {
    width: 640px;
    height: 360px;
  }
}
@media (max-width: 767px) {
  /* line 1390, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--watch-youtube .youtube-video {
    width: 100%;
    height: auto;
  }
}
/* line 1394, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .youtube-video--placeholder {
  position: relative;
}
/* line 1397, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .youtube-video--placeholder .spin {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -45px;
  margin-top: -40px;
}
/* line 774, /home/pc035860/master/web/asset/less/widgets.less */
.note-modal--watch-youtube .youtube-video--placeholder .spin:before {
  -webkit-animation: halfspin 0.75s ease infinite;
  animation: halfspin 0.75s ease infinite;
  display: block;
  width: 80px;
  height: 80px;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(255, 255, 255, 0.8);
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  content: "";
  border-radius: 100%;
}
/* line 1410, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .youtube-video--placeholder.zero-height {
  height: 0 !important;
}
/* line 1415, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .youtube-video-close {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  right: -33px;
  top: -27px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 36px;
}
/* line 1425, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--watch-youtube .youtube-video-close:active {
  top: -26px;
}
@media (max-width: 767px) {
  /* line 1429, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--watch-youtube .youtube-video-close {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -60px;
    margin-left: -20px;
    font-size: 48px;
  }
  /* line 1439, /home/pc035860/master/web/asset/less/note/modal.less */
  .note-modal--watch-youtube .youtube-video-close:active {
    top: auto;
    bottom: -61px;
  }
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8.03571429%;
  padding-right: 8.03571429%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 1452, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .info {
  *zoom: 1;
  width: 370px;
  margin: 0 auto 10px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--track-group-buying-code .info:before,
.note-modal--track-group-buying-code .info:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--track-group-buying-code .info:after {
  clear: both;
}
/* line 1461, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .info__code,
.note-modal--track-group-buying-code .info__used {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 180px;
  padding: 10px 24px;
  background-color: #4ed8cc;
  text-align: left;
}
/* line 1472, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .info__code .heading,
.note-modal--track-group-buying-code .info__used .heading {
  font-size: 14px;
  color: #35857e;
  line-height: 1.5;
}
/* line 1477, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .info__code .number,
.note-modal--track-group-buying-code .info__used .number {
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
}
/* line 1484, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .info__code {
  float: left;
}
/* line 1488, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--track-group-buying-code .info__used {
  float: right;
}
/* line 1497, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .note-modal--survey__body {
  padding-top: 0;
  padding-bottom: 22px;
  background-color: #55cac0;
  color: #fff;
}
/* line 1505, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .note-modal--survey__foot {
  padding-left: 0;
  text-align: right;
}
/* line 1511, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .premium-feature {
  min-height: 70px;
  margin-bottom: 10px;
  background-color: #65d0c6;
}
/* line 1518, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .premium-feature img {
  float: left;
  margin-right: 10px;
}
/* line 1523, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .premium-feature__text {
  padding-top: 22px;
  font-size: 16px;
  color: #333;
  line-height: 1.4;
}
/* line 1530, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .premium-feature__text.line-2 {
  padding-top: 12px;
}
/* line 1536, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .text-action {
  color: #35857e;
  text-decoration: underline !important;
}
/* line 1540, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .text-action:focus {
  color: #35857e;
}
/* line 1543, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--welcome-trial .text-action:hover {
  color: #277770;
}
/* line 1551, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .note-modal__content-w {
  -webkit-transition: width 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  -moz-transition: width 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  -o-transition: width 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  transition: width 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
/* line 1555, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list {
  margin: 0;
  padding: 20px 0;
  list-style-type: none;
  text-align: center;
}
/* line 1565, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list li {
  display: inline-block;
  padding: 0;
  margin: 0 3px;
  overflow: hidden;
}
/* line 1572, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list__input {
  position: absolute;
  top: 0;
  left: -1000px;
  opacity: 0;
}
/* line 1579, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list__label {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  margin-bottom: 0;
  background-color: #1cbaac;
  line-height: 28px;
  font-size: 14px;
  color: #333;
}
/* line 1593, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list__label:hover {
  background-color: #6cddd3;
}
/* line 1596, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list__label:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
/* line 1601, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list__input[disabled] + .number-list__label {
  opacity: .3;
  pointer-events: none;
}
/* line 1605, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .number-list__input:checked + .number-list__label {
  -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  background-color: #e1faf6;
}
/* line 1613, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan .desc {
  max-width: 410px;
  margin: 0 auto 25px;
  text-align: left;
}
/* line 1620, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan.confirm .note-modal__content-w {
  width: 660px;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan.success .note-modal__content-w,
.note-modal--exchange-note-plan.error .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan.success .note-modal__content,
.note-modal--exchange-note-plan.error .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 19.64%;
  padding-right: 19.64%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan.success h3,
.note-modal--exchange-note-plan.error h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan.success .desc,
.note-modal--exchange-note-plan.error .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 1628, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan.success img,
.note-modal--exchange-note-plan.error img {
  margin-bottom: 10px;
}
/* line 1632, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--exchange-note-plan.success .desc,
.note-modal--exchange-note-plan.error .desc {
  text-align: center;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8.03571429%;
  padding-right: 8.03571429%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 1641, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains ul {
  margin: 0 0 15px;
  padding: 0;
  list-style-type: none;
}
/* line 1648, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains li {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--graph-brains li:before,
.note-modal--graph-brains li:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-modal--graph-brains li:after {
  clear: both;
}
/* line 1651, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains li + li {
  margin-top: 5px;
}
/* line 1656, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .brain {
  padding: 10px 20px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.2);
}
/* line 1662, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .brain__visual {
  width: 61px;
  height: 50px;
  float: left;
  margin-right: 20px;
}
/* line 1670, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .brain__info {
  display: inline-block;
  margin-top: 1px;
}
/* line 1675, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .brain__info h6 {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
/* line 1683, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--graph-brains .brain__info p {
  margin: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}
/* line 1694, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--note-dict__frame,
.note-modal--note-market__frame {
  /**
		 * Webkit scrollbar - for dark theme
		 */
  -webkit-transition: opacity 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: opacity 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: opacity 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 100%;
  height: 100%;
  will-change: opacity;
  opacity: 0;
}
/* line 373, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--note-dict__frame::-webkit-scrollbar,
.note-modal--note-market__frame::-webkit-scrollbar {
  width: 8px;
}
/* line 374, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--note-dict__frame::-webkit-scrollbar-button,
.note-modal--note-market__frame::-webkit-scrollbar-button {
  display: none;
}
/* line 376, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--note-dict__frame::-webkit-scrollbar-track-piece,
.note-modal--note-market__frame::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 380, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--note-dict__frame::-webkit-scrollbar-thumb,
.note-modal--note-market__frame::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
/* line 384, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--note-dict__frame::-webkit-scrollbar-corner,
.note-modal--note-market__frame::-webkit-scrollbar-corner {
  /* 6 */
}
/* line 385, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--note-dict__frame::-webkit-resizer,
.note-modal--note-market__frame::-webkit-resizer {
  /* 7 */
}
/* line 393, /home/pc035860/master/web/asset/less/utils.less */
.note-modal--note-dict__frame::-webkit-scrollbar-thumb:hover,
.note-modal--note-market__frame::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 1705, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--note-dict__frame.is-visible,
.note-modal--note-market__frame.is-visible {
  opacity: 1;
}
/* line 21, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .note-modal__content-w {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  width: 560px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .note-modal__content {
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
  -o-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8.92857143%;
  padding-right: 8.92857143%;
}
/* line 34, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader h3 {
  margin-bottom: 10px;
}
/* line 38, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .desc {
  margin-bottom: 25px;
  font-size: 14px;
  color: white;
  line-height: 1.5;
}
/* line 1714, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .note-modal__content {
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
  padding-bottom: 70px;
  background-color: #55cac0;
}
/* line 1722, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .features {
  list-stlye-type: none;
  margin: 0;
  padding: 0 0 30px;
}
/* line 1728, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10px;
  text-align: left;
  background-color: #65d0c6;
}
/* line 1737, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__visual {
  flex: 0 0 70px;
  margin-right: 10px;
}
/* line 1741, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__visual img {
  position: relative;
  top: 5px;
}
/* line 1746, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text {
  flex: 1 0;
}
/* line 1749, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text__heading {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
/* line 1755, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text__description {
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.5);
}
/* line 1761, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text__app {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
/* line 1766, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text__app i {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
}
/* line 1774, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text__app .links {
  display: inline-block;
  margin-left: 20px;
}
/* line 1780, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text__app a,
.note-modal--intro-for-reader .feature__text__app a:focus {
  color: #fff;
}
/* line 1783, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature__text__app a:hover,
.note-modal--intro-for-reader .feature__text__app a:active {
  color: #fff;
  text-decoration: underline;
}
/* line 1791, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .feature + .feature {
  margin-top: 10px;
}
/* line 1796, /home/pc035860/master/web/asset/less/note/modal.less */
.note-modal--intro-for-reader .actions {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  line-height: 50px;
  background-color: #333;
  text-align: right;
}
/* line 1, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans {
  max-width: 760px;
  width: 100%;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0 auto;
  padding: 60px 0 40px;
  clear: both;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.note-free-plans input,
.note-free-plans button,
.note-free-plans select,
.note-free-plans textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 13, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans h3 {
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 1.5;
  color: white;
  letter-spacing: 1px;
  margin: 0 0 5px;
  text-align: center;
}
/* line 19, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__bird {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 65px;
}
/* line 26, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__sub-heading {
  -webkit-font-smoothing: antialiased;
  margin: 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}
/* line 37, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__hr {
  width: 100%;
  height: 0;
  margin: 20px 0;
  border-top: 1px solid #7fd4cc;
}
/* line 42, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__hr.up {
  margin-bottom: 30px;
}
/* line 45, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__hr.down {
  margin-top: 30px;
}
/* line 50, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__intro {
  padding: 0 2.63157895%;
}
/* line 54, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info {
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
/* line 57, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info.loading {
  opacity: .6;
}
/* line 61, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .row-fluid > .span7 {
  width: 58.6%;
  margin-left: 0.9%;
}
@media (max-width: 767px) {
  /* line 65, /home/pc035860/master/web/asset/less/note/free-plans.less */
  .note-free-plans__info .row-fluid > .span7 {
    width: 100%;
    margin-left: 0;
  }
}
/* line 71, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .field {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 0;
  text-align: center;
  background-color: rgba(39, 206, 191, 0.3);
}
/* line 79, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .field__name {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
/* line 85, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .field__value {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
}
/* line 92, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .field.call-to-action {
  background-color: #e88860;
}
/* line 95, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .field.quota-reached {
  background-color: #7fd4cc;
}
/* line 100, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  padding: 10px 15px;
  background-color: #27cebf;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-free-plans__info .plan:before,
.note-free-plans__info .plan:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-free-plans__info .plan:after {
  clear: both;
}
/* line 108, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__visual {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
}
/* line 114, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__text {
  float: left;
  margin-top: -2px;
}
/* line 118, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__text__heading {
  font-weight: bold;
  font-size: 16px;
  color: #35857e;
  line-height: 30px;
}
/* line 124, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__text__desc {
  color: #fff;
  line-height: 20px;
  font-size: 13px;
}
/* line 131, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__action {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 110px;
  height: 35px;
  float: right;
  display: inline-block;
  margin-top: 8px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background-color: #f4bb1a;
  line-height: 35px;
  text-align: center;
}
/* line 154, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__action:hover {
  background-color: #f8c430;
}
/* line 157, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__action:focus {
  background-color: #f4bb1a;
}
/* line 160, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__action:active {
  background-color: #e8ac00;
}
/* line 164, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan__action.disabled,
.note-free-plans__info .plan__action[disabled] {
  opacity: .6;
  cursor: default;
  pointer-events: none;
}
/* line 171, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan.quota-reached {
  min-height: 70px;
  background-color: #7fd4cc;
}
/* line 175, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan.quota-reached .plan__text__heading {
  color: #fff;
}
/* line 178, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__info .plan.quota-reached .plan__visual,
.note-free-plans__info .plan.quota-reached .plan__action {
  display: none;
}
/* line 185, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__toolbar {
  height: 35px;
  line-height: 35px;
  text-align: right;
  font-size: 14px;
  color: #fff;
}
/* line 195, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__toolbar .record {
  color: #fff !important;
  text-decoration: underline !important;
}
/* line 199, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__toolbar .record:hover {
  font-weight: bold;
}
/* line 206, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions .hint {
  padding: 9px 0;
  line-height: 1.6;
  background-color: #333;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
/* line 215, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions .hint a {
  color: #fff !important;
  text-decoration: underline;
}
/* line 219, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions .hint a:hover {
  text-decoration: underline;
  font-weight: bold;
}
/* line 226, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list {
  *zoom: 1;
  padding: 20px 1.97368421% 10px;
  background-color: #55cac0;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-free-plans__functions__list:before,
.note-free-plans__functions__list:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-free-plans__functions__list:after {
  clear: both;
}
/* line 235, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 48.90410959%;
  margin-right: 2.05479452%;
  margin-bottom: 10px;
  padding: 14px 1.36986301%;
  overflow: hidden;
  background-color: #65d0c6;
}
/* line 253, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  /* line 257, /home/pc035860/master/web/asset/less/note/free-plans.less */
  .note-free-plans__functions__list .item {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
/* line 263, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item__visual {
  display: none;
  float: left;
  max-width: 60px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  /* line 272, /home/pc035860/master/web/asset/less/note/free-plans.less */
  .note-free-plans__functions__list .item__visual {
    margin-right: 4.20168067%;
  }
}
/* line 278, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item__text__name {
  margin-bottom: 2px;
  margin-left: 40px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
}
/* line 287, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item__text__desc {
  display: none;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}
/* line 298, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item::before {
  width: 24px;
  height: 24px;
  content: '';
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 14px;
  overflow: hidden;
  background: url(../image/note-free-plans/icon_redeem.png) 0 0 no-repeat;
  opacity: .7;
}
/* line 317, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(101, 208, 198, 0.4);
}
/* line 329, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--full .item__visual {
  display: inline-block;
}
/* line 332, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--full .item__text__name {
  margin-left: 0;
}
/* line 335, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--full .item__text__desc {
  display: block;
}
/* line 340, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--possessed {
  background-color: #aaeae4;
}
/* line 343, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--possessed::before {
  background-position: 0 -24px;
  opacity: 1;
}
/* line 347, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--possessed::after {
  display: none;
}
/* line 353, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--eternity .item__text {
  position: relative;
}
/* line 356, /home/pc035860/master/web/asset/less/note/free-plans.less */
.note-free-plans__functions__list .item--eternity .item__text::after {
  content: '永久取得';
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  color: #10ad9f;
  font-weight: bold;
}
/* line 4, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird {
  position: absolute;
}
/* line 7, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble {
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 54px;
  height: 40px;
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  right: 116px;
  top: 30px;
  background-color: #415162;
  text-align: center;
  cursor: pointer;
  color: white;
  font-size: 14px;
  line-height: 20px;
}
/* line 34, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble .content {
  width: auto;
  height: 100%;
  overflow: hidden;
  padding: 10px;
  padding-right: 18px;
}
/* line 42, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble .content a {
  color: #27cebf;
  text-decoration: underline;
}
/* line 45, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble .content a:hover {
  color: #4ed8cc;
}
/* line 51, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble .band {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  width: 8px;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  background-color: #4b6682;
}
/* line 61, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble .dot {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: bounce-half 2s linear infinite;
  animation: bounce-half 2s linear infinite;
  position: relative;
  top: -1px;
  left: 2px;
  display: inline-block;
  background-color: white;
  vertical-align: middle;
}
/* line 76, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble.open {
  width: 228px;
  height: 60px;
}
/* line 83, /home/pc035860/master/web/asset/less/note/promote.less */
.note-promote-bird__bubble:after {
  -webkit-transform: scaleY(0.83);
  -moz-transform: scaleY(0.83);
  -ms-transform: scaleY(0.83);
  -o-transform: scaleY(0.83);
  transform: scaleY(0.83);
  content: " ";
  position: absolute;
  left: 100%;
  top: 20px;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-color: transparent;
  border-left-color: #4b6682;
  border-width: 6px;
  margin-top: -6px;
}
/* line 1, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 40px 0 60px;
  background-color: #eee;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.note-payment input,
.note-payment button,
.note-payment select,
.note-payment textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 11, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment > .container {
  max-width: 700px;
}
/* line 27, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__headline {
  margin: 0 0 25px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
  text-align: center;
}
/* line 36, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__body {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 7.14285714%;
  padding-right: 7.14285714%;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 40px;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 21, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__body {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* line 47, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__body--sum {
  *zoom: 1;
  margin-bottom: 25px;
  padding: 15px 2.85714286% 15px 9.28571429%;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-payment__body--sum:before,
.note-payment__body--sum:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-payment__body--sum:after {
  clear: both;
}
@media (max-width: 767px) {
  /* line 53, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__body--sum {
    padding: 15px 0;
    text-align: center;
  }
}
/* line 59, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__body__block {
  margin-bottom: 10px;
}
/* line 62, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__body__block h4 {
  margin: 0;
  padding-left: 15px;
  text-align: left;
  color: #35857e;
  font-size: 15px;
  line-height: 40px;
  font-weight: bold;
}
/* line 72, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__body__block h4 > span {
  position: relative;
}
/* line 76, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__body__block h4 .wgt-side-tip {
  margin-left: 13px;
  margin-top: -4px;
}
/* line 82, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__body__block:last-of-type {
  margin-bottom: 0;
}
/* line 88, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__reccurence {
  margin-bottom: 35px;
  text-align: center;
}
/* line 93, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__reccurence p {
  margin-bottom: 10px;
  font-size: 15px;
  color: #808080;
  line-height: 1.4;
}
/* line 101, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__reccurence p.example {
  color: #aaa;
  font-size: 14px;
  line-height: 1.5;
}
/* line 107, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__reccurence p:last-of-type {
  margin-bottom: 0;
}
/* line 111, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__reccurence p a {
  text-decoration: underline !important;
}
/* line 114, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__reccurence p a,
.note-payment__reccurence p a:focus {
  color: #808080;
}
/* line 117, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__reccurence p a:hover {
  color: #6c6c6c;
}
/* line 124, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan-bar {
  -webkit-transform: translate(0, -70px);
  -moz-transform: translate(0, -70px);
  -ms-transform: translate(0, -70px);
  -o-transform: translate(0, -70px);
  transform: translate(0, -70px);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  z-index: 100;
}
@media (max-width: 767px) {
  /* line 134, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__plan-bar {
    width: 100%;
  }
}
/* line 138, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan-bar.active {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* line 142, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan-bar .container {
  max-width: 700px;
}
/* line 146, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan-bar__body {
  padding-left: 7.14285714%;
  padding-right: 7.14285714%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
  display: block;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
  /* line 21, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__plan-bar__body {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* line 161, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan-bar img {
  max-height: 42px;
  vertical-align: middle;
}
/* line 165, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan-bar img.ng-hide-remove {
  -webkit-animation: bjsJellyIn 0.8s both;
  -moz-animation: bjsJellyIn 0.8s both;
  -o-animation: bjsJellyIn 0.8s both;
  animation: bjsJellyIn 0.8s both;
}
/* line 170, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan-bar h3 {
  display: inline-block;
  margin: 0;
  margin-left: 20px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 42px;
  text-transform: uppercase;
  vertical-align: middle;
}
/* line 185, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan {
  display: block;
  text-align: center;
}
/* line 191, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan .ng-anim.ng-hide-remove {
  -webkit-animation: bjsJellyIn 0.8s both;
  -moz-animation: bjsJellyIn 0.8s both;
  -o-animation: bjsJellyIn 0.8s both;
  animation: bjsJellyIn 0.8s both;
}
/* line 196, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan img {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  max-height: 94px;
  margin-bottom: 10px;
}
/* line 202, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__plan h3 {
  margin: 0 0 20px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
}
/* line 219, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option {
  margin: 0 0 5px;
}
/* line 233, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option:last-of-type {
  margin: 0;
}
/* line 248, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option input[type=radio] {
  position: absolute;
  right: 0;
  opacity: 0;
}
/* line 252, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option input[type=radio]:checked + label .note-payment__option__desc {
  background-color: #aaeae4;
}
/* line 255, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option input[type=radio]:checked + label .note-payment__option__desc::after {
  -webkit-animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  left: 3.33333333%;
  top: 19px;
  background-position: -2px -2px;
}
@media (max-width: 767px) {
  /* line 266, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option input[type=radio]:checked + label .note-payment__option__desc::after {
    left: 20px;
  }
}
/* line 273, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option label {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  *zoom: 1;
  position: relative;
  margin: 0;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-payment__option label:before,
.note-payment__option label:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-payment__option label:after {
  clear: both;
}
/* line 282, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option label:hover .note-payment__option__desc::before {
  background-position: -24px -2px;
}
/* line 287, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option label:active .note-payment__option__desc::before {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
/* line 293, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 250ms;
  -moz-transition: background-color 250ms;
  -o-transition: background-color 250ms;
  transition: background-color 250ms;
  position: relative;
  width: 100%;
  padding: 15px 44.16666667% 15px 9.16666667%;
  background-color: #eee;
  will-change: background-color;
}
/* line 307, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc.full {
  padding-right: 2.5%;
}
@media (max-width: 767px) {
  /* line 312, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__desc.full-phone {
    padding-bottom: 15px;
  }
}
/* line 317, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc::before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 3.33333333%;
  top: 19px;
  background-position: -46px -2px;
}
/* line 328, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc h5 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 28px;
}
/* line 336, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc p {
  margin: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
}
/* line 343, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc .discount {
  float: right;
  font-size: 14px;
  font-weight: normal;
  color: #1cbaac;
}
/* line 349, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc .discount--on-sale {
  margin-right: 30px;
}
/* line 353, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc .original {
  display: inline-block;
  margin-left: 15px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: line-through;
  font-weight: normal;
}
/* line 361, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__desc .price {
  /**
				 * 只在手機版使用的 price tag
				 */
  display: none;
  float: right;
  margin-right: 15px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  /* line 372, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__desc .price {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  /* line 378, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__desc {
    padding: 15px 0 0 0;
  }
  /* line 381, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__desc::before {
    left: 20px;
  }
  /* line 385, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__desc.full {
    padding-bottom: 15px;
  }
  /* line 389, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__desc > h5 {
    margin-left: 55px;
  }
  /* line 392, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__desc p {
    margin-left: 55px;
    padding-right: 15px;
  }
}
/* line 398, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__note {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 41.66666667%;
  padding: 15px 0 15px 6%;
  background-color: #f6f6f6;
  font-size: 14px;
  color: #808080;
  line-height: 24px;
}
/* line 415, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__note--method {
  padding-right: 8%;
}
/* line 419, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__note::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  border-right: 1px solid #fff;
}
/* line 429, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__note ul {
  list-style-type: none;
  margin-bottom: 0;
}
/* line 435, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__note li::before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '\F00C';
  display: inline-block;
  margin-left: -23px;
  margin-right: 10px;
  color: #27cebf;
  font-size: 14px;
}
@media (max-width: 767px) {
  /* line 450, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__note {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    width: 100%;
    margin-top: 15px;
    padding-left: 29px;
  }
  /* line 460, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__note:before {
    display: none;
  }
}
/* line 466, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__option__tap-sale-icon {
  position: absolute;
  right: -25px;
  top: -14px;
}
@media (max-width: 767px) {
  /* line 471, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__option__tap-sale-icon {
    right: -15px;
    width: 40px;
  }
}
/* line 478, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__hint {
  position: relative;
  padding-left: 18px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #808080;
  line-height: 1.5;
}
/* line 488, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__hint::before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '\F08D';
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
}
/* line 499, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__status-text {
  float: left;
  color: #808080;
  font-size: 14px;
  text-align: left;
  line-height: 40px;
}
/* line 507, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__status-text .finish {
  font-size: 15px;
  color: #35857e;
  font-weight: bold;
}
/* line 512, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__status-text .finish .payment-sum {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: 30px;
  font-size: 20px;
  color: #1cbaac;
}
@media (max-width: 767px) {
  /* line 524, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__status-text {
    float: none;
    margin-bottom: 25px;
    text-align: center;
  }
  /* line 529, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__status-text .finish .payment-sum {
    margin-left: 15px;
  }
}
/* line 535, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__btn-submit {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: right;
  padding: 10px 20px;
  color: #fff;
  letter-spacing: 1px;
  border: none;
  background-color: #1cbaac;
  font-size: 20px;
}
/* line 554, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__btn-submit .icon-shopping-cart {
  display: inline-block;
  margin-right: 10px;
}
/* line 559, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__btn-submit:hover {
  background-color: #28cbbc;
}
/* line 562, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__btn-submit:active {
  background-color: #10ad9f;
}
/* line 566, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__btn-submit:disabled,
.note-payment__btn-submit .disabled {
  pointer-events: none;
  background-color: #c5dddb;
}
@media (max-width: 767px) {
  /* line 571, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__btn-submit {
    float: none;
  }
}
/* line 576, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__system {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 820px;
  width: 100%;
  margin: 0 auto 30px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-payment__system:before,
.note-payment__system:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.note-payment__system:after {
  clear: both;
}
/* line 585, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__system img {
  float: left;
  margin-right: 10px;
  max-width: 190px;
}
/* line 591, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__system .text {
  padding-top: 5px;
  color: #808080;
}
@media (max-width: 767px) {
  /* line 596, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__system {
    padding: 0 10px;
    text-align: center;
  }
  /* line 600, /home/pc035860/master/web/asset/less/note/payment.less */
  .note-payment__system img {
    float: none;
  }
}
/* line 606, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__to-allpay {
  position: fixed;
  z-index: 5000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 616, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__to-allpay.ng-enter {
  -webkit-animation: fadeIn 0.5s both;
  -moz-animation: fadeIn 0.5s both;
  -o-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}
/* line 620, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__to-allpay__content {
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 45%;
  text-align: center;
}
/* line 629, /home/pc035860/master/web/asset/less/note/payment.less */
.note-payment__to-allpay__content p {
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  color: #fff;
}
/* line 1, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  background-color: #55cac0;
  min-height: 90vh;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.note-invitee input,
.note-invitee button,
.note-invitee select,
.note-invitee textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 11, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee .container {
  position: relative;
  max-width: 780px;
}
/* line 16, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__heading {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 25, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__sub-heading {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
/* line 33, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__wgt-intro .desc {
  color: #35857e;
}
/* line 36, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__wgt-intro .steps {
  margin-top: 8px;
}
/* line 41, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above {
  position: relative;
  padding: 100px 0 60px;
}
/* line 46, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 150%;
  background-color: #55cac0;
}
/* line 58, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .bird {
  position: absolute;
  right: -91px;
  top: -21px;
  z-index: 1;
}
/* line 65, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .cloud {
  position: relative;
}
/* line 68, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .cloud-wrap {
  position: absolute;
}
/* line 71, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .cloud-wrap.pos-left {
  right: 100%;
  top: 41px;
}
/* line 75, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .cloud-wrap.pos-right {
  left: 118%;
  top: -40px;
}
/* line 81, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .cloud--small {
  width: 94px;
  height: 30px;
  background: #f2f9fe;
  background-color: #e7f5fe;
  background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f9fe), to(#d6f0fd));
  background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f9fe', endColorstr='#ffd6f0fd', GradientType=0);
  -webkit-border-radius: 26.85714286px;
  -moz-border-radius: 26.85714286px;
  border-radius: 26.85714286px;
  margin: 30px auto 5px;
  -webkit-animation: note-invitee-cloud-motion-1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 30s both infinite;
  animation: note-invitee-cloud-motion-1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 30s both infinite;
}
/* line 281, /home/pc035860/master/web/asset/less/utils.less */
.note-invitee__above .cloud--small:after,
.note-invitee__above .cloud--small:before {
  content: '';
  position: absolute;
  background: #f2f9fe;
  z-index: -1;
}
/* line 288, /home/pc035860/master/web/asset/less/utils.less */
.note-invitee__above .cloud--small:after {
  width: 26.85714286px;
  height: 26.85714286px;
  top: -13.42857143px;
  left: 13.42857143px;
  -webkit-border-radius: 26.85714286px;
  -moz-border-radius: 26.85714286px;
  border-radius: 26.85714286px;
}
/* line 295, /home/pc035860/master/web/asset/less/utils.less */
.note-invitee__above .cloud--small:before {
  width: 45px;
  height: 45px;
  top: -22.5px;
  right: 13.42857143px;
  -webkit-border-radius: 53.71428571px;
  -moz-border-radius: 53.71428571px;
  border-radius: 53.71428571px;
}
/* line 85, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .cloud--large {
  width: 130px;
  height: 45px;
  background: #f2f9fe;
  background-color: #e7f5fe;
  background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f9fe), to(#d6f0fd));
  background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
  background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f9fe', endColorstr='#ffd6f0fd', GradientType=0);
  -webkit-border-radius: 37.14285714px;
  -moz-border-radius: 37.14285714px;
  border-radius: 37.14285714px;
  margin: 45px auto 7.5px;
  -webkit-animation: note-invitee-cloud-motion-1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 30s 3s both infinite;
  animation: note-invitee-cloud-motion-1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 30s 3s both infinite;
}
/* line 281, /home/pc035860/master/web/asset/less/utils.less */
.note-invitee__above .cloud--large:after,
.note-invitee__above .cloud--large:before {
  content: '';
  position: absolute;
  background: #f2f9fe;
  z-index: -1;
}
/* line 288, /home/pc035860/master/web/asset/less/utils.less */
.note-invitee__above .cloud--large:after {
  width: 37.14285714px;
  height: 37.14285714px;
  top: -18.57142857px;
  left: 18.57142857px;
  -webkit-border-radius: 37.14285714px;
  -moz-border-radius: 37.14285714px;
  border-radius: 37.14285714px;
}
/* line 295, /home/pc035860/master/web/asset/less/utils.less */
.note-invitee__above .cloud--large:before {
  width: 67.5px;
  height: 67.5px;
  top: -33.75px;
  right: 18.57142857px;
  -webkit-border-radius: 74.28571429px;
  -moz-border-radius: 74.28571429px;
  border-radius: 74.28571429px;
}
/* line 91, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .hr {
  width: 100%;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #aaeae4;
}
/* line 99, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__above .hr--bottom {
  margin-bottom: 25px;
}
/* line 105, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below {
  position: relative;
  padding: 50px 0 40px;
  background-color: #e2f5f3;
}
@media (max-width: 767px) {
  /* line 113, /home/pc035860/master/web/asset/less/note/invitee.less */
  .note-invitee__below br.rwd {
    display: none;
  }
}
/* line 118, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below .mountain {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: -65px;
  min-width: 700px;
}
/* line 128, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below .heading {
  margin-bottom: 10px;
  font-size: 24px;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
/* line 138, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below .desc {
  margin-bottom: 20px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.5;
  text-align: center;
}
/* line 147, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below .features {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
/* line 152, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below .features .item {
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
/* line 157, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below .features .item__visual {
  margin-bottom: 10px;
}
/* line 160, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__below .features .item__heading {
  font-weight: bold;
}
/* line 169, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__phone {
  padding: 75px 0 0;
}
/* line 172, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__phone .sky {
  padding: 0 8.125%;
}
/* line 176, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__phone .note-invitee__heading {
  font-size: 26px;
  margin-bottom: 12px;
}
/* line 180, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__phone .note-invitee__sub-heading {
  margin-bottom: 130px;
}
/* line 184, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__phone .ground {
  position: relative;
  min-height: 130px;
  background-color: #e2f5f3;
  text-align: center;
}
/* line 197, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__phone .bird-wrap {
  -webkit-transform: translate(-55%, 0);
  -moz-transform: translate(-55%, 0);
  -ms-transform: translate(-55%, 0);
  -o-transform: translate(-55%, 0);
  transform: translate(-55%, 0);
  position: absolute;
  left: 50%;
  top: -73px;
}
/* line 207, /home/pc035860/master/web/asset/less/note/invitee.less */
.note-invitee__phone .mountain-wrap {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: -44px;
  min-width: 700px;
}
@-webkit-keyframes note-invitee-cloud-motion-1 {
  /* line 221, /home/pc035860/master/web/asset/less/note/invitee.less */
  0% {
    -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 222, /home/pc035860/master/web/asset/less/note/invitee.less */
  16.67% {
    -webkit-transform: translate(14px, -1px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 223, /home/pc035860/master/web/asset/less/note/invitee.less */
  33.33% {
    -webkit-transform: translate(5px, 2px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 224, /home/pc035860/master/web/asset/less/note/invitee.less */
  50% {
    -webkit-transform: translate(-3px, -3px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 225, /home/pc035860/master/web/asset/less/note/invitee.less */
  66.67% {
    -webkit-transform: translate(3px, 4px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 226, /home/pc035860/master/web/asset/less/note/invitee.less */
  83.33% {
    -webkit-transform: translate(14px, -6px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 227, /home/pc035860/master/web/asset/less/note/invitee.less */
  100% {
    -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
  }
}
@keyframes note-invitee-cloud-motion-1 {
  /* line 230, /home/pc035860/master/web/asset/less/note/invitee.less */
  0% {
    transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 231, /home/pc035860/master/web/asset/less/note/invitee.less */
  16.67% {
    transform: translate(14px, -1px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 232, /home/pc035860/master/web/asset/less/note/invitee.less */
  33.33% {
    transform: translate(5px, 2px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 233, /home/pc035860/master/web/asset/less/note/invitee.less */
  50% {
    transform: translate(-3px, -3px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 234, /home/pc035860/master/web/asset/less/note/invitee.less */
  66.67% {
    transform: translate(3px, 4px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 235, /home/pc035860/master/web/asset/less/note/invitee.less */
  83.33% {
    transform: translate(14px, -6px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
    animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  /* line 236, /home/pc035860/master/web/asset/less/note/invitee.less */
  100% {
    transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);
  }
}
/**
 * Main 系列
 */
/* line 1, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  z-index: 100;
  max-width: 940px;
  padding: 80px 0;
  margin: 0 auto;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.main-about-us input,
.main-about-us button,
.main-about-us select,
.main-about-us textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 14, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__heading {
  font-size: 30px;
  color: #5cd7c8;
  line-height: 40px;
  text-align: center;
}
/* line 21, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__preface {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 40px 5.3%;
  margin-bottom: 40px;
  background-color: #27cebf;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
/* line 36, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__preface2 {
  padding: 10px 0;
  margin-bottom: 50px;
  text-align: center;
  color: #35857e;
  line-height: 1.5;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
/* line 48, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__cards {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.main-about-us__cards:before,
.main-about-us__cards:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.main-about-us__cards:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 78, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards {
    *zoom: 1;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 0;
  }
  /* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
  .main-about-us__cards:before,
  .main-about-us__cards:after {
    display: table;
    content: "";
    line-height: 0;
  }
  /* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
  .main-about-us__cards:after {
    clear: both;
  }
  /* line 58, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col {
    width: 31.91489362%;
    float: left;
    padding: 0;
    margin-right: 2.12765957%;
  }
  /* line 61, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col:nth-child(3n) {
    margin-right: 0;
  }
  /* line 64, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col:nth-child(3n + 1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 500px) {
  /* line 68, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col {
    float: none;
    width: 95% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    clear: both;
  }
}
@media (max-width: 767px) {
  /* line 82, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards {
    *zoom: 1;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 0;
  }
  /* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
  .main-about-us__cards:before,
  .main-about-us__cards:after {
    display: table;
    content: "";
    line-height: 0;
  }
  /* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
  .main-about-us__cards:after {
    clear: both;
  }
  /* line 58, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col {
    width: 48.93617021%;
    float: left;
    padding: 0;
    margin-right: 2.12765957%;
  }
  /* line 61, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col:nth-child(2n) {
    margin-right: 0;
  }
  /* line 64, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col:nth-child(2n + 1) {
    clear: left;
  }
}
@media (max-width: 767px) and (max-width: 500px) {
  /* line 68, /home/pc035860/master/web/asset/less/main/about-us.less */
  .main-about-us__cards__col {
    float: none;
    width: 95% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    clear: both;
  }
}
/* line 86, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  min-height: 360px;
  margin-bottom: 30px;
  text-align: center;
}
/* line 95, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__avatar {
  width: 162px;
  height: 162px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
/* line 110, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__avatar img {
  position: relative;
  top: 1px;
  z-index: -1;
}
/* line 116, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__avatar .info {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 100%;
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  text-align: left;
}
/* line 133, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__avatar:hover {
  -webkit-box-shadow: inset 0 0 0 162px rgba(255, 255, 255, 0.85), inset 0 0 0 12px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 0 162px rgba(255, 255, 255, 0.85), inset 0 0 0 12px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 0 162px rgba(255, 255, 255, 0.85), inset 0 0 0 12px rgba(255, 255, 255, 0.5);
}
/* line 135, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__avatar:hover .info {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 142, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__name {
  font-size: 22px;
  color: #333;
  line-height: 1.5;
}
/* line 148, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
/* line 155, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__title .hl {
  color: #27cebf;
}
/* line 160, /home/pc035860/master/web/asset/less/main/about-us.less */
.main-about-us__card__intro {
  font-size: 14px;
  color: #808080;
  line-height: 1.5;
  text-align: left;
}
/**
 * 活動 系列
 */
/**
 * 教師專區
 */
/* line 1, /home/pc035860/master/web/asset/less/teacher.less */
#teacher {
  min-height: 600px;
  padding-bottom: 50px;
  background-color: #9ae4dc;
}
/* line 40, /home/pc035860/master/web/asset/less/teacher.less */
#teacher > h2 {
  margin: 0;
  padding: 40px 0;
  font-size: 24px;
  text-align: center;
  color: white;
  letter-spacing: 1px;
}
/* line 27, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .popover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
}
/* line 39, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .popover .arrow {
  border-top-color: transparent;
}
/* line 42, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .popover .arrow:after {
  border-top-color: rgba(255, 255, 255, 0.8);
}
/* line 47, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .popover .popover-content {
  white-space: nowrap;
  padding: 7px 9px;
}
/* line 53, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .catalog-image {
  width: 15px;
  height: 18px;
}
/* line 57, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-wrap {
  position: relative;
  width: 830px;
  margin: 0 auto;
}
/* line 60, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-wrap .pt-date-display {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  left: 0;
  top: 22px;
  z-index: 100;
  width: 100px;
  margin-left: -50px;
  text-align: center;
}
/* line 72, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-wrap .pt-date-display > span {
  -webkit-transform: scale(0.83);
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  color: white;
}
/* line 83, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-scrollfix {
  position: relative;
  width: 830px;
  margin: 0 auto;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 5px 15px -10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 15px -10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px -10px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: -50px;
  z-index: 100;
  background-color: #9ae4dc;
}
/* line 60, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-scrollfix .pt-date-display {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  left: 0;
  top: 22px;
  z-index: 100;
  width: 100px;
  margin-left: -50px;
  text-align: center;
}
/* line 72, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-scrollfix .pt-date-display > span {
  -webkit-transform: scale(0.83);
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  color: white;
}
/* line 96, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-scrollfix table {
  margin: 0 auto;
}
/* line 100, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-scrollfix.show {
  top: 0;
}
/* line 105, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-scrollfix .pt-att-track-list-scrollfix-wrap {
  position: relative;
  width: 830px;
  margin: 0 auto;
}
/* line 110, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles {
  position: relative;
  padding: 0 26px;
  text-align: left;
}
/* line 116, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles canvas {
  display: none;
}
/* line 118, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles canvas.show {
  display: block;
}
/* line 127, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-prev {
  width: 18.2px;
  height: 32px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  color: gray;
}
/* line 141, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-prev:hover,
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-prev:focus {
  color: #333;
}
/* line 145, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-prev:active {
  top: 1px;
}
/* line 149, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-next {
  width: 18.2px;
  height: 32px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 32px;
  color: gray;
  left: auto;
  right: 0;
  text-align: center;
}
/* line 141, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-next:hover,
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-next:focus {
  color: #333;
}
/* line 145, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles .paging-next:active {
  top: 1px;
}
/* line 156, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles.p-prev .paging-prev {
  display: block;
}
/* line 159, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-circles.p-next .paging-next {
  display: block;
}
/* line 164, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-name {
  max-width: 64px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 171, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-circle {
  position: relative;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background-color: #36857f;
}
/* line 182, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-to-group {
  text-decoration: underline;
  text-align: left;
  color: #36857f;
}
/* line 187, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-to-group:hover {
  text-decoration: none;
  color: #3d9790;
}
/* line 192, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-to-group:active {
  color: #2f736e;
}
/* line 197, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list table {
  position: relative;
  z-index: 5;
  width: 100%;
  text-align: center;
}
/* line 205, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list table th {
  padding-bottom: 20px;
  color: #ff597c;
  font-size: 16px;
}
/* line 211, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list table th .suppressed-title {
  position: relative;
}
/* line 214, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list table th .suppressed-title:after {
  content: attr(data-title);
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 0;
  width: 60px;
}
/* line 228, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list table td {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #36857f;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* line 236, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list table td .pt-circle-wrap {
  display: inline-block;
  width: 12px;
  height: 32px;
  text-align: center;
}
/* line 244, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list table td.pt-student-id {
  color: #ffffff;
}
/* line 263, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-highlight-v {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
  top: 41px;
  bottom: 0;
  left: 0;
  /**
		 * Needs left & width
		 */
}
/* line 275, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-highlight-h {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  /**
		 * Needs top & height
		 */
}
/* line 288, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-data-indicator {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  text-align: center;
}
/* line 298, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-data-indicator .pt-circle {
  -webkit-box-shadow: 0 0 4px 0px #ff597c;
  -moz-box-shadow: 0 0 4px 0px #ff597c;
  box-shadow: 0 0 4px 0px #ff597c;
  position: relative;
  top: -2px;
  background-color: #ff597c;
}
/* line 305, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-att-track-list-data-indicator .pt-circle > span {
  -webkit-transform: scale(0.83);
  position: absolute;
  left: -10px;
  bottom: 7px;
  width: 30px;
  font-size: 14px;
  line-height: 1;
  color: #ff597c;
}
/* line 320, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-correct-rate {
  font-size: 16px;
}
/* line 323, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-correct-rate .very-good {
  display: block;
  color: #fff044;
}
/* line 327, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-correct-rate .good {
  display: block;
  color: #fff044;
}
/* line 331, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-correct-rate .bad {
  display: block;
  color: #dd6646;
}
/* line 335, /home/pc035860/master/web/asset/less/teacher/pt-att-track-list.less */
#teacher .pt-att-track-list .pt-correct-rate .none {
  display: block;
  color: #dda453;
}
/* line 46, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .search {
  padding: 50px 0;
  color: #35857e;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1px;
}
/* line 56, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 235px;
  height: 32px;
  margin-bottom: 2px;
  border: none;
  font-size: 20px;
}
/* line 67, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .search .search-btn {
  width: 70px;
  height: 30px;
  background-color: #27cebf;
  color: white;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
#teacher .search .search-btn:hover,
#teacher .search .search-btn:focus {
  background-color: #36d9ca;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
#teacher .search .search-btn:active {
  background-color: #23b9ab;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
#teacher .search .search-btn.disabled,
#teacher .search .search-btn[disabled] {
  background-color: #40b6ab;
}
/* line 73, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .search .result-title {
  padding: 20px 0;
  font-size: 20px;
  font-weight: normal;
}
/* line 79, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .search .empty {
  font-size: 22px;
  color: white;
}
/* line 85, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .loading {
  padding-top: 50px;
  text-align: center;
}
/* line 89, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .loading > span {
  color: white;
  line-height: 1.6;
  letter-spacing: 1px;
}
/* line 96, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories {
  *zoom: 1;
  max-width: 830px;
  margin: 0 auto;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
#teacher .categories:before,
#teacher .categories:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
#teacher .categories:after {
  clear: both;
}
/* line 104, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories .list {
  width: 766px;
  margin: 0 auto;
}
/* line 109, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories .category {
  width: 123px;
  height: 123px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 15px 30px;
  padding-top: 15px;
  text-align: center;
  color: #4ad4c7;
  background-color: #e6fbf7;
}
/* line 121, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories .category > * {
  pointer-events: none;
}
/* line 125, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories .category .icon-group {
  display: inline-block;
  font-size: 60px;
}
/* line 130, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories .category h4 {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}
/* line 135, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories .category:hover {
  background-color: #ffffff;
}
/* line 138, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .categories .category:active {
  color: #e6fbf7;
  background-color: #4ad4c7;
}
/* line 145, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path {
  text-align: left;
}
/* line 148, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* line 153, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul li {
  -webkit-font-smoothing: antialiased;
  position: relative;
  display: inline-block;
  margin-right: 25px;
  font-size: 20px;
}
/* line 162, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul li > a {
  color: #35857e;
}
/* line 165, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul li > a:hover {
  color: #3c978f;
}
/* line 169, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul li > a:active {
  color: #296862;
}
/* line 174, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul li > span {
  color: #35857e;
}
/* line 178, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul li:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "\F0DA";
  position: absolute;
  top: 1px;
  right: -17px;
  color: white;
}
/* line 189, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-path ul li:last-child:after {
  display: none;
}
/* line 197, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-group {
  position: relative;
}
/* line 200, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-group .pt-att-track-path {
  /**
			 * 對齊 track-list
			 */
  margin: 10px auto 30px;
  width: 830px;
}
/* line 208, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-group .pt-back {
  width: 113px;
  height: 30px;
  background-color: #27cebf;
  color: white;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  position: absolute;
  right: 55px;
  top: 6px;
  display: block;
}
/* line 313, /home/pc035860/master/web/asset/less/utils.less */
#teacher .pt-att-track-group .pt-back:hover,
#teacher .pt-att-track-group .pt-back:focus {
  background-color: #36d9ca;
}
/* line 316, /home/pc035860/master/web/asset/less/utils.less */
#teacher .pt-att-track-group .pt-back:active {
  background-color: #23b9ab;
}
/* line 319, /home/pc035860/master/web/asset/less/utils.less */
#teacher .pt-att-track-group .pt-back.disabled,
#teacher .pt-att-track-group .pt-back[disabled] {
  background-color: #40b6ab;
}
/* line 216, /home/pc035860/master/web/asset/less/teacher.less */
#teacher .pt-att-track-group .pt-back > span {
  color: #9ae4dc;
}
/**
 * 自成一格
 */
/* line 1, /home/pc035860/master/web/asset/less/pricing.less */
.pricing {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #eeeeee;
  /**
	 * 小圖
	 */
  /**
	 * 勾子
	 */
  /**
	 * 大標 + parallax background
	 */
  /**
	 * 區塊
	 */
  /**
	 * 標題
	 */
  /**
	 * 切換月付 / 年付
	 */
  /**
	 * 方案們
	 */
  /**
	 * 方案
	 */
  /**
	 * FAQ 們
	 */
  /**
	 * FAQ
	 */
  /**
	 * 背單字課程
	 */
  /**
	 * Lab 方案區塊
	 */
  /**
	 * 免費兌換小提醒
	 */
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.pricing input,
.pricing button,
.pricing select,
.pricing textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 14, /home/pc035860/master/web/asset/less/pricing.less */
.pricing .no-anim {
  -webkit-animation-duration: 0s !important;
  animation-duration: 0s !important;
}
/* line 19, /home/pc035860/master/web/asset/less/pricing.less */
.pricing .py-rating .icon-book {
  display: none;
}
/* line 24, /home/pc035860/master/web/asset/less/pricing.less */
.pricing .py-rating-hover .icon-star,
.pricing .py-rating-on .icon-star {
  display: none !important;
}
/* line 27, /home/pc035860/master/web/asset/less/pricing.less */
.pricing .py-rating-hover .icon-book,
.pricing .py-rating-on .icon-book {
  display: inline-block !important;
}
/* line 33, /home/pc035860/master/web/asset/less/pricing.less */
.pricing a.text-link {
  color: #1cbaac;
  text-decoration: underline !important;
  font-weight: bold !important;
}
/* line 38, /home/pc035860/master/web/asset/less/pricing.less */
.pricing a.text-link:hover {
  color: #28cbbc;
}
/* line 42, /home/pc035860/master/web/asset/less/pricing.less */
.pricing a.text-link:active,
.pricing a.text-link:focus {
  color: #10ad9f;
}
/* line 50, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__asset {
  display: inline-block;
  background: url('../image/pricing/assets.png') no-repeat;
}
/* line 54, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__asset--period-monthly {
  width: 60px;
  height: 26px;
  background-position: -2px -2px;
}
/* line 55, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__asset--period-annually {
  width: 60px;
  height: 26px;
  background-position: -64px -2px;
}
/* line 56, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__asset--tip-black {
  width: 12px;
  height: 26px;
  background-position: -126px -2px;
}
/* line 57, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__asset--tip-orange {
  width: 12px;
  height: 26px;
  background-position: -140px -2px;
}
/* line 63, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__to-vocab {
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: fixed;
  z-index: 100;
  right: 5%;
  bottom: 100px;
  width: 140px;
  padding: 10px 12px;
  text-align: center;
  background-color: rgba(50, 50, 50, 0.4);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.2;
  opacity: 1;
}
@media (max-width: 1199px) {
  /* line 84, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__to-vocab {
    visibility: hidden;
  }
}
@media (max-height: 670px) {
  /* line 88, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__to-vocab {
    bottom: 120px;
  }
}
/* line 93, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__to-vocab__icon {
  margin-bottom: 8px;
  font-size: 22px;
}
/* line 98, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__to-vocab p {
  margin: 0;
}
/* line 106, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 50px;
  min-height: 380px;
  overflow: hidden;
  text-align: center;
  letter-spacing: 1px;
}
/* line 118, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header__bg {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
  background-image: -webkit-linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
  background-image: -ms-linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
  background-image: linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
}
/* line 131, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header__heading {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  line-height: 40px;
}
/* line 139, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header__heading > span {
  position: relative;
}
/* line 143, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header__heading .wgt-side-tip {
  position: absolute;
  top: 3px;
  left: 106%;
}
/* line 149, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header__desc {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  font-size: 15px;
}
/* line 158, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header__connect {
  text-align: center;
  line-height: 1;
}
/* line 162, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__header__connect:before {
  content: '';
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 22px;
  width: 2px;
  background-color: #b8dddd;
}
/* line 179, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__section {
  width: 100%;
}
/* line 182, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__section--1 {
  margin-top: -174px;
  padding-top: 56px;
  padding-bottom: 40px;
  background-color: #eeeeee;
}
/* line 190, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__section--1.is-user {
  padding-bottom: 60px;
}
/* line 194, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__section--2 {
  padding: 50px 0 40px;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
}
/* line 200, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__section--3 {
  padding: 40px 0;
  background-color: #eeeeee;
}
/* line 204, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__section--lab {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 15px;
}
/* line 215, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__heading {
  margin: 0;
  font-weight: bold;
  color: #27cebf;
  text-align: center;
}
/* line 222, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__heading--1 {
  margin-bottom: 25px;
  font-size: 25px;
  line-height: 1.6;
}
/* line 227, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__heading--2 {
  font-size: 24px;
  line-height: 1.7;
}
/* line 236, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch {
  position: relative;
  margin-bottom: 58px;
  text-align: center;
}
/* line 244, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch .switch-text {
  display: inline-block;
  min-width: 60px;
  height: 26px;
  position: absolute;
  top: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
}
/* line 259, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch .switch-text--monthly {
  left: -68px;
  color: #808080;
}
/* line 263, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch .switch-text--annually {
  right: -65px;
  color: #333;
}
/* line 269, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch .wrap {
  width: 60px;
  height: 26px;
  position: relative;
  display: inline-block;
}
/* line 275, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch .component {
  width: 60px;
  height: 26px;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  display: inline-block;
  overflow: hidden;
  position: relative;
}
/* line 285, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch .component .pricing__asset {
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  left: 0;
  top: 0;
}
/* line 293, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__period-switch .wgt-side-tip {
  position: absolute;
  left: 50%;
  margin-left: 92px;
  top: 0;
}
/* line 304, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plans {
  *zoom: 1;
  width: 100%;
  max-width: 846px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 21px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__note-plans:before,
.pricing__note-plans:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__note-plans:after {
  clear: both;
}
/* line 316, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plans__col {
  width: 31.7572892%;
  float: left;
  padding: 0;
  margin-right: 2.36406619%;
}
/* line 319, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plans__col:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  /* line 324, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__note-plans {
    left: auto;
  }
  /* line 327, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__note-plans__col {
    float: none !important;
    margin: 0 auto 20px !important;
    width: 95% !important;
  }
}
/* line 338, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  margin-bottom: 30px;
  background-color: white;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  will-change: box-shadow;
}
/* line 357, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan:hover {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-color: rgba(192, 192, 192, 0.85);
}
/* line 362, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .recommend {
  width: 92.3%;
  height: 31px;
  position: absolute;
  left: 50%;
  top: -28px;
  margin-left: -46.15%;
  color: #fff;
  line-height: 26px;
  font-size: 15px;
  font-weight: bold;
  background-color: #80ddcc;
  letter-spacing: 1px;
}
/* line 382, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  position: relative;
  padding: 20px 7.40740741%;
  background-color: #fff;
}
/* line 391, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top__one-more {
  min-height: 24px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 24px;
  color: #808080;
  opacity: .8;
}
/* line 402, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top__one-more .hl {
  color: #333;
}
/* line 406, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top__one-more .heart {
  color: #dd6646;
}
/* line 411, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top h3 {
  margin: 0;
  color: #333;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
}
/* line 421, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
}
/* line 428, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .visual {
  margin-bottom: 15px;
}
/* line 431, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .visual img {
  max-height: 93px;
}
/* line 436, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price {
  margin-bottom: 15px;
  min-height: 49px;
  color: #28cbbc;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
/* line 445, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price small {
  color: #28cbbc;
  font-weight: bold;
  font-size: 15px;
}
/* line 451, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price__tip {
  height: 20px;
  margin-top: -4px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
}
/* line 462, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price-text {
  position: relative;
}
/* line 466, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price-hint {
  position: absolute;
  right: -90px;
  top: 7px;
  display: block;
  width: 86px;
  height: 20px;
  line-height: 20px;
  color: #535353;
  text-align: center;
  border-radius: 3px;
  font-weight: normal;
}
/* line 481, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price-hint .icon-info-sign {
  display: inline-block;
  margin-right: 2px;
}
/* line 486, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price-hint__text {
  display: inline-block;
  -webkit-transform: scale(0.83);
  font-size: 10px;
  -webkit-transform-origin: 50% -17px;
}
/* line 493, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price-hint--tap {
  background-color: #FAE298;
}
/* line 496, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .price-hint--plus {
  background-color: #ADEAE4;
}
/* line 501, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .lets-go {
  width: 190px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  color: white !important;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 1px;
  background-color: #1cbaac;
}
/* line 518, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .lets-go:hover,
.pricing__note-plan .plan-top .lets-go:focus {
  background-color: #28cbbc;
}
/* line 521, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .lets-go:active {
  background-color: #10ad9f;
}
/* line 525, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .lets-go.disabled {
  background-color: #ccc !important;
  cursor: default;
  pointer-events: none;
}
/* line 531, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .lets-go--free {
  -webkit-box-shadow: inset 0 0 0 1px #80bbb3;
  -moz-box-shadow: inset 0 0 0 1px #80bbb3;
  box-shadow: inset 0 0 0 1px #80bbb3;
  color: #80bbb3 !important;
  cursor: default;
  pointer-events: none;
  background: #fff;
}
/* line 541, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .lets-go--free:hover,
.pricing__note-plan .plan-top .lets-go--free:active,
.pricing__note-plan .plan-top .lets-go--free:focus {
  background-color: #eeeeee;
}
/* line 547, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-top .text-preparing {
  color: darkgray;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
/* line 554, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .plan-bottom {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  padding: 10px 0 15px;
  text-align: center;
  background-color: #f8f8f8;
  border-top: 1px solid #eee;
}
/* line 566, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features {
  margin: 0;
  padding: 0 7.40740741%;
  list-style: none;
  text-align: left;
}
/* line 572, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__hr {
  width: 100%;
  height: 0;
  margin: 10px 0;
  border-top: 1px solid #eee;
}
/* line 579, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item {
  *zoom: 1;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__note-plan .features__item:before,
.pricing__note-plan .features__item:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__note-plan .features__item:after {
  clear: both;
}
/* line 587, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item .p-link {
  position: relative;
  top: -1px;
  font-size: 12px;
  display: inline-block;
  margin-right: 0;
  margin-left: 4px;
  color: #535353 !important;
  text-decoration: underline !important;
}
/* line 600, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item .hl {
  font-weight: bold;
}
/* line 604, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item .tip {
  position: relative;
  top: 3px;
  min-width: 16px;
  padding-left: 1px;
  float: right;
  font-size: 17px;
}
/* line 616, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item .icon-ok,
.pricing__note-plan .features__item .icon-remove {
  display: inline-block;
  margin-right: 4px;
}
/* line 622, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item .icon-ok {
  color: #27cebf;
}
/* line 625, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item .icon-remove {
  color: #cbcbcb;
  font-size: 15px;
}
/* line 630, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item.unavailable {
  color: #cdcdcd;
}
/* line 633, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item.unavailable .hl {
  color: inherit !important;
  font-weight: inherit !important;
}
/* line 639, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features__item--team-padding {
  padding-bottom: 93px;
}
@media (max-width: 767px) {
  /* line 642, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__note-plan .features__item--team-padding {
    padding-bottom: 0;
  }
}
/* line 648, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features .popover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translate(-100px, 0);
  -moz-transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  -o-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
  width: 260px;
  padding: 10px 12px;
  color: white;
  background-color: rgba(50, 50, 50, 0.9);
  border: none;
}
/* line 662, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features .popover .arrow {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  border: none;
}
/* line 665, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features .popover .arrow:after {
  border-top-color: rgba(50, 50, 50, 0.9);
}
/* line 670, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features .popover-title {
  padding: 0;
  background-color: transparent;
  font-size: 13px;
  line-height: 20px;
  border-bottom: none;
}
/* line 677, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .features .popover-content {
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
}
/* line 684, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .running {
  width: 100px;
  height: 40px;
  position: absolute;
  right: -5px;
  top: 47px;
  background: transparent url("../image/pricing/running-real.png") no-repeat top left;
}
/* line 695, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .running--trial {
  background-image: url("../image/pricing/running-trial.png");
}
/* line 698, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan .running--song-der {
  background-image: url("../image/pricing/running-song-der.png");
}
/* line 703, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan--free {
  position: relative;
  left: -21px;
}
/* line 709, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan--free::after {
  content: '';
  position: absolute;
  top: 0;
  right: -23px;
  height: 100%;
  width: 0px;
  border-right: 2px solid rgba(0, 0, 0, 0.07);
}
/* line 722, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan--free .plan-top .price {
  color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
}
@media (max-width: 767px) {
  /* line 727, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__note-plan--free {
    left: auto;
  }
  /* line 730, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__note-plan--free::after {
    display: none;
  }
}
/* line 736, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan--plus .features {
  padding-right: 0;
}
/* line 743, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan--current {
  -webkit-box-shadow: 0 2px 10px rgba(85, 202, 192, 0.7) !important;
  -moz-box-shadow: 0 2px 10px rgba(85, 202, 192, 0.7) !important;
  box-shadow: 0 2px 10px rgba(85, 202, 192, 0.7) !important;
  border-color: rgba(85, 202, 192, 0.85) !important;
}
/* line 749, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__note-plan--team .features__item .icon-ok {
  color: #ddb245;
}
/* line 755, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__cancel-note {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  max-width: 820px;
  width: 100%;
  margin: 0 auto 20px;
  padding: 10px 20px 10px 36px;
  background-color: #ddd;
  color: #808080;
  font-size: 14px;
  line-height: 1.3;
}
/* line 772, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__cancel-note .hl {
  color: #666;
}
/* line 776, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__cancel-note::before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '\F08D';
  position: absolute;
  left: 20px;
  top: 10px;
}
/* line 786, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__payment-system {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__payment-system:before,
.pricing__payment-system:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__payment-system:after {
  clear: both;
}
/* line 795, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__payment-system img {
  float: left;
  margin-right: 10px;
  max-width: 190px;
}
/* line 801, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__payment-system .text {
  padding-top: 5px;
  color: #808080;
}
@media (max-width: 767px) {
  /* line 806, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__payment-system {
    padding: 0 10px;
    text-align: center;
  }
  /* line 810, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__payment-system img {
    float: none;
  }
}
/* line 819, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faqs {
  *zoom: 1;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__faqs:before,
.pricing__faqs:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__faqs:after {
  clear: both;
}
/* line 827, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faqs__col {
  width: 31.97278912%;
  float: left;
  padding: 0;
  margin-right: 2.04081633%;
}
/* line 830, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faqs__col:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  /* line 836, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__faqs__col {
    float: none !important;
    margin: 0 auto 20px !important;
    width: 90% !important;
  }
}
/* line 847, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq {
  min-height: 146px;
}
/* line 850, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq .heart {
  font-size: 13px;
  color: #dd6646;
}
/* line 855, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq h4 {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: #1cbaac;
  line-height: 30px;
}
/* line 863, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq h4::before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '\F075';
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
}
/* line 875, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq p {
  font-size: 14px;
  color: #808080;
  line-height: 1.5;
}
/* line 881, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq__calc {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  padding: 1px 10px;
  margin-bottom: 10px;
  border: 1px solid #aaeae4;
}
/* line 889, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq__calc h5 {
  *zoom: 1;
  margin: 0;
  font-size: 14px;
  color: #3ca7a1;
  line-height: 28px;
  cursor: pointer;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__faq__calc h5:before,
.pricing__faq__calc h5:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.pricing__faq__calc h5:after {
  clear: both;
}
/* line 898, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq__calc h5 > span {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  display: inline-block;
  float: right;
  font-size: 16px;
  margin-top: 6px;
}
/* line 908, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq__calc p {
  padding-bottom: 5px;
  margin: 0;
  font-size: 12px;
  color: #8bb3ae;
  line-height: 1.5;
}
/* line 917, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__faq__calc.open h5 > span {
  -webkit-transform: perspective(800px) translateY(-2px) rotateX(180deg);
  -moz-transform: perspective(800px) translateY(-2px) rotateX(180deg);
  -ms-transform: perspective(800px) translateY(-2px) rotateX(180deg);
  -o-transform: perspective(800px) translateY(-2px) rotateX(180deg);
  transform: perspective(800px) translateY(-2px) rotateX(180deg);
}
@media (max-width: 767px) {
  /* line 923, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__faq {
    min-height: 0;
  }
}
/* line 937, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab {
  position: relative;
}
/* line 940, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__bg,
.pricing__lab__bg2 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* line 950, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__bg {
  z-index: 0;
  background-color: #22a7aa;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYig0MSwgNTksIDgxKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYig0MSwgNTksIDgxKSIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYig0MSwgNTksIDgxKSIgc3RvcC1vcGFjaXR5PSIwLjUiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(--180deg, rgba(41, 59, 81, 0), rgba(41, 59, 81, 0.5) 50%, rgba(41, 59, 81, 0.5));
  background-image: -moz-linear-gradient(--180deg, rgba(41, 59, 81, 0), rgba(41, 59, 81, 0.5) 50%, rgba(41, 59, 81, 0.5));
  background-image: -o-linear-gradient(--180deg, rgba(41, 59, 81, 0), rgba(41, 59, 81, 0.5) 50%, rgba(41, 59, 81, 0.5));
  background-image: linear-gradient(-270deg, rgba(41, 59, 81, 0), rgba(41, 59, 81, 0.5) 50%, rgba(41, 59, 81, 0.5));
}
/* line 961, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__bg2 {
  z-index: 1;
  background: url(../image/pricing/bg_lab_p304.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.1;
}
/* line 969, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab > .container {
  position: relative;
  z-index: 2;
  max-width: 880px;
}
/* line 975, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__heading {
  width: 220px;
  height: 36px;
  margin: 0 0 20px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.6px;
  line-height: 36px;
  border: 2px solid #fff;
  text-align: center;
}
@media (max-width: 767px) {
  /* line 991, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__lab__heading {
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 997, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__desc {
  margin-left: 20px;
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
  letter-spacing: .3px;
}
@media (max-width: 767px) {
  /* line 1004, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__lab__desc {
    margin-right: 20px;
  }
}
/* line 1009, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__actions {
  text-align: right;
}
@media (max-width: 767px) {
  /* line 1012, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__lab__actions {
    text-align: center;
  }
}
/* line 1017, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__btn-more {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 260px;
  height: 40px;
  margin-top: 32px;
  line-height: 40px;
  font-size: 15px;
  color: #3ca7a1;
  text-align: center;
}
/* line 1036, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__btn-more,
.pricing__lab__btn-more:focus {
  color: #3ca7a1;
  background-color: #fff;
}
/* line 1040, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__btn-more:hover {
  color: #fff;
  background-color: #27cebf;
}
/* line 1044, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__lab__btn-more:active {
  color: #fff;
  background-color: #28cbbc;
}
/* line 1054, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__free-plans {
  max-width: 400px;
  margin: 30px auto 0;
  padding: 10px 15px;
  border: 1px solid #8bb3ae;
  border-width: 1px 0px;
  font-size: 14px;
  color: #8bb3ae;
}
@media (max-width: 767px) {
  /* line 1067, /home/pc035860/master/web/asset/less/pricing.less */
  .pricing__free-plans {
    max-width: 70%;
  }
}
/* line 1071, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__free-plans > a {
  text-decoration: underline !important;
}
/* line 1074, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__free-plans > a,
.pricing__free-plans > a:focus {
  color: rgba(139, 179, 174, 0.8);
}
/* line 1077, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__free-plans > a:hover {
  color: #8bb3ae;
}
/* line 1080, /home/pc035860/master/web/asset/less/pricing.less */
.pricing__free-plans > a:active {
  color: #10ad9f;
}
/* line 1, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt {
  position: relative;
  background-color: #eee;
}
/* line 14, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt--fail .p-receipt__bg {
  background-color: #ea7e70;
}
/* line 18, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt--fail .p-receipt__note {
  margin-bottom: 30px;
}
/* line 23, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__important {
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #dd6646;
  text-align: center;
  color: #fff;
}
/* line 35, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__important .highlight {
  font-size: 18px;
  font-weight: bold;
}
/* line 41, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-reasons {
  list-style-type: square;
}
/* line 44, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-reasons li {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
/* line 51, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-btn {
  width: 190px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  color: #fff !important;
  background-color: #666;
  text-align: center;
  line-height: 30px;
}
/* line 66, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-btn:hover {
  background-color: #727272;
}
/* line 69, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-btn:focus,
.p-receipt__fail-btn:active {
  background-color: #5b5b5b;
}
/* line 73, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-text {
  color: #545454;
  font-size: 12px;
  line-height: 2;
  text-decoration: underline;
}
/* line 83, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-text:hover,
.p-receipt__fail-text:focus {
  color: #545454;
  text-decoration: none;
}
/* line 87, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__fail-text:active {
  color: #3b3b3b;
}
/* line 92, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__loading {
  background-color: #eee;
  padding: 10vh 0 22vh;
}
/* line 96, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__loading .anim {
  height: 300px;
}
/* line 99, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__loading .anim::before {
  display: none !important;
}
/* line 104, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__loading .message {
  margin-top: -40px;
  font-size: 25px;
  color: #333;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}
/* line 114, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 240px;
  background-color: #55cac0;
}
/* line 123, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__bg.with-important {
  top: 41px;
}
@media (max-width: 460px) {
  /* line 127, /home/pc035860/master/web/asset/less/receipt.less */
  .p-receipt__bg {
    height: 280px;
  }
}
/* line 132, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__heading {
  -webkit-font-smoothing: antialiased;
  position: relative;
  z-index: 1;
  padding-top: 50px;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
/* line 146, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__heading .sub {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
/* line 152, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__heading .rwd-br {
  display: none;
}
@media (max-width: 460px) {
  /* line 156, /home/pc035860/master/web/asset/less/receipt.less */
  .p-receipt__heading {
    padding-top: 20px;
    margin-bottom: 30px;
  }
  /* line 160, /home/pc035860/master/web/asset/less/receipt.less */
  .p-receipt__heading .rwd-br {
    display: inline-block;
  }
}
/* line 166, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}
/* line 171, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form__message {
  position: relative;
  top: -4px;
  display: inline-block;
  margin-left: 8px;
  color: #dd6646;
  font-size: 14px;
}
/* line 183, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form__input-desc {
  margin: 0;
  font-size: 14px;
  color: #808080;
  line-height: 24px;
}
/* line 191, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form__input-desc.required:before {
  content: '*';
  display: inline-block;
  margin-right: 5px;
  color: #dd6646;
}
/* line 201, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form input,
.p-receipt__form textarea {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  color: #333;
  background-color: #eee;
}
/* line 209, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form input:hover,
.p-receipt__form textarea:hover {
  border: 1px solid #ddd;
}
/* line 212, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form input:focus,
.p-receipt__form textarea:focus {
  -webkit-box-shadow: 0 0 3px #aaeae4 !important;
  -moz-box-shadow: 0 0 3px #aaeae4 !important;
  box-shadow: 0 0 3px #aaeae4 !important;
  border: 1px solid #aaeae4 !important;
  outline: none;
}
/* line 219, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__form input[name="address"] {
  width: 100%;
  max-width: 400px;
}
/* line 225, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 30px 5.71428571% 25px;
  background-color: #fff;
  color: #333;
}
@media (max-width: 739px) {
  /* line 238, /home/pc035860/master/web/asset/less/receipt.less */
  .p-receipt__block {
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* line 243, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__block__heading {
  text-align: center;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: bold;
  line-height: 40px;
}
/* line 251, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__block__desc {
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
/* line 258, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__block--tab {
  margin-bottom: 20px;
  padding: 30px 5.71428571%;
}
/* line 264, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 280, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices label {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
/* line 289, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices label:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio-gray.png);
  background-repeat: no-repeat;
  position: relative;
  top: -1px;
  margin-right: 10px;
  vertical-align: middle;
  background-position: 0 0;
}
/* line 304, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices label:hover:before {
  background-position: 0 -20px;
}
/* line 308, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices label:active:before {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
/* line 313, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices li {
  position: relative;
}
/* line 317, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices input[type="radio"] {
  position: absolute;
  right: 0;
  opacity: 0;
}
/* line 322, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__choices input[type="radio"]:checked + label:after {
  -webkit-animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: zoom-in 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../image/receipt-radio-gray.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  background-position: 0 -40px;
}
/* line 347, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .caret {
  float: right;
  border-top: 5px solid #fff;
  border-width: 5px 5px 0 5px;
}
/* line 353, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 240px;
  background-color: #55cac0;
  background-image: none;
  color: #fff;
  text-shadow: none;
  border: none;
  text-align: left;
}
/* line 365, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-toggle:hover {
  background-color: #68d0c7;
}
/* line 368, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-toggle:active,
.p-receipt__btn-group-dropdown .dropdown-toggle:focus {
  background-color: #49c6bc;
}
/* line 372, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-toggle[disabled] {
  background-color: #55cac0 !important;
}
/* line 376, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown.open .btn.dropdown-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #49c6bc;
}
/* line 381, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-menu {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  width: 240px;
  margin-top: 4px;
  padding: 6px 0;
  border: none;
  background-color: #e1faf6;
}
/* line 392, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-menu a {
  padding: 2px 12px;
  text-align: left;
}
/* line 396, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-menu a:hover {
  background-color: #aaeae4;
  background-image: none;
  color: #333;
}
/* line 401, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__btn-group-dropdown .dropdown-menu a:active,
.p-receipt__btn-group-dropdown .dropdown-menu a:focus {
  background-color: #89e2da;
  background-image: none;
  color: #333;
}
/* line 410, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__submit-btn {
  width: 180px;
  height: 35px;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  margin: 30px auto 0;
  line-height: 33px;
  font-size: 17px;
  background-color: #666666;
  color: #fff;
  border: none;
}
/* line 431, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__submit-btn:hover,
.p-receipt__submit-btn:focus {
  background-color: #727272;
}
/* line 435, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__submit-btn:active {
  background-color: #5b5b5b;
}
/* line 439, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__submit-btn[disabled],
.p-receipt__submit-btn.disabled {
  background-color: #666666 !important;
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
/* line 447, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__note {
  max-width: 700px;
  width: 100%;
  margin: 0 auto 60px;
}
/* line 453, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__note ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 459, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__note li {
  position: relative;
  margin-left: 20px;
  clear: both;
  font-size: 14px;
  color: #808080;
  line-height: 1.5;
}
/* line 470, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__note li:before {
  content: '\F08D';
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  display: block;
  position: absolute;
  left: -18px;
  color: #666;
  font-size: 15px;
}
/* line 485, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__note a {
  color: #27cebf;
  font-weight: bold;
  text-decoration: underline;
}
/* line 490, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__note a:hover {
  color: #6cddd3;
}
/* line 493, /home/pc035860/master/web/asset/less/receipt.less */
.p-receipt__note a:active,
.p-receipt__note a:focus {
  color: #1cbaac;
}
/* line 1, /home/pc035860/master/web/asset/less/redeem.less */
.redeem {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 60px 0 90px;
  background-color: #fff;
  text-align: center;
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.redeem input,
.redeem button,
.redeem select,
.redeem textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
@media (min-height: 810px) {
  /* line 13, /home/pc035860/master/web/asset/less/redeem.less */
  .redeem {
    padding: 90px 0 130px;
  }
}
/* line 17, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .container {
  max-width: 800px;
}
/* line 21, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .heading {
  padding-top: 10px;
  margin-bottom: 20px;
  color: #5cd7c8;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
}
/* line 31, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .top-grid {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.redeem .top-grid:before,
.redeem .top-grid:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.redeem .top-grid:after {
  clear: both;
}
/* line 36, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .top-grid-l,
.redeem .top-grid-r {
  float: left;
  width: 37.5%;
}
/* line 41, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .top-grid-c {
  float: left;
  width: 25%;
}
@media (max-width: 767px) {
  /* line 47, /home/pc035860/master/web/asset/less/redeem.less */
  .redeem .top-grid .top-grid-l,
  .redeem .top-grid .top-grid-r {
    display: none;
  }
  /* line 50, /home/pc035860/master/web/asset/less/redeem.less */
  .redeem .top-grid .top-grid-c {
    float: none;
    width: 100%;
  }
}
/* line 57, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .desc {
  margin-bottom: 40px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
/* line 64, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .desc a {
  font-weight: bold;
  color: #27cebf;
  text-decoration: none;
}
/* line 69, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .desc a:hover {
  text-decoration: underline;
}
/* line 75, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 520px;
  margin: 0 auto 30px;
  padding: 20px 40px 25px;
  text-align: left;
  background-color: #eee;
}
/* line 86, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel__desc {
  font-size: 14px;
  color: #808080;
  line-height: 24px;
}
/* line 92, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel form {
  margin: 0;
}
/* line 96, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel input[type="text"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  max-width: 300px;
  margin: 0;
  margin-right: 20px;
  border: none;
}
/* line 110, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel button {
  width: 120px;
  height: 30px;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  line-height: 26px;
  font-size: 16px;
  background-color: #35857e;
  color: #fff;
  border: none;
}
/* line 129, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel button:hover,
.redeem .code-panel button:focus {
  background-color: #36938b;
}
/* line 133, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel button:active {
  background-color: #277770;
}
/* line 137, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .code-panel button[disabled],
.redeem .code-panel button.disabled {
  background-color: #35857e !important;
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 767px) {
  /* line 145, /home/pc035860/master/web/asset/less/redeem.less */
  .redeem .code-panel {
    padding-left: 5%;
    padding-right: 5%;
  }
  /* line 149, /home/pc035860/master/web/asset/less/redeem.less */
  .redeem .code-panel input[type="text"] {
    display: block;
    max-width: none;
    margin-bottom: 10px;
  }
}
/* line 157, /home/pc035860/master/web/asset/less/redeem.less */
.redeem .last-words {
  color: #35857e;
  font-size: 14px;
  letter-spacing: 1px;
}
/* line 1, /home/pc035860/master/web/asset/less/welcome.less */
.welcome {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  min-height: 90vh;
  background-color: #e2f5f3;
  /**
	 * 款示首頁 carousel 橘色按鈕
	 */
  /**
	 * 大標 + parallax background
	 */
  /**
	 * phone version
	 */
}
/* line 10, /home/pc035860/master/web/asset/less/utils.less */
.welcome input,
.welcome button,
.welcome select,
.welcome textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* line 25, /home/pc035860/master/web/asset/less/welcome.less */
.welcome .preload {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
@media (max-width: 767px) {
  /* line 32, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome br.rwd {
    display: none;
  }
}
/* line 40, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__action-btn {
  width: auto;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: subpixel-antialiased;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  color: #fff !important;
  line-height: 41px;
  text-align: center;
  text-decoration: none !important;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  background-color: #f4bb1a;
}
@media (max-width: 767px) {
  /* line 59, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__action-btn {
    padding: 0 10px;
  }
}
/* line 65, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__action-btn:hover,
.welcome__action-btn:focus {
  background-color: #f4c337;
}
/* line 68, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__action-btn:active {
  background-color: #eab315;
}
/* line 72, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__action-btn[disabled],
.welcome__action-btn.disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
/* line 82, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__header {
  position: relative;
  padding: 50px 20px;
  overflow: hidden;
  text-align: center;
  letter-spacing: 1px;
}
/* line 91, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__header__bg {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
  background-image: -webkit-linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
  background-image: -ms-linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
  background-image: linear-gradient(180deg, #6bbeb3 0%, #70b2c2 100%);
}
/* line 104, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__header__heading {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  line-height: 40px;
}
/* line 112, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__header__heading > span {
  position: relative;
}
/* line 116, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__header__desc {
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  font-size: 15px;
}
@media (max-width: 767px) {
  /* line 124, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__header .wgt-star-sky .star-sky {
    width: 660px;
  }
}
@media (max-width: 767px) {
  /* line 131, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section {
    padding: 0 20px;
  }
}
/* line 135, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section__container {
  max-width: 820px;
  position: relative;
}
/* line 140, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .heading {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}
@media (max-width: 767px) {
  /* line 148, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section .heading {
    font-size: 22px;
  }
}
/* line 153, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .paragraph {
  margin-bottom: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}
/* line 19, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .paragraph .highlight {
  font-weight: bold;
  color: #418296;
}
/* line 157, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler {
  -webkit-transition: color 0.5s 0.7s;
  -moz-transition: color 0.5s 0.7s;
  -o-transition: color 0.5s 0.7s;
  transition: color 0.5s 0.7s;
  display: inline-block;
  position: relative;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  color: rgba(85, 202, 192, 0);
}
@media (max-width: 767px) {
  /* line 173, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section .filler {
    font-size: 14px;
  }
}
/* line 177, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler a {
  color: inherit;
  text-decoration: underline;
}
/* line 181, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler a:focus {
  color: #55cac0;
}
/* line 184, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler a:hover,
.welcome__section .filler a:active {
  color: #1cbaac;
}
/* line 205, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler::before {
  -webkit-transform: scale3d(0, 1, 1);
  -moz-transform: scale3d(0, 1, 1);
  -ms-transform: scale3d(0, 1, 1);
  -o-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #55cac0;
  transition: transform .5s;
  -webkit-transition: -webkit-transform 0.5s;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  right: 0;
  top: 0;
}
/* line 212, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler::after {
  -webkit-transform: scale3d(0, 1, 1);
  -moz-transform: scale3d(0, 1, 1);
  -ms-transform: scale3d(0, 1, 1);
  -o-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #55cac0;
  transition: transform .5s;
  -webkit-transition: -webkit-transform 0.5s;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  left: 0;
  bottom: 0;
}
/* line 220, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler--active {
  color: #55cac0;
}
/* line 223, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section .filler--active::after,
.welcome__section .filler--active::before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
/* line 230, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep {
  -webkit-font-smoothing: antialiased;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  /* line 239, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--prep {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
/* line 244, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep .bird {
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  left: -20px;
  top: -96px;
}
/* line 251, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep .bird--move {
  -webkit-transform: translate(0, 80px);
  -moz-transform: translate(0, 80px);
  -ms-transform: translate(0, 80px);
  -o-transform: translate(0, 80px);
  transform: translate(0, 80px);
}
/* line 256, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep .filler {
  margin-bottom: 40px;
}
/* line 260, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep .custom-heading {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #55cac0;
}
/* line 270, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep .sec-row {
  *zoom: 1;
  margin-bottom: 50px;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.welcome__section--prep .sec-row:before,
.welcome__section--prep .sec-row:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.welcome__section--prep .sec-row:after {
  clear: both;
}
/* line 276, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep .sec-col-top {
  float: right;
  width: 30.48780488%;
}
/* line 280, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--prep .sec-col-bottom {
  float: left;
  width: 69.51219512%;
  padding-top: 10px;
  text-align: left;
}
@media (max-width: 767px) {
  /* line 291, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--prep img {
    max-width: 240px;
  }
  /* line 294, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--prep .sec-row {
    margin-bottom: 30px;
  }
  /* line 297, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--prep .sec-col-top {
    float: none;
    width: 100%;
  }
  /* line 301, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--prep .sec-col-bottom {
    float: none;
    width: 100%;
  }
}
/* line 307, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #e2f5f3;
}
/* line 317, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .mountain {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: -65px;
}
@media (max-width: 767px) {
  /* line 324, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tour .mountain {
    max-width: none;
  }
}
/* line 329, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
/* line 337, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bg-clip {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, auto, auto);
}
/* line 347, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .paragraph {
  margin-bottom: 12px;
}
/* line 351, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.welcome__section--tour .sec-row:before,
.welcome__section--tour .sec-row:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.welcome__section--tour .sec-row:after {
  clear: both;
}
/* line 354, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row.last {
  margin-bottom: 50px;
}
/* line 358, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row .action {
  margin-bottom: 8px;
}
/* line 361, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row .action a {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #27cebf;
  line-height: 1;
  border-bottom: 1px solid transparent;
}
/* line 371, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row .action a:hover {
  border-color: #27cebf;
}
/* line 375, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row .action a::after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '\F061';
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 10px;
}
/* line 390, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-col-top {
  float: right;
  width: 30.48780488%;
  margin-right: 13.41463415%;
}
/* line 395, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-col-bottom {
  float: left;
  width: 50%;
  padding-top: 10px;
  text-align: right;
}
/* line 406, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row--reverse .sec-col-top {
  float: left;
  margin-left: 13.41463415%;
  margin-right: 0;
}
/* line 411, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .sec-row--reverse .sec-col-bottom {
  float: right;
  text-align: left;
}
@media (max-width: 767px) {
  /* line 418, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tour .sec-row {
    margin-bottom: 40px !important;
  }
  /* line 422, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tour .sec-col-top,
  .welcome__section--tour .sec-col-bottom {
    float: none;
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: center;
  }
  /* line 429, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tour .sec-col-top .heading,
  .welcome__section--tour .sec-col-bottom .heading,
  .welcome__section--tour .sec-col-top .paragraph,
  .welcome__section--tour .sec-col-bottom .paragraph,
  .welcome__section--tour .sec-col-top .action,
  .welcome__section--tour .sec-col-bottom .action {
    text-align: left !important;
  }
  /* line 434, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tour .sec-col-top img {
    max-width: 240px;
  }
  /* line 437, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tour .sec-col-bottom {
    padding-top: 15px;
  }
}
/* line 465, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bubble {
  position: relative;
}
/* line 469, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bubble .bg {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(../image/welcome/challenge.png) no-repeat;
  overflow: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  position: relative;
  background-position: 0 0;
  opacity: 1;
}
/* line 480, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bubble .fg {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(../image/welcome/challenge.png) no-repeat;
  overflow: hidden;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background-position: 0 -30px;
  opacity: 0;
}
/* line 496, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bubble::after {
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  width: 34px;
  height: 43px;
  -webkit-transform-origin: 12% 90%;
  -moz-transform-origin: 12% 90%;
  -o-transform-origin: 12% 90%;
  -ms-transform-origin: 12% 90%;
  transform-origin: 12% 90%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  left: 10px;
  top: -25px;
  background: url(../image/welcome/icon_flag.png) no-repeat 0 0;
  overflow: hidden;
}
/* line 453, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bubble--active .bg {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* line 457, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bubble--active .fg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* line 461, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .bubble--active::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 518, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .heading .bubble {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
/* line 524, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect {
  min-height: 90px;
  position: relative;
}
/* line 530, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect .bubble,
.welcome__section--tour .connect .line {
  position: absolute;
  left: 56.09756098%;
  top: 1px;
}
/* line 537, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect .line {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  top: 30px;
  overflow: hidden;
}
/* line 543, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect .line svg {
  height: 60px;
}
/* line 547, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect .line__clip {
  -webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  -moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  -o-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e2f5f3;
}
/* line 453, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect--active .bubble .bg {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* line 457, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect--active .bubble .fg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* line 461, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect--active .bubble::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 566, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect--active .line svg path {
  -webkit-animation: connect-dash 3s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: connect-dash 3s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
/* line 570, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect--active .line__clip {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
/* line 576, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect--reverse .bubble,
.welcome__section--tour .connect--reverse .line {
  left: auto;
  right: 56.09756098%;
}
/* line 581, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .connect--reverse .line {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
/* line 587, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .ending {
  text-align: center;
}
/* line 590, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .ending .paragraph {
  margin-bottom: 15px;
}
/* line 594, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .ending .filler {
  margin-bottom: 20px;
}
/* line 598, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tour .ending .action {
  text-align: center;
}
/* line 603, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #55cac0;
  text-align: center;
}
/* line 610, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools .paragraph {
  margin-bottom: 20px;
}
/* line 614, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools .app-list {
  *zoom: 1;
}
/* line 14, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.welcome__section--tools .app-list:before,
.welcome__section--tools .app-list:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, /home/pc035860/master/web/asset/less/vendor/bootstrap/less/mixins.less */
.welcome__section--tools .app-list:after {
  clear: both;
}
@media (max-width: 767px) {
  /* line 619, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tools .app-list {
    margin-bottom: 10px;
  }
}
/* line 623, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools .app-list__item {
  float: left;
  display: block;
  width: 25%;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
}
/* line 633, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools .app-list__item img {
  max-width: 100%;
  height: 42px;
  margin: 0 auto 10px;
}
/* line 639, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools .app-list__item .name {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}
/* line 644, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools .app-list__item .desc {
  font-weight: normal;
  color: white;
}
@media (max-width: 767px) {
  /* line 649, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tools .app-list__item {
    width: 50%;
    margin-bottom: 20px;
    font-size: 13px;
  }
  /* line 654, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tools .app-list__item:nth-child(2n+1) {
    clear: both;
  }
  /* line 657, /home/pc035860/master/web/asset/less/welcome.less */
  .welcome__section--tools .app-list__item:nth-child(2n+1)::before {
    display: table;
    content: "";
    line-height: 0;
  }
}
/* line 667, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--tools .action {
  margin-top: 30px;
  margin-bottom: 10px;
}
/* line 678, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__phone .welcome__header {
  padding-bottom: 40px;
}
/* line 681, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__phone .welcome__header__desc {
  margin-bottom: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}
/* line 19, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__phone .welcome__header__desc .highlight {
  font-weight: bold;
  color: #418296;
}
/* line 685, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps {
  position: relative;
  background-color: #e2f5f3;
}
/* line 692, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .mountain {
  width: 466px;
  height: 40px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: -40px;
  max-width: none;
}
/* line 703, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app-list {
  margin: 0;
  padding: 25px 0 40px;
  list-style-type: none;
}
/* line 708, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app-list > li + li {
  margin-top: 35px;
}
/* line 713, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app {
  text-align: center;
}
/* line 716, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app__icon {
  max-width: 50px;
}
/* line 720, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app__name {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
}
/* line 728, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app__platform {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}
/* line 736, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app__download {
  margin: 0;
  list-style-type: none;
}
/* line 740, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app__download > li + li {
  margin-top: 10px;
}
/* line 744, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app__download a {
  display: inline-block;
}
/* line 747, /home/pc035860/master/web/asset/less/welcome.less */
.welcome__section--apps .app__download a img {
  width: auto;
  height: 48px;
}