@charset "UTF-8";
/*
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * SCSS File by Detlef Beyer
 */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .slider.slider-horizontal {
    width: 100%;
    height: 20px; }
    .slider.slider-horizontal .slider-track {
      height: 10px;
      width: 100%;
      margin-top: -5px;
      top: 50%;
      left: 0; }
    .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
      height: 100%;
      top: 0;
      bottom: 0; }
    .slider.slider-horizontal .slider-tick,
    .slider.slider-horizontal .slider-handle {
      margin-left: -10px; }
      .slider.slider-horizontal .slider-tick.triangle,
      .slider.slider-horizontal .slider-handle.triangle {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        border-width: 0 10px 10px 10px;
        width: 0;
        height: 0;
        border-bottom-color: #0480be;
        margin-top: 0; }
    .slider.slider-horizontal .slider-tick-container {
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .slider.slider-horizontal .slider-tick-label-container {
      white-space: nowrap; }
      .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        margin-top: 24px;
        display: inline-block;
        text-align: center;
        color: #cca677; }
  .slider.slider-vertical {
    height: 210px;
    width: 20px; }
    .slider.slider-vertical .slider-track {
      width: 10px;
      height: 100%;
      margin-left: -5px;
      left: 25%;
      top: 0; }
    .slider.slider-vertical .slider-selection {
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0; }
    .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
      width: 100%;
      left: 0;
      right: 0; }
    .slider.slider-vertical .slider-tick,
    .slider.slider-vertical .slider-handle {
      margin-top: -10px; }
      .slider.slider-vertical .slider-tick.triangle,
      .slider.slider-vertical .slider-handle.triangle {
        border-width: 10px 0 10px 10px;
        width: 1px;
        height: 1px;
        border-left-color: #cca677;
        margin-left: 0; }
      .slider.slider-vertical .slider-tick .slider-tick-label-container,
      .slider.slider-vertical .slider-handle .slider-tick-label-container {
        white-space: nowrap; }
        .slider.slider-vertical .slider-tick .slider-tick-label-container .slider-tick-label,
        .slider.slider-vertical .slider-handle .slider-tick-label-container .slider-tick-label {
          padding-left: 4px; }
  .slider.slider-disabled .slider-handle {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #dfdfdf, #bebebe);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), to(#bebebe));
    background-image: -webkit-linear-gradient(top, #dfdfdf, #bebebe);
    background-image: -o-linear-gradient(top, #dfdfdf, #bebebe);
    background-image: linear-gradient(to bottom, #dfdfdf, #bebebe);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#bebebe',GradientType=0); }
  .slider.slider-disabled .slider-track {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #e5e5e5, #e9e9e9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #e5e5e5, #e9e9e9);
    background-image: -o-linear-gradient(top, #e5e5e5, #e9e9e9);
    background-image: linear-gradient(to bottom, #e5e5e5, #e9e9e9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e9e9e9',GradientType=0);
    cursor: not-allowed; }
  .slider input {
    display: none; }
  .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none; }
  .slider .tooltip.top {
    margin-top: -36px; }
  .slider .hide {
    display: none; }

.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-image: linear-gradient(to bottom, #f9f9f9, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0);
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.slider-selection {
  position: absolute;
  background-color: #cca677;
  background-image: -moz-linear-gradient(top, #cca677, #cca677);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cca677), to(#cca677));
  background-image: -webkit-linear-gradient(top, #cca677, #cca677);
  background-image: -o-linear-gradient(top, #cca677, #cca677);
  background-image: linear-gradient(to bottom, #cca677, #cca677);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cca677', endColorstr='#cca677',GradientType=0);
  -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.36);
  -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.36);
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.36);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.slider-selection.tick-slider-selection {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #cca677, #cca677);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cca677), to(#cca677));
  background-image: -webkit-linear-gradient(top, #cca677, #cca677);
  background-image: -o-linear-gradient(top, #cca677, #cca677);
  background-image: linear-gradient(to bottom, #cca677, #cca677);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cca677', endColorstr='#cca677',GradientType=0); }

.slider-track-low, .slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: slider_border-radius(4px); }

.slider-handle {
  position: relative;
  top: 0;
  background-color: #eff1f4;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 0 0 rgba(0, 0, 0, 0.03), inset 0 1px 0 2px #ffffff;
  -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 0 0 rgba(0, 0, 0, 0.03), inset 0 1px 0 2px #ffffff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 0 0 rgba(0, 0, 0, 0.03), inset 0 1px 0 2px #ffffff; }
  .slider-handle.round {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .slider-handle.triangle {
    background: transparent none; }
  .slider-handle.custom {
    background: transparent none; }
    .slider-handle.custom::before {
      line-height: 20px;
      font-size: 20px;
      content: '\2605';
      color: #726204; }
  .slider-handle.arrow {
    width: 20px;
    height: 15px;
    background-image: linear-gradient(to bottom, #ffffff, #eff1f4);
    border: 1px solid #aaaaaa; }
    .slider-handle.arrow:after, .slider-handle.arrow:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .slider-handle.arrow:after {
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #FFFFFF;
      border-width: 9px;
      margin-left: -9px; }
    .slider-handle.arrow:before {
      border-color: rgba(170, 170, 170, 0);
      border-top-color: #aaaaaa;
      border-width: 10px;
      margin-left: -10px; }

.tooltip.top .tooltip-arrow {
  border-top-color: #cca677; }

.tooltip-inner {
  background-color: #cca677; }

.tooltip-main.a0 .tooltip-arrow,
.tooltip-main.a1 .tooltip-arrow,
.tooltip-main.a2 .tooltip-arrow,
.tooltip-main.a3 .tooltip-arrow {
  display: none; }
.tooltip-main.a0 .tooltip-inner,
.tooltip-main.a1 .tooltip-inner,
.tooltip-main.a2 .tooltip-inner,
.tooltip-main.a3 .tooltip-inner {
  overflow: hidden;
  text-indent: -50000px;
  width: 17px;
  height: 30px;
  margin-top: -10px; }

.tooltip-main.a0 .tooltip-inner {
  background: url("../images/icon/icon-no.png") no-repeat center; }

.tooltip-main.a1 .tooltip-inner {
  background: url("../images/icon/icon-no.png") no-repeat center; }

.tooltip-main.a2 .tooltip-inner {
  background: url("../images/icon/icon-yes.png") no-repeat center; }

.tooltip-main.a3 .tooltip-inner {
  background: url("../images/icon/icon-yes.png") no-repeat center; }

.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5',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;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent; }
  .slider-tick.round {
    border-radius: 50%; }
  .slider-tick.triangle {
    background: transparent none; }
  .slider-tick.custom {
    background: transparent none; }
    .slider-tick.custom::before {
      line-height: 20px;
      font-size: 20px;
      content: '\2605';
      color: #726204; }
  .slider-tick.in-selection {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #cca677, #cca677);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cca677), to(#cca677));
    background-image: -webkit-linear-gradient(top, #cca677, #cca677);
    background-image: -o-linear-gradient(top, #cca677, #cca677);
    background-image: linear-gradient(to bottom, #cca677, #cca677);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cca677', endColorstr='#cca677',GradientType=0);
    opacity: 1; }

.align-vertical-center {
  float: left;
  top: calc(50% - 15px);
  margin-left: calc(50% - 45px); }

.bg-blue {
  background: #428bca; }

.bg-white {
  background: #ffffff; }

.bg-black {
  background: #000000; }

.bg-pink {
  background: #f0ad4e; }

.bg-gray {
  background: #ccc; }

@media (min-width: 0px) {
  .carousel {
    background-color: #eeeeee;
    margin-top: 64px;
    height: 52.81vw;
    overflow: hidden; }
    .carousel .carousel-inner {
      position: relative;
      height: 52.81vw; }
      .carousel .carousel-inner .item {
        text-align: left; }
        .carousel .carousel-inner .item .slogan-txt {
          position: absolute;
          top: 0;
          left: 0;
          display: flex;
          align-items: start;
          flex-direction: column;
          justify-content: flex-end;
          height: 52.81vw;
          width: 100%;
          padding: 25px; }
          .carousel .carousel-inner .item .slogan-txt .t1 {
            font-size: 26px;
            font-weight: 500;
            color: #007e7d;
            text-shadow: 1px 1px 4px #ffffff, 1px 1px 4px #ffffff;
            margin-bottom: 10px; }
          .carousel .carousel-inner .item .slogan-txt .t2 {
            font-size: 15px;
            line-height: 0.8;
            color: #007e7d;
            text-shadow: 1px 1px 4px #ffffff, 1px 1px 4px #ffffff;
            margin-bottom: 0; }
          .carousel .carousel-inner .item .slogan-txt .t3 {
            font-size: 14px;
            color: #ffffff; }
          .carousel .carousel-inner .item .slogan-txt .btn-main {
            margin-top: 20px; }
            .carousel .carousel-inner .item .slogan-txt .btn-main span {
              padding: 8px 30px; }
    .carousel .carousel-control {
      width: 5%;
      background: transparent;
      color: #000;
      opacity: 1; }
      .carousel .carousel-control.left span {
        background: #FFF;
        font-size: 15px;
        line-height: 40px;
        height: 40px;
        margin: -20px 0 0 0;
        left: 0; }
      .carousel .carousel-control.right span {
        background: #FFF;
        font-size: 15px;
        line-height: 40px;
        height: 40px;
        margin: -20px 0 0 0;
        right: 0; }
    .carousel .carousel-indicators {
      bottom: 0; }
      .carousel .carousel-indicators li {
        background: #FFF;
        border-color: #FFF; }
      .carousel .carousel-indicators .active {
        width: 10px;
        height: 10px;
        opacity: 0.6;
        background: #868686;
        border-color: transparent; }
    .carousel .line {
      position: absolute;
      content: '';
      width: 100%;
      height: 5px;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); } }
@media (min-width: 992px) {
  .carousel {
    height: auto;
    margin-top: 0;
    padding-top: 78px; }
    .carousel .carousel-inner {
      position: relative;
      height: 42.50vw; }
      .carousel .carousel-inner .item {
        height: 42.50vw;
        text-align: left; }
        .carousel .carousel-inner .item .slogan-txt {
          position: absolute;
          top: 50%;
          left: 10%;
          margin-top: -170px;
          display: block;
          height: auto;
          width: auto; }
          .carousel .carousel-inner .item .slogan-txt .t1 {
            font-size: 72px;
            color: #007e7d;
            text-shadow: 1px 1px 4px #ffffff, 1px 1px 4px #ffffff; }
          .carousel .carousel-inner .item .slogan-txt .t2 {
            font-size: 38px;
            color: #007e7d;
            text-shadow: 1px 1px 4px #ffffff, 1px 1px 4px #ffffff;
            margin-bottom: 30px; }
          .carousel .carousel-inner .item .slogan-txt .t3 {
            font-size: 27px;
            color: #ffffff;
            text-shadow: 1px 1px 4px #000000; }
          .carousel .carousel-inner .item .slogan-txt .btn-main span {
            padding: 8px 65px; } }
.btn-main {
  position: relative;
  display: inline-block;
  padding: 3px;
  border-radius: 66px;
  text-align: center;
  color: #967a0a;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 #ffffff; }
  .btn-main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 66px;
    background: linear-gradient(35deg, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .btn-main span {
    position: relative;
    display: inline-block;
    z-index: 0;
    border-radius: 66px;
    padding: 8px 16px;
    background: #f7f1e9;
    min-width: 150px; }
  .btn-main:active, .btn-main:focus, .btn-main:hover {
    color: #967a0a;
    text-decoration: none; }
    .btn-main:active:before, .btn-main:focus:before, .btn-main:hover:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      border-radius: 66px;
      background: linear-gradient(65deg, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }

/*
 * Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format("opentype"); }
body {
  font-family: 'Arial', 'Noto Sans TC', 'Microsoft JhengHei', 'sans-serif';
  font-weight: 400;
  color: #4a4a4a; }

h1 {
  font-size: 24px;
  line-height: 1.5; }

h2 {
  font-size: 22px;
  line-height: 1.5; }

h3 {
  font-size: 20px;
  line-height: 1.5; }

h4 {
  font-size: 16px;
  line-height: 1.5; }

p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400; }

main {
  padding-top: 64px;
  padding-bottom: 29px; }

.tooltip {
  z-index: 70; }

@media (min-width: 768px) {
  main {
    padding-top: 78px;
    padding-bottom: 59px; } }
/* ______________________________________________________ */
/* XS 超小屏幕（手机，大於 0px） 及共用 _________________ */
/* ______________________________________________________ */
@media (min-width: 0px) {
  header {
    position: fixed;
    z-index: 100;
    background: #007e7d;
    width: 100%;
    top: 0; }
    header:after {
      position: absolute;
      content: '';
      left: 0;
      bottom: 0;
      height: 1px;
      width: 100%;
      background: linear-gradient(to right, #fff382 0%, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab 100%); }
    header .logo {
      max-width: 157px;
      float: left;
      margin-top: 10px;
      margin-bottom: 10px;
      max-height: 43px; }
    header .navbar-toggle {
      border-color: transparent;
      margin: 15px 0;
      padding: 9px 6px; }
      header .navbar-toggle .icon-bar {
        background: #fff382; }
    header .menu {
      clear: both;
      padding: 0;
      margin: 0 -15px;
      list-style: none; }
      header .menu li {
        background: #FFF;
        border-top: 1px solid #CCC; }
        header .menu li a {
          position: relative;
          display: block;
          width: 100%;
          padding: 10px;
          text-align: center;
          font-size: 18px;
          background: #FFF;
          color: #bd9100;
          border-radius: 0; }
          header .menu li a .glyphicon {
            position: absolute;
            top: 12px;
            right: 12px; }
          header .menu li a:hover {
            color: #FFF;
            background: #bd9100;
            text-decoration: none; }
          header .menu li a.collapsed .glyphicon:before {
            content: "\e259"; }
        header .menu li ul {
          padding: 0; }
          header .menu li ul li a {
            background: #efefef; } }
/* ________________________________________________________________________________ */
/* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 768px) {
  header .logo {
    max-width: 175px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    max-height: 48px; }
  header .menu {
    display: block;
    clear: none;
    float: right;
    padding: 0;
    margin: 30px 0 26px 0; }
    header .menu li {
      display: inline-block;
      background: transparent;
      border-right: 1px solid white;
      border-top: none;
      padding: 0 6px 0 3px;
      height: 18px; }
      header .menu li:last-child {
        border-right: none;
        padding-right: 0; }
      header .menu li a {
        display: block;
        color: white;
        background: transparent;
        font-size: 12px;
        padding: 0; }
        header .menu li a:hover {
          color: #FFF;
          background: transparent;
          text-decoration: underline; }
      header .menu li ul {
        display: none;
        position: fixed;
        z-index: 10;
        margin: 0 0 0 -12px;
        padding: 5px 0 0 0;
        width: auto; }
        header .menu li ul li {
          display: block;
          padding: 0;
          border: none;
          height: 26px; }
          header .menu li ul li a {
            color: #007e7d;
            background: #efefef;
            padding: 3px;
            border: 1px solid #007e7d;
            font-size: 14px; }
            header .menu li ul li a:hover {
              color: #fff;
              background: #007e7d;
              text-decoration: none; } }
/* ________________________________________________________________________________ */
/* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 992px) {
  header .menu {
    margin: 30px 0 27px 0; }
    header .menu li {
      display: inline-block;
      border-right: 1px solid white;
      padding: 0 12px 0 10px;
      height: 20px; }
      header .menu li a {
        font-size: 16px; }
      header .menu li.active a {
        color: #cca677; } }
/* ________________________________________________________________________________ */
/* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
/* ________________________________________________________________________________ */
footer {
  position: absolute;
  width: 100%;
  background: #007e7d;
  font-size: 14px;
  color: #ffffff;
  font-weight: 100;
  margin-top: -29px; }
  footer .browser-version {
    padding: 5px 0;
    text-align: center; }
  footer .copyright {
    padding: 5px 0;
    text-align: center; }

@media (min-width: 768px) {
  footer {
    margin-top: -59px;
    background: #007e7d;
    font-size: 14px;
    color: #ffffff;
    font-weight: 100; }
    footer .browser-version {
      padding: 20px 0;
      text-align: left; }
    footer .copyright {
      padding: 20px 0;
      text-align: right; } }
.index {
  padding-top: 0;
  padding-bottom: 29px; }
  .index .slogan {
    display: table;
    height: auto;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #ccc url("../images/index/slogan-bg.png") no-repeat 25%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    .index .slogan img {
      margin-top: 0px;
      max-height: 300px; }
    .index .slogan .container {
      width: 100%;
      display: table-cell;
      vertical-align: middle; }
      .index .slogan .container h2 {
        margin-bottom: 40px;
        margin-left: 26px;
        font-size: 25px;
        line-height: 2.04;
        color: #000000;
        text-shadow: 1px 1px 0 #ffffff; }
      .index .slogan .container h4 {
        line-height: 2;
        margin-left: 26px;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff; }
        .index .slogan .container h4.list {
          padding-left: 26px;
          margin: 10px 0;
          font-size: 18px;
          font-weight: 500;
          line-height: 2.25;
          color: #967a0a; }
        .index .slogan .container h4 .badge {
          margin-left: -26px;
          padding: 4px 7px;
          margin-top: -4px;
          margin-right: 5px;
          background-color: #967a0a; }
      .index .slogan .container .no-pd {
        padding: 0; }
  .index .reference {
    display: table;
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #FFF; }
    .index .reference .container h2 {
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      color: #007e7d;
      text-shadow: 1px 1px 0 #ffffff;
      line-height: 1.33;
      margin-bottom: 10px;
      margin-top: 0; }
    .index .reference .container .col-xs-12 .box, .index .reference .container footer .browser-version .box, footer .index .reference .container .browser-version .box, .index .reference .container footer .copyright .box, footer .index .reference .container .copyright .box, .index .reference .container .check .board .box, .check .index .reference .container .board .box, .index .reference .container .check-1 .board .main-form .content .box, .check-1 .board .main-form .index .reference .container .content .box,
    .index .reference .container .check-2 .board .main-form .content .box,
    .check-2 .board .main-form .index .reference .container .content .box,
    .index .reference .container .check-3 .board .main-form .content .box,
    .check-3 .board .main-form .index .reference .container .content .box, .index .reference .container .check-4 .kv .board .box, .check-4 .kv .index .reference .container .board .box, .index .reference .container .check-4 .booking .board .box, .check-4 .booking .index .reference .container .board .box, .index .reference .container .support .list .tab-content .item .box, .support .list .tab-content .index .reference .container .item .box {
      display: inline-block;
      margin: 5px auto;
      padding: 10px;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      background: #ebf5f5; }
      .index .reference .container .col-xs-12 .box img, .index .reference .container footer .browser-version .box img, footer .index .reference .container .browser-version .box img, .index .reference .container footer .copyright .box img, footer .index .reference .container .copyright .box img, .index .reference .container .check .board .box img, .check .index .reference .container .board .box img, .index .reference .container .check-1 .board .main-form .content .box img, .check-1 .board .main-form .index .reference .container .content .box img,
      .index .reference .container .check-2 .board .main-form .content .box img,
      .check-2 .board .main-form .index .reference .container .content .box img,
      .index .reference .container .check-3 .board .main-form .content .box img,
      .check-3 .board .main-form .index .reference .container .content .box img, .index .reference .container .check-4 .kv .board .box img, .check-4 .kv .index .reference .container .board .box img, .index .reference .container .check-4 .booking .board .box img, .check-4 .booking .index .reference .container .board .box img, .index .reference .container .support .list .tab-content .item .box img, .support .list .tab-content .index .reference .container .item .box img {
        float: left;
        width: 25%;
        height: 66px;
        padding: 0 10px 0 0; }
      .index .reference .container .col-xs-12 .box p, .index .reference .container footer .browser-version .box p, footer .index .reference .container .browser-version .box p, .index .reference .container footer .copyright .box p, footer .index .reference .container .copyright .box p, .index .reference .container .check .board .box p, .check .index .reference .container .board .box p, .index .reference .container .check-1 .board .main-form .content .box p, .check-1 .board .main-form .index .reference .container .content .box p,
      .index .reference .container .check-2 .board .main-form .content .box p,
      .check-2 .board .main-form .index .reference .container .content .box p,
      .index .reference .container .check-3 .board .main-form .content .box p,
      .check-3 .board .main-form .index .reference .container .content .box p, .index .reference .container .check-4 .kv .board .box p, .check-4 .kv .index .reference .container .board .box p, .index .reference .container .check-4 .booking .board .box p, .check-4 .booking .index .reference .container .board .box p, .index .reference .container .support .list .tab-content .item .box p, .support .list .tab-content .index .reference .container .item .box p {
        width: 75%;
        float: left;
        text-align: left;
        font-size: 12px;
        letter-spacing: 1.2px;
        color: #4a4a4a;
        text-shadow: 0 1px 0 #ffffff;
        margin: 0; }
      .index .reference .container .col-xs-12 .box h3, .index .reference .container footer .browser-version .box h3, footer .index .reference .container .browser-version .box h3, .index .reference .container footer .copyright .box h3, footer .index .reference .container .copyright .box h3, .index .reference .container .check .board .box h3, .check .index .reference .container .board .box h3, .index .reference .container .check-1 .board .main-form .content .box h3, .check-1 .board .main-form .index .reference .container .content .box h3,
      .index .reference .container .check-2 .board .main-form .content .box h3,
      .check-2 .board .main-form .index .reference .container .content .box h3,
      .index .reference .container .check-3 .board .main-form .content .box h3,
      .check-3 .board .main-form .index .reference .container .content .box h3, .index .reference .container .check-4 .kv .board .box h3, .check-4 .kv .index .reference .container .board .box h3, .index .reference .container .check-4 .booking .board .box h3, .check-4 .booking .index .reference .container .board .box h3, .index .reference .container .support .list .tab-content .item .box h3, .support .list .tab-content .index .reference .container .item .box h3 {
        float: left;
        text-align: left;
        font-size: 18px;
        color: #007e7d;
        text-shadow: 1px 1px 0 #ffffff;
        margin: 0;
        width: 75%; }
      .index .reference .container .col-xs-12 .box h4, .index .reference .container footer .browser-version .box h4, footer .index .reference .container .browser-version .box h4, .index .reference .container footer .copyright .box h4, footer .index .reference .container .copyright .box h4, .index .reference .container .check .board .box h4, .check .index .reference .container .board .box h4, .index .reference .container .check-1 .board .main-form .content .box h4, .check-1 .board .main-form .index .reference .container .content .box h4,
      .index .reference .container .check-2 .board .main-form .content .box h4,
      .check-2 .board .main-form .index .reference .container .content .box h4,
      .index .reference .container .check-3 .board .main-form .content .box h4,
      .check-3 .board .main-form .index .reference .container .content .box h4, .index .reference .container .check-4 .kv .board .box h4, .check-4 .kv .index .reference .container .board .box h4, .index .reference .container .check-4 .booking .board .box h4, .check-4 .booking .index .reference .container .board .box h4, .index .reference .container .support .list .tab-content .item .box h4, .support .list .tab-content .index .reference .container .item .box h4 {
        font-size: 18px;
        font-weight: normal;
        line-height: 1.11;
        color: #4a4a4a;
        margin-bottom: 35px; }
  .index .go-check {
    position: relative;
    background: url("../images/banner/home-go-check.jpg") center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px; }
    .index .go-check p {
      font-size: 12px;
      line-height: 2.08;
      font-family: PingFangTC;
      color: #4a4a4a; }
    .index .go-check .btn-main {
      margin: 20px 10px; }
    .index .go-check h2 {
      font-size: 26px;
      font-weight: bold;
      line-height: 1;
      color: #ffffff;
      text-shadow: 1px 1px 4px #000000; }
    .index .go-check .btn-checks span {
      padding: 10px 40px; }

@media (min-width: 992px) {
  .index {
    min-height: auto;
    padding-bottom: 60px;
    padding-top: 0; }
    .index .slogan {
      height: 65vh;
      padding-top: 0;
      padding-bottom: 0;
      background: #ccc url("../images/index/slogan-bg.png") no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      .index .slogan img {
        margin-top: 40px;
        max-height: 400px; }
    .index .reference {
      display: table;
      width: 100%;
      height: auto;
      padding-top: 62px;
      padding-bottom: 55px;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      background-color: #FFF; }
      .index .reference .container h2 {
        font-size: 30px;
        line-height: 1.33;
        color: #007e7d;
        text-shadow: 1px 1px 0 #ffffff;
        margin-bottom: 40px; }
      .index .reference .container .col-xs-12 .box, .index .reference .container footer .browser-version .box, footer .index .reference .container .browser-version .box, .index .reference .container footer .copyright .box, footer .index .reference .container .copyright .box, .index .reference .container .check .board .box, .check .index .reference .container .board .box, .index .reference .container .check-1 .board .main-form .content .box, .check-1 .board .main-form .index .reference .container .content .box,
      .index .reference .container .check-2 .board .main-form .content .box,
      .check-2 .board .main-form .index .reference .container .content .box,
      .index .reference .container .check-3 .board .main-form .content .box,
      .check-3 .board .main-form .index .reference .container .content .box, .index .reference .container .check-4 .kv .board .box, .check-4 .kv .index .reference .container .board .box, .index .reference .container .check-4 .booking .board .box, .check-4 .booking .index .reference .container .board .box, .index .reference .container .support .list .tab-content .item .box, .support .list .tab-content .index .reference .container .item .box {
        display: block;
        margin: 10px auto;
        padding-top: 23px;
        padding-bottom: 41px;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: #ebf5f5; }
        .index .reference .container .col-xs-12 .box:hover, .index .reference .container footer .browser-version .box:hover, footer .index .reference .container .browser-version .box:hover, .index .reference .container footer .copyright .box:hover, footer .index .reference .container .copyright .box:hover, .index .reference .container .check .board .box:hover, .check .index .reference .container .board .box:hover, .index .reference .container .check-1 .board .main-form .content .box:hover, .check-1 .board .main-form .index .reference .container .content .box:hover,
        .index .reference .container .check-2 .board .main-form .content .box:hover,
        .check-2 .board .main-form .index .reference .container .content .box:hover,
        .index .reference .container .check-3 .board .main-form .content .box:hover,
        .check-3 .board .main-form .index .reference .container .content .box:hover, .index .reference .container .check-4 .kv .board .box:hover, .check-4 .kv .index .reference .container .board .box:hover, .index .reference .container .check-4 .booking .board .box:hover, .check-4 .booking .index .reference .container .board .box:hover, .index .reference .container .support .list .tab-content .item .box:hover, .support .list .tab-content .index .reference .container .item .box:hover {
          text-decoration: none; }
        .index .reference .container .col-xs-12 .box img, .index .reference .container footer .browser-version .box img, footer .index .reference .container .browser-version .box img, .index .reference .container footer .copyright .box img, footer .index .reference .container .copyright .box img, .index .reference .container .check .board .box img, .check .index .reference .container .board .box img, .index .reference .container .check-1 .board .main-form .content .box img, .check-1 .board .main-form .index .reference .container .content .box img,
        .index .reference .container .check-2 .board .main-form .content .box img,
        .check-2 .board .main-form .index .reference .container .content .box img,
        .index .reference .container .check-3 .board .main-form .content .box img,
        .check-3 .board .main-form .index .reference .container .content .box img, .index .reference .container .check-4 .kv .board .box img, .check-4 .kv .index .reference .container .board .box img, .index .reference .container .check-4 .booking .board .box img, .check-4 .booking .index .reference .container .board .box img, .index .reference .container .support .list .tab-content .item .box img, .support .list .tab-content .index .reference .container .item .box img {
          float: none;
          width: auto;
          height: auto;
          padding: 10px 10px 10px 0; }
        .index .reference .container .col-xs-12 .box h3, .index .reference .container footer .browser-version .box h3, footer .index .reference .container .browser-version .box h3, .index .reference .container footer .copyright .box h3, footer .index .reference .container .copyright .box h3, .index .reference .container .check .board .box h3, .check .index .reference .container .board .box h3, .index .reference .container .check-1 .board .main-form .content .box h3, .check-1 .board .main-form .index .reference .container .content .box h3,
        .index .reference .container .check-2 .board .main-form .content .box h3,
        .check-2 .board .main-form .index .reference .container .content .box h3,
        .index .reference .container .check-3 .board .main-form .content .box h3,
        .check-3 .board .main-form .index .reference .container .content .box h3, .index .reference .container .check-4 .kv .board .box h3, .check-4 .kv .index .reference .container .board .box h3, .index .reference .container .check-4 .booking .board .box h3, .check-4 .booking .index .reference .container .board .box h3, .index .reference .container .support .list .tab-content .item .box h3, .support .list .tab-content .index .reference .container .item .box h3 {
          float: none;
          text-align: center;
          font-size: 27px;
          color: #007e7d;
          text-shadow: 1px 1px 0 #ffffff;
          margin-bottom: 21px;
          width: 100%; }
        .index .reference .container .col-xs-12 .box h4, .index .reference .container footer .browser-version .box h4, footer .index .reference .container .browser-version .box h4, .index .reference .container footer .copyright .box h4, footer .index .reference .container .copyright .box h4, .index .reference .container .check .board .box h4, .check .index .reference .container .board .box h4, .index .reference .container .check-1 .board .main-form .content .box h4, .check-1 .board .main-form .index .reference .container .content .box h4,
        .index .reference .container .check-2 .board .main-form .content .box h4,
        .check-2 .board .main-form .index .reference .container .content .box h4,
        .index .reference .container .check-3 .board .main-form .content .box h4,
        .check-3 .board .main-form .index .reference .container .content .box h4, .index .reference .container .check-4 .kv .board .box h4, .check-4 .kv .index .reference .container .board .box h4, .index .reference .container .check-4 .booking .board .box h4, .check-4 .booking .index .reference .container .board .box h4, .index .reference .container .support .list .tab-content .item .box h4, .support .list .tab-content .index .reference .container .item .box h4 {
          font-size: 18px;
          line-height: 1.5;
          color: #4a4a4a;
          margin-bottom: 35px; }
    .index .go-check {
      position: relative;
      background: url("../images/banner/home-go-check.jpg") center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding-top: 60px;
      padding-bottom: 60px; }
      .index .go-check p {
        font-size: 12px;
        line-height: 2.08;
        font-family: PingFangTC;
        color: #4a4a4a; }
      .index .go-check .btn-main {
        margin: 20px 10px; }
      .index .go-check h2 {
        font-size: 30px;
        font-weight: bold;
        line-height: 1;
        color: #ffffff;
        text-shadow: 1px 1px 4px #000000; }
      .index .go-check .btn-checks span {
        padding: 10px 40px; } }
.story .kv {
  position: relative;
  min-height: 240px;
  height: 30vh;
  background: url("../images/banner/story.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .story .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .story .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .story .kv h1 {
    position: relative;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); }
.story .slogan {
  margin-top: 15px; }
  .story .slogan h1 {
    font-size: 30px;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff; }
  .story .slogan p {
    color: #4a4a4a; }
.story .man {
  margin: 50px 0; }
  .story .man .card {
    position: relative;
    display: block;
    height: 400px;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    max-width: 300px; }
    .story .man .card .word {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 15px; }
      .story .man .card .word .title {
        font-size: 12px;
        color: #FFF;
        background: #cca677;
        width: auto;
        display: inline-block;
        padding: 2px 15px 1px 15px;
        border-radius: 20px;
        letter-spacing: 3px; }
      .story .man .card .word .info {
        font-size: 24px;
        line-height: 1.25;
        letter-spacing: 1px;
        color: #fff;
        display: block;
        margin-top: 10px;
        margin-bottom: 15px; }
  .story .man .boss .card {
    background: url(../images/story/card-boss.png) no-repeat center;
    background-size: cover; }
  .story .man .doctor .card {
    background: url(../images/story/card-doctor.png) no-repeat center;
    background-size: cover; }
  .story .man .engineer .card {
    background: url(../images/story/card-engineer.png) no-repeat center;
    background-size: cover; }
  .story .man .teacher .card {
    background: url(../images/story/card-teacher.png) no-repeat center;
    background-size: cover; }

@media (min-width: 992px) {
  .story .kv {
    position: relative;
    min-height: 50vh; }
    .story .kv h1 {
      position: absolute;
      font-size: 30px;
      font-weight: 500;
      line-height: 1.5;
      color: #ffffff;
      text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7);
      top: 180px; } }
.story-man .kv {
  position: relative;
  background: url("../images/banner/story-teacher.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .story-man .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .story-man .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .story-man .kv .col-xs-12, .story-man .kv footer .browser-version, footer .story-man .kv .browser-version, .story-man .kv footer .copyright, footer .story-man .kv .copyright, .story-man .kv .check .board, .check .story-man .kv .board, .story-man .kv .check-1 .board .main-form .content, .check-1 .board .main-form .story-man .kv .content,
  .story-man .kv .check-2 .board .main-form .content,
  .check-2 .board .main-form .story-man .kv .content,
  .story-man .kv .check-3 .board .main-form .content,
  .check-3 .board .main-form .story-man .kv .content, .story-man .check-4 .kv .board, .check-4 .story-man .kv .board, .story-man .kv .check-4 .booking .board, .story-man .kv .support .list .tab-content .item, .support .list .tab-content .story-man .kv .item {
    min-height: 240px;
    height: 50vh; }
  .story-man .kv h1 {
    position: absolute;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
    text-align: right;
    text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7);
    bottom: 3vh;
    right: 0; }
.story-man .table > tbody > tr > td {
  vertical-align: middle; }
.story-man .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #ccc; }
.story-man.teacher .kv {
  background: url("../images/banner/story-teacher.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.story-man.teacher .medical {
  position: relative;
  min-height: 240px;
  background: url("../images/banner/story-classroom.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 20px;
  padding-bottom: 20px; }
.story-man.teacher .slogan {
  position: absolute;
  top: 50%;
  left: 0;
  width: 60%;
  margin-top: -50px; }
.story-man.doctor .kv {
  background: url("../images/banner/story-doctor.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.story-man.doctor .medical {
  position: relative;
  min-height: 240px;
  background: url("../images/banner/story-medical.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 20px;
  padding-bottom: 20px; }
.story-man.doctor .slogan {
  position: absolute;
  top: 50%;
  left: 0;
  width: 60%;
  margin-top: -50px; }
.story-man.boss .kv {
  background: url("../images/banner/story-boss.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.story-man.boss .medical {
  position: relative;
  min-height: 240px;
  background: url("../images/banner/story-market.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 20px;
  padding-bottom: 20px; }
.story-man.boss .slogan {
  position: absolute;
  top: 50%;
  right: 0;
  width: 60%;
  margin-top: -50px; }
.story-man.engineer .kv {
  background: url("../images/banner/story-engineer.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.story-man.engineer .medical {
  position: relative;
  min-height: 240px;
  background: url("../images/banner/story-medical.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 20px;
  padding-bottom: 20px; }
.story-man.engineer .slogan {
  position: absolute;
  top: 50%;
  right: 0;
  width: 60%;
  margin-top: -80px; }
.story-man .breadcrumb {
  margin-top: 30px;
  background: #FFF;
  color: #007e7d;
  font-size: 16px;
  padding: 8px 0;
  color: #9b9b9b; }
  .story-man .breadcrumb a {
    color: #007e7d; }
.story-man .slogan {
  margin-top: 15px; }
  .story-man .slogan h1 {
    font-size: 30px;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff; }
  .story-man .slogan p {
    color: #4a4a4a; }
.story-man .intro h1 {
  margin: 0;
  font-size: 30px;
  line-height: 1.33;
  color: #967a0a; }
.story-man .intro p {
  font-size: 16px;
  color: #4a4a4a; }
  .story-man .intro p .no {
    font-family: TimesNewRomanPS-MT;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    color: #967a0a; }
  .story-man .intro p span {
    color: #83680c; }
  .story-man .intro p img {
    margin-top: 50px; }
.story-man .intro h2 {
  margin: 0 0 20px 0;
  font-size: 30px;
  line-height: 1.33;
  color: #cca677;
  text-shadow: 1px 1px 0 #ffffff; }
.story-man .intro .col-md-5 p {
  line-height: 1; }
.story-man .intro .col-md-5 img {
  display: inline-block;
  margin-top: 50px; }
.story-man .intro .col-md-7 p {
  line-height: 1.88;
  margin-bottom: 50px; }
.story-man .intro .big-img {
  margin-bottom: 100px; }
.story-man .medical .container .row {
  width: 99%;
  margin: 0 auto;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); }
  .story-man .medical .container .row h2 {
    display: inline-block;
    margin: 0 0 10px 0;
    color: #967a0a;
    text-shadow: 1px 1px 0 #ffffff;
    line-height: 1.2;
    width: 100%;
    text-align: center; }
    .story-man .medical .container .row h2 img {
      display: inline-block; }
  .story-man .medical .container .row .txt {
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 0;
    max-width: 100%; }
  .story-man .medical .container .row .left {
    position: relative;
    height: auto;
    background: #e8eded;
    padding: 15px 10px; }
    .story-man .medical .container .row .left:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: '';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(232, 237, 237, 0);
      border-top-color: #e8eded;
      border-width: 30px;
      margin-left: -30px;
      z-index: 1; }
    .story-man .medical .container .row .left .icon {
      display: inline-block;
      vertical-align: top; }
      .story-man .medical .container .row .left .icon p {
        line-height: 1.5;
        margin-top: 15px; }
      .story-man .medical .container .row .left .icon.icon-1 {
        width: 180px; }
      .story-man .medical .container .row .left .icon.icon-2 {
        width: 310px; }
        .story-man .medical .container .row .left .icon.icon-2 .sec {
          padding-left: 75px; }
    .story-man .medical .container .row .left ul li {
      margin: 20px 40px 20px 0; }
  .story-man .medical .container .row .right {
    position: relative;
    height: auto;
    background: #ffffff;
    padding: 70px 10px 15px 10px; }
    .story-man .medical .container .row .right:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 152px;
      height: 88px;
      background: url(../images/story/expert.png) no-repeat; }
    .story-man .medical .container .row .right .scroll {
      height: 370px;
      overflow-y: auto; }
    .story-man .medical .container .row .right .icons {
      display: block;
      margin: 0 auto;
      text-align: center; }
      .story-man .medical .container .row .right .icons .icon {
        display: inline-block;
        vertical-align: top;
        margin: 10px; }
        .story-man .medical .container .row .right .icons .icon p {
          font-size: 16px;
          font-weight: 500;
          line-height: 1.2;
          text-align: center;
          color: #967a0a; }
    .story-man .medical .container .row .right .box {
      display: inline-flex;
      align-items: flex-start;
      margin-bottom: 10px; }
      .story-man .medical .container .row .right .box img {
        display: block;
        min-width: 78px; }
      .story-man .medical .container .row .right .box p {
        color: #4a4a4a;
        margin: 0 15px; }
        .story-man .medical .container .row .right .box p b {
          color: #967a0a; }
.story-man .plan {
  margin: 50px 0; }
  .story-man .plan h3 {
    margin-left: 0;
    color: #967a0a; }
  .story-man .plan .insurance {
    padding-left: 60px;
    margin: 30px 10px; }
    .story-man .plan .insurance img {
      position: absolute;
      left: 15px; }
  .story-man .plan .btn-main {
    margin-top: 50px; }
.story-man .man {
  margin: 50px 0; }
  .story-man .man h1 {
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff; }
  .story-man .man .card {
    position: relative;
    display: block;
    height: 400px;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    max-width: 300px; }
    .story-man .man .card .word {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 15px; }
      .story-man .man .card .word .title {
        font-size: 12px;
        color: #FFF;
        background: #cca677;
        width: auto;
        display: inline-block;
        padding: 2px 15px 1px 15px;
        border-radius: 20px;
        letter-spacing: 3px; }
      .story-man .man .card .word .info {
        font-size: 24px;
        line-height: 1.25;
        letter-spacing: 3px;
        color: #fff;
        display: block;
        margin-top: 10px;
        margin-bottom: 15px; }
  .story-man .man .teacher .card {
    background: url(../images/story/card-teacher.png) no-repeat center;
    background-size: cover; }
  .story-man .man .doctor .card {
    background: url(../images/story/card-doctor.png) no-repeat center;
    background-size: cover; }
  .story-man .man .boss .card {
    background: url(../images/story/card-boss.png) no-repeat center;
    background-size: cover; }
  .story-man .man .engineer .card {
    background: url(../images/story/card-engineer.png) no-repeat center;
    background-size: cover; }

@media (min-width: 768px) {
  .story-man .kv {
    position: relative;
    min-height: 50vh; }
    .story-man .kv .col-xs-12, .story-man .kv footer .browser-version, footer .story-man .kv .browser-version, .story-man .kv footer .copyright, footer .story-man .kv .copyright, .story-man .kv .check .board, .check .story-man .kv .board, .story-man .kv .check-1 .board .main-form .content, .check-1 .board .main-form .story-man .kv .content,
    .story-man .kv .check-2 .board .main-form .content,
    .check-2 .board .main-form .story-man .kv .content,
    .story-man .kv .check-3 .board .main-form .content,
    .check-3 .board .main-form .story-man .kv .content, .story-man .check-4 .kv .board, .check-4 .story-man .kv .board, .story-man .kv .check-4 .booking .board, .story-man .kv .support .list .tab-content .item, .support .list .tab-content .story-man .kv .item {
      min-height: 500px;
      height: 83.44vh; }
    .story-man .kv h1 {
      position: absolute;
      font-size: 30px;
      font-weight: 500;
      line-height: 1.5;
      color: #ffffff;
      text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7);
      bottom: 10%;
      right: 0; }
  .story-man.teacher .slogan {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60%;
    margin-top: -100px; }
  .story-man.doctor .slogan {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60%;
    margin-top: -80px; }
  .story-man.boss .slogan {
    position: absolute;
    top: 50%;
    right: 0;
    width: 60%;
    margin-top: -120px; }
  .story-man.engineer .slogan {
    position: absolute;
    top: 50%;
    right: 0;
    width: 60%;
    margin-top: -180px; }
  .story-man .medical {
    padding-top: 100px;
    padding-bottom: 100px; }
    .story-man .medical .container .row {
      width: 100%; }
      .story-man .medical .container .row .txt {
        max-width: 520px;
        list-style-image: url("../images/story/icon-point.png"); }
      .story-man .medical .container .row .left {
        position: relative;
        padding: 70px 10px 40px 30px; }
      .story-man .medical .container .row .right {
        padding: 70px 20px 20px 40px; } }
@media (min-width: 992px) {
  .story-man .intro .big-img {
    width: 900px;
    margin-left: -385px;
    margin-bottom: 100px; }
  .story-man .intro .affix {
    position: fixed;
    width: 361.66px;
    top: 80px; }
  .story-man .medical .container .row {
    width: 100%; }
    .story-man .medical .container .row .left {
      position: relative;
      height: 500px;
      background: #e8eded; }
      .story-man .medical .container .row .left:after {
        left: initial;
        top: 50%;
        right: -60px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(232, 237, 237, 0);
        border-left-color: #e8eded;
        border-width: 30px;
        margin-top: -30px;
        z-index: 1; }
    .story-man .medical .container .row .right {
      height: 500px; } }
@media (min-width: 1200px) {
  .story-man .intro .big-img {
    width: 1000px;
    margin-left: -400px;
    margin-bottom: 100px; }
  .story-man .intro .affix {
    position: fixed;
    width: 445px;
    top: 80px; }
  .story-man .medical .container .row .left {
    height: 500px; }
  .story-man .medical .container .row .right {
    height: 500px; } }
.data .kv {
  position: relative;
  min-height: 240px;
  height: 30vh;
  background: url("../images/banner/data.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .data .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .data .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .data .kv .board {
    display: table;
    min-height: 240px;
    height: 30vh;
    padding: 12px;
    overflow: hidden;
    text-align: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4); }
    .data .kv .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/data-blur.png") center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .data .kv .board div {
      display: table-cell;
      vertical-align: middle; }
      .data .kv .board div .title {
        position: relative;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff; }
      .data .kv .board div p {
        position: relative;
        font-size: 14px;
        line-height: 1.88;
        color: #4a4a4a; }
.data .title {
  font-size: 28px;
  line-height: 1.33;
  color: #cca677;
  text-shadow: 1px 1px 0 #ffffff;
  margin-bottom: 20px; }
.data .sub-title {
  font-size: 25px;
  line-height: 1.6;
  color: #967a0a; }
.data h2 {
  font-size: 16px;
  line-height: 1.88;
  color: #4a4a4a; }
.data p {
  font-size: 16px;
  line-height: 1.88;
  color: #4a4a4a; }
  .data p.note {
    font-size: 14px;
    color: #9b9b9b; }
  .data p.info {
    text-align: left;
    max-width: 275px;
    margin: 0 auto; }
    .data p.info a {
      color: #967a0a;
      text-decoration: underline; }
.data section {
  padding-top: 50px;
  padding-bottom: 50px; }
.data .facets .s1, .data .facets .s2, .data .facets .s3 {
  position: relative; }
  .data .facets .s1 .txt, .data .facets .s2 .txt, .data .facets .s3 .txt {
    position: absolute;
    width: 250px;
    height: 250px;
    top: 68px;
    left: 50%;
    margin-left: -125px;
    text-align: center;
    font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
    font-size: 130px;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    color: #967a0a;
    line-height: 250px; }
.data .average {
  background-color: #fcf7f0; }
  .data .average .s0 {
    position: relative; }
    .data .average .s0 .txt {
      position: absolute;
      width: 250px;
      height: 250px;
      top: 0;
      left: 50%;
      margin-left: -125px;
      text-align: center;
      font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
      font-size: 160px;
      font-weight: bold;
      font-style: italic;
      font-stretch: normal;
      color: #967a0a;
      line-height: 250px; }
  .data .average .sub-title {
    position: relative; }
    .data .average .sub-title span {
      font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
      font-size: 36px;
      font-weight: bold;
      font-style: italic;
      font-stretch: normal;
      color: #967a0a;
      text-shadow: 1px 1px 0 #fff; }
.data .tools {
  padding-bottom: 0; }
  .data .tools .title {
    font-size: 30px;
    line-height: 1.33;
    text-align: center;
    color: #cca677; }
  .data .tools p {
    min-height: 90px; }
  .data .tools .row div {
    padding: 50px; }
    .data .tools .row div:nth-child(1) {
      background: #fcf7f0; }
    .data .tools .row div:nth-child(2) {
      background: #ffffff; }
    .data .tools .row div:nth-child(3) {
      background: #fcf7f0; }
    .data .tools .row div:nth-child(4) {
      background: #ffffff; }
.data .score img {
  max-width: 80%; }
.data .score p span {
  font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
  font-size: 26px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.15;
  color: #cca677; }
.data .situation {
  background-color: #fcf7f0; }
  .data .situation .col-xs-6, .data .situation .check-1 .board .main-form .content .financial .item, .check-1 .board .main-form .content .financial .data .situation .item,
  .data .situation .check-2 .board .main-form .content .financial .item,
  .check-2 .board .main-form .content .financial .data .situation .item,
  .data .situation .check-3 .board .main-form .content .financial .item,
  .check-3 .board .main-form .content .financial .data .situation .item, .data .situation .check-3 .financial .item, .check-3 .financial .data .situation .item {
    padding-left: 10px;
    padding-right: 10px; }
  .data .situation .ready h3 {
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    color: #cca677;
    border-bottom: solid 2px #967a0a;
    margin: 10px 0;
    padding-top: 10px;
    padding-bottom: 10px; }
  .data .situation .ready .top2 {
    border-top: solid 2px #967a0a; }
.data .myth img {
  max-width: 200px;
  margin: 0 auto; }
.data .myth h2 {
  margin-bottom: 65px; }
.data .myth .sub-title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px; }
.data .myth .percen {
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
  line-height: 0.75;
  text-align: center;
  color: #967a0a;
  margin-bottom: 20px; }
.data .skill {
  background-color: #fcf7f0; }
  .data .skill h2 {
    margin-bottom: 65px; }
.data .go-check {
  position: relative;
  min-height: 280px;
  background: url("../images/data/go-check-bg.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px; }
  .data .go-check p {
    font-size: 12px;
    line-height: 2.08;
    font-family: PingFangTC;
    color: #4a4a4a; }
  .data .go-check .btn-main {
    margin-top: 80px; }

@media (min-width: 481px) {
  .data .kv .board div .title {
    font-size: 22px; }
  .data .kv .board div p {
    font-size: 16px; } }
@media (min-width: 768px) {
  .data .kv {
    min-height: 50vh; }
    .data .kv .board {
      min-height: 50vh; }
      .data .kv .board div .title {
        font-size: 34px; }
      .data .kv .board div p {
        font-size: 16px; }
  .data .title {
    font-size: 30px;
    line-height: 1.33;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff;
    margin-bottom: 20px; }
  .data .tools {
    overflow: hidden;
    padding: 0 15px; }
    .data .tools .row div:nth-child(1) {
      background: #fcf7f0; }
    .data .tools .row div:nth-child(2) {
      background: #ffffff; }
    .data .tools .row div:nth-child(3) {
      background: #ffffff; }
    .data .tools .row div:nth-child(4) {
      background: #fcf7f0; } }
.check {
  position: relative;
  min-height: 100vh;
  background: url("../images/banner/check-bg.png") top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 66px;
  padding-bottom: 29px; }
  .check .board {
    display: table;
    height: 100vh;
    padding: 40px 5px;
    overflow: hidden;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4); }
    .check .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/check-bg-blur.png") top fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .check .board .form {
      display: table-cell;
      vertical-align: middle; }
      .check .board .form h1 {
        position: relative;
        font-size: 32px;
        line-height: 1.3;
        text-align: center;
        margin: 0 auto 30px auto;
        color: #007e7d; }
      .check .board .form p {
        position: relative;
        font-size: 16px;
        line-height: 1.88;
        text-align: center;
        color: #007e7d;
        padding: 0 10px 10px 10px; }
      .check .board .form hr {
        position: relative;
        margin: 30px 0;
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
        border-bottom: solid 1px #9b9b9b;
        border-top: none; }
      .check .board .form .control-label {
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.88;
        color: #4a4a4a; }
      .check .board .form .form-group {
        margin-bottom: 28px;
        text-align: center; }
        .check .board .form .form-group .btn-group {
          height: 40px;
          font-size: 16px;
          line-height: 1.88;
          text-align: right;
          border-radius: 40px;
          background-color: #ffffff;
          box-shadow: 1px 1px 0 0 #ffffff, inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
          margin: 0 auto; }
          .check .board .form .form-group .btn-group .btn {
            color: #9b9b9b;
            background: #FFF;
            border-color: transparent;
            border-radius: 40px;
            margin: 4px;
            padding: 6px 17px; }
            .check .board .form .form-group .btn-group .btn.active {
              border-color: transparent;
              border-radius: 40px;
              color: #FFF;
              background-color: #cca677; }
        .check .board .form .form-group .input-group {
          height: 40px;
          width: 208px;
          font-size: 16px;
          line-height: 1.88;
          text-align: right;
          border-radius: 40px;
          background-color: #ffffff;
          box-shadow: 1px 1px 0 0 #ffffff, inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
          margin: 0 auto; }
          .check .board .form .form-group .input-group .input-group-btn,
          .check .board .form .form-group .input-group .county,
          .check .board .form .form-group .input-group input {
            height: 40px;
            width: 95%;
            border-radius: 40px 0 0 40px;
            border-color: transparent;
            background: transparent; }
          .check .board .form .form-group .input-group .area,
          .check .board .form .form-group .input-group .input-group-addon {
            border-radius: 0 40px 40px 0;
            width: 68px;
            height: 40px;
            background-image: linear-gradient(to top, #dee2e3, #ffffff);
            box-shadow: 1px 1px 0 0 #ffffff, inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
      .check .board .form .customer .btn-group {
        margin-top: 15px; }
      .check .board .form .note {
        margin-top: 30px;
        font-family: PingFangTC;
        font-size: 12px;
        line-height: 2.08;
        color: #4a4a4a; }

.check-1,
.check-2,
.check-3 {
  position: relative;
  min-height: 100vh;
  background: url("../images/banner/check1-bg.png") top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 66px;
  padding-bottom: 29px; }
  .check-1 .board,
  .check-2 .board,
  .check-3 .board {
    position: relative;
    margin: 20px auto;
    border-radius: 7px;
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4);
    width: 100%; }
    .check-1 .board:before,
    .check-2 .board:before,
    .check-3 .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/check1-bg-blur.png") center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .check-1 .board .progress-top,
    .check-2 .board .progress-top,
    .check-3 .board .progress-top {
      position: relative;
      margin: 20px auto;
      text-align: center; }
      .check-1 .board .progress-top .step,
      .check-2 .board .progress-top .step,
      .check-3 .board .progress-top .step {
        position: relative;
        display: inline-block;
        width: 32%; }
        .check-1 .board .progress-top .step p,
        .check-2 .board .progress-top .step p,
        .check-3 .board .progress-top .step p {
          font-size: 13px;
          color: #4a4a4a;
          text-shadow: 0 0 13px #ffffff;
          margin-top: 20px; }
      .check-1 .board .progress-top .line,
      .check-2 .board .progress-top .line,
      .check-3 .board .progress-top .line {
        position: relative;
        display: none;
        width: 12%;
        height: 85px; }
        .check-1 .board .progress-top .line hr,
        .check-2 .board .progress-top .line hr,
        .check-3 .board .progress-top .line hr {
          margin-bottom: 40px; }
      .check-1 .board .progress-top .badge,
      .check-2 .board .progress-top .badge,
      .check-3 .board .progress-top .badge {
        width: 64px;
        height: 64px;
        line-height: 60px;
        border-radius: 60px;
        font-size: 24px;
        background-color: #dddddd;
        box-shadow: 0 1px 0 0 #ffffff; }
        .check-1 .board .progress-top .badge.active,
        .check-2 .board .progress-top .badge.active,
        .check-3 .board .progress-top .badge.active {
          background-color: #cca677; }
    .check-1 .board .main-form,
    .check-2 .board .main-form,
    .check-3 .board .main-form {
      position: relative;
      display: inline-block;
      width: 104%;
      border-radius: 5px;
      background-color: #ffffff;
      margin-left: -2%; }
      .check-1 .board .main-form input,
      .check-2 .board .main-form input,
      .check-3 .board .main-form input {
        border: none;
        border-bottom: 2px solid #a4a4a4;
        width: 200px;
        text-align: center;
        font-family: TimesNewRomanPS-MT;
        font-size: 30px;
        line-height: 1.2;
        font-weight: bold;
        font-style: italic;
        color: #4a4a4a;
        height: 40px;
        padding: 0 10px; }
      .check-1 .board .main-form .title,
      .check-2 .board .main-form .title,
      .check-3 .board .main-form .title {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 25px;
        color: #cca677;
        border-radius: 5px 5px 0 0;
        text-shadow: 0 1px 0 #ffffff;
        background-color: #f2e5d5;
        padding: 10px 0;
        text-align: center; }
        .check-1 .board .main-form .title:after,
        .check-2 .board .main-form .title:after,
        .check-3 .board .main-form .title:after {
          bottom: 100%;
          left: 18.25%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(242, 229, 213, 0);
          border-bottom-color: #f2e5d5;
          border-width: 10px;
          margin-left: -10px; }
        .check-1 .board .main-form .title span,
        .check-2 .board .main-form .title span,
        .check-3 .board .main-form .title span {
          font-size: 16px;
          color: #4a4a4a;
          line-height: 25px; }
      .check-1 .board .main-form .content,
      .check-2 .board .main-form .content,
      .check-3 .board .main-form .content {
        padding: 10px 15px; }
        .check-1 .board .main-form .content h4,
        .check-2 .board .main-form .content h4,
        .check-3 .board .main-form .content h4 {
          margin-top: 20px;
          margin-bottom: 20px; }
        .check-1 .board .main-form .content .input-group,
        .check-2 .board .main-form .content .input-group,
        .check-3 .board .main-form .content .input-group {
          margin-top: 10px; }
        .check-1 .board .main-form .content .q2-2 h4,
        .check-1 .board .main-form .content .q2-3 h4,
        .check-1 .board .main-form .content .q2-4 h4,
        .check-2 .board .main-form .content .q2-2 h4,
        .check-2 .board .main-form .content .q2-3 h4,
        .check-2 .board .main-form .content .q2-4 h4,
        .check-3 .board .main-form .content .q2-2 h4,
        .check-3 .board .main-form .content .q2-3 h4,
        .check-3 .board .main-form .content .q2-4 h4 {
          margin-top: 0; }
        .check-1 .board .main-form .content .slider,
        .check-2 .board .main-form .content .slider,
        .check-3 .board .main-form .content .slider {
          margin-top: 32px; }
        .check-1 .board .main-form .content .btn-group,
        .check-2 .board .main-form .content .btn-group,
        .check-3 .board .main-form .content .btn-group {
          height: 40px;
          font-size: 16px;
          line-height: 1.88;
          text-align: right;
          border-radius: 40px;
          background-color: #ffffff;
          box-shadow: 1px 1px 0 0 #ffffff, inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
          margin: 20px auto; }
          .check-1 .board .main-form .content .btn-group .btn,
          .check-2 .board .main-form .content .btn-group .btn,
          .check-3 .board .main-form .content .btn-group .btn {
            color: #9b9b9b;
            background: #FFF;
            border-color: transparent;
            border-radius: 40px;
            margin: 4px;
            padding: 6px 16px; }
            .check-1 .board .main-form .content .btn-group .btn.active,
            .check-2 .board .main-form .content .btn-group .btn.active,
            .check-3 .board .main-form .content .btn-group .btn.active {
              border-color: transparent;
              border-radius: 40px;
              color: #FFF;
              background-color: #cca677; }
        .check-1 .board .main-form .content .financial .item,
        .check-2 .board .main-form .content .financial .item,
        .check-3 .board .main-form .content .financial .item {
          text-align: center;
          margin: 1px auto;
          padding: 20px 0; }
          .check-1 .board .main-form .content .financial .item p,
          .check-2 .board .main-form .content .financial .item p,
          .check-3 .board .main-form .content .financial .item p {
            font-size: 16px;
            margin-top: 10px; }
          .check-1 .board .main-form .content .financial .item .o,
          .check-2 .board .main-form .content .financial .item .o,
          .check-3 .board .main-form .content .financial .item .o {
            margin: 0 auto;
            width: 70px;
            height: 70px;
            padding: 10px 0;
            border-radius: 140px;
            border: 2px solid transparent;
            background: transparent; }
          .check-1 .board .main-form .content .financial .item:hover,
          .check-2 .board .main-form .content .financial .item:hover,
          .check-3 .board .main-form .content .financial .item:hover {
            box-shadow: none; }
            .check-1 .board .main-form .content .financial .item:hover .o,
            .check-2 .board .main-form .content .financial .item:hover .o,
            .check-3 .board .main-form .content .financial .item:hover .o {
              margin: 0 auto;
              width: 70px;
              height: 70px;
              padding: 10px 0;
              border-radius: 140px;
              border: 2px solid rgba(204, 166, 119, 0.3);
              background: rgba(241, 229, 213, 0.3); }
          .check-1 .board .main-form .content .financial .item.active,
          .check-2 .board .main-form .content .financial .item.active,
          .check-3 .board .main-form .content .financial .item.active {
            box-shadow: none; }
            .check-1 .board .main-form .content .financial .item.active .o,
            .check-2 .board .main-form .content .financial .item.active .o,
            .check-3 .board .main-form .content .financial .item.active .o {
              margin: 0 auto;
              width: 70px;
              height: 70px;
              padding: 10px 0;
              border-radius: 140px;
              border: 2px solid #cca677;
              background: rgba(241, 229, 213, 0.3); }
            .check-1 .board .main-form .content .financial .item.active:hover,
            .check-2 .board .main-form .content .financial .item.active:hover,
            .check-3 .board .main-form .content .financial .item.active:hover {
              box-shadow: none; }
              .check-1 .board .main-form .content .financial .item.active:hover .o,
              .check-2 .board .main-form .content .financial .item.active:hover .o,
              .check-3 .board .main-form .content .financial .item.active:hover .o {
                margin: 0 auto;
                width: 70px;
                height: 70px;
                padding: 10px 0;
                border-radius: 140px;
                border: 2px solid #cca677;
                background: rgba(241, 229, 213, 0.3); }
    .check-1 .board .btns,
    .check-2 .board .btns,
    .check-3 .board .btns {
      margin: 15px auto; }
      .check-1 .board .btns .btn-main,
      .check-2 .board .btns .btn-main,
      .check-3 .board .btns .btn-main {
        margin: 15px; }

.check-1 .board .main-form .title:after {
  left: 18.25%; }

.check-2 .board .main-form .title:after {
  left: 50%; }

.check-3 .board .main-form .title:after {
  left: 81%; }

.check-3 .financial .item {
  height: 155px; }
  .check-3 .financial .item p {
    font-size: 16px;
    margin-top: 10px; }
  .check-3 .financial .item .o {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    padding: 10px 0;
    border-radius: 140px;
    border: 2px solid transparent;
    background: transparent; }
  .check-3 .financial .item:active, .check-3 .financial .item:focus, .check-3 .financial .item:hover, .check-3 .financial .item.active {
    box-shadow: none; }
    .check-3 .financial .item:active .o, .check-3 .financial .item:focus .o, .check-3 .financial .item:hover .o, .check-3 .financial .item.active .o {
      margin: 0 auto;
      width: 70px;
      height: 70px;
      padding: 10px 0;
      border-radius: 140px;
      border: 2px solid #cca677;
      background: rgba(241, 229, 213, 0.3); }

.check-4 section {
  padding-top: 50px;
  padding-bottom: 50px; }
.check-4 .kv {
  position: relative;
  min-height: 50vh;
  background: url("../images/banner/check-4.png") top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .check-4 .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .check-4 .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .check-4 .kv .board {
    min-height: 50vh;
    padding: 20px 0 45px 0;
    overflow: hidden;
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4); }
    .check-4 .kv .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/check-bg-blur.png") top fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      filter: blur(20px);
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .check-4 .kv .board .form h3 {
      position: relative;
      font-size: 22px;
      line-height: 1.3;
      text-align: center;
      margin: 0 auto 30px auto;
      color: #967a0a;
      margin: 20px 0; }
      .check-4 .kv .board .form h3 span {
        font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
        font-size: 56px;
        font-weight: bold;
        font-style: italic;
        font-stretch: normal;
        color: #967a0a;
        text-shadow: 1px 1px 0 #ffffff; }
    .check-4 .kv .board .form .score {
      margin: 0 auto;
      text-align: center; }
      .check-4 .kv .board .form .score .txt {
        position: absolute;
        width: 250px;
        height: 250px;
        top: 0;
        left: 50%;
        margin-left: -135px;
        text-align: center;
        font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
        font-size: 110px;
        font-weight: bold;
        font-style: italic;
        font-stretch: normal;
        color: #967a0a;
        line-height: 250px; }
      .check-4 .kv .board .form .score span {
        font-size: 20px;
        font-weight: bold;
        color: #967a0a; }
.check-4 .s1 {
  background-color: #fcf7f0; }
  .check-4 .s1 h1 {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    text-align: center;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff; }
  .check-4 .s1 p {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    text-align: center;
    min-height: 48px;
    color: #4a4a4a;
    margin-bottom: 20px; }
  .check-4 .s1 .q11, .check-4 .s1 .q12, .check-4 .s1 .q13 {
    padding: 0 18px;
    margin-bottom: 20px; }
    .check-4 .s1 .q11 .content, .check-4 .s1 .q12 .content, .check-4 .s1 .q13 .content {
      padding: 20px 25px;
      background-color: #f2e5d5;
      margin: 30px auto;
      width: 300px; }
      .check-4 .s1 .q11 .content .title, .check-4 .s1 .q12 .content .title, .check-4 .s1 .q13 .content .title {
        font-weight: bolder;
        font-size: 24px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.6;
        text-align: center;
        color: #967a0a;
        margin-bottom: 5px; }
      .check-4 .s1 .q11 .content .txt, .check-4 .s1 .q12 .content .txt, .check-4 .s1 .q13 .content .txt {
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        text-align: center;
        color: #967a0a; }
      .check-4 .s1 .q11 .content .info, .check-4 .s1 .q12 .content .info, .check-4 .s1 .q13 .content .info {
        font-size: 16px;
        line-height: 1.88;
        text-align: left;
        color: #4a4a4a;
        min-height: 270px; }
      .check-4 .s1 .q11 .content .progress, .check-4 .s1 .q12 .content .progress, .check-4 .s1 .q13 .content .progress {
        position: relative;
        margin: 2px 30px 20px 30px;
        padding: 5px;
        height: 30px;
        border-radius: 40px;
        background-color: #f4f4f4;
        box-shadow: none;
        overflow: visible; }
        .check-4 .s1 .q11 .content .progress .progress-bar, .check-4 .s1 .q12 .content .progress .progress-bar, .check-4 .s1 .q13 .content .progress .progress-bar {
          height: 20px;
          border-radius: 40px;
          background-image: linear-gradient(to top, #fff382, #bd9100); }
        .check-4 .s1 .q11 .content .progress .label, .check-4 .s1 .q12 .content .progress .label, .check-4 .s1 .q13 .content .progress .label {
          position: absolute;
          left: -35px;
          color: #4a4a4a;
          font-size: 16px; }
        .check-4 .s1 .q11 .content .progress .data, .check-4 .s1 .q12 .content .progress .data, .check-4 .s1 .q13 .content .progress .data {
          position: absolute;
          right: -40px;
          top: -2px;
          width: 42px;
          text-align: right;
          font-size: 24px;
          font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
          color: #967a0a; }
.check-4 .s2 h1 {
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  text-align: center;
  color: #cca677;
  text-shadow: 1px 1px 0 #ffffff; }
.check-4 .s2 p {
  font-size: 16px;
  color: #4a4a4a;
  margin-bottom: 50px; }
.check-4 .s2 img {
  margin: 0 auto;
  height: 150px;
  margin-bottom: 20px; }
.check-4 .s2 .title {
  font-size: 20px;
  color: #967a0a;
  margin-bottom: 50px;
  min-height: 56px; }
.check-4 .s2 .think {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 30px;
  color: #4a4a4a; }
  .check-4 .s2 .think span {
    font-size: 30px;
    line-height: 30px;
    color: #007e7d;
    position: relative; }
    .check-4 .s2 .think span.agree:after {
      content: '迷思';
      width: 38px;
      height: 18px;
      background-image: linear-gradient(to left, #f3505e, #9f041c);
      position: absolute;
      top: 6px;
      right: -42px;
      font-size: 12px;
      line-height: 1.5;
      color: #FFF; }
.check-4 .s2 .info {
  width: 260px;
  line-height: 1.88;
  text-align: left;
  margin: 0 auto; }
  .check-4 .s2 .info a {
    color: #967a0a;
    text-decoration: underline; }
.check-4 .s2 h1.title {
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  text-align: center;
  color: #cca677;
  text-shadow: 1px 1px 0 #ffffff;
  margin-bottom: 10px; }
.check-4 .s2 .description {
  margin: 20px auto;
  width: 100%;
  justify-content: center; }
  .check-4 .s2 .description .detail {
    display: inline-flex;
    height: 16px;
    margin: 0 10px;
    padding: 0; }
  .check-4 .s2 .description .circle {
    display: inline-flex;
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 99em; }
  .check-4 .s2 .description .circle_green {
    background-color: #2e8f4e; }
  .check-4 .s2 .description .circle_yellow {
    background-color: #deca1f; }
  .check-4 .s2 .description .circle_red {
    background-color: #d22c2c; }
  .check-4 .s2 .description .cirLayer {
    height: 14px;
    margin-top: 2px;
    margin-right: 6px; }
.check-4 .s2 .pow .powTitle {
  text-align: left;
  font-size: 25px;
  line-height: 1.6;
  color: #cca677;
  font-family: "Arial", "Noto Sans TC", "Microsoft JhengHei", "sans-serif"; }
.check-4 .s2 .pow .powText {
  text-align: left;
  font-size: 16px;
  color: #4a4a4a;
  display: inline-flex;
  align-items: flex-end; }
.check-4 .s2 .pow .numClass {
  border: none;
  text-align: center;
  font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  color: #967a0a;
  height: 40px; }
.check-4 .s2 .pow .powLine {
  height: 1px;
  margin: 10px auto;
  background-color: #d3d3d3; }
.check-4 .s2 .desIntro p {
  line-height: 2;
  font-size: 12px;
  text-align: left; }
  .check-4 .s2 .desIntro p span {
    padding-left: 0; }
.check-4 .s2 .powAll {
  height: 300px;
  margin-left: 0; }
  .check-4 .s2 .powAll svg {
    position: relative;
    width: 275px;
    height: 280px; }
  .check-4 .s2 .powAll .pow5 {
    position: relative;
    width: 275px;
    height: 265px; }
    .check-4 .s2 .powAll .pow5 .fivePowDes {
      position: absolute; }
    .check-4 .s2 .powAll .pow5 .fivePow1 {
      width: 120px;
      left: 118px;
      top: -65px; }
    .check-4 .s2 .powAll .pow5 .fivePow2 {
      width: 110px;
      left: 244px;
      top: 13px; }
    .check-4 .s2 .powAll .pow5 .fivePow3 {
      width: 110px;
      left: 195px;
      top: 155px; }
    .check-4 .s2 .powAll .pow5 .fivePow4 {
      width: 100px;
      left: 55px;
      top: 155px; }
    .check-4 .s2 .powAll .pow5 .fivePow5 {
      width: 100px;
      left: 7px;
      top: 13px; }
.check-4 .s3 h1 {
  font-size: 30px;
  line-height: 1.33;
  text-align: center;
  color: #cca677;
  text-shadow: 1px 1px 0 #ffffff;
  margin-bottom: 20px; }
.check-4 .s3 h3 {
  font-size: 20px;
  line-height: 1.5;
  color: #967a0a; }
.check-4 .s3 .q1 {
  margin-bottom: 10px; }
.check-4 .s3 .item {
  width: 30%;
  height: 100px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  white-space: nowrap;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none; }
.check-4 .s3 .user-data {
  background-color: #fcf7f0;
  padding: 50px 30px;
  margin-bottom: 30px; }
.check-4 .s3 .user-other {
  margin-bottom: 30px; }
.check-4 .booking {
  position: relative;
  min-height: 40vh;
  background: url("../images/banner/booking.png") top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .check-4 .booking .board {
    display: table;
    height: 40.1vh;
    padding: 15px;
    overflow: hidden;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background-color: #007e7d;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border-right: solid 1px rgba(255, 255, 255, 0.4);
    border-left: solid 1px rgba(255, 255, 255, 0.4); }
    .check-4 .booking .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/booking-blur.png") top fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .check-4 .booking .board .form {
      display: table-cell;
      vertical-align: middle; }
      .check-4 .booking .board .form h3 {
        position: relative;
        font-size: 25px;
        line-height: 1.3;
        text-align: center;
        margin: 0 auto 30px auto;
        color: #f6e7d4;
        text-shadow: 0 1px 0 #999;
        margin: 20px 0; }
      .check-4 .booking .board .form p {
        font-size: 16px;
        color: #FFF;
        padding: 0 50px 20px 50px; }
      .check-4 .booking .board .form .btn-main {
        margin: 10px; }
      .check-4 .booking .board .form .btn-contact span {
        padding: 10px 28px; }

@media (min-width: 768px) {
  .check {
    padding-top: 0;
    padding-bottom: 0; }
    .check .board {
      padding: 100px 50px 80px 50px; }
      .check .board .form h1 {
        position: relative;
        font-size: 63px;
        line-height: 1.3;
        text-align: center;
        margin: 0 auto 30px auto;
        color: #007e7d; }
      .check .board .form p {
        position: relative;
        font-size: 16px;
        line-height: 1.88;
        text-align: center;
        color: #007e7d;
        padding: 0 0 30px 0; }
      .check .board .form hr {
        position: relative;
        margin: 30px 0;
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
        border-bottom: solid 1px #9b9b9b;
        border-top: none; }
      .check .board .form .form-group {
        text-align: left; }
        .check .board .form .form-group .btn-group {
          margin: 0; }
        .check .board .form .form-group .input-group {
          margin: 0; }
      .check .board .form .customer .btn-group {
        margin-top: 15px; }

  .check-1,
  .check-2,
  .check-3 {
    padding-top: 0;
    padding-bottom: 0; }
    .check-1 .board,
    .check-2 .board,
    .check-3 .board {
      margin: 98px auto 79px auto; }
      .check-1 .board .progress,
      .check-2 .board .progress,
      .check-3 .board .progress {
        margin: 50px auto; }
        .check-1 .board .progress .step,
        .check-2 .board .progress .step,
        .check-3 .board .progress .step {
          width: 20%; }
        .check-1 .board .progress .line,
        .check-2 .board .progress .line,
        .check-3 .board .progress .line {
          position: relative;
          display: inline-block;
          width: 12%; }
      .check-1 .board .main-form .title,
      .check-2 .board .main-form .title,
      .check-3 .board .main-form .title {
        padding: 50px 45px;
        text-align: left; }
      .check-1 .board .main-form .content,
      .check-2 .board .main-form .content,
      .check-3 .board .main-form .content {
        padding: 10px 30px; }
      .check-1 .board .btns,
      .check-2 .board .btns,
      .check-3 .board .btns {
        margin: 42px auto; }
        .check-1 .board .btns .btn-main,
        .check-2 .board .btns .btn-main,
        .check-3 .board .btns .btn-main {
          margin: 25px; }

  .check-3 .board .main-form .content .financial .item {
    width: 25%; }

  .check-4 .s2 h1 {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    text-align: center;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff; }
  .check-4 .s2 p {
    font-size: 16px;
    color: #4a4a4a;
    margin-bottom: 50px; }
  .check-4 .s2 img {
    margin: 0 auto;
    height: 150px;
    margin-bottom: 20px; }
  .check-4 .s2 .title {
    font-size: 20px;
    color: #967a0a;
    margin-bottom: 50px;
    min-height: 56px; }
  .check-4 .s2 .think {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 30px;
    color: #4a4a4a; }
    .check-4 .s2 .think span {
      font-size: 30px;
      line-height: 30px;
      color: #007e7d;
      position: relative; }
      .check-4 .s2 .think span.agree:after {
        content: '迷思';
        width: 38px;
        height: 18px;
        background-image: linear-gradient(to left, #f3505e, #9f041c);
        position: absolute;
        top: 6px;
        right: -42px;
        font-size: 12px;
        line-height: 1.5;
        color: #FFF; }
  .check-4 .s2 .info {
    width: 260px;
    line-height: 1.88;
    text-align: left;
    margin: 0 auto; }
    .check-4 .s2 .info a {
      color: #967a0a;
      text-decoration: underline; }
  .check-4 .s2 h1.title {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    text-align: center;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff;
    margin-bottom: 10px; }
  .check-4 .s2 .desIntro {
    padding-left: 130px; }
    .check-4 .s2 .desIntro p span {
      padding-left: 48px; }
  .check-4 .s2 .powAll {
    height: 255px;
    margin-left: -20px; }
    .check-4 .s2 .powAll svg {
      position: relative;
      width: 255px;
      height: 255px; }
    .check-4 .s2 .powAll .pow5 {
      position: relative;
      width: 275px;
      height: 265px; }
      .check-4 .s2 .powAll .pow5 .fivePowDes {
        position: absolute; }
      .check-4 .s2 .powAll .pow5 .fivePow1 {
        width: 120px;
        left: 118px;
        top: -65px; }
      .check-4 .s2 .powAll .pow5 .fivePow2 {
        width: 110px;
        left: 244px;
        top: 13px; }
      .check-4 .s2 .powAll .pow5 .fivePow3 {
        width: 110px;
        left: 195px;
        top: 155px; }
      .check-4 .s2 .powAll .pow5 .fivePow4 {
        width: 100px;
        left: 55px;
        top: 155px; }
      .check-4 .s2 .powAll .pow5 .fivePow5 {
        width: 100px;
        left: 7px;
        top: 13px; }
  .check-4 .s2 .description {
    margin: 20px auto;
    width: 100%;
    justify-content: center; }
    .check-4 .s2 .description .detail {
      display: inline-flex;
      height: 16px;
      margin: 0 10px;
      padding: 0; }
    .check-4 .s2 .description .circle {
      display: inline-flex;
      top: 1px;
      width: 14px;
      height: 14px;
      border-radius: 99em; }
    .check-4 .s2 .description .circle_green {
      background-color: #2e8f4e; }
    .check-4 .s2 .description .circle_yellow {
      background-color: #deca1f; }
    .check-4 .s2 .description .circle_red {
      background-color: #d22c2c; }
    .check-4 .s2 .description .cirLayer {
      height: 14px;
      margin-top: 2px;
      margin-right: 6px; }
  .check-4 .s2 .powSm {
    margin-bottom: 20px; }
    .check-4 .s2 .powSm .powIcon {
      width: 28px;
      height: 28px;
      margin: 0;
      padding: 0; }
    .check-4 .s2 .powSm .powTitle {
      text-align: center;
      font-size: 16px;
      line-height: 1.6;
      color: #cca677;
      font-family: "Arial", "Noto Sans TC", "Microsoft JhengHei", "sans-serif"; }
    .check-4 .s2 .powSm .powText {
      justify-content: center;
      font-size: 12px;
      color: #4a4a4a;
      display: inline-flex;
      align-items: flex-end;
      margin-bottom: 20px;
      padding: 0; }
    .check-4 .s2 .powSm .numClass {
      border: none;
      text-align: center;
      font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
      font-size: 20px;
      font-weight: bold;
      font-style: italic;
      color: #967a0a;
      height: 27px; }
  .check-4 .s2 .pow .powTitle {
    text-align: left;
    font-size: 25px;
    line-height: 1.6;
    color: #cca677;
    font-family: "Arial", "Noto Sans TC", "Microsoft JhengHei", "sans-serif"; }
  .check-4 .s2 .pow .powText {
    text-align: left;
    font-size: 16px;
    color: #4a4a4a;
    display: inline-flex;
    align-items: flex-end; }
  .check-4 .s2 .pow .numClass {
    border: none;
    text-align: center;
    font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    color: #967a0a;
    height: 40px; }
  .check-4 .s2 .pow .powLine {
    height: 1px;
    margin: 10px auto;
    background-color: #d3d3d3; } }
@media (min-width: 992px) {
  .check-3 .board .main-form .content .financial .item {
    width: 12.5%; }

  .check-4 .s2 .desIntro {
    padding-left: 50px; }
    .check-4 .s2 .desIntro p span {
      padding-left: 0; }
  .check-4 .s2 .powAll {
    height: 300px;
    margin-left: -20px; }
    .check-4 .s2 .powAll svg {
      position: relative;
      width: 335px;
      height: 330px; }
    .check-4 .s2 .powAll .pow5 {
      position: relative;
      width: 275px;
      height: 265px; }
      .check-4 .s2 .powAll .pow5 .fivePowDes {
        position: absolute; }
      .check-4 .s2 .powAll .pow5 .fivePow1 {
        width: 120px;
        left: 118px;
        top: -65px; }
      .check-4 .s2 .powAll .pow5 .fivePow2 {
        width: 110px;
        left: 244px;
        top: 13px; }
      .check-4 .s2 .powAll .pow5 .fivePow3 {
        width: 110px;
        left: 195px;
        top: 155px; }
      .check-4 .s2 .powAll .pow5 .fivePow4 {
        width: 100px;
        left: 55px;
        top: 155px; }
      .check-4 .s2 .powAll .pow5 .fivePow5 {
        width: 100px;
        left: 7px;
        top: 13px; }
  .check-4 .s2 .powSm {
    margin-bottom: 50px; }
    .check-4 .s2 .powSm .powIcon {
      width: 48px;
      height: 48px;
      margin: 0;
      padding: 0; }
    .check-4 .s2 .powSm .powTitle {
      text-align: center;
      font-size: 25px;
      line-height: 1.6;
      color: #cca677; }
    .check-4 .s2 .powSm .powText {
      justify-content: center;
      font-size: 16px;
      color: #4a4a4a;
      display: inline-flex;
      align-items: flex-end;
      margin-bottom: 20px; }
    .check-4 .s2 .powSm .numClass {
      border: none;
      text-align: center;
      font-family: 'Times New Roman', 'TimesNewRomanPS-MT';
      font-size: 34px;
      font-weight: bold;
      font-style: italic;
      color: #967a0a;
      height: 40px; } }
@media (min-width: 1200px) {
  .check-4 .s2 .desIntro {
    padding-left: 140px; }
  .check-4 .s2 .powAll {
    height: 300px;
    margin-left: 0; }
    .check-4 .s2 .powAll svg {
      position: relative;
      width: 335px;
      height: 330px; }
    .check-4 .s2 .powAll .pow5 {
      position: relative;
      width: 275px;
      height: 265px; }
      .check-4 .s2 .powAll .pow5 .fivePowDes {
        position: absolute; }
      .check-4 .s2 .powAll .pow5 .fivePow1 {
        width: 120px;
        left: 118px;
        top: -65px; }
      .check-4 .s2 .powAll .pow5 .fivePow2 {
        width: 110px;
        left: 244px;
        top: 13px; }
      .check-4 .s2 .powAll .pow5 .fivePow3 {
        width: 110px;
        left: 195px;
        top: 155px; }
      .check-4 .s2 .powAll .pow5 .fivePow4 {
        width: 100px;
        left: 55px;
        top: 155px; }
      .check-4 .s2 .powAll .pow5 .fivePow5 {
        width: 100px;
        left: 7px;
        top: 13px; } }
.plan .kv {
  position: relative;
  min-height: 240px;
  height: 30vh;
  background: url("../images/banner/plan.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .plan .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .plan .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .plan .kv .board {
    display: table;
    min-height: 240px;
    height: 30vh;
    padding: 15px;
    overflow: hidden;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4); }
    .plan .kv .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/plan-blur.png") center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .plan .kv .board div {
      display: table-cell;
      vertical-align: middle; }
      .plan .kv .board div .title {
        font-size: 23px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        text-align: center;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff;
        padding: 0;
        margin: 0; }
      .plan .kv .board div p {
        font-size: 16px;
        line-height: 1.88;
        text-align: center;
        color: #4a4a4a; }
.plan section {
  padding-top: 50px;
  padding-bottom: 50px; }
  .plan section .title {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    text-align: center;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff;
    margin-bottom: 40px; }
.plan .slogan {
  display: table;
  height: auto;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px; }
  .plan .slogan img {
    margin-top: 0px;
    max-height: 300px; }
  .plan .slogan .container {
    width: 100%;
    display: table-cell;
    vertical-align: middle; }
    .plan .slogan .container h2 {
      margin-bottom: 40px;
      margin-left: 26px;
      font-size: 25px;
      line-height: 2.04;
      color: #000000;
      text-shadow: 1px 1px 0 #ffffff; }
    .plan .slogan .container h4 {
      line-height: 2;
      margin-left: 26px;
      color: #000000;
      text-shadow: 0 1px 0 #ffffff; }
      .plan .slogan .container h4.list {
        padding-left: 26px;
        margin: 10px 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 2.25;
        color: #967a0a; }
      .plan .slogan .container h4 .badge {
        margin-left: -26px;
        padding: 4px 7px;
        margin-top: -4px;
        margin-right: 5px;
        background-color: #967a0a; }
    .plan .slogan .container .no-pd {
      padding: 0; }
.plan .tip {
  background-color: #fcf7f0; }
.plan .live h1.title {
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  text-align: center;
  color: #cca677;
  text-shadow: 1px 1px 0 #ffffff;
  margin-bottom: 40px; }
.plan .live h2.title {
  color: #c18700;
  font-size: 24px;
  margin-bottom: 30px; }
.plan .live p {
  font-size: 20px;
  color: #4a4a4a; }
.plan .live .red {
  margin-top: 50px;
  color: #d61819; }
.plan .live hr {
  border-color: #007d7d; }
.plan .safety {
  background: #fcf7f0; }
.plan .award .features {
  margin-bottom: 50px; }
  .plan .award .features h2 {
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    text-align: center;
    color: #967a0a; }
  .plan .award .features p {
    font-size: 20px;
    color: #666; }
  .plan .award .features hr {
    border-color: #967a0a; }
.plan .award-list {
  background: #fcf7f0; }
.plan .go-check {
  position: relative;
  background: url("../images/banner/plan-go-check.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .plan .go-check p {
    font-size: 12px;
    line-height: 2.08;
    font-family: PingFangTC;
    color: #4a4a4a; }
  .plan .go-check .btn-main {
    margin: 20px 10px; }
  .plan .go-check .btn-checks span {
    padding: 10px 39px; }

@media (min-width: 992px) {
  .plan .kv {
    min-height: 50vh; }
    .plan .kv .board {
      min-height: 50vh; }
      .plan .kv .board div .title {
        font-size: 63px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.03;
        text-align: center;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff; }
      .plan .kv .board div p {
        font-size: 16px; }
  .plan .slogan {
    height: 65vh;
    padding-top: 0;
    padding-bottom: 0; }
    .plan .slogan img {
      margin-top: 40px;
      max-height: 400px; }
  .plan .go-check .btn-main {
    margin: 80px 10px; } }
.support .kv {
  position: relative;
  min-height: 240px;
  height: 30vh;
  background: url("../images/banner/banner-1.png") center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .support .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .support .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .support .kv .board {
    display: table;
    min-height: 240px;
    height: 30vh;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4); }
    .support .kv .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/banner-1.png") center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .support .kv .board div {
      display: table-cell;
      vertical-align: middle; }
      .support .kv .board div h1 {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.3;
        text-align: justify;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff;
        margin-top: 0; }
      .support .kv .board div p {
        font-size: 16px;
        font-weight: normal;
        line-height: 1.3;
        color: #ffffff;
        text-shadow: 0 0 27px #967a0a; }
.support .list {
  padding-top: 12px; }
  .support .list .nav-tabs {
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 35px; }
    .support .list .nav-tabs li {
      display: inline-block;
      float: left;
      width: 49%; }
      .support .list .nav-tabs li.active a {
        color: #cca677;
        padding: 5px 0;
        border: 1px solid transparent;
        border-bottom: 1px solid #cca677; }
      .support .list .nav-tabs li a {
        color: #8a8a8a;
        padding: 5px 0;
        margin: 0 20px;
        border: 1px solid transparent;
        font-size: 16px;
        background: transparent; }
        .support .list .nav-tabs li a:hover {
          color: #cca677;
          background: transparent;
          border: 1px solid transparent;
          border-bottom: 1px solid #cca677; }
  .support .list .tab-content .item {
    margin-bottom: 35px; }
    .support .list .tab-content .item .item-box {
      display: block;
      position: relative;
      width: 204px;
      height: 293px;
      margin: 0 auto;
      border-radius: 3px;
      box-shadow: 0 1px 3px 1px #d9d9d9, -1px 0 1px 0 #ececec, 1px 0 1px 0 #ececec;
      border: solid 1px #d9d9d9;
      overflow: hidden; }
      .support .list .tab-content .item .item-box .img {
        display: block;
        width: 204px;
        height: 262px; }
      .support .list .tab-content .item .item-box .title {
        position: absolute;
        bottom: 30px;
        width: 100%;
        max-height: 55px;
        padding: 5px 10px;
        opacity: 0.78;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: #eee;
        font-size: 16px;
        line-height: 24px;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff;
        box-shadow: 0 1px 0 0 #ffffff;
        border-bottom: solid 1px #cca677;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .support .list .tab-content .item .item-box .board {
        position: absolute;
        width: 100%;
        padding: 6px 12px;
        bottom: 0;
        background-color: #eee;
        font-size: 12px; }
        .support .list .tab-content .item .item-box .board .like {
          float: left;
          color: #3d3d3d;
          opacity: 0.9;
          font-weight: bold;
          padding-left: 20px; }
          .support .list .tab-content .item .item-box .board .like:before {
            position: absolute;
            display: block;
            content: '';
            width: 14px;
            height: 9px;
            top: 10px;
            left: 10px;
            background: url("../images/icon/icon-like.png") no-repeat; }
        .support .list .tab-content .item .item-box .board .book {
          float: right;
          color: #777;
          width: 50%;
          overflow: hidden;
          text-align: right;
          text-overflow: ellipsis;
          white-space: nowrap; }

.support.detail {
  position: relative;
  padding: 120px 15px; }
  .support.detail:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    top: 65px;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .support.detail .breadcrumb {
    background: #FFF;
    color: #007e7d;
    font-size: 16px;
    padding: 8px 0;
    color: #9b9b9b; }
    .support.detail .breadcrumb a {
      color: #007e7d; }
  .support.detail .title h2 {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 2px;
    color: #967a0a;
    margin-bottom: 20px; }
  .support.detail .other {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: solid 2px #d5d5d5; }
    .support.detail .other .info {
      color: #666;
      opacity: 0.9; }
    .support.detail .other .share span {
      color: #666;
      opacity: 0.9; }
    .support.detail .other .share a {
      margin: 0px; }
      .support.detail .other .share a img {
        width: 40px; }
  .support.detail section .img-responsive,
  .support.detail section .embed-responsive {
    margin-bottom: 50px; }
  .support.detail section h1, .support.detail section h2, .support.detail section h3, .support.detail section h4 {
    color: #007e7d; }
  .support.detail section p {
    color: #4a4a4a; }
  .support.detail section hr {
    border-top: 1px solid #ccc; }
  .support.detail section.pages {
    margin-top: 80px; }
    .support.detail section.pages a {
      display: block;
      font-size: 20px;
      line-height: 1.75;
      letter-spacing: 2px;
      color: #967a0a;
      margin-bottom: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

@media (min-width: 480px) {
  .support .list .tab-content .item {
    width: 50%; }

  .support.detail .other .share a {
    margin: 8px; }
    .support.detail .other .share a img {
      width: 50px; } }
@media (min-width: 768px) {
  .support .kv {
    position: relative;
    min-height: 50vh; }
    .support .kv .board {
      min-height: 50vh;
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      background-color: rgba(215, 215, 215, 0.3);
      box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
      border: solid 1px rgba(255, 255, 255, 0.4);
      display: table;
      padding: 0 50px; }
      .support .kv .board div {
        display: table-cell; }
        .support .kv .board div h1 {
          font-size: 63px;
          font-weight: normal;
          line-height: 1.03;
          text-align: center;
          color: #967a0a;
          text-shadow: 0 1px 0 #ffffff; }
        .support .kv .board div p {
          font-size: 16px;
          font-weight: normal;
          line-height: 1.88;
          color: #ffffff;
          text-shadow: 0 0 27px #967a0a; }
  .support .list {
    padding-top: 12px; }
    .support .list .nav-tabs {
      text-align: center;
      border-bottom: 1px solid #d5d5d5;
      margin-bottom: 34px; }
      .support .list .nav-tabs li {
        display: inline-block;
        float: none;
        width: auto; }
        .support .list .nav-tabs li.active a {
          color: #cca677;
          padding: 15px 0;
          border: 1px solid transparent;
          border-bottom: 1px solid #cca677; }
        .support .list .nav-tabs li a {
          color: #8a8a8a;
          padding: 15px 0;
          margin: 0 25px;
          border: 1px solid transparent;
          font-size: 16px; }
          .support .list .nav-tabs li a:hover {
            color: #cca677;
            background: transparent;
            border: 1px solid transparent;
            border-bottom: 1px solid #cca677; }
    .support .list .tab-content .item {
      width: 33.33%; } }
@media (min-width: 992px) {
  .support .list .tab-content .item {
    width: 25%; } }
@media (min-width: 1200px) {
  .support .list .tab-content .item {
    width: 20%; } }
.main-computer .kv {
  position: relative;
  min-height: 240px;
  height: 30vh;
  background: url("../images/banner/main-computer.png") top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .main-computer .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .main-computer .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .main-computer .kv .board {
    display: table;
    min-height: 240px;
    height: 30vh;
    padding: 15px;
    overflow: hidden;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4); }
    .main-computer .kv .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/main-computer-blur.png") center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .main-computer .kv .board div {
      display: table-cell;
      vertical-align: middle; }
      .main-computer .kv .board div .title {
        font-size: 23px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        text-align: center;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff;
        padding: 0;
        margin: 0; }
      .main-computer .kv .board div p {
        font-size: 16px;
        line-height: 1.88;
        text-align: center;
        color: #4a4a4a; }
.main-computer .breadcrumb {
  margin-top: 30px;
  background: #FFF;
  color: #007e7d;
  font-size: 16px;
  padding: 8px 0;
  color: #9b9b9b; }
  .main-computer .breadcrumb a {
    color: #007e7d; }
.main-computer section {
  padding-top: 10px;
  padding-bottom: 50px; }
  .main-computer section .step {
    border-bottom: solid 1px #d5d5d5; }
    .main-computer section .step .title {
      display: inline-block;
      height: 40px;
      font-size: 18px;
      line-height: 1.6;
      color: #967a0a; }
      .main-computer section .step .title .no {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 36px;
        border-radius: 40px;
        background-color: #967a0a;
        border: solid 2px #f6e8d4;
        font-family: TimesNewRomanPS-MT;
        font-size: 25px;
        font-weight: bold;
        font-style: italic;
        color: #ffffff;
        text-align: center; }
    .main-computer section .step .question {
      color: #4a4a4a;
      margin-top: 25px;
      margin-bottom: 25px;
      padding-left: 30px; }
      .main-computer section .step .question.question-sec {
        padding-right: 30px; }
      .main-computer section .step .question .no {
        color: #83680c;
        margin-left: -30px; }
      .main-computer section .step .question .btn-info {
        font-size: 20px;
        padding: 0;
        color: #967a0a;
        background: transparent;
        border-color: transparent; }
      .main-computer section .step .question .btn-group {
        height: auto;
        font-size: 16px;
        line-height: 1.88;
        text-align: right;
        border-radius: 20px;
        background-color: #ffffff;
        box-shadow: 1px 1px 0 0 #ffffff, inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        margin: 0 auto;
        padding: 4px; }
        .main-computer section .step .question .btn-group .btn {
          color: #9b9b9b;
          background: #FFF;
          border-color: transparent;
          border-radius: 40px;
          margin: 0;
          padding: 6px 16px; }
          .main-computer section .step .question .btn-group .btn.active {
            border-color: transparent;
            border-radius: 40px;
            color: #FFF;
            background-color: #cca677; }
      .main-computer section .step .question .live {
        width: 100%; }
        .main-computer section .step .question .live .btn {
          width: 100%; }
      .main-computer section .step .question .live-circle {
        display: none;
        list-style: none;
        padding: 0;
        margin: 20px 0; }
        .main-computer section .step .question .live-circle li {
          display: block;
          float: none;
          margin: 5px auto;
          width: 150px;
          height: 150px;
          border-radius: 150px;
          padding-top: 46px;
          border: 4px solid #cca677;
          color: #FFF;
          background: #f6e8d4; }
          .main-computer section .step .question .live-circle li:nth-child(1) {
            background: url(../images/computer/limousine-1249507@2x.png) center no-repeat;
            background: cover; }
          .main-computer section .step .question .live-circle li:nth-child(2) {
            background: url(../images/computer/meal-918639@2x.png) center no-repeat;
            background: cover; }
          .main-computer section .step .question .live-circle li:nth-child(3) {
            padding-top: 38px;
            border: 4px solid #f6e8d4;
            color: #4a4a4a; }
            .main-computer section .step .question .live-circle li:nth-child(3) span {
              font-family: TimesNewRomanPS-MT;
              font-size: 34px;
              font-weight: bold;
              font-style: italic;
              text-align: center;
              color: #967a0a; }
          .main-computer section .step .question .live-circle li:nth-child(4) {
            background: url(../images/computer/hospital-1822460-1920@2x.png) center no-repeat;
            background: cover; }
          .main-computer section .step .question .live-circle li:nth-child(5) {
            background: url(../images/computer/oia-416135-1920@2x.png) center no-repeat;
            background: cover; }
        .main-computer section .step .question .live-circle.level-1 li:nth-child(1) {
          background: url(../images/computer/1-1.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-1 li:nth-child(2) {
          background: url(../images/computer/1-2.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-1 li:nth-child(4) {
          background: url(../images/computer/1-4.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-1 li:nth-child(5) {
          background: url(../images/computer/1-5.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-2 li:nth-child(1) {
          background: url(../images/computer/2-1.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-2 li:nth-child(2) {
          background: url(../images/computer/2-2.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-2 li:nth-child(4) {
          background: url(../images/computer/2-4.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-2 li:nth-child(5) {
          background: url(../images/computer/2-5.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-3 li:nth-child(1) {
          background: url(../images/computer/3-1.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-3 li:nth-child(2) {
          background: url(../images/computer/3-2.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-3 li:nth-child(4) {
          background: url(../images/computer/3-4.png) center no-repeat;
          background: cover; }
        .main-computer section .step .question .live-circle.level-3 li:nth-child(5) {
          background: url(../images/computer/3-5.png) center no-repeat;
          background: cover; }
      .main-computer section .step .question .job {
        width: 100%; }
        .main-computer section .step .question .job .btn {
          width: 100%; }
    .main-computer section .step.step-1 input {
      border: none;
      border-bottom: 2px solid #a4a4a4;
      width: 80px;
      text-align: center;
      font-family: TimesNewRomanPS-MT;
      font-size: 30px;
      line-height: 1.2;
      font-weight: bold;
      font-style: italic;
      color: #4a4a4a;
      height: 40px;
      padding: 0 10px; }
    .main-computer section .step.step-2 input {
      border: none;
      border-bottom: 2px solid #a4a4a4;
      width: 170px;
      text-align: center;
      font-family: TimesNewRomanPS-MT;
      font-size: 30px;
      line-height: 1.2;
      font-weight: bold;
      font-style: italic;
      color: #4a4a4a;
      height: 40px;
      padding: 0 10px; }
    .main-computer section .step.step-3 input {
      border: none;
      border-bottom: 2px solid #a4a4a4;
      width: 170px;
      text-align: center;
      font-family: TimesNewRomanPS-MT;
      font-size: 30px;
      line-height: 1.2;
      font-weight: bold;
      font-style: italic;
      color: #4a4a4a;
      height: 40px;
      padding: 0 10px; }

.modal .table {
  width: 868px;
  max-width: 868px;
  display: inline-table; }
  .modal .table th {
    width: 1%;
    color: #967a0a;
    vertical-align: middle !important;
    border: none !important;
    padding: 8px 0; }
  .modal .table td {
    vertical-align: middle !important;
    border: none !important;
    padding: 8px 0;
    font-weight: bold; }
  .modal .table thead th {
    text-align: center; }
  .modal .table tbody th {
    padding-left: 20px;
    text-align: left; }
.modal .table-striped > tbody > tr:nth-of-type(odd) {
  background: #f7f7f7; }
.modal .question {
  color: #4a4a4a;
  margin-top: 25px;
  margin-bottom: 25px; }
  .modal .question input {
    border: none;
    border-bottom: 2px solid #a4a4a4;
    width: 170px;
    text-align: center;
    font-family: TimesNewRomanPS-MT;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic;
    color: #4a4a4a;
    height: 40px;
    padding: 0 10px; }
.modal .ans {
  color: #4a4a4a;
  margin-top: 10px;
  margin-bottom: 10px; }
  .modal .ans .no {
    font-family: TimesNewRomanPS-MT;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    color: #967a0a; }
.modal .r2-2 {
  width: 100%;
  display: block;
  background: #f7f7f7;
  padding: 10px;
  margin: 5px auto; }
  .modal .r2-2.bg-w {
    background: transparent; }
  .modal .r2-2 .title {
    float: left;
    margin-top: 30px;
    margin-right: 10px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    color: #967a0a; }
  .modal .r2-2 .list {
    display: inline-block;
    font-size: 16px;
    color: #4a4a4a; }
    .modal .r2-2 .list input {
      line-height: 1.2;
      width: 170px;
      height: 40px;
      background: transparent;
      padding: 0 10px; }
  .modal .r2-2 .ans {
    text-align: center; }
  .modal .r2-2 .switch {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%; }
    .modal .r2-2 .switch span {
      font-size: 18px;
      color: #967a0a; }
.modal .scroll-x {
  width: 100%;
  overflow-x: auto;
  margin: 0; }
.modal .help {
  font-size: 12px;
  font-weight: normal; }

@media (min-width: 992px) {
  .main-computer .kv {
    min-height: 50vh; }
    .main-computer .kv .board {
      min-height: 50vh; }
      .main-computer .kv .board div .title {
        font-size: 56px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.03;
        text-align: center;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff; }
      .main-computer .kv .board div p {
        font-size: 15px; }
  .main-computer section .step .title {
    display: inline-block;
    height: 40px;
    font-size: 25px;
    line-height: 1.6;
    color: #967a0a; }
    .main-computer section .step .title .no {
      display: inline-block;
      width: 68px;
      height: 68px;
      line-height: 64px;
      border-radius: 68px;
      background-color: #967a0a;
      border: solid 2px #f6e8d4;
      font-family: TimesNewRomanPS-MT;
      font-size: 30px;
      font-weight: bold;
      font-style: italic;
      color: #ffffff;
      text-align: center; }
  .main-computer section .step .question {
    padding-left: 105px; }
    .main-computer section .step .question.question-sec {
      padding-right: 0; }
    .main-computer section .step .question .live {
      width: 830px; }
      .main-computer section .step .question .live .btn {
        width: 33.3%; }
    .main-computer section .step .question .live-circle {
      display: none;
      list-style: none;
      padding: 0;
      margin: 20px 0; }
      .main-computer section .step .question .live-circle li {
        float: left;
        margin: 5px;
        width: 150px;
        height: 150px;
        border-radius: 150px;
        padding-top: 46px; }
        .main-computer section .step .question .live-circle li:nth-child(3) {
          padding-top: 38px; }
          .main-computer section .step .question .live-circle li:nth-child(3) span {
            font-size: 34px; }
    .main-computer section .step .question .job {
      width: 830px; }
      .main-computer section .step .question .job .btn {
        width: auto; }

  .modal .question {
    color: #4a4a4a;
    margin-top: 25px;
    margin-bottom: 25px; }
    .modal .question input {
      border: none;
      border-bottom: 2px solid #a4a4a4;
      width: 170px;
      text-align: center;
      font-family: TimesNewRomanPS-MT;
      font-size: 30px;
      line-height: 1.2;
      font-weight: bold;
      font-style: italic;
      color: #4a4a4a;
      height: 40px;
      padding: 0 10px; }
  .modal .r2-2 {
    width: 50%;
    display: block;
    background: #f7f7f7;
    padding: 10px;
    margin: 5px auto; }
    .modal .r2-2.bg-w {
      background: transparent; }
    .modal .r2-2 .title {
      float: left;
      margin-top: 30px;
      margin-right: 10px;
      display: block;
      font-size: 20px;
      font-weight: bold;
      text-align: right;
      color: #967a0a; }
    .modal .r2-2 .list {
      display: inline-block;
      font-size: 16px;
      color: #4a4a4a; }
      .modal .r2-2 .list input {
        line-height: 1.2;
        width: 170px;
        height: 40px;
        background: transparent;
        padding: 0 10px; }
    .modal .r2-2 .ans {
      text-align: center; }
    .modal .r2-2 .switch {
      display: inline-block;
      margin-left: 25px;
      width: auto; }
      .modal .r2-2 .switch span {
        font-size: 18px;
        color: #967a0a; } }
@media (min-width: 1200px) {
  .main-computer section .step .question .live-circle {
    display: none;
    list-style: none;
    padding: 0;
    margin: 20px 0; }
    .main-computer section .step .question .live-circle li {
      margin: 5px;
      width: 190px;
      height: 190px;
      border-radius: 190px;
      padding-top: 68px; }
      .main-computer section .step .question .live-circle li:nth-child(3) {
        padding-top: 52px; }
        .main-computer section .step .question .live-circle li:nth-child(3) span {
          font-size: 40px; } }
.main-computer-result .flex-box {
  display: inline-flex;
  flex-direction: column-reverse;
  width: 100%; }
.main-computer-result .breadcrumb {
  margin-top: 5px;
  margin-bottom: 5px;
  background: #FFF;
  color: #007e7d;
  font-size: 16px;
  padding: 8px 0;
  color: #9b9b9b; }
  .main-computer-result .breadcrumb a {
    color: #007e7d; }
.main-computer-result section {
  padding-top: 0;
  padding-bottom: 0; }
.main-computer-result .slogan .title {
  font-weight: normal;
  font-size: 30px;
  line-height: 1.33;
  color: #cca677;
  text-shadow: 1px 1px 0 #ffffff; }
.main-computer-result .slogan .sub-title {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.88;
  color: #4a4a4a; }
.main-computer-result .slogan input {
  border: none;
  border-bottom: 2px solid #a4a4a4;
  width: 80px;
  text-align: center;
  font-family: TimesNewRomanPS-MT;
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  font-style: italic;
  color: #967a0a;
  height: 40px;
  padding: 0 10px 0 20px; }
.main-computer-result .slogan .no {
  font-family: TimesNewRomanPS-MT;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  color: #967a0a; }
.main-computer-result .board .title {
  font-weight: normal;
  font-size: 25px;
  line-height: 1.6;
  color: #967a0a; }
.main-computer-result .board .box {
  display: inline-block;
  background: #f9f4ed;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden; }
  .main-computer-result .board .box .title {
    font-size: 25px;
    line-height: 1.6;
    color: #4a4a4a; }
  .main-computer-result .board .box .btn-sw {
    font-size: 30px;
    width: 30px;
    height: 30px;
    color: #967a0a; }
  .main-computer-result .board .box p {
    display: inline-block;
    font-size: 16px;
    line-height: 1.88;
    color: #4a4a4a;
    height: 30px; }
    .main-computer-result .board .box p .no {
      line-height: 1.88;
      height: 30px;
      font-family: TimesNewRomanPS-MT;
      font-size: 30px;
      font-weight: bold;
      font-style: italic;
      color: #967a0a; }
  .main-computer-result .board .box .slider {
    margin-top: 50px; }
  .main-computer-result .board .box .area {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    background: #fefcfa;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%; }
    .main-computer-result .board .box .area .title {
      width: 220px;
      height: 28px;
      line-height: 1;
      font-size: 20px;
      color: #967a0a; }
    .main-computer-result .board .box .area .list {
      line-height: 28px;
      font-size: 16px;
      color: #4a4a4a;
      margin: 0 15px; }
    .main-computer-result .board .box .area .switch {
      line-height: 28px;
      font-size: 12px; }
      .main-computer-result .board .box .area .switch a {
        color: #9b9b9b; }
  .main-computer-result .board .box input {
    border: none;
    border-bottom: 2px solid #a4a4a4;
    width: 65%;
    text-align: center;
    font-family: TimesNewRomanPS-MT;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic;
    color: #4a4a4a;
    height: 27px;
    padding: 0 10px;
    background: transparent; }
  .main-computer-result .board .box.box1 input {
    width: 80%;
    font-size: 20px; }
  .main-computer-result .board .box .btn-group {
    height: auto;
    font-size: 16px;
    line-height: 1.88;
    text-align: right;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 1px 1px 0 0 #ffffff, inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    padding: 4px; }
    .main-computer-result .board .box .btn-group .btn {
      color: #9b9b9b;
      background: #FFF;
      border-color: transparent;
      border-radius: 40px;
      margin: 0;
      padding: 6px 17px; }
      .main-computer-result .board .box .btn-group .btn.active {
        border-color: transparent;
        border-radius: 40px;
        color: #FFF;
        background-color: #cca677; }
  .main-computer-result .board .box .btn-info {
    padding: 0;
    color: #967a0a;
    background: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0); }
.main-computer-result .chart .title {
  margin: 0;
  font-weight: normal;
  font-size: 25px;
  line-height: 1.6;
  color: #967a0a; }
.main-computer-result .chart .nav-tabs li.active a {
  background: #cca677; }
.main-computer-result .chart .nav-tabs li a {
  color: #FFF;
  background: #d5d2ce;
  padding: 4px 11px;
  border-radius: 0;
  margin-right: 10px; }
.main-computer-result .bar-chart {
  display: inline-block;
  width: 100%; }
  .main-computer-result .bar-chart .line {
    border-top: 1px solid #e3e3e3;
    font-size: 12px;
    line-height: 1.1;
    color: #d1af94;
    height: 50px; }
  .main-computer-result .bar-chart .t1 {
    width: 100%;
    padding-left: 80px;
    color: #4a4a4a; }
    .main-computer-result .bar-chart .t1 div {
      position: relative;
      display: inline-block;
      width: 45%;
      text-align: center; }
    .main-computer-result .bar-chart .t1 .name-1,
    .main-computer-result .bar-chart .t1 .name-2 {
      font-size: 15px;
      line-height: 2; }
    .main-computer-result .bar-chart .t1 .bar-a {
      position: absolute;
      background-image: linear-gradient(to bottom, rgba(189, 145, 0, 0.5), rgba(255, 246, 171, 0.5) 59%, rgba(197, 157, 0, 0.5));
      top: -500px;
      height: 500px;
      left: 5%;
      width: 90%; }
      .main-computer-result .bar-chart .t1 .bar-a:after {
        content: '';
        position: absolute;
        width: 110%;
        top: -1px;
        left: -5%;
        border-top: 1px dashed #007e7d; }
      .main-computer-result .bar-chart .t1 .bar-a .no {
        top: -35px;
        font-size: 12px;
        color: #967a0a;
        display: inline; }
        .main-computer-result .bar-chart .t1 .bar-a .no span {
          font-family: TimesNewRomanPS-MT;
          font-size: 12px;
          font-weight: bold;
          font-style: italic;
          color: #967a0a; }
      .main-computer-result .bar-chart .t1 .bar-a .bar-b {
        position: absolute;
        top: 0;
        height: 200px;
        left: -107.0%;
        width: 100%;
        border-right: 1px dashed #007e7d; }
        .main-computer-result .bar-chart .t1 .bar-a .bar-b .txt-box {
          width: 120px;
          background: #007e7d;
          color: #FFF;
          right: 0;
          line-height: 1.2;
          padding: 10px;
          position: absolute;
          top: 20px; }
    .main-computer-result .bar-chart .t1 .bar-d {
      position: absolute;
      background: #6ecac8;
      top: -300px;
      height: 300px;
      left: 5%;
      width: 90%; }
      .main-computer-result .bar-chart .t1 .bar-d:after {
        content: '';
        position: absolute;
        width: 110%;
        top: -1px;
        left: -5%;
        border-top: 1px dashed #007e7d; }
      .main-computer-result .bar-chart .t1 .bar-d .no {
        top: -35px;
        font-size: 12px;
        color: #967a0a;
        display: inline; }
        .main-computer-result .bar-chart .t1 .bar-d .no span {
          font-family: TimesNewRomanPS-MT;
          font-size: 12px;
          font-weight: bold;
          font-style: italic;
          color: #967a0a; }
      .main-computer-result .bar-chart .t1 .bar-d .bar-c {
        position: absolute;
        background: #c2e689;
        top: 0;
        height: 0;
        left: 0;
        width: 100%; }
  .main-computer-result .bar-chart .t2 div {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #4a4a4a;
    margin: 10px 5px 0 15px; }
    .main-computer-result .bar-chart .t2 div:before {
      content: '';
      position: absolute;
      width: 15px;
      height: 15px;
      left: -15px;
      top: 0; }
    .main-computer-result .bar-chart .t2 div.mark-1:before {
      background: #6ecac8; }
    .main-computer-result .bar-chart .t2 div.mark-2:before {
      background: #c2e689; }
    .main-computer-result .bar-chart .t2 div.mark-3:before {
      background: linear-gradient(to bottom, #bd9100, #fff6ab 59%, #c59d00); }
.main-computer-result .other {
  position: relative;
  background: url(../images/banner/main-computer-other.png) center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .main-computer-result .other h4 {
    color: #FFF;
    font-weight: normal;
    margin: 30px auto; }
  .main-computer-result .other .btn-main {
    margin: 0 20px 75px 20px; }
    .main-computer-result .other .btn-main span {
      width: 208px; }
.main-computer-result .print .btn-print {
  margin: 40px auto 0 auto;
  width: 60px;
  display: block;
  color: #4a4a4a; }

@media (min-width: 992px) {
  .main-computer-result .flex-box {
    display: block; }
  .main-computer-result .breadcrumb {
    margin-top: 30px;
    background: #FFF;
    color: #007e7d;
    font-size: 16px;
    padding: 8px 0;
    color: #9b9b9b; }
    .main-computer-result .breadcrumb a {
      color: #007e7d; }
  .main-computer-result section {
    padding-top: 10px;
    padding-bottom: 30px; }
  .main-computer-result .slogan .title {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.33;
    color: #cca677;
    text-shadow: 1px 1px 0 #ffffff; }
  .main-computer-result .slogan .sub-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.88;
    color: #4a4a4a; }
  .main-computer-result .slogan input {
    border: none;
    border-bottom: 2px solid #a4a4a4;
    width: 80px;
    text-align: center;
    font-family: TimesNewRomanPS-MT;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic;
    color: #967a0a;
    height: 40px;
    padding: 0 10px 0 20px; }
  .main-computer-result .slogan .no {
    font-family: TimesNewRomanPS-MT;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    color: #967a0a; }
  .main-computer-result .board .title {
    font-weight: normal;
    font-size: 25px;
    line-height: 1.6;
    color: #967a0a; }
  .main-computer-result .board .box {
    display: inline-block;
    background: #f9f4ed;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px; }
    .main-computer-result .board .box .title {
      font-size: 25px;
      line-height: 1.6;
      color: #4a4a4a; }
    .main-computer-result .board .box .btn-sw {
      font-size: 30px;
      width: 30px;
      height: 30px;
      color: #967a0a; }
    .main-computer-result .board .box p {
      display: inline-block;
      font-size: 16px;
      line-height: 1.88;
      color: #4a4a4a;
      height: 30px; }
      .main-computer-result .board .box p .no {
        line-height: 1.88;
        height: 30px;
        font-family: TimesNewRomanPS-MT;
        font-size: 30px;
        font-weight: bold;
        font-style: italic;
        color: #967a0a; }
    .main-computer-result .board .box .slider {
      margin-top: 50px; }
    .main-computer-result .board .box .area {
      display: inline-flex;
      vertical-align: top;
      align-items: center;
      background: #fefcfa;
      padding: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      width: 100%; }
      .main-computer-result .board .box .area .title {
        width: 80px;
        height: 28px;
        line-height: 28px;
        font-size: 20px;
        color: #967a0a; }
      .main-computer-result .board .box .area .list {
        line-height: 28px;
        font-size: 16px;
        color: #4a4a4a;
        margin: 0 15px; }
      .main-computer-result .board .box .area .switch {
        line-height: 28px;
        font-size: 12px; }
        .main-computer-result .board .box .area .switch a {
          color: #9b9b9b; }
    .main-computer-result .board .box input {
      border: none;
      border-bottom: 2px solid #a4a4a4;
      width: 75%;
      text-align: center;
      font-family: TimesNewRomanPS-MT;
      font-size: 20px;
      line-height: 1.2;
      font-weight: bold;
      font-style: italic;
      color: #4a4a4a;
      height: 27px;
      padding: 0 10px;
      background: transparent; }
    .main-computer-result .board .box.box1 input {
      width: 155px;
      font-size: 20px; }
    .main-computer-result .board .box .btn-group {
      height: auto;
      font-size: 16px;
      line-height: 1.88;
      text-align: right;
      border-radius: 20px;
      background-color: #ffffff;
      box-shadow: 1px 1px 0 0 #ffffff, inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
      margin: 0 auto;
      padding: 4px; }
      .main-computer-result .board .box .btn-group .btn {
        color: #9b9b9b;
        background: #FFF;
        border-color: transparent;
        border-radius: 40px;
        margin: 0;
        padding: 6px 17px; }
        .main-computer-result .board .box .btn-group .btn.active {
          border-color: transparent;
          border-radius: 40px;
          color: #FFF;
          background-color: #cca677; }
    .main-computer-result .board .box .btn-info {
      padding: 0;
      color: #967a0a;
      background: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0); }
  .main-computer-result .chart .title {
    font-weight: normal;
    font-size: 25px;
    line-height: 1.6;
    color: #967a0a; }
  .main-computer-result .chart .nav-tabs li.active a {
    background: #cca677; }
  .main-computer-result .chart .nav-tabs li a {
    color: #FFF;
    background: #d5d2ce;
    padding: 4px 11px;
    border-radius: 0;
    margin-right: 10px; }
  .main-computer-result .bar-chart {
    display: block;
    height: 700px; }
    .main-computer-result .bar-chart .line {
      border-top: 1px solid #e3e3e3;
      font-size: 16px;
      line-height: 1.88;
      color: #d1af94;
      height: 100px; }
    .main-computer-result .bar-chart .t1 {
      width: 100%;
      padding-left: 80px;
      color: #4a4a4a; }
      .main-computer-result .bar-chart .t1 div {
        position: relative;
        display: inline-block;
        width: 45%;
        text-align: center; }
      .main-computer-result .bar-chart .t1 .bar-a {
        position: absolute;
        background-image: linear-gradient(to bottom, rgba(189, 145, 0, 0.5), rgba(255, 246, 171, 0.5) 59%, rgba(197, 157, 0, 0.5));
        top: -500px;
        height: 500px;
        left: 5%;
        width: 90%; }
        .main-computer-result .bar-chart .t1 .bar-a:after {
          content: '';
          position: absolute;
          width: 110%;
          top: -1px;
          left: -5%;
          border-top: 1px dashed #007e7d; }
        .main-computer-result .bar-chart .t1 .bar-a .no {
          top: -35px;
          font-size: 12px;
          color: #967a0a;
          display: inline; }
          .main-computer-result .bar-chart .t1 .bar-a .no span {
            font-family: TimesNewRomanPS-MT;
            font-size: 24px;
            font-weight: bold;
            font-style: italic;
            color: #967a0a; }
        .main-computer-result .bar-chart .t1 .bar-a .bar-b {
          position: absolute;
          top: 0;
          height: 200px;
          left: -107.0%;
          width: 100%;
          border-right: 1px dashed #007e7d; }
          .main-computer-result .bar-chart .t1 .bar-a .bar-b .txt-box {
            width: 120px;
            background: #007e7d;
            color: #FFF;
            right: 0;
            line-height: 1.2;
            padding: 10px;
            position: absolute;
            top: 20px; }
      .main-computer-result .bar-chart .t1 .bar-d {
        position: absolute;
        background: #6ecac8;
        top: -300px;
        height: 300px;
        left: 5%;
        width: 90%; }
        .main-computer-result .bar-chart .t1 .bar-d:after {
          content: '';
          position: absolute;
          width: 110%;
          top: -1px;
          left: -5%;
          border-top: 1px dashed #007e7d; }
        .main-computer-result .bar-chart .t1 .bar-d .no {
          top: -35px;
          font-size: 12px;
          color: #967a0a;
          display: inline; }
          .main-computer-result .bar-chart .t1 .bar-d .no span {
            font-family: TimesNewRomanPS-MT;
            font-size: 24px;
            font-weight: bold;
            font-style: italic;
            color: #967a0a; }
        .main-computer-result .bar-chart .t1 .bar-d .bar-c {
          position: absolute;
          background: #c2e689;
          top: 0;
          height: 0;
          left: 0;
          width: 100%; }
    .main-computer-result .bar-chart .t2 div {
      position: relative;
      display: inline-block;
      font-size: 14px;
      color: #4a4a4a;
      margin: 10px 0 10px 50px; }
      .main-computer-result .bar-chart .t2 div:before {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        left: -20px;
        top: 5px; }
      .main-computer-result .bar-chart .t2 div.mark-1:before {
        background: #6ecac8; }
      .main-computer-result .bar-chart .t2 div.mark-2:before {
        background: #c2e689; }
      .main-computer-result .bar-chart .t2 div.mark-3:before {
        background: linear-gradient(to bottom, #bd9100, #fff6ab 59%, #c59d00); }
  .main-computer-result .other {
    position: relative;
    background: url(../images/banner/main-computer-other.png) center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 0; }
    .main-computer-result .other h4 {
      color: #FFF;
      font-weight: normal;
      margin: 30px auto; }
    .main-computer-result .other .btn-main {
      margin: 0 20px 75px 20px; }
      .main-computer-result .other .btn-main span {
        width: 208px; } }
@media print {
  body {
    -webkit-print-color-adjust: exact; }

  header {
    position: relative; }

  .main-computer-result .bar-chart {
    display: inline-block;
    width: 100%; }
    .main-computer-result .bar-chart .flex-box {
      display: inline-flex;
      flex-direction: column-reverse;
      width: 100%; }
    .main-computer-result .bar-chart .line {
      height: 100px; } }
.labor-computer .kv {
  position: relative;
  min-height: 240px;
  height: 30vh;
  background: url("../images/banner/labor-computer.png") top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .labor-computer .kv:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(222, 226, 227, 0.9), #ffffff); }
  .labor-computer .kv .line {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff382, #bd9100 5%, #fff6ab 20%, #c59d47 30%, #f7eda1 51%, #e9d788 57%, #dcc271 64%, #d7ba68 69%, #fff6ab 77%, #c59d00 92%, #fff6ab); }
  .labor-computer .kv .board {
    display: table;
    min-height: 240px;
    height: 30vh;
    padding: 15px;
    overflow: hidden;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #FFF;
    box-shadow: inset 0 1px 19px 0 rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.4); }
    .labor-computer .kv .board:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url("../images/banner/labor-computer-blur.png") center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      opacity: 0.4;
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4;
      filter: alpha(opacity=40); }
    .labor-computer .kv .board div {
      display: table-cell;
      vertical-align: middle; }
      .labor-computer .kv .board div .title {
        font-size: 23px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        text-align: center;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff;
        padding: 0;
        margin: 0; }
      .labor-computer .kv .board div p {
        font-size: 16px;
        line-height: 1.88;
        text-align: center;
        color: #4a4a4a; }
.labor-computer .breadcrumb {
  margin-top: 30px;
  background: #FFF;
  color: #007e7d;
  font-size: 16px;
  padding: 8px 0;
  color: #9b9b9b; }
  .labor-computer .breadcrumb a {
    color: #007e7d; }
.labor-computer section {
  padding-top: 0;
  padding-bottom: 20px; }
  .labor-computer section.pension .box {
    border: 1px solid #d7d7d7;
    border-left: 16px solid #cccccc;
    padding: 20px; }
    .labor-computer section.pension .box .title {
      display: block;
      font-size: 19px;
      line-height: 1;
      color: #967a0a;
      margin: 0; }
    .labor-computer section.pension .box .collapse {
      margin-top: 40px; }
    .labor-computer section.pension .box ol {
      padding-start: 20px;
      -webkit-padding-start: 20px; }
      .labor-computer section.pension .box ol li {
        font-size: 16px;
        line-height: 1.88;
        color: #4a4a4a; }
    .labor-computer section.pension .box input {
      border: none;
      border-bottom: 2px solid #a4a4a4;
      width: 120px;
      text-align: center;
      font-family: TimesNewRomanPS-MT;
      font-size: 22px;
      line-height: 1.2;
      font-weight: bold;
      font-style: italic;
      color: #4a4a4a;
      height: 30px;
      padding: 0 10px;
      margin-bottom: 10px; }
    .labor-computer section.pension .box .no {
      line-height: 1.0;
      height: 25px;
      font-family: TimesNewRomanPS-MT;
      font-size: 22px;
      font-weight: bold;
      font-style: italic;
      color: #967a0a; }
    .labor-computer section.pension .box h4 {
      font-size: 14px; }
    .labor-computer section.pension .box .help {
      font-size: 12px;
      color: #757575; }
      .labor-computer section.pension .box .help a {
        color: #757575; }
    .labor-computer section.pension .box .btn-info {
      font-size: 20px;
      padding: 0;
      color: #967a0a;
      background: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0); }
  .labor-computer section.pension.once .box {
    border-left-color: #cca677; }
  .labor-computer section.pension.annuity .box {
    border-left-color: #b8b346; }
  .labor-computer section.pension.old .box {
    border-left-color: #589954; }
  .labor-computer section.pension.new .box {
    border-left-color: #007e7d; }
.labor-computer .other {
  position: relative;
  background: url(../images/banner/main-computer-other.png) center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0; }
  .labor-computer .other h4 {
    color: #FFF;
    font-weight: normal;
    margin: 30px auto; }
  .labor-computer .other .btn-main {
    margin: 0 20px 75px 20px; }
    .labor-computer .other .btn-main span {
      width: 208px; }

.modal .modal-body {
  position: relative;
  padding: 15px; }
.modal h4 {
  color: #83680c; }
.modal h5 {
  margin-left: 2.5em;
  text-indent: -2.5em; }

@media (min-width: 992px) {
  .labor-computer .kv {
    min-height: 50vh; }
    .labor-computer .kv .board {
      min-height: 50vh; }
      .labor-computer .kv .board div .title {
        font-size: 56px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.03;
        text-align: center;
        color: #967a0a;
        text-shadow: 0 1px 0 #ffffff; }
      .labor-computer .kv .board div p {
        font-size: 15px; }
  .labor-computer section.pension .box .title {
    font-size: 25px;
    line-height: 1; }
  .labor-computer section.pension .box ol li {
    font-size: 16px;
    line-height: 1.88; }
  .labor-computer section.pension .box input {
    font-size: 30px;
    line-height: 1.2;
    height: 40px; }
  .labor-computer section.pension .box .no {
    line-height: 1.88;
    height: 30px;
    font-size: 30px; } }
.feedback {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  font-weight: 400; }
  .feedback .container {
    padding-left: 0;
    padding-right: 0; }
  .feedback .col-xs-12, .feedback footer .browser-version, footer .feedback .browser-version, .feedback footer .copyright, footer .feedback .copyright, .feedback .check .board, .check .feedback .board, .feedback .check-1 .board .main-form .content, .check-1 .board .main-form .feedback .content,
  .feedback .check-2 .board .main-form .content,
  .check-2 .board .main-form .feedback .content,
  .feedback .check-3 .board .main-form .content,
  .check-3 .board .main-form .feedback .content, .feedback .check-4 .kv .board, .check-4 .kv .feedback .board, .feedback .check-4 .booking .board, .check-4 .booking .feedback .board, .feedback .support .list .tab-content .item, .support .list .tab-content .feedback .item {
    padding: 0; }
  .feedback label {
    font-weight: 400; }
  .feedback.disable {
    display: none; }
  .feedback__bar {
    display: block;
    padding: 10px 10px 8px 20px;
    line-height: 16px;
    font-size: 16px;
    letter-spacing: 0.9px;
    color: #ffffff;
    background-image: linear-gradient(0deg, #e4cd65, #c69f19); }
    .feedback__bar:focus, .feedback__bar:hover {
      color: #FFF;
      outline: none;
      text-decoration: none; }
    .feedback__bar.collapsed {
      box-shadow: none; }
      .feedback__bar.collapsed .glyphicon-minus:before {
        content: '\002b'; }
    .feedback__bar--switch {
      color: #ffffff;
      float: right;
      cursor: pointer;
      padding: 0;
      box-shadow: none; }
  .feedback__box {
    padding: 20px;
    background-color: rgba(247, 241, 233, 0.9);
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(178deg, #bd9100 0%, #c59d47 25%, #e9d788 50%, #fff6ab 75%, #c59d00 92%, #bd9100);
    border-image-slice: 1;
    font-size: 16px;
    line-height: 1.56;
    color: #886d20;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
  .feedback__q {
    text-indent: -1rem;
    padding-left: 1rem;
    font-weight: 400; }
    .feedback__q span {
      font-size: 12px;
      font-weight: normal; }
    .feedback__q a {
      color: #886d20;
      text-decoration: underline; }
  .feedback__btn-next {
    display: inline-block;
    margin: 15px auto 0 auto;
    border-radius: 8px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #bd9100;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #886d20;
    padding: 6px 10px; }
    .feedback__btn-next:active, .feedback__btn-next:focus, .feedback__btn-next:hover {
      color: #886d20;
      border-color: #886d20;
      text-decoration: none; }
  .feedback__star {
    font-size: 24px;
    text-align: center;
    padding-left: 0; }
    .feedback__star li {
      cursor: pointer; }

/* 小螢幕（平板，大於等於 768px） */
@media (min-width: 768px) {
  .feedback .container {
    padding-left: 15px;
    padding-right: 15px; }
  .feedback .col-xs-12, .feedback footer .browser-version, footer .feedback .browser-version, .feedback footer .copyright, footer .feedback .copyright, .feedback .check .board, .check .feedback .board, .feedback .check-1 .board .main-form .content, .check-1 .board .main-form .feedback .content,
  .feedback .check-2 .board .main-form .content,
  .check-2 .board .main-form .feedback .content,
  .feedback .check-3 .board .main-form .content,
  .check-3 .board .main-form .feedback .content, .feedback .check-4 .kv .board, .check-4 .kv .feedback .board, .feedback .check-4 .booking .board, .check-4 .booking .feedback .board, .feedback .support .list .tab-content .item, .support .list .tab-content .feedback .item {
    width: 300px;
    float: right; } }
/* 中等螢幕（桌面螢幕，大於等於 992px） */
/* 大螢幕（大桌面螢幕，大於等於 1200px） */

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