@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url(plugins/bootstrap-reboot.css);
/* ==========================================================================
 *   keyframes
 *==========================================================================*/
@import url(plugins/slick.css);
@import url(plugins/selectric.css);
@import url(plugins/foundation-datepicker.css);
@import url(plugins/mCustomScrollbar.css);
@import url(plugins/slick-theme.css);
@import url(plugins/lightcase.css);
@import url(plugins/animate.css);
@-webkit-keyframes mask-animate {
  0% {
    left: 0; }
  100% {
    left: -100%; } }
@keyframes mask-animate {
  0% {
    left: 0; }
  100% {
    left: -100%; } }

@-webkit-keyframes line-draw {
  0% {
    width: 0; }
  100% {
    width: 30px; } }

@keyframes line-draw {
  0% {
    width: 0; }
  100% {
    width: 30px; } }

@-webkit-keyframes draw {
  0% {
    fill-opacity: 0;
    stroke-dashoffset: 853; }
  70% {
    fill-opacity: 0;
    stroke: #000; }
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0;
    stroke: none; } }

@keyframes draw {
  0% {
    fill-opacity: 0;
    stroke-dashoffset: 853; }
  70% {
    fill-opacity: 0;
    stroke: #000; }
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0;
    stroke: none; } }

.d-02s {
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

.d-03s {
  -webkit-animation-delay: .3s;
          animation-delay: .3s; }

.d-04s {
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.d-05s {
  -webkit-animation-delay: .5s;
          animation-delay: .5s; }

.d-06s {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }
.fs_16{font-size:16px;}

.mation {
  opacity: 0; }
  .mation.in-view {
    opacity: 1; }
    .mation.in-view.fade-In {
      -webkit-animation: fadeIn .85s ease-in-out both;
      animation: fadeIn .85s ease-in-out both; }
    .mation.in-view.fade-InUp {
      -webkit-animation: fadeInUp .85s ease-in-out both;
      animation: fadeInUp .85s ease-in-out both; }
    .mation.in-view.fade-InDown {
      -webkit-animation: fadeInDown .85s ease-in-out both;
      animation: fadeInDown .85s ease-in-out both; }
    .mation.in-view.fade-InRight {
      -webkit-animation: fadeInRight .85s ease-in-out both;
      animation: fadeInRight .85s ease-in-out both; }
    .mation.in-view.fade-InLeft {
      -webkit-animation: fadeInLeft .85s ease-in-out both;
      animation: fadeInLeft .85s ease-in-out both; }
    .mation.in-view.rotate-InDownLeft {
      -webkit-animation: rotateInDownLeft .85s ease-in-out both;
      animation: rotateInDownLeft .85s ease-in-out both; }
    .mation.in-view.rotate-InDownRight {
      -webkit-animation: rotateInDownRight .85s ease-in-out both;
      animation: rotateInDownRight .85s ease-in-out both; }

.paper-wrapper {
  -webkit-animation: fadeInUp .85s both;
          animation: fadeInUp .85s both; }

.page-header .title {
  -webkit-animation: fadeInUp .85s both;
          animation: fadeInUp .85s both;
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

.page-header .title + * {
  -webkit-animation: fadeIn .85s both;
          animation: fadeIn .85s both;
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.page-header.and-icon .title, .page-header.and-icon .icon {
  -webkit-animation: fadeIn .85s both;
          animation: fadeIn .85s both; }

.title-BLine {
  -webkit-animation: fadeInUp .85s both;
          animation: fadeInUp .85s both; }
  .title-BLine::after {
    -webkit-animation: line-draw .7s ease-in-out both;
            animation: line-draw .7s ease-in-out both;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }

.service-process_step.in-view {
  -webkit-animation: fadeInUp .85s both;
          animation: fadeInUp .85s both; }

.aside-layout aside {
  -webkit-animation: fadeInLeft .85s both;
          animation: fadeInLeft .85s both; }

.login-group .login-box {
  -webkit-animation: fadeInLeft .85s both;
          animation: fadeInLeft .85s both; }

.login-group .pic {
  -webkit-animation: fadeInRight .85s both;
          animation: fadeInRight .85s both;
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

.table.layout-01 {
  -webkit-animation: fadeIn .85s both;
          animation: fadeIn .85s both;
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.message-block {
  -webkit-animation: fadeInUp .85s both;
          animation: fadeInUp .85s both; }

.check-list li:first-child::after {
  -webkit-animation: fadeIn .85s both;
          animation: fadeIn .85s both;
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.check-list li:nth-child(2)::after {
  -webkit-animation: fadeIn .85s both;
          animation: fadeIn .85s both;
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }

.check-list li:nth-child(3)::after {
  -webkit-animation: fadeIn .85s both;
          animation: fadeIn .85s both;
  -webkit-animation-delay: .8s;
          animation-delay: .8s; }

.check-list li:nth-child(4)::after {
  -webkit-animation: fadeIn .85s both;
          animation: fadeIn .85s both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

/* ==========================================================================
 *   共用元素
 *==========================================================================*/
.circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 50%; }
  .circle.email, .circle.youtube, .circle.line, .circle.fb {
    color: #FFF;
    line-height: normal; }
  .circle.email {
    background-color: #8FBD36;
    font-size: 16px; }
  .circle.youtube {
    background-color: #E62117;
    font-size: 16px; }
  .circle.line {
    background-color: #2DB500;
    font-size: 22px; }
  .circle.fb {
    background-color: #3B5998;
    font-size: 14px; }
  @media screen and (min-width: 992px) {
    .circle {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .circle.email:hover {
        border-color: #8FBD36;
        background-color: transparent;
        color: #8FBD36; }
      .circle.youtube:hover {
        border-color: #E62117;
        background-color: transparent;
        color: #E62117; }
      .circle.line:hover {
        border-color: #2DB500;
        background-color: transparent;
        color: #2DB500; }
      .circle.fb:hover {
        border-color: #3B5998;
        background-color: transparent;
        color: #3B5998; } }

.headline-icon {
  text-align: center;
  margin: 0 auto 10px; }

.headline-title {
  font-size: 24px;
  font-weight: 400; }

.icon-withtext {
  margin: 40px 0; }
  @media screen and (max-width: 1199px) {
    .icon-withtext {
      margin: 34px 0; } }
  @media screen and (max-width: 767px) {
    .icon-withtext {
      margin: 26.4px 0; } }
  @media screen and (max-width: 479px) {
    .icon-withtext {
      margin: 20px 0; } }
  .icon-withtext .icon-circle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 80px;
    width: 80px;
    height: 80px;
    font-size: 48px;
    line-height: 40px;
    border-radius: 50%;
    color: #FFF; }
    .icon-withtext .icon-circle.red {
      background-color: #D7000F; }
    .icon-withtext .icon-circle.og {
      background-color: #FC5720; }
    .icon-withtext .icon-circle .icon-car-side {
      font-size: 40px; }
  .icon-withtext .text p {
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .icon-withtext {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .icon-withtext .icon-circle {
        margin-right: 60px; } }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .icon-withtext .icon-circle {
        margin-right: 30px; } }
  @media screen and (min-width: 768px) {
      .icon-withtext .text {
        display: inline-block; } }
  @media screen and (max-width: 767px) {
    .icon-withtext {
      text-align: center; }
      .icon-withtext .icon-circle {
        margin: 0 auto 20px; } }

.slogan {
  font-weight: 600;
  font-size: 1.333333333em;
  text-align: center;
  line-height: 1.333333333em;
  margin: 80px 0; }
  @media screen and (max-width: 1199px) {
    .slogan {
      margin: 68px 0; } }
  @media screen and (max-width: 767px) {
    .slogan {
      margin: 52.8px 0; } }
  @media screen and (max-width: 479px) {
    .slogan {
      margin: 40px 0; } }

.location-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .location-map::after {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("images/icon/location-map.png");
    background-repeat: no-repeat;
    margin-left: 10px; }

.contact-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  .contact-btn .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 15px;
    color: #D7000F;
    border-radius: 50%;
    border: 1px solid #D7000F;
    margin-left: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  @media screen and (min-width: 992px) {
    .contact-btn:hover {
      color: #D7000F; }
      .contact-btn:hover .icon {
        background-color: #D7000F;
        color: #FFF; } }

.gary-note {
  background-color: #F2F2F2;
  text-align: center;
  padding: 20px; }

.gary-bg {
  background-color: #F2F2F2; }

.gary_lg-bg {
  background-color: #F8F8F8; }

.white-bg {
  background-color: #fff !important; }

.red-c_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .red-c_arrow::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    background-image: url("images/icon/circle-arrow_red.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px; }

.step-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .step-arrow::after {
    display: inline-block;
    content: '\e818';
    font-family: "fontello";
    font-size: 14px;
    margin: 0 10px; }

.round-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.round-nav li.active .round-btn {
  background-color: #D7000F;
  color: #FFF;
  font-weight: 600; }
  .round-nav li.active .round-btn::after {
    color: #D7000F; }

.round-nav .round-btn {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #EDEDED;
  border: 1px solid transparent;
  font-size: 22px;
  color: #120703;
  min-height: 65px;
  padding: 10px 40px;
  margin: 18px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 1199px) {
    .round-nav .round-btn {
      padding: 8.5px 20px; } }
  @media screen and (max-width: 767px) {
    .round-nav .round-btn {
      padding: 6.6px 20px; } }
  @media screen and (max-width: 479px) {
    .round-nav .round-btn {
      padding: 5px 20px; } }
  .round-nav .round-btn::after {
    content: '\e84e';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 28px;
    height: 28px;
    font-size: 12px;
    margin-left: 40px;
    border-radius: 50%;
    background-color: #fff;
    font-family: "fontello";
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }

@media screen and (min-width: 992px) {
  .round-nav .round-btn {
    min-width: 240px; }
    .round-nav .round-btn:hover {
      background-color: #fff;
      border-color: #D7000F;
      color: #D7000F;
      font-weight: 600; }
      .round-nav .round-btn:hover::after {
        color: #D7000F; } }

@media screen and (max-width: 991px) {
  .round-nav {
    margin: 0 -10px; }
    .round-nav li {
      width: calc(25% - 20px);
      margin: 10px; }
    .round-nav .round-btn {
      width: 100%;
      min-height: 50px;
      margin: 0;
      padding: 10px;
      font-size: 18px; }
      .round-nav .round-btn::after {
        margin-left: 10px; } }

@media screen and (max-width: 600px) {
  .round-nav li {
    width: calc(50% - 20px); } }

.round-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #FFF;
  min-width: auto;
  border: 1px solid transparent;
  border-radius: 50px;
  padding: 5px 20px;
  margin: 8px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .round-btn.red {
    background-color: #D7000F; }
  @media screen and (min-width: 768px) {
    .round-btn.red:hover {
      background-color: transparent;
      border-color: #D7000F;
      color: #D7000F; }
    .round-btn.search {
      max-width: 80px; } }

.round-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
  padding: 9px 25px;
  margin: 28px 0; }
  @media screen and (max-width: 1199px) {
    .round-title {
      margin: 23.8px 0; } }
  @media screen and (max-width: 767px) {
    .round-title {
      margin: 18.48px 0; } }
  @media screen and (max-width: 479px) {
    .round-title {
      margin: 14px 0; } }
  .round-title.red {
    background-color: #D7000F; }

.fillet-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  min-width: 120px;
  color: #FFF;
  text-decoration: none !important;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 10px;
  margin: 4px; }
  .fillet-btn.red {
    background-color: #D7000F;
    color: #FFF; }
  .fillet-btn.black {
    background-color: #120703; }
  .fillet-btn.gary {
    background-color: rgba(128, 128, 128, 0.3);
    color: #000; }
  .fillet-btn.gary-dp {
    background-color: #626262;
    color: #FFF; }
  .fillet-btn.red-border {
    border-color: #D7000F;
    color: #D7000F;
    background-color: rgba(255, 255, 255, 0.8); }
  .fillet-btn.black-border {
    border-color: #120703;
    color: #120703; }
  .fillet-btn.big, .fillet-btn.higher {
    min-height: 58px; }
  @media screen and (min-width: 992px) {
    .fillet-btn {
      -webkit-transition: all 0.2s ease-in-out !important;
      transition: all 0.2s ease-in-out !important; }
      .fillet-btn.red:hover {
        border-color: #D7000F;
        background-color: transparent;
        color: #D7000F; }
      .fillet-btn.black:hover {
        border-color: #000;
        background-color: transparent;
        color: #000; }
      .fillet-btn.gary:hover, .fillet-btn.gary-dp:hover {
        border-color: #000;
        background-color: transparent;
        color: #000; }
      .fillet-btn.black-border:hover {
        border-color: #120703;
        background-color: #120703;
        color: #FFF; } }

.more-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 94px;
  min-width: 94px;
  height: 30px;
  font-size: 13px;
  border: 1px solid;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .more-btn::before {
    content: '+';
    margin-right: 5px; }
  .more-btn::after {
    content: 'MORE';
    margin-right: 5px; }
  .more-btn.border {
    border-color: #D7000F;
    color: #D7000F; }
  .more-btn.red, .more-btn.green {
    color: #FFF;
    border-color: transparent; }
  .more-btn.red {
    background-color: #D7000F; }
  .more-btn.green {
    background-color: #323307; }
  @media screen and (min-width: 992px) {
    .more-btn.border:hover {
      background-color: #D7000F;
      color: #FFF; }
    .more-btn.red:hover {
      border-color: #D7000F;
      color: #D7000F;
      background-color: rgba(255, 255, 255, 0.8); }
    .more-btn.green:hover {
      border-color: #323307;
      color: #323307;
      background-color: rgba(255, 255, 255, 0.8); } }

.after-line::after {
  content: '';
  display: block;
  width: 0px;
  height: 50px;
  border-left: 2px dotted #ccc;
  margin: 20px auto 30px; }

.after-arrow::after {
  content: '';
  display: block;
  width: 70px;
  height: 50px;
  background-image: url("images/icon/arrow_down.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 20px auto 30px; }

@-webkit-keyframes check-left {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@keyframes check-left {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@-webkit-keyframes check-right {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes check-right {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

.check-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #DCDCDC; }
  .check-icon span {
    width: 22px;
    height: 14px;
    -webkit-transform: rotate(-47deg);
            transform: rotate(-47deg);
    position: relative; }
    .check-icon span::before, .check-icon span::after {
      content: '';
      display: block;
      background-color: #D7000F;
      position: absolute; }
    .check-icon span::before {
      width: 6px;
      height: 0;
      -webkit-animation: .25s check-left .45s linear forwards;
              animation: .25s check-left .45s linear forwards; }
    .check-icon span::after {
      width: 0;
      height: 6px;
      left: 0;
      bottom: 0;
      -webkit-animation: .55s check-right .55s linear forwards;
              animation: .55s check-right .55s linear forwards; }

/*arrows */
.circle-arrow button {
  background-color: transparent;
  border: none; }

.circle-arrow .slick-arrow {
  width: auto;
  height: auto; }

.circle-arrow .slick-prev::before, .circle-arrow .slick-next::before, .circle-arrow .prev-btn::before, .circle-arrow .next-btn::before {
  font-family: "fontello";
  font-size: 40px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }

.circle-arrow .slick-prev::before, .circle-arrow .prev-btn::before {
  content: '\e80c'; }

.circle-arrow .slick-next::before, .circle-arrow .next-btn::before {
  content: '\e810'; }

.red-arrow .slick-arrow {
  width: auto;
  height: auto; }
  .red-arrow .slick-arrow::before {
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }

.red-arrow .slick-prev::before {
  background-image: url("images/icon/red-arrow_l.svg"); }

.red-arrow .slick-next::before {
  background-image: url("images/icon/red-arrow_r.svg"); }

@media screen and (min-width: 992px) {
  .red-arrow .slick-arrow:hover::before {
    opacity: .8; } }

/*slick-dots*/
.slick-dotted.slick-slider {
  margin: 0; }

.slick-dots button {
  border-radius: 50%;
  opacity: 1; }

.slick-dots .slick-active button {
  background-color: #D7000F !important; }

.check-list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 1.33em;
  font-weight: 600;
  margin-left: 20px;
  margin-right: 20px; }
  @media screen and (max-width: 1199px) {
    .check-list li {
      margin-left: 10px;
      margin-right: 10px; } }
  .check-list li::before, .check-list li::after {
    display: inline-block;
    font-family: "fontello";
    font-size: 40px;
    color: #D7000F;
    margin-right: 16px;
   }
    @media screen and (max-width: 1199px) {
      .check-list li::before, .check-list li::after {
        margin-right: 8px; } }
  .check-list li::before {
    content: '\e808'; }
  .check-list li::after {
    content: '\e831';
    position: absolute;
    opacity: 1;
    top:0;
    left:0;
  }

.search-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ECECEC;
  border-radius: 6px;
  padding: 14px 40px;
  margin: 40px 0; }
  @media screen and (max-width: 1199px) {
    .search-row {
      padding: 11.9px 20px; } }
  @media screen and (max-width: 767px) {
    .search-row {
      padding: 9.24px 20px; } }
  @media screen and (max-width: 479px) {
    .search-row {
      padding: 7px 20px; } }
  @media screen and (max-width: 1199px) {
    .search-row {
      margin: 34px 0; } }
  @media screen and (max-width: 767px) {
    .search-row {
      margin: 26.4px 0; } }
  @media screen and (max-width: 479px) {
    .search-row {
      margin: 20px 0; } }
  .search-row .form-label-item:first-of-type {
    margin-right: 18px; }
    @media screen and (max-width: 1199px) {
      .search-row .form-label-item:first-of-type {
        margin-right: 9px; } }
  .search-row .form-label-item:nth-of-type(2) {
    margin-left: 18px;
    margin-right: 18px; }
    @media screen and (max-width: 1199px) {
      .search-row .form-label-item:nth-of-type(2) {
        margin-left: 9px;
        margin-right: 9px; } }
  .search-row .form-label-item .item {
    background-color: #fff; }
  .search-row .form-label-item .item, .search-row .form-label-item .selectric {
    border: none; }
  .search-row .form-label-item label {
    margin-right: 12px; }
    @media screen and (max-width: 1199px) {
      .search-row .form-label-item label {
        margin-right: 6px; } }
    .search-row .form-label-item label::after {
      display: none; }
  .search-row .form-label-item .selectric .button::after {
    border-top-color: #D7000F; }
  .search-row .form-label-item .selectric-items {
    border: none; }
  .search-row .fillet-btn {
    min-width: 68px;
    height: 34px;
    border-radius: 34px;
    line-height: 34px;
    padding: 0; }
  @media screen and (min-width: 992px) {
    .search-row .form-label-item:first-of-type {
      width: calc(50% - 18px); }
    .search-row .form-label-item:nth-of-type(2) {
      width: calc(50% - (70px + 36px)); }
    .search-row .form-label-item .item, .search-row .form-label-item .selectric {
      min-height: 55px; }
    .search-row .form-label-item .selectric .label {
      height: 55px;
      line-height: 55px; }
    .search-row .form-label-item .selectric-items {
      top: 54px; }
      .search-row .form-label-item .selectric-items li {
        height: 50px;
        line-height: 30px; } }
  @media screen and (max-width: 991px) {
    .search-row .form-label-item:first-of-type {
      width: calc(50% - 48px); }
    .search-row .form-label-item:nth-of-type(2) {
      width: calc(50% - (70px + 6px)); } }
  @media screen and (max-width: 767px) {
    .search-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 20px 12px; }
      .search-row .form-label-item {
        width: 100% !important;
        margin: 0 !important; }
      .search-row .fillet-btn {
        min-width: 40%;
        margin: 16px auto 0; } }
  @media screen and (max-width: 479px) {
    .search-row {
      padding: 20px 8px; } }

.pagination {
  display: table;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  margin-top: 74px; }
  @media screen and (max-width: 1199px) {
    .pagination {
      margin-top: 62.9px; } }
  @media screen and (max-width: 767px) {
    .pagination {
      margin-top: 48.84px; } }
  @media screen and (max-width: 479px) {
    .pagination {
      margin-top: 37px; } }
  .pagination li, .pagination a {
    color: #000; }
  .pagination li {
    display: inline-block;
    padding: 0 2px 12px;
    border-bottom: 3px solid transparent;
    margin: 4px 13px; }
    .pagination li.active {
      font-weight: 600;
      border-color: #D7000F; }
    .pagination li:last-child a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 1px solid #808080;
      color: #808080; }
  @media screen and (min-width: 992px) {
    .pagination li a {
      -webkit-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
    .pagination li:last-child a {
      width: 60px;
      height: 60px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .pagination li:hover a {
      color: #D7000F; }
    .pagination li:hover:last-child a {
      border-color: #D7000F; } }
  @media screen and (max-width: 991px) {
    .pagination li:last-child a {
      width: 40px;
      height: 40px; } }

.social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #DCDCDC;
  margin-top: 26px;
  padding-top: 26px; }
  @media screen and (max-width: 1199px) {
    .social-share {
      margin-top: 22.1px; } }
  @media screen and (max-width: 767px) {
    .social-share {
      margin-top: 17.16px; } }
  @media screen and (max-width: 479px) {
    .social-share {
      margin-top: 13px; } }
  @media screen and (max-width: 1199px) {
    .social-share {
      padding-top: 22.1px; } }
  @media screen and (max-width: 767px) {
    .social-share {
      padding-top: 17.16px; } }
  @media screen and (max-width: 479px) {
    .social-share {
      padding-top: 13px; } }
  .social-share::before {
    content: '分享：';
    font-size: 16px;
    margin-right: 6px; }
  .social-share button {
    font-size: 34px;
    cursor: pointer; }
  .social-share i::before {
    margin: 0; }
  .social-share .facebook {
    color: #37599B; }
  .social-share .twitter {
    color: #07ABE9; }
  .social-share .linkedin {
    color: #0577B3; }
  .social-share .line {
    color: #3FD105; }
  .social-share .googleplus {
    color: #D13D2F; }
  @media screen and (min-width: 992px) {
    .social-share button {
      -webkit-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
      .social-share button:hover {
        color: #404040 !important; } }
  @media screen and (max-width: 767px) {
    .social-share button {
      margin: 0 2px; } }

/* form */
input:focus {
  outline: none; }

.form-row, .form-item, .form-btnbox, .form-rowin-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.form-rowin-row {
  width: 100%; }
  .form-rowin-row > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .form-rowin-row .selectric-wrapper, .form-rowin-row .item {
    width: auto; }
  @media screen and (max-width: 600px) {
    .form-rowin-row {
      padding: 0 8px; } }

.form-row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -8px 0; }
  .form-row > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .form-row.mlr > *, .form-row.col-02 > * {
    margin-left: 14px;
    margin-right: 14px; }
    @media screen and (max-width: 1199px) {
      .form-row.mlr > *, .form-row.col-02 > * {
        margin-left: 7px;
        margin-right: 7px; } }
  .form-row.col-02 > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .form-row.address-row {
    padding: 0 13px; }
  .form-row.center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .form-row.center label {
      min-width: 100px !important; }
  .form-row.wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  @media screen and (min-width: 992px) {
    .form-row.col-02 {
      margin: -1px -14px; }

      #upload_page .form-row.col-02 {
      margin: 0; }
      .form-row.col-02 > * {
        width: calc(50% - 28px); }
    .form-row.invoice {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .form-row.invoice .form-label-item.radio {
        width: 100%;
        margin-top: 20px; }
      .form-row.invoice .form-label-item.address {
        padding-left: 150px; }
        #chartered-device .form-row.invoice .form-label-item.address{
          padding-left: 40px;
        }
        #shuttle-device .form-row.invoice .form-label-item.address{
          padding-left: 40px;}
      }


  @media screen and (max-width: 1199px) {
    .form-row.address-row {
      padding: 0 7px; } }
  @media screen and (max-width: 991px) {
    .form-row.col-02 {
      margin: -1px -7.5px; }
      .form-row.col-02 > * {
        width: calc(50% - 14px); }
    .form-row.address-row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .form-row.address-row > *:first-child {
        width: 100%; } }
  @media screen and (max-width: 767px) {
    .form-row.col-02, .form-row.col-03 {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .form-row.col-02 > *, .form-row.col-03 > * {
        width: 100%; }
    .form-row.phone-row {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .form-row.phone-row > * {
        width: auto; }
      .form-row.phone-row .form-label-item {
        width: calc(100% - 170px); } }
  @media screen and (max-width: 600px) {
    .form-row.phone-row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .form-row.phone-row .form-label-item {
        width: 100%; }
      .form-row.phone-row .form-check {
        margin-top: 0; } }

.form-min_label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  padding: 0 4px !important;
  white-space: nowrap;
  min-width: auto !important; }
  .form-min_label::before {
    display: none; }

/* form - item*/
.form-remark {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding: 14px 0;
  margin: 20px auto; }
  .form-remark.max1200 {
    max-width: 1200px; }
  .form-remark.no-tborder {
    margin-top: 0;
    border-top: none; }
  .form-remark > * {
    width: 100%; }
  .form-remark .form-check {
    padding: 0; }

.form-btntext {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 300px;
  min-height: 55px;
  margin: 8px 10px; }
  .form-btntext > * {
    width: 50%;
    height: 55px;
    margin: 0; }
  .form-btntext .text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #B1B1B1;
    border-left: none;
    border-radius: 0 4px 4px 0;
    margin-left: -2px; }
  @media screen and (max-width: 600px) {
    .form-btntext {
      width: calc(100% - 40px);
      min-height: 43px; }
      .form-btntext > * {
        height: 43px; } }

label.noarrow {
  padding-left: 0 !important; }
  label.noarrow::before {
    display: none !important; }

.form-item .fill-in, .form-label-item .fill-in {
  line-height: 54px;
  margin: 8px 8px; }

.form-item.credit-num > div, .form-label-item.credit-num > div {
  min-width: calc(100% - 180px);
  padding: 0 8px; }

.form-item.credit-num .input-box, .form-label-item.credit-num .input-box {
  width: 25%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 8px 0; }
  .form-item.credit-num .input-box::after, .form-label-item.credit-num .input-box::after {
    content: ' - ';
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 14px;
    margin-right: 14px; }
    @media screen and (max-width: 1199px) {
      .form-item.credit-num .input-box::after, .form-label-item.credit-num .input-box::after {
        margin-left: 7px;
        margin-right: 7px; } }
  .form-item.credit-num .input-box .item, .form-label-item.credit-num .input-box .item {
    margin: 0; }
  .form-item.credit-num .input-box:last-child::after, .form-label-item.credit-num .input-box:last-child::after {
    display: none; }

@media screen and (max-width: 600px) {
  .form-item.credit-num .item, .form-label-item.credit-num .item {
    padding: 5px; } }

.form-item, .form-label-item .item {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #B1B1B1;
  margin: 8px; }
  .form-item i, .form-label-item .item i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 52px;
    height: 20px;
    margin: 0; }
    .form-item i.icon-phone, .form-label-item .item i.icon-phone {
      font-size: 20px; }
  .form-item.textbox label, .form-label-item .item.textbox label {
    margin-top: 16px; }

.form-item, .form-label-item {
  /*location*/
  /*add*/
  /*date*/ }
  .form-item.date, .form-item.location, .form-label-item.date, .form-label-item.location {
    position: relative;
    z-index: 1; }
  .form-label-item.date{cursor: pointer;}
    .form-item.date::after, .form-item.location::after, .form-label-item.date::after, .form-label-item.location::after {
      position: absolute;
      z-index: -1;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .form-item.date::after, .form-item.add-item .add-btn::after, .form-item.location::after, .form-label-item.date::after, .form-label-item.add-item .add-btn::after, .form-label-item.location::after {
    font-family: "fontello";
    color: #D7000F; }
  .form-item.location::after, .form-label-item.location::after {
    content: '\f031';
    right: 16px;
    font-size: 21px; }
  .form-item.add-item, .form-label-item.add-item {
    position: relative; }
    .form-item.add-item .add-btn, .form-label-item.add-item .add-btn {
      cursor: pointer;
      position: absolute;
      top: 6px;
      right: 6px; }
      .form-item.add-item .add-btn::after, .form-label-item.add-item .add-btn::after {
        font-family: "fontello";
        content: '\e814';
        font-size: 22px; }
  .form-item.date::after, .form-label-item.date::after {
    content: '\e823';
    font-size: 20px;
    right: 12px; }

.form-label-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*date*/
  /*location*/ }
  .form-label-item > label {
    white-space: nowrap;
    padding-right: 10px;
    margin-bottom: 0; }
    .form-label-item > label::after {
      content: '：'; }
  .form-label-item .item, .form-label-item .selectric-wrapper {
    width: 100%; }
  .form-label-item .selectric-wrapper {
    width: 100%;
    min-height: 45px; }
  .form-label-item .item {
    padding: 8px 18px;
    min-height: 46px; }
    .form-label-item .item.verification-code {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .form-label-item.radio {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .form-label-item.textbox {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .form-label-item.textbox label {
      margin-top: 30px; }
  .form-label-item.higher .item, .form-label-item.higher .selectric .label, .form-label-item.higher .verification-code input {
    font-size: 1em; }
  .form-label-item.w-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .form-label-item.item-after .item, .form-label-item.item-after .selectric-wrapper {
    width: calc(100% - 40px) !important; }
  .form-label-item.item-after .selectric-wrapper {
    width: calc(100% - 40px) !important; }
  .form-label-item.date .item, .form-label-item.location .item {
    background-color: transparent; }
  .form-label-item.date::after {
    right: 20px; }
  .form-label-item.location::after {
    right: 24px; }
  .form-label-item.add-item {
    position: relative; }
    .form-label-item.add-item .add-btn {
      position: static;
      margin: 0 10px; }
      .form-label-item.add-item .add-btn::after {
        font-family: "fontello";
        color: #D7000F;
        content: '\e814';
        font-size: 22px; }
  @media screen and (min-width: 992px) {
    .form-label-item.address {
      margin: 3px 0; }
      .form-label-item.address .selectric-wrapper, .form-label-item.address .postal-code {
        margin: 8px 8px; }
      .form-label-item.address .selectric-wrapper, .form-label-item.address .postal-code {
        width: auto;
        min-width: 140px; }
      /* .form-label-item.address .postal-code {
        min-width: 40px; } */
    .form-label-item.higher .item, .form-label-item.higher .selectric-wrapper, .form-label-item.higher .selectric {
      min-height: 60px; }
    .form-label-item.higher .selectric .label {
      height: 100%;
      line-height: 60px; }
    .form-label-item.higher .selectric-items {
      top: 60px; }
      .form-label-item.higher .selectric-items li {
        line-height: 40px; }
    .form-label-item.mid .item, .form-label-item.mid .selectric-wrapper, .form-label-item.mid .selectric {
      min-height: 54px; }
    .form-label-item.mid .selectric .label {
      height: 100%;
      line-height: 54px; }
    .form-label-item.mid .selectric-items {
      top: 54px; }
      .form-label-item.mid .selectric-items li {
        line-height: 40px; } }
  @media screen and (max-width: 991px) {
    .form-label-item.address {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 0 4px; }
      .form-label-item.address > label {
        width: 100%; }
      .form-label-item.address .selectric-wrapper, .form-label-item.address .postal-code, .form-label-item.address .item {
        margin: 8px 4px; }
      .form-label-item.address .selectric-wrapper {
        width: calc(36% - 8px); }
      .form-label-item.address .postal-code {
        width: calc(28% - 8px); } }
  @media screen and (max-width: 600px) {
    .form-label-item {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 4px; }
      .form-label-item label {
        margin: 0 8px !important; }
        .form-label-item label br {
          display: none; }
      .form-label-item.text-box {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .form-label-item.address .form-min_label {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; }
      .form-label-item.address .item {
        width: calc(75% - 8px);
        margin-top: 0; }
      .form-label-item.address .selectric-wrapper {
        width: calc(50% - 8px); }
      .form-label-item.address .postal-code {
        width: calc(25% - 8px); }
      .form-label-item.address.inlabel .item {
        width: calc(100% - 8px); }
      .form-label-item.add-item input {
        width: calc(100% - 60px) !important; }
      .form-label-item.add-item .add-btn {
        margin-left: 0; } }

textarea {
  resize: none; }

.form-item {
  width: calc(100% - (8px *2)); }
  .form-item.higher input {
    min-height: 55px; }
  .form-item i {
    padding: 0 12px;
    border-right: 1px solid #DCDCDC; }
  .form-item input {
    width: 100%;
    min-height: 45px;
    padding: 8px 18px; }

/*upload*/
.form-file {
  width: 100%;
  position: relative; }
  .form-file .file-name {
    display: block;
    width: calc(100% - 16px);
    font-size: 16px;
    line-height: 36px; }
  .form-file label {
    position: absolute !important;
    right: 13px;
    top: 13px;
    margin-bottom: 0; }
    .form-file label::before {
      display: none; }

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .input-file + label {
    min-width: 80px !important;
    min-height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    border-radius: 3px;
    background-color: #120703;
    display: inline-block;
    padding: 0 !important;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out; }
  .input-file:focus + label,
  .input-file + label:hover {
    background-color: #D7000F; }
  @media screen and (max-width: 991px) {
    .input-file + label {
      min-height: auto;
      line-height: 34px;
      height: 34px; } }

/*checkbox*/
.form-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 15px;
  min-width: 120px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 8px;
  padding: 0 8px;
  position: relative; }
  .form-check input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    opacity: 0;
    margin: 0;
    z-index: 5; }
  .form-check > label {
    width: auto;
    min-height: auto;
    display: block;
    padding: 0 0 0 24px;
    margin-bottom: 0;
    position: relative; }
    .form-check > label::before, .form-check > label::after {
      content: '';
      position: absolute; }
    .form-check > label::before {
      top: 5px;
      left: 0;
      width: 16px;
      height: 16px;
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 2px;
      z-index: 1;
      -webkit-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-property: background-color, border-color;
      transition-property: background-color, border-color; }
    .form-check > label::after {
      top: 0;
      left: 6px;
      width: 8px;
      height: 14px;
      border-bottom: 2px solid transparent;
      border-right: 2px solid transparent;
      -webkit-transform: rotate(45deg) translate(20%, 25%);
      transform: rotate(45deg) translate(20%, 25%);
      z-index: 2;
      -webkit-transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  .form-check input[type="checkbox"]:checked + label::before {
    background-color: #fff; }
  .form-check input[type="checkbox"]:checked + label::after {
    border-color: #D7000F; }
  @media screen and (min-width: 768px) {
    .form-check > label {
      white-space: nowrap; } }

/*radio*/
.radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 45px;
  margin: 0 8px; }
  @media screen and (max-width: 600px) {
    .radio-row {
      margin: 0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .radio-row label {
    margin-bottom: 0; }

.radio-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-right: 20px; }
  @media screen and (max-width: 1199px) {
    .radio-box {
      margin-right: 10px; } }
  .radio-box .radio_label::before {
    margin-right: 15px; }
    @media screen and (max-width: 1199px) {
      .radio-box .radio_label::before {
        margin-right: 7.5px; } }
  .radio-box input[type="radio"] {
    display: none; }
    .radio-box input[type="radio"]:checked + .radio_label::before {
      -webkit-box-shadow: inset 0 0 0 3px #fff;
              box-shadow: inset 0 0 0 3px #fff; }
  .radio-box .radio_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1em;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    margin-bottom: 0; }
    .radio-box .radio_label::before {
      content: "";
      display: inline-block;
      min-width: 15px;
      min-height: 15px;
      background: #D7000F;
      border: 1px solid #B1B1B1;
      border-radius: 100%;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin-right: 10px;
      -webkit-box-shadow: inset 0 0 0 18px #FFF;
              box-shadow: inset 0 0 0 18px #FFF; }
      @media screen and (max-width: 1199px) {
        .radio-box .radio_label::before {
          margin-right: 5px; } }

.form-btnbox {
  margin-top: 17px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .form-btnbox > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    flex: 1;
    font-size: 15px;
    /*max-width: 210px;*/
    cursor: pointer; }
  .form-btnbox.higher > * {
    font-size: 1em;
    margin: 8px; }
  @media screen and (min-width: 992px) {
    .form-btnbox.higher > * {
      min-height: 55px; } }
  @media screen and (max-width: 479px) {
    .form-btnbox.qty-3 > * {
      min-width: auto !important;
      margin: 8px 4px;
      padding: 8px; } }

.form-line {
  border: none;
  border-top: 1px solid #DCDCDC;
  margin-top: 30px;
  margin-bottom: 50px; }
  @media screen and (max-width: 1199px) {
    .form-line {
      margin-top: 25.5px; } }
  @media screen and (max-width: 767px) {
    .form-line {
      margin-top: 19.8px; } }
  @media screen and (max-width: 479px) {
    .form-line {
      margin-top: 15px; } }
  @media screen and (max-width: 1199px) {
    .form-line {
      margin-bottom: 42.5px; } }
  @media screen and (max-width: 767px) {
    .form-line {
      margin-bottom: 33px; } }
  @media screen and (max-width: 479px) {
    .form-line {
      margin-bottom: 25px; } }

.form-box.layout-02 .form-row {
  margin: 0; }

.form-box.layout-02 .form-label-item > label {
  padding-left: 16px;
  position: relative;
  min-width: 150px; }
  .form-box.layout-02 .form-label-item > label::before {
    content: '\e818';
    font-family: "fontello";
    font-size: 12px;
    color: #D7000F;
    position: absolute;
    top: 6px;
    left: 0; }
  .form-box.layout-02 .form-label-item > label::after {
    display: none; }

@media screen and (min-width: 992px) {
  .form-box.layout-02 .form-label-item.col-02 input.item, .form-box.layout-02 .form-label-item.col-02 .selectric-wrapper {
    width: 420px; } }

.verification-code {
  position: relative; }
  .verification-code input {
    width: calc(100% - 100px); }
  .verification-code .code-pic {
    width: 98px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   }
   .verification-code .code-pic img {
     display: block;
   }

.datepicker.dropdown-menu {
  min-width: 212px; }

.datepicker.dropdown-menu table {
  width: 100%; }

.datepicker td.active.day, .datepicker td.active.year {
  background: rgba(215, 0, 15, 0.9);
  color: #FFF; }

.mCSB_inside > .mCSB_container {
  margin-right: 10px; }

/* ==========================================================================
 *   共用間距
 *==========================================================================*/
.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }
  @media screen and (max-width: 1199px) {
    .pt30 {
      padding-top: 25.5px; } }
  @media screen and (max-width: 767px) {
    .pt30 {
      padding-top: 19.8px; } }
  @media screen and (max-width: 479px) {
    .pt30 {
      padding-top: 15px; } }

.pt40 {
  padding-top: 40px; }
  @media screen and (max-width: 1199px) {
    .pt40 {
      padding-top: 34px; } }
  @media screen and (max-width: 767px) {
    .pt40 {
      padding-top: 26.4px; } }
  @media screen and (max-width: 479px) {
    .pt40 {
      padding-top: 20px; } }

.pt60 {
  padding-top: 60px; }
  @media screen and (max-width: 1199px) {
    .pt60 {
      padding-top: 51px; } }
  @media screen and (max-width: 767px) {
    .pt60 {
      padding-top: 39.6px; } }
  @media screen and (max-width: 479px) {
    .pt60 {
      padding-top: 30px; } }

.pt80 {
  padding-top: 80px; }
  @media screen and (max-width: 1199px) {
    .pt80 {
      padding-top: 68px; } }
  @media screen and (max-width: 767px) {
    .pt80 {
      padding-top: 52.8px; } }
  @media screen and (max-width: 479px) {
    .pt80 {
      padding-top: 40px; } }

.ptb50 {
  padding: 50px 0; }
  @media screen and (max-width: 1199px) {
    .ptb50 {
      padding: 42.5px 0; } }
  @media screen and (max-width: 767px) {
    .ptb50 {
      padding: 33px 0; } }
  @media screen and (max-width: 479px) {
    .ptb50 {
      padding: 25px 0; } }

.ptb60 {
  padding: 60px 0; }
  @media screen and (max-width: 1199px) {
    .ptb60 {
      padding: 51px 0; } }
  @media screen and (max-width: 767px) {
    .ptb60 {
      padding: 39.6px 0; } }
  @media screen and (max-width: 479px) {
    .ptb60 {
      padding: 30px 0; } }

.ptb80 {
  padding: 80px 0; }
  @media screen and (max-width: 1199px) {
    .ptb80 {
      padding: 68px 0; } }
  @media screen and (max-width: 767px) {
    .ptb80 {
      padding: 52.8px 0; } }
  @media screen and (max-width: 479px) {
    .ptb80 {
      padding: 40px 0; } }

.ptb100 {
  padding: 100px 0; }
  @media screen and (max-width: 1199px) {
    .ptb100 {
      padding: 85px 0; } }
  @media screen and (max-width: 767px) {
    .ptb100 {
      padding: 66px 0; } }
  @media screen and (max-width: 479px) {
    .ptb100 {
      padding: 50px 0; } }

.pb20 {
  padding-bottom: 20px; }

.pb40 {
  padding-bottom: 40px; }
  @media screen and (max-width: 1199px) {
    .pb40 {
      padding-bottom: 34px; } }
  @media screen and (max-width: 767px) {
    .pb40 {
      padding-bottom: 26.4px; } }
  @media screen and (max-width: 479px) {
    .pb40 {
      padding-bottom: 20px; } }

.pb60 {
  padding-bottom: 60px; }
  @media screen and (max-width: 1199px) {
    .pb60 {
      padding-bottom: 51px; } }
  @media screen and (max-width: 767px) {
    .pb60 {
      padding-bottom: 39.6px; } }
  @media screen and (max-width: 479px) {
    .pb60 {
      padding-bottom: 30px; } }

.pb80 {
  padding-bottom: 80px; }
  @media screen and (max-width: 1199px) {
    .pb80 {
      padding-bottom: 68px; } }
  @media screen and (max-width: 767px) {
    .pb80 {
      padding-bottom: 52.8px; } }
  @media screen and (max-width: 479px) {
    .pb80 {
      padding-bottom: 40px; } }

.pb100 {
  padding-bottom: 100px; }
  @media screen and (max-width: 1199px) {
    .pb100 {
      padding-bottom: 85px; } }
  @media screen and (max-width: 767px) {
    .pb100 {
      padding-bottom: 66px; } }
  @media screen and (max-width: 479px) {
    .pb100 {
      padding-bottom: 50px; } }

.pb120 {
  padding-bottom: 120px; }
  @media screen and (max-width: 1199px) {
    .pb120 {
      padding-bottom: 102px; } }
  @media screen and (max-width: 767px) {
    .pb120 {
      padding-bottom: 79.2px; } }
  @media screen and (max-width: 479px) {
    .pb120 {
      padding-bottom: 60px; } }

.pl5 {
  padding-left: 5px; }
  @media screen and (max-width: 1199px) {
    .pl5 {
      padding-left: 2.5px; } }

.m0 {
  margin: 0 !important; }

.p0 {
  padding: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.m30 {
  margin: 30px 30px; }
  @media screen and (max-width: 1199px) {
    .m30 {
      margin: 25.5px 15px; } }
  @media screen and (max-width: 767px) {
    .m30 {
      margin: 19.8px 15px; } }
  @media screen and (max-width: 479px) {
    .m30 {
      margin: 15px 15px; } }

.mb0 {
  margin-bottom: 0 !important; }

.mt20 {
  margin-top: 20px; }
  @media screen and (max-width: 1199px) {
    .mt20 {
      margin-top: 17px; } }
  @media screen and (max-width: 767px) {
    .mt20 {
      margin-top: 13.2px; } }
  @media screen and (max-width: 479px) {
    .mt20 {
      margin-top: 10px; } }

.mt60 {
  margin-top: 60px; }
  @media screen and (max-width: 1199px) {
    .mt60 {
      margin-top: 51px; } }
  @media screen and (max-width: 767px) {
    .mt60 {
      margin-top: 39.6px; } }
  @media screen and (max-width: 479px) {
    .mt60 {
      margin-top: 30px; } }

.mt70 {
  margin-top: 70px; }
  @media screen and (max-width: 1199px) {
    .mt70 {
      margin-top: 59.5px; } }
  @media screen and (max-width: 767px) {
    .mt70 {
      margin-top: 46.2px; } }
  @media screen and (max-width: 479px) {
    .mt70 {
      margin-top: 35px; } }

.mt10 {
  margin-top: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }
  @media screen and (max-width: 1199px) {
    .mb30 {
      margin-bottom: 25.5px; } }
  @media screen and (max-width: 767px) {
    .mb30 {
      margin-bottom: 19.8px; } }
  @media screen and (max-width: 479px) {
    .mb30 {
      margin-bottom: 15px; } }

.mb40 {
  margin-bottom: 40px; }
  @media screen and (max-width: 1199px) {
    .mb40 {
      margin-bottom: 34px; } }
  @media screen and (max-width: 767px) {
    .mb40 {
      margin-bottom: 26.4px; } }
  @media screen and (max-width: 479px) {
    .mb40 {
      margin-bottom: 20px; } }

.mb50 {
  margin-bottom: 50px; }
  @media screen and (max-width: 1199px) {
    .mb50 {
      margin-bottom: 42.5px; } }
  @media screen and (max-width: 767px) {
    .mb50 {
      margin-bottom: 33px; } }
  @media screen and (max-width: 479px) {
    .mb50 {
      margin-bottom: 25px; } }

.mb60 {
  margin-bottom: 60px; }
  @media screen and (max-width: 1199px) {
    .mb60 {
      margin-bottom: 51px; } }
  @media screen and (max-width: 767px) {
    .mb60 {
      margin-bottom: 39.6px; } }
  @media screen and (max-width: 479px) {
    .mb60 {
      margin-bottom: 30px; } }

.mb80 {
  margin-bottom: 80px; }
  @media screen and (max-width: 1199px) {
    .mb80 {
      margin-bottom: 68px; } }
  @media screen and (max-width: 767px) {
    .mb80 {
      margin-bottom: 52.8px; } }
  @media screen and (max-width: 479px) {
    .mb80 {
      margin-bottom: 40px; } }

.mtb60 {
  margin: 60px 0; }
  @media screen and (max-width: 1199px) {
    .mtb60 {
      margin: 51px 0; } }
  @media screen and (max-width: 767px) {
    .mtb60 {
      margin: 39.6px 0; } }
  @media screen and (max-width: 479px) {
    .mtb60 {
      margin: 30px 0; } }

.mtb100 {
  margin: 100px 0; }
  @media screen and (max-width: 1199px) {
    .mtb100 {
      margin: 85px 0; } }
  @media screen and (max-width: 767px) {
    .mtb100 {
      margin: 66px 0; } }
  @media screen and (max-width: 479px) {
    .mtb100 {
      margin: 50px 0; } }

.mr20 {
  margin-right: 20px; }

.ml30 {
  margin-left: 30px; }
  @media screen and (max-width: 1199px) {
    .ml30 {
      margin-left: 15px; } }

/* ==========================================================================
 *   共用字級
 *==========================================================================*/
.f16 {
  font-size: 0.88em; }

.f18 {
  font-size: 1em; }

.f22 {
  font-size: 1.222222em; }

.f24 {
  font-size: 1.33em; }

.f32 {
  font-size: 1.77em; }

.bold {
  font-weight: 600; }

.t-red {
  color: #D7000F; }

.tb-red {
  font-weight: 600;
  color: #D7000F; }

.t-gary {
  color: #808080; }

.t-center {
  text-align: center; }

.t-left {
  text-align: left !important; }

.t-justify {
  text-align: justify; }

ul.list-red li {
  color: #D7000F; }
  ul.list-red li > * {
    color: #120703; }

.under-doline > * {
  display: inline-block;
  border-bottom: dotted 1px #404040;
  margin-bottom: 10px; }

.under-doline-i {
  display: block;
  border-bottom: dotted 1px #404040;
  margin-bottom: 10px; }

.high-light {
  background-color: #fff;
  padding: 6px 10px;
  margin: 0 4px;
  color: #D7000F;
  font-weight: 600; }

.price {
  font-size: 1.3333em;
  font-weight: 600;
  color: #D7000F; }
  .price.xs {
    font-weight: 400;
    font-size: 1.1em; }

.feebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #DCDCDC;
  padding: 26px 50px; }
  @media screen and (max-width: 1199px) {
    .feebar {
      padding: 22.1px 25px; } }
  @media screen and (max-width: 767px) {
    .feebar {
      padding: 17.16px 25px; } }
  @media screen and (max-width: 479px) {
    .feebar {
      padding: 13px 25px; } }
  .feebar .title {
    display: inline-block;
    text-align: center;
    font-style: normal;
    margin-right: 40px; }
    @media screen and (max-width: 1199px) {
      .feebar .title {
        margin-right: 20px; } }
  .feebar .pay-choes, .feebar .pay-price {
    display: inline-block; }
  .feebar .pay-price {
    min-width: 9%; }
  @media screen and (min-width: 480px) {
    .feebar {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .feebar > * {
        margin: 4px 0; }
        .feebar > *:last-child {
          margin-bottom: 0; } }
  @media screen and (max-width: 479px) {
    .feebar {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .feebar .pay-choes .title {
        display: block; }
      .feebar .pay-choes .radio-box {
        margin: 8px; } }

.title-BLine {
  text-align: center;
  font-size: 1.77em;
  margin-top: 20px;
  z-index: 2;
  position: relative; }
  .title-BLine::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    margin: 20px auto 0; }
  .title-BLine.black::after {
    background: #000; }
  .title-BLine.white::after {
    background: #FFF; }

.under-line {
  color: #D7000F;
  text-decoration: underline;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  .under-line:hover {
    color: #120703;
    text-decoration: underline; }

/* ==========================================================================
 *   共用color
 *==========================================================================*/
.f-required {
  color: #FF3366;
  margin: 0 5px; }

.f-red {
  color: #D7000F; }

a.f-red {
  color: #D7000F !important;
  text-decoration: none !important;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  @media screen and (min-width: 992px) {
    a.f-red:hover {
      color: #120703 !important; } }

.gary-gradient {
  background: #1c1c1c;
  background: -webkit-gradient(linear, left top, left bottom, from(#1c1c1c), to(#595959));
  background: linear-gradient(to bottom, #1c1c1c 0%, #595959 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#595959',GradientType=0 ); }

.gary-gradient-lg {
  background: #ebebeb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ffffff));
  background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); }

/* ==========================================================================
 *   共用頁籤
 *==========================================================================*/
.tab {
  margin: 0;
  padding: 0;
  list-style: none; }

.tab-in {
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .tab-in.show {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

/**/
.breadcrumb {
  background-color: #F3F3F3; }
  .breadcrumb.bg-w {
    background-color: #fff; }
  .breadcrumb ul {
    padding: 0 12px !important; }
  .breadcrumb li {
    display: inline-block;
    font-size: 16px;
    padding: 8px 0; }
    .breadcrumb li:first-child::before {
      content: '\e806';
      font-family: "fontello";
      font-size: 16px;
      font-weight: 600;
      margin: 0 8px; }
    .breadcrumb li:last-child::after {
      display: none; }
    .breadcrumb li::after {
      content: '>';
      font-size: 18px;
      font-family: 'Lato', sans-serif;
      color: #808080;
      opacity: .8;
      margin-left: 6px;
      margin-right: 2px; }
  .breadcrumb a {
    color: #808080;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  @media screen and (min-width: 992px) {
    .breadcrumb a:hover {
      color: #000; } }
  @media screen and (max-width: 479px) {
    .breadcrumb {
      display: none; } }

/* ==========================================================================
 *   共用layout
 *==========================================================================*/
.block-layout, .block-layout-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .block-layout .container, .block-layout-02 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .block-layout .block, .block-layout-02 .block {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    overflow: hidden; }

.block-layout.qty-4 .block {
  padding: 45px 5.6%; }

@media screen and (min-width: 992px) {
  .block-layout.qty-4 .block {
    height: 24vw; } }

@media screen and (max-width: 991px) {
  .block-layout.qty-4 .block {
    width: 100%; } }

@media screen and (min-width: 480px) {
  .block-layout.qty-4 .block {
    min-height: 400px; } }

@media screen and (max-width: 767px) {
  .block-layout.qty-4 .block {
    height: auto;
    min-height: 340px; } }

@media screen and (max-width: 479px) {
  .block-layout.qty-4 .block {
    min-height: 224px; } }

.block-layout.picbg .block {
  height: auto;
  min-height: auto;
  padding: 0;
  position: relative;
  z-index: 1; }

.block-layout.picbg .pic, .block-layout.picbg .pic:before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.block-layout.picbg .pic:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.4); }

.block-layout.picbg .text {
  text-align: center;
  color: #FFF;
  margin: 0 auto;
  padding: 75px 0; }
  @media screen and (max-width: 1199px) {
    .block-layout.picbg .text {
      padding: 63.75px 0; } }
  @media screen and (max-width: 767px) {
    .block-layout.picbg .text {
      padding: 49.5px 0; } }
  @media screen and (max-width: 479px) {
    .block-layout.picbg .text {
      padding: 37.5px 0; } }

@media screen and (min-width: 992px) {
  .block-layout.picbg .text {
    width: 40%; } }

@media screen and (max-width: 991px) {
  .block-layout.picbg .text {
    width: 70%; } }

@media screen and (max-width: 600px) {
  .block-layout.picbg .block {
    width: 100%; } }

.block-layout-02 {
  position: relative; }
  .block-layout-02.line::before {
    content: '';
    display: block;
    width: 1px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .block-layout-02 .pic {
    height: 20.8vw; }
  .block-layout-02 .text {
    padding: 0 20%;
    padding-top: 50px;
    padding-bottom: 80px; }
    @media screen and (max-width: 1199px) {
      .block-layout-02 .text {
        padding-top: 42.5px; } }
    @media screen and (max-width: 767px) {
      .block-layout-02 .text {
        padding-top: 33px; } }
    @media screen and (max-width: 479px) {
      .block-layout-02 .text {
        padding-top: 25px; } }
    @media screen and (max-width: 1199px) {
      .block-layout-02 .text {
        padding-bottom: 68px; } }
    @media screen and (max-width: 767px) {
      .block-layout-02 .text {
        padding-bottom: 52.8px; } }
    @media screen and (max-width: 479px) {
      .block-layout-02 .text {
        padding-bottom: 40px; } }
  .block-layout-02 .block:nth-child(odd) .text {
    background-color: #F3F3F3; }
  @media screen and (min-width: 768px) {
    .block-layout-02 .pic {
      min-height: 300px; } }
  @media screen and (max-width: 767px) {
    .block-layout-02 .text {
      padding-left: 10%;
      padding-right: 10%; }
    .block-layout-02 .pic {
      min-height: 200px; } }
  @media screen and (max-width: 600px) {
    .block-layout-02 .text {
      padding-left: 20px;
      padding-right: 20px; }
    .block-layout-02 .block {
      width: 100%; } }

.page-header {
  text-align: center; }
  .page-header .title {
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 2px; }
    .page-header .title.f32 {
      font-size: 1.77em; }
  .page-header p {
    font-size: 1em;
    color: #404040; }
  .page-header.and-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .page-header.and-icon .title {
      display: inline-block;
      margin-bottom: 0; }
    .page-header.and-icon .icon {
      display: inline-block;
      width: 58px;
      height: 58px;
      margin-right: 20px; }
    .page-header.and-icon .title + * {
      width: 100%;
      display: block;
      font-style: normal;
      margin-top: 34px; }
      @media screen and (max-width: 1199px) {
        .page-header.and-icon .title + * {
          margin-top: 28.9px; } }
      @media screen and (max-width: 767px) {
        .page-header.and-icon .title + * {
          margin-top: 22.44px; } }
      @media screen and (max-width: 479px) {
        .page-header.and-icon .title + * {
          margin-top: 17px; } }
  @media screen and (max-width: 479px) {
    .page-header .title {
      line-height: 1.4; } }

.page-nav {
  position: relative; }
  .page-nav ul {
    z-index: 5; }
  .page-nav li {
    font-size: 19px; }
  .page-nav::after {
    content: '';
    display: block;
    width: 100%;
    height: 160px;
    background-image: url("images/bg-shadow.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 0; }
  @media screen and (min-width: 768px) {
    .page-nav li a {
      -webkit-transition: font 0.2s ease-in-out;
      transition: font 0.2s ease-in-out; }
    .page-nav li:hover a {
      font-weight: 600; } }
  @media screen and (min-width: 768px) {
    .page-nav {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .page-nav::after {
        top: 64px; }
      .page-nav li {
        display: inline-block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-bottom: 3px solid transparent;
        padding: 16px 10px;
        margin-left: 30px;
        margin-right: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .page-nav li {
        margin-left: 15px;
        margin-right: 15px; } }
  @media screen and (min-width: 768px) {
        .page-nav li.active {
          border-color: #D7000F; }
          .page-nav li.active a {
            font-weight: 600; }
      .page-nav a {
        color: #000; }
      .page-nav .mobile-nav {
        display: none; } }
  @media screen and (max-width: 767px) {
    .page-nav {
      position: relative;
      background-color: #fff;
      padding: 14px 20px; }
      .page-nav::after {
        top: 75px; }
      .page-nav .mobile-nav {
        width: 100%;
        border: 1px solid #B1B1B1;
        border-radius: 4px;
        padding: 9px 20px;
        font-size: 18px;
        font-weight: 600;
        text-align: center; }
        .page-nav .mobile-nav::after {
          content: '';
          float: right;
          width: 0;
          height: 0;
          border: 4px solid transparent;
          border-top-color: #000000;
          border-bottom: none;
          margin-top: 11px; }
      .page-nav ul {
        display: none;
        width: calc(100% - 40px);
        background-color: #fff;
        border: 1px solid #C4C4C4;
        border-top: none;
        border-radius: 0 0 4px 4px;
        position: absolute;
        left: 20px; }
        .page-nav ul li {
          padding: 10px 18px;
          border-top: 1px solid #FFF;
          border-bottom: 1px solid #EEE;
          text-align: center;
          font-size: 18px; }
        .page-nav ul a {
          display: block;
          color: #666; } }

.page-wrapper {
  position: relative; }

.page-banner {
  height: 286px;
  position: relative; }
  .page-banner .pic {
    z-index: 1; }
    .page-banner .pic::after {
      content: '';
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: 0;
      left: 0; }
  .page-banner .text {
    color: #FFF;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .page-banner.only-pic .pic::after {
    display: none; }
  .page-banner.higher {
    height: 23.229vw;
    min-height: 200px; }
  @media screen and (max-width: 600px) {
    .page-banner {
      height: 200px; } }

.gary-wrapper {
  background-color: #ECECEC;
  overflow: hidden;
  padding: 0 20px;
  padding-bottom: 60px; }
  @media screen and (max-width: 1199px) {
    .gary-wrapper {
      padding-bottom: 51px; } }
  @media screen and (max-width: 767px) {
    .gary-wrapper {
      padding-bottom: 39.6px; } }
  @media screen and (max-width: 479px) {
    .gary-wrapper {
      padding-bottom: 30px; } }
  .gary-wrapper .page-header {
    margin-top: 54px;
    margin-bottom: 50px; }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .page-header {
        margin-top: 45.9px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .page-header {
        margin-top: 35.64px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .page-header {
        margin-top: 27px; } }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .page-header {
        margin-bottom: 42.5px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .page-header {
        margin-bottom: 33px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .page-header {
        margin-bottom: 25px; } }
    .gary-wrapper .page-header p {
      margin-bottom: 0; }
  .gary-wrapper .paper-wrapper {
    margin-top: 50px;
    margin-bottom: 40px; }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .paper-wrapper {
        margin-top: 42.5px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .paper-wrapper {
        margin-top: 33px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .paper-wrapper {
        margin-top: 25px; } }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .paper-wrapper {
        margin-bottom: 34px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .paper-wrapper {
        margin-bottom: 26.4px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .paper-wrapper {
        margin-bottom: 20px; } }
  .gary-wrapper .login-group {
    margin-bottom: 90px; }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .login-group {
        margin-bottom: 76.5px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .login-group {
        margin-bottom: 59.4px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .login-group {
        margin-bottom: 45px; } }
  .gary-wrapper .login-box, .gary-wrapper .message-block {
    background-color: #fff; }
  .gary-wrapper .message-block {
    margin-top: 115px;
    margin-bottom: 118px;
    padding-bottom: 54px; }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .message-block {
        margin-top: 97.75px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .message-block {
        margin-top: 75.9px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .message-block {
        margin-top: 57.5px; } }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .message-block {
        margin-bottom: 100.3px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .message-block {
        margin-bottom: 77.88px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .message-block {
        margin-bottom: 59px; } }
    @media screen and (max-width: 1199px) {
      .gary-wrapper .message-block {
        padding-bottom: 45.9px; } }
    @media screen and (max-width: 767px) {
      .gary-wrapper .message-block {
        padding-bottom: 35.64px; } }
    @media screen and (max-width: 479px) {
      .gary-wrapper .message-block {
        padding-bottom: 27px; } }
  @media screen and (min-width: 992px) {
    .gary-wrapper {
      min-height: 600px; } }

.head-bar, .step-bar {
  padding: 40px 0; }
  @media screen and (max-width: 1199px) {
    .head-bar, .step-bar {
      padding: 34px 0; } }
  @media screen and (max-width: 767px) {
    .head-bar, .step-bar {
      padding: 26.4px 0; } }
  @media screen and (max-width: 479px) {
    .head-bar, .step-bar {
      padding: 20px 0; } }
  .head-bar .label, .step-bar .label {
    font-size: 1.77em;
    white-space: nowrap; }
  @media screen and (min-width: 992px) {
    .head-bar, .step-bar {
      max-height: 176px; }
      .head-bar .container, .step-bar .container {
        min-height: 96px; } }

.head-bar .label {
  font-weight: 400; }

.step-bar .label {
  margin-bottom: 0; }

.step-bar .step-row li {
  display: inline-block; }

.step-bar .step-row .step-num {
  font-family: 'Lato', sans-serif;
  font-size: 28px;
  font-weight: 700;
  margin-right: 15px; }
  @media screen and (max-width: 1199px) {
    .step-bar .step-row .step-num {
      margin-right: 7.5px; } }
  .step-bar .step-row .step-num::before {
    content: 'Step';
    font-size: 20px;
    font-weight: 400; }

.step-bar .step-row.square li {
  border: 1px solid #9A9A9A;
  padding: 6px 0 8px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 43px;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .step-bar .step-row.square li {
      padding-left: 20px;
      padding-right: 20px; } }
  .step-bar .step-row.square li::after {
    content: '\e813';
    font-family: "fontello";
    font-size: 14px;
    font-weight: bold;
    color: #C1C1C1;
    position: absolute;
    top: 50%;
    right: -32px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .step-bar .step-row.square li:last-child {
    margin-right: 0; }
    .step-bar .step-row.square li:last-child::after {
      display: none; }
  .step-bar .step-row.square li.active {
    border-color: transparent;
    background-color: #D7000F;
    color: #FFF; }
    .step-bar .step-row.square li.active .name {
      font-size: 1.02em;
      font-weight: 600; }

.step-bar .step-row.with-icon {
  margin-right: 24px; }
  @media screen and (max-width: 1199px) {
    .step-bar .step-row.with-icon {
      margin-right: 12px; } }
  .step-bar .step-row.with-icon li {
    text-align: center;
    margin-left: 57px;
    margin-right: 57px; }
    @media screen and (max-width: 1199px) {
      .step-bar .step-row.with-icon li {
        margin-left: 28.5px;
        margin-right: 28.5px; } }
    .step-bar .step-row.with-icon li .icon {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 56px;
      height: 56px;
      font-size: 18px;
      background-color: #fff;
      border-radius: 50%;
      margin-bottom: 5px;
      border: 1px solid #BBB;
      position: relative; }
      .step-bar .step-row.with-icon li .icon::after {
        content: '';
        display: inline-block;
        width: calc(100% + 180%);
        height: 1px;
        background-color: #BBB;
        position: absolute;
        left: 100%; }
    .step-bar .step-row.with-icon li .icon-touch {
      font-size: 22px;
      font-weight: 600; }
    .step-bar .step-row.with-icon li .name {
      margin-top: 5px; }
    .step-bar .step-row.with-icon li:last-child .icon::after {
      display: none; }
    .step-bar .step-row.with-icon li.active .icon {
      border-color: #D7000F;
      background-color: #D7000F;
      color: #FFF; }
    .step-bar .step-row.with-icon li.active .name {
      font-weight: 600; }

@media screen and (min-width: 992px) {
  .step-bar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .step-bar .label {
    margin-right: 60px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .step-bar .label {
      margin-right: 30px; } }

@media screen and (min-width: 992px) {
  .step-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (max-width: 1199px) {
  .step-bar .step-row.with-icon li {
    width: 64px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .step-bar .step-row.with-icon li {
    width: 12%; } }

@media screen and (max-width: 991px) {
  .step-bar .container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .step-bar .label {
    min-width: 180px; }
  .step-bar li {
    margin: 5px; }
  .step-bar .step-row {
    margin-top: 10px; }
    .step-bar .step-row.square ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .step-bar .step-row.square li {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .step-bar .step-row.square .step-num {
      display: block; }
    .step-bar .step-row.with-icon li .icon::after {
      width: calc(100% + 90%); } }

@media screen and (max-width: 767px) {
  .step-bar .step-row.square li {
    width: calc(50% - 30px);
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-left: 0;
    margin-right: 30px;
    padding: 5px 6px 8px;
    text-align: center; }
    .step-bar .step-row.square li .step-num {
      line-height: normal; }
    .step-bar .step-row.square li::after {
      right: -24px; }
  .step-bar .step-row.with-icon {
    margin-right: 0; }
    .step-bar .step-row.with-icon ul {
      width: calc(100% + 56px);
      margin: 0 -28px; }
    .step-bar .step-row.with-icon li .icon::after {
      width: calc(100% + 55%); } }

.paper-wrapper {
  max-width: 1390px;
  background-color: #fff;
  margin: 0 auto;
  padding: 4%; }
  .paper-wrapper.big-pading {
    padding: 100px 140px; }
    @media screen and (max-width: 1199px) {
      .paper-wrapper.big-pading {
        padding: 85px 70px; } }
    @media screen and (max-width: 767px) {
      .paper-wrapper.big-pading {
        padding: 66px 70px; } }
    @media screen and (max-width: 479px) {
      .paper-wrapper.big-pading {
        padding: 50px 70px; } }
  @media screen and (max-width: 479px) {
    .paper-wrapper {
      padding: 25px 10px; }
      .paper-wrapper.big-pading {
        padding: 60px 40px; } }

.login-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: calc(1218px + (20px * 2));
  margin: 40px 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .login-group {
      margin: 34px 0; } }
  @media screen and (max-width: 767px) {
    .login-group {
      margin: 26.4px 0; } }
  @media screen and (max-width: 479px) {
    .login-group {
      margin: 20px 0; } }
  .login-group > * {
    height: 100%;
    border: 1px solid #DCDCDC; }
  .login-group .pic {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
            box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2); }
    .login-group .pic::before, .login-group .pic::after {
      content: '';
      position: absolute; }
    .login-group .pic::before {
      width: 100%;
      height: 50%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
      bottom: -10px; }
    .login-group .pic::after {
      background-image: url("images/icon/welcome.svg");
      background-repeat: no-repeat;
      background-position: right bottom;
      right: 6%;
      bottom: 12%; }
  @media screen and (min-width: 992px) {
    .login-group > * {
      min-width: 50%;
      min-height: 496px;
      width: 50% !important; }
      .login-group > *:first-child {
        border-right: none; }
      .login-group > *:last-child {
        border-left: none; }
    .login-group.small > * {
      min-height: 450px; }
    .login-group .pic {
      position: absolute;
      right: 0; } }
  @media screen and (max-width: 991px) {
    .login-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .login-group > *:first-child {
        border-bottom: none; }
      .login-group > *:last-child {
        border-top: none; }
      .login-group .pic {
        height: 40vw;
        min-height: 220px; } }
  @media screen and (min-width: 768px) {
    .login-group .pic::after {
      width: 194px;
      height: 90px; } }
  @media screen and (max-width: 479px) {
    .login-group .pic::before {
      height: 80%; }
    .login-group .pic::after {
      width: 160px;
      height: 80px; } }

.login-box, .message-block {
  background-color: #F2F2F2;
  padding-top: 54px;
  padding-bottom: 28px; }
  .verification-box{
    padding-top: 24px;
    padding-bottom: 24px;
  }
  @media screen and (max-width: 1199px) {
    .login-box, .message-block {
      padding-top: 45.9px; } }
  @media screen and (max-width: 767px) {
    .login-box, .message-block {
      padding-top: 35.64px; } }
  @media screen and (max-width: 479px) {
    .login-box, .message-block {
      padding-top: 27px; } }
  @media screen and (max-width: 1199px) {
    .login-box, .message-block {
      padding-bottom: 23.8px; } }
  @media screen and (max-width: 767px) {
    .login-box, .message-block {
      padding-bottom: 18.48px; } }
  @media screen and (max-width: 479px) {
    .login-box, .message-block {
      padding-bottom: 14px; } }
  .login-box .remark, .message-block .remark {
    font-size: 16px;
    border-top: 1px solid #DCDCDC; }
    .login-box .remark > span, .message-block .remark > span {
      margin-right: 10px; }
  .login-box .form-btnbox > *, .message-block .form-btnbox > * {
    max-width: 212px; }
  .login-box .fillet-btn, .message-block .fillet-btn {
    font-size: 1em; }
    .login-box .fillet-btn.col-02, .message-block .fillet-btn.col-02 {
      max-width: 240px; }
  @media screen and (min-width: 768px) {
    .login-box, .message-block {
      padding-left: 80px;
      padding-right: 80px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .login-box, .message-block {
      padding-left: 40px;
      padding-right: 40px; } }
  @media screen and (min-width: 768px) {
      .login-box .fillet-btn, .message-block .fillet-btn {
        min-height: 54px;
        min-width: 200px; }
      .login-box .fillet-btn::after, .message-block .fillet-btn::after {
        content: '';
        min-height: 38px;
        font-size: 0;
      }
    }
  @media screen and (max-width: 767px) {
    .login-box, .message-block {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px; } }

.login-box .remark {
  margin: 20px 8px 0;
  padding-top: 20px; }

.login-box .sub {
  display: block;
  font-size: 16px;
  margin: 0 8px 20px; }

.login-box .form-item {
  margin: 12px 8px; }

.login-box .form-btnbox {
  margin-top: 0; }

.login-box .fillet-btn.gary a {
  line-height: normal;
  color: #000;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  .login-box .fillet-btn.gary a:first-child {
    border-right: 1px solid #000;
    padding-right: 12px; }
  .login-box .fillet-btn.gary a:last-child {
    padding-left: 12px; }

@media screen and (min-width: 992px) {
  .login-box .form-btnbox {
    padding: 0 4px; }
  .login-box .fillet-btn.gary a:hover {
    color: #D7000F; } }

@media screen and (min-width: 768px) {
  .login-box .remark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .login-box .form-item {
    min-height: 54px; } }

@media screen and (max-width: 991px) {
  .login-box .form-btnbox .fillet-btn {
    max-width: none;
    min-width: calc(50% - 20px); } }

@media screen and (max-width: 767px) {
  .login-box .form-btnbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .login-box .form-item {
    font-size: 15px;
    min-height: 45px; }
  .login-box .fillet-btn {
    width: calc(100% - 16px);
    font-size: 15px;
    min-height: 45px; }
  .login-box .remark .fillet-btn {
    margin-top: 10px; } }

.message-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border: 1px solid #DCDCDC; }
  .message-block .title {
    font-size: 2em;
    font-weight: 400;
    margin-bottom: 18px; }
    @media screen and (max-width: 1199px) {
      .message-block .title {
        margin-bottom: 15.3px; } }
    @media screen and (max-width: 767px) {
      .message-block .title {
        margin-bottom: 11.88px; } }
    @media screen and (max-width: 479px) {
      .message-block .title {
        margin-bottom: 9px; } }
  .message-block p {
    font-size: 16px; }
  .message-block .remark {
    margin: 0 8px;
    margin-top: 40px;
    padding-top: 40px; }
    @media screen and (max-width: 1199px) {
      .message-block .remark {
        margin-top: 34px; } }
    @media screen and (max-width: 767px) {
      .message-block .remark {
        margin-top: 26.4px; } }
    @media screen and (max-width: 479px) {
      .message-block .remark {
        margin-top: 20px; } }
    @media screen and (max-width: 1199px) {
      .message-block .remark {
        padding-top: 34px; } }
    @media screen and (max-width: 767px) {
      .message-block .remark {
        padding-top: 26.4px; } }
    @media screen and (max-width: 479px) {
      .message-block .remark {
        padding-top: 20px; } }
  @media screen and (min-width: 768px) {
    .message-block {
      max-width: 610px;
      min-height: 450px;
      margin: 5vw auto 0; }
      .message-block.mt40 {
        margin-top: 40px; } }
  @media screen and (max-width: 767px) {
    .message-block {
      width: calc(100% - 40px);
      min-height: 340px;
      margin: 10vw auto 0; } }

/* notice-bar */
.notice-bar {
  background-image: url("images/noticeBar-bg.jpg");
  background-size: cover; }
  .notice-bar .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: calc(774px + 40px);
    margin: 0 auto;
    padding: 40px 20px; }
  .notice-bar .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 70px;
    height: 70px;
    font-size: 26px;
    color: #D7000F;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 5px #DDDDDD;
            box-shadow: inset 0 0 0 5px #DDDDDD;
    margin-bottom: 7px; }
  .notice-bar .title {
    font-size: 18px;
    margin-bottom: 0; }
  .notice-bar .left {
    text-align: center; }
  .notice-bar .left, .notice-bar .right {
    margin: 10px 0; }
  .notice-bar ol {
    margin-bottom: 0; }
    .notice-bar ol li {
      margin-bottom: 10px; }
      .notice-bar ol li:last-child {
        margin-bottom: 0; }
  @media screen and (min-width: 600px) {
    .notice-bar .left {
      margin-right: 45px; } }
  @media screen and (min-width: 600px) and (max-width: 1199px) {
    .notice-bar .left {
      margin-right: 22.5px; } }
  @media screen and (max-width: 600px) {
    .notice-bar .inner {
      padding: 20px; } }

/* flag - frame */
.flag-frame {
  max-width: 1100px;
  border: 2px solid #DCDCDC;
  border-radius: 18px;
  position: relative; }
  @media screen and (min-width: 480px) {
    .flag-frame {
      margin: 0 auto;
      margin-bottom: 56px;
      padding: 60px 100px;
      padding-bottom: 40px; } }
  @media screen and (min-width: 480px) and (max-width: 1199px) {
    .flag-frame {
      margin-bottom: 47.6px; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .flag-frame {
      margin-bottom: 36.96px; } }
  @media screen and (min-width: 480px) and (max-width: 479px) {
    .flag-frame {
      margin-bottom: 28px; } }
  @media screen and (min-width: 480px) and (max-width: 1199px) {
    .flag-frame {
      padding: 51px 50px; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .flag-frame {
      padding: 39.6px 50px; } }
  @media screen and (min-width: 480px) and (max-width: 479px) {
    .flag-frame {
      padding: 30px 50px; } }
  @media screen and (min-width: 480px) and (max-width: 1199px) {
    .flag-frame {
      padding-bottom: 34px; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .flag-frame {
      padding-bottom: 26.4px; } }
  @media screen and (min-width: 480px) and (max-width: 479px) {
    .flag-frame {
      padding-bottom: 20px; } }
  @media screen and (max-width: 479px) {
    .flag-frame {
      padding: 40px 15px 20px;
      margin: 0 -18px 50px 0; } }

.flag-title {
  display: inline-block;
  border-radius: 0 50px 50px 0;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #FFF;
  padding: 10px 35px;
  position: absolute;
  top: -25px;
  left: -20px; }
  @media screen and (max-width: 1199px) {
    .flag-title {
      padding: 8.5px 17.5px; } }
  @media screen and (max-width: 767px) {
    .flag-title {
      padding: 6.6px 17.5px; } }
  @media screen and (max-width: 479px) {
    .flag-title {
      padding: 5px 17.5px; } }
  .flag-title::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 12px 0;
    position: absolute;
    bottom: -12px;
    left: 0; }
  .flag-title.red {
    background: #d7000f;
    background: -webkit-gradient(linear, left top, left bottom, from(#d7000f), to(#aa0002));
    background: linear-gradient(to bottom, #d7000f 0%, #aa0002 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#aa0002',GradientType=0 ); }
    .flag-title.red::before {
      border-color: transparent #C21C0A transparent transparent; }
  .flag-title.og {
    background: #e34510;
    background: -webkit-gradient(linear, left top, left bottom, from(#e34510), to(#d03602));
    background: linear-gradient(to bottom, #e34510 0%, #d03602 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34510', endColorstr='#d03602',GradientType=0 ); }
    .flag-title.og::before {
      border-color: transparent #C21C0A transparent transparent; }
  .flag-title.yellow {
    background: #f8a418;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8a418), to(#d98903));
    background: linear-gradient(to bottom, #f8a418 0%, #d98903 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a418', endColorstr='#d98903',GradientType=0 ); }
    .flag-title.yellow::before {
      border-color: transparent #C2870A transparent transparent; }

/* note - frame */
.note-frame {
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 34px;
  margin-bottom: 40px;
  border-bottom: 1px solid #DCDCDC; }
  @media screen and (max-width: 1199px) {
    .note-frame {
      padding-bottom: 28.9px; } }
  @media screen and (max-width: 767px) {
    .note-frame {
      padding-bottom: 22.44px; } }
  @media screen and (max-width: 479px) {
    .note-frame {
      padding-bottom: 17px; } }

.note-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  color: #D7000F;
  white-space: nowrap;
  margin-bottom: 34px; }
  @media screen and (max-width: 1199px) {
    .note-title {
      margin-bottom: 28.9px; } }
  @media screen and (max-width: 767px) {
    .note-title {
      margin-bottom: 22.44px; } }
  @media screen and (max-width: 479px) {
    .note-title {
      margin-bottom: 17px; } }
  .note-title::before, .note-title::after {
    content: '';
    display: inline-block;
    width: 70%;
    height: 10px;
    -webkit-transform: skewX(24deg);
            transform: skewX(24deg);
    background-color: #FFF;
    background-image: linear-gradient(90deg, transparent 3px, #ccc 1px);
    background-size: 4px 10px; }
  .note-title::before {
    margin-right: 26px; }
  .note-title::after {
    margin-left: 26px; }

/* ==========================================================================
 *   共用表格
 *==========================================================================*/
/*rwd-table*/
.rwd-table {
  border-collapse: collapse; }
  .rwd-table th {
    padding: 2px 4px;
    text-align: center; }
  .rwd-table td {
    padding: 2px 4px;
    text-align: center; }
  @media screen and (max-width: 767px) {
    .rwd-table th {
      display: none; }
    .rwd-table td {
      display: block;
      border: none; }
      .rwd-table td:before {
        content: attr(data-th) " ";
        float: left;
        font-size: 16.6px;
        font-weight: bold;
        min-width: 80px;
        text-align: left; } }

.table {
  width: 100%;
  overflow-x: auto;
  margin: 36px 0; }
  @media screen and (max-width: 1199px) {
    .table {
      margin: 30.6px 0; } }
  @media screen and (max-width: 767px) {
    .table {
      margin: 23.76px 0; } }
  @media screen and (max-width: 479px) {
    .table {
      margin: 18px 0; } }
  .table th, .table td {
    font-weight: 400;
    padding: 10px; }
  .table tbody.higher td {
    padding: 26px 1.5em; }
    @media screen and (max-width: 1199px) {
      .table tbody.higher td {
        padding: 22.1px 0.75em; } }
    @media screen and (max-width: 767px) {
      .table tbody.higher td {
        padding: 17.16px 0.75em; } }
    @media screen and (max-width: 479px) {
      .table tbody.higher td {
        padding: 13px 0.75em; } }
  .table a {
    color: #120703;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    .table a:hover {
      color: #D7000F; }
  @media screen and (max-width: 767px) {
    .table {
      margin-top: 36px; } }
  .table.mtb100 {
    margin: 100px 0; }
    @media screen and (max-width: 1199px) {
      .table.mtb100 {
        margin: 85px 0; } }
    @media screen and (max-width: 767px) {
      .table.mtb100 {
        margin: 66px 0; } }
    @media screen and (max-width: 479px) {
      .table.mtb100 {
        margin: 50px 0; } }
  .table.grid-table thead tr {
    background-color: rgba(215, 0, 15, 0.84);
    border: none; }
  .table.grid-table thead th {
    text-align: center;
    color: #FFF;
    font-weight: 600; }
  .table.grid-table tr {
    border-bottom: 1px solid #DCDCDC; }
  .table.grid-table td {
    border-right: 1px solid #DCDCDC;
    text-align: left; }
    .table.grid-table td:last-child {
      border: none; }
  .table.grid-table th, .table.grid-table td {
    padding: 10px 5%; }
    @media screen and (max-width: 1199px) {
      .table.grid-table th, .table.grid-table td {
        padding: 8.5px 2.5%; } }
    @media screen and (max-width: 767px) {
      .table.grid-table th, .table.grid-table td {
        padding: 6.6px 2.5%; } }
    @media screen and (max-width: 479px) {
      .table.grid-table th, .table.grid-table td {
        padding: 5px 2.5%; } }
  @media screen and (max-width: 767px) {
    .table.grid-table td {
      border: none !important; }
      .table.grid-table td:first-child {
        background-color: #F3F3F3; } }
  .table.layout-01.black thead tr {
    background-color: #292929;
    color: #F3F3F3; }
  .table.layout-01.black tbody tr {
    background-color: #fff;
    border-bottom: 1px solid #DCDCDC; }
    .table.layout-01.black tbody tr:last-child {
      border-bottom: 1px solid #292929; }
  @media screen and (max-width: 767px) {
    .table.layout-01.black tbody tr:first-child {
      border-top: 1px solid #292929; }
    .table.layout-01 th, .table.layout-01 td {
      padding: 10px !important; }
    .table.layout-01 tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .table.layout-01 td {
      width: 50%;
      text-align: left; } }
  @media screen and (max-width: 479px) {
    .table.layout-01 tbody tr {
      padding: 5px 0; }
    .table.layout-01 td {
      display: inline-block;
      width: 100%; }
      .table.layout-01 td::before {
        width: 40%; } }
  .table.layout-02 td, .table.layout-02 th {
    text-align: center;
    padding: 10px 70px;
    border-right: 1px solid rgba(220, 220, 220, 0.9); }
    @media screen and (max-width: 1199px) {
      .table.layout-02 td, .table.layout-02 th {
        padding: 8.5px 35px; } }
    @media screen and (max-width: 767px) {
      .table.layout-02 td, .table.layout-02 th {
        padding: 6.6px 35px; } }
    @media screen and (max-width: 479px) {
      .table.layout-02 td, .table.layout-02 th {
        padding: 5px 35px; } }
    .table.layout-02 td:last-child, .table.layout-02 th:last-child {
      border: none; }
  .table.layout-02 tbody tr {
    border-bottom: 1px solid #DCDCDC; }
    .table.layout-02 tbody tr:nth-child(even) td {
      background-color: #F3F3F3; }
      .table.layout-02 tbody tr:nth-child(even) td:first-child {
        background-color: #fff; }
  .table.layout-02.red thead tr {
    background-color: rgba(215, 0, 15, 0.84);
    color: #FFF; }
  .table.layout-02.gary thead tr {
    background-color: rgba(128, 128, 128, 0.9);
    color: #FFF; }
  @media screen and (max-width: 767px) {
    .table.layout-02 td, .table.layout-02 th {
      text-align: center;
      padding: 10px 5px !important; }
    .table.layout-02 td {
      text-align: center; } }
  @media screen and (max-width: 320px) {
    .table.layout-02 {
      width: calc(100% + 40px);
      margin: 20px -20px; }
      .table.layout-02 td, .table.layout-02 th {
        padding: 10px 10px !important; } }

.detail-box {
  max-width: 1200px;
  margin: 40px 0 10px 0;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1199px) {
    .detail-box {
      margin: 34px 0; } }
  @media screen and (max-width: 767px) {
    .detail-box {
      margin: 26.4px 0; } }
  @media screen and (max-width: 479px) {
    .detail-box {
      margin: 20px 0; } }
  .detail-box:first-child {
    margin-top: 0; }
  .detail-box:last-child {
    margin-bottom: 0; }
  .detail-box .form-row {
    margin: 0 -16px !important; }
  .detail-box .radio-row {
    margin: 0 -2px; }

.detail-name {
  max-width: 1200px;
  border-bottom: 1px solid #120703;
  padding-bottom: 20px;
  margin: 0 auto; }
  .detail-name .item {
    display: inline-block; }
  @media screen and (min-width: 768px) {
    .detail-name .item {
      margin-right: 40px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .detail-name .item {
      margin-right: 20px; } }

.car-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .car-rows .car-item {
    text-align: center;
    margin: 0 14.4px; }
    .car-rows .car-item .pic {
      max-width: 276px; }
      .car-rows .car-item .pic img {
        max-height: 158px; }
    .car-rows .car-item .name {
      font-size: 22px;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 0; }
    .car-rows .car-item .seat {
      font-size: 16px;
      color: #808080; }

.car-pic {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 230px;
  width: 230px; }

.mark-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #DCDCDC;
  padding-bottom: 20px;
  margin-bottom: 26px; }
  @media screen and (max-width: 1199px) {
    .mark-row {
      padding-bottom: 17px; } }
  @media screen and (max-width: 767px) {
    .mark-row {
      padding-bottom: 13.2px; } }
  @media screen and (max-width: 479px) {
    .mark-row {
      padding-bottom: 10px; } }
  @media screen and (max-width: 1199px) {
    .mark-row {
      margin-bottom: 22.1px; } }
  @media screen and (max-width: 767px) {
    .mark-row {
      margin-bottom: 17.16px; } }
  @media screen and (max-width: 479px) {
    .mark-row {
      margin-bottom: 13px; } }
  .mark-row .label {
    display: inline-block;
    min-width: 140px;
    margin-right: 30px; }
    @media screen and (max-width: 1199px) {
      .mark-row .label {
        margin-right: 15px; } }
  .mark-row p {
    margin-bottom: 0; }
  .mark-row .car-pic {
    display: inline-block;
    margin-right: 66px; }
    @media screen and (max-width: 1199px) {
      .mark-row .car-pic {
        margin-right: 33px; } }
  @media screen and (max-width: 991px) {
    .mark-row .label {
      min-width: 120px; } }
  @media screen and (max-width: 767px) {
    .mark-row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .mark-row .car {
        margin-left: 10%; } }
  @media screen and (max-width: 600px) {
    .mark-row .car {
      margin: 0; } }
  @media screen and (max-width: 479px) {
    .mark-row .car {
      width: 100%;
      display: block;
      text-align: center; } }

.car-info {
  display: inline-block;
  width: 100%; }
  .car-info .name {
    border-bottom: 1px dotted #DCDCDC;
    padding-bottom: 20px;
    margin-bottom: 14px; }
    @media screen and (max-width: 1199px) {
      .car-info .name {
        padding-bottom: 17px; } }
    @media screen and (max-width: 767px) {
      .car-info .name {
        padding-bottom: 13.2px; } }
    @media screen and (max-width: 479px) {
      .car-info .name {
        padding-bottom: 10px; } }
  .car-info .day-num {
    font-size: 15px; }
  .car-info .car-price {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500; }
  .car-info .fillet-btn {
    width: 142px;
    height: 50px;
    font-size: 16px;
    margin: 12px 0 0 0; }
  @media screen and (max-width: 767px) {
    .car-info {
      width: 100%; } }
  @media screen and (max-width: 479px) {
    .car-info {
      margin-top: 0; } }

.car-detail {
  max-width: 300px; }
  .car-detail li {
    min-width: 32%;
    max-width: 200px;
    display: inline-block;
    font-size: 16px;
    color: #808080; }
  .car-detail .icon {
    font-size: 20px;
    margin-right: 5px; }

.detail-headline {
  font-size: 1.08em;
  border-bottom: 2px solid #120703;
  padding-left: 16px;
  padding-bottom: 10px;
  margin-bottom: 26px;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .detail-headline {
      margin-bottom: 22.1px; } }
  @media screen and (max-width: 767px) {
    .detail-headline {
      margin-bottom: 17.16px; } }
  @media screen and (max-width: 479px) {
    .detail-headline {
      margin-bottom: 13px; } }
  .detail-headline h4, .detail-headline h4 + * {
    display: inline-block; }
  .detail-headline h4 + * {
    font-size: 18px;
    margin-left: 30px; }
  .detail-headline::before {
    content: '\e818';
    font-family: "fontello";
    font-size: 12px;
    color: #D7000F;
    position: absolute;
    top: 6px;
    left: 0; }
  .detail-headline.mb10 {
    margin-bottom: 10px !important; }

.detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 20px; }
  @media screen and (max-width: 1199px) {
    .detail-info {
      padding-bottom: 17px; } }
  @media screen and (max-width: 767px) {
    .detail-info {
      padding-bottom: 13.2px; } }
  @media screen and (max-width: 479px) {
    .detail-info {
      padding-bottom: 10px; } }
  .detail-info .w100 {
    width: 100%; }
    .detail-info .w100 .label {
      width: auto;
      display: inline-block; }
  .detail-info > ul {
    width: 50%;
    padding-right: 10px; }
    .detail-info > ul.w100 {
      width: 100%;
      padding: 0; }
    .detail-info > ul li {
      margin-bottom: 10px; }
  .detail-info .form-label-item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 95%; }
    .detail-info .form-label-item .item, .detail-info .form-label-item .fill-in, .detail-info .form-label-item .radio-row {
      margin: 4px 8px; }
    .detail-info .form-label-item.w-auto {
      width: auto; }
  .detail-info .label {
    display: inline-block;
    min-width: 140px;
    margin-right: 30px; }
    @media screen and (max-width: 1199px) {
      .detail-info .label {
        margin-right: 15px; } }
    .detail-info .label.w100 {
      width: 100%;
      display: block; }
  .detail-info.noborder {
    border: none;
    padding-bottom: 0; }
  .detail-info.align-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  @media screen and (min-width: 768px) {
    .detail-info.nowrap {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media screen and (max-width: 991px) {
    .detail-info .label {
      min-width: 120px; } }
  @media screen and (max-width: 767px) {
    .detail-info > ul {
      width: 50%; }
      .detail-info > ul.w100 .label {
        display: block;
        margin-bottom: 5px; }
      .detail-info > ul .form-label-item {
        width: 100%; }
    .detail-info .form-label-item {
      width: 100%;
      margin-bottom: 0; }
      .detail-info .form-label-item .fill-in, .detail-info .form-label-item .radio-row {
        line-height: 36px; } }
  @media screen and (max-width: 600px) {
    .detail-info ul {
      width: 100%; }
    .detail-info.phone-w100 > ul {
      width: 100%; } }

.list-table {
  margin: 10px 0 0; }
  .list-table .label {
    font-size: 16px;
    padding: 20px 30px; }
    @media screen and (max-width: 1199px) {
      .list-table .label {
        padding: 17px 15px; } }
    @media screen and (max-width: 767px) {
      .list-table .label {
        padding: 13.2px 15px; } }
    @media screen and (max-width: 479px) {
      .list-table .label {
        padding: 10px 15px; } }
  .list-table > ul li {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px dotted rgba(108, 108, 108, 0.5); }
    .list-table > ul li:last-child {
      border: none; }
  .list-table .car-device {
    min-width: 58%; }
  .list-table.gary .label {
    background-color: #6C6C6C;
    color: #FFF; }
  .list-table.gary li {
    background-color: #F3F3F3; }
  @media screen and (min-width: 768px) {
    .list-table > ul li {
      padding: 20px 60px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .list-table > ul li {
      padding: 17px 30px; } }
  @media screen and (min-width: 768px) and (max-width: 767px) {
    .list-table > ul li {
      padding: 13.2px 30px; } }
  @media screen and (min-width: 768px) and (max-width: 479px) {
    .list-table > ul li {
      padding: 10px 30px; } }
  @media screen and (min-width: 768px) {
    .list-table .price-qty .count, .list-table .price-qty .qty {
      margin-left: 120px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .list-table .price-qty .count, .list-table .price-qty .qty {
      margin-left: 60px; } }
  @media screen and (max-width: 767px) {
    .list-table > ul li {
      padding: 14px 20px; }
    .list-table .car-device {
      width: 100%;
      margin-bottom: 10px; }
    .list-table .price-qty {
      width: 100%; } }

.price-qty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .price-qty .count {
    display: inline-block;
    border: 1px solid #808080; }
    .price-qty .count > span {
      display: inline-block;
      width: 42px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      background-color: #fff; }
    .price-qty .count .num {
      border-left: 1px solid #808080;
      border-right: 1px solid #808080; }
    .price-qty .count .minus, .price-qty .count .add {
      cursor: pointer; }
  .price-qty .qty {
    font-size: 16px; }

.detail-count {
  margin-top: 24px; }
  @media screen and (max-width: 1199px) {
    .detail-count {
      margin-top: 20.4px; } }
  @media screen and (max-width: 767px) {
    .detail-count {
      margin-top: 15.84px; } }
  @media screen and (max-width: 479px) {
    .detail-count {
      margin-top: 12px; } }
  .detail-count .remark {
    color: #808080; }
  .detail-count .label {
    display: inline-block;
    font-weight: 600;
    min-width: 120px;
    margin-right: 24px; }
    @media screen and (max-width: 1199px) {
      .detail-count .label {
        margin-right: 12px; } }
  @media screen and (min-width: 768px) {
    .detail-count .price-box {
      float: right; }
    .detail-count .label {
      min-width: 120px; }
    .detail-count::after {
      content: '';
      display: block;
      clear: both; } }
  @media screen and (max-width: 991px) {
    .detail-count .remark {
      display: block;
      margin-bottom: 5px; } }

.car-device {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .car-device .name {
    display: inline-block; }
  .car-device .pic {
    display: inline-block;
    width: 46px;
    height: 46px;
    min-width: 46px; }
    .car-device .pic.ml0 {
      margin-left: 0 !important; }
  @media screen and (min-width: 480px) {
    .car-device {
      margin-right: 20px; } }
  @media screen and (min-width: 480px) and (max-width: 1199px) {
    .car-device {
      margin-right: 10px; } }
  @media screen and (min-width: 480px) {
      .car-device .pic {
        margin-left: 60px;
        margin-right: 98px; } }
    @media screen and (min-width: 480px) and (max-width: 1199px) {
      .car-device .pic {
        margin-left: 30px; } }
    @media screen and (min-width: 480px) and (max-width: 1199px) {
      .car-device .pic {
        margin-right: 49px; } }
  @media screen and (max-width: 479px) {
    .car-device {
      margin-right: 0; }
      .car-device .pic {
        margin: 0 20px; } }

.folder-layout {
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (max-width: 1199px) {
    .folder-layout {
      margin-bottom: 17px; } }
  @media screen and (max-width: 767px) {
    .folder-layout {
      margin-bottom: 13.2px; } }
  @media screen and (max-width: 479px) {
    .folder-layout {
      margin-bottom: 10px; } }
  .folder-layout .tab {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    border: 1px solid #DCDCDC;
    border-radius: 5px 5px 0 0; }
    .folder-layout .tab li {
      display: inline-block;
      border-right: 1px solid #DCDCDC;
      background-color: #fff;
      text-align: center; }
      .folder-layout .tab li:last-child {
        border: none; }
      .folder-layout .tab li a {
        display: block;
        color: #120703;
        padding: 12px 30px; }
        @media screen and (max-width: 1199px) {
          .folder-layout .tab li a {
            padding: 10.2px 15px; } }
        @media screen and (max-width: 767px) {
          .folder-layout .tab li a {
            padding: 7.92px 15px; } }
        @media screen and (max-width: 479px) {
          .folder-layout .tab li a {
            padding: 6px 15px; } }
      .folder-layout .tab li.active {
        background-color: #120703; }
        .folder-layout .tab li.active a {
          color: #FFF; }
  .folder-layout .tab-in {
    width: 100%;
    background-color: #F3F3F3; }
  .folder-layout .tab-inner {
    padding: 22px 36px; }
    @media screen and (max-width: 1199px) {
      .folder-layout .tab-inner {
        padding: 18.7px 18px; } }
    @media screen and (max-width: 767px) {
      .folder-layout .tab-inner {
        padding: 14.52px 18px; } }
    @media screen and (max-width: 479px) {
      .folder-layout .tab-inner {
        padding: 11px 18px; } }
  @media screen and (min-width: 768px) {
    .folder-layout .tab li {
      min-width: 148px; } }
  @media screen and (max-width: 767px) {
    .folder-layout {
      margin: 10px 0; } }
  @media screen and (max-width: 479px) {
    .folder-layout .tab {
      width: 100%; }
      .folder-layout .tab li {
        width: 33.3333%; } }

.pay-form {
  max-width: 1200px;
  padding: 40px 40px;
  background-color: #F3F3F3;
  margin: 0 auto; }
  @media screen and (max-width: 1199px) {
    .pay-form {
      padding: 34px 20px; } }
  @media screen and (max-width: 767px) {
    .pay-form {
      padding: 26.4px 20px; } }
  @media screen and (max-width: 479px) {
    .pay-form {
      padding: 20px 20px; } }
  @media screen and (min-width: 480px) {
    .pay-form .form-label-item > label {
      min-width: 180px !important; } }
  @media screen and (max-width: 600px) {
    .pay-form {
      padding: 10px 5px; }
      .pay-form .form-label-item {
        width: 100%;
        margin-bottom: 0; }
        .pay-form .form-label-item > label {
          min-width: auto !important; }
        .pay-form .form-label-item .fill-in, .pay-form .form-label-item .radio-row {
          line-height: 36px; } }

.pay-info .part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.8;
  margin-bottom: 14px; }

.pay-info .title {
  display: inline-block; }

.pay-info .logo-case {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px; }
  @media screen and (max-width: 1199px) {
    .pay-info .logo-case {
      margin-left: 10px;
      margin-right: 10px; } }
  .pay-info .logo-case > span {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 20px; }
    @media screen and (max-width: 1199px) {
      .pay-info .logo-case > span {
        margin-right: 10px; } }
    .pay-info .logo-case > span:last-child {
      margin-right: 0; }

.aside-layout {
  max-width: 1380px;
  margin: 34px auto; }
  .aside-layout aside {
    width: 355px;
    z-index: 10; }
  .aside-layout .aside-inner {
    width: calc(100% - (355px + 40px));
    margin-left: 40px; }
  @media screen and (min-width: 1441px) {
    .aside-layout aside {
      width: 398px; }
    .aside-layout .aside-inner {
      width: calc(100% - (398px + 60px));
      margin-left: 60px; } }
  @media screen and (min-width: 1441px) and (max-width: 1199px) {
    .aside-layout .aside-inner {
      margin-left: 30px; } }
  @media screen and (min-width: 992px) {
    .aside-layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (max-width: 991px) {
    .aside-layout aside, .aside-layout .aside-inner {
      width: 100%; }
    .aside-layout .aside-inner {
      margin-left: 0; } }

.search-car {
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
  background: linear-gradient(to bottom, #f4f4f4 0%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ececec',GradientType=0 );
  position: relative; }
  .search-car .location-box {
    top: 0; }
    .search-car .location-box .headline {
      background: #FFF; }
      .search-car .location-box .headline::before {
        display: none; }
  .search-car .headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 26px;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(99%, #e5e5e5));
    background: linear-gradient(to bottom, white 0%, #e5e5e5 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); }
    .search-car .headline::before {
      content: '\e818';
      font-family: "fontello";
      font-size: 12px;
      color: #D7000F;
      margin-right: 10px; }
  .search-car > form {
    padding: 16px 20px; }
    .search-car > form .form-check {
      min-width: 130px;
      padding-left: 0; }
    .search-car > form .form-btnbox {
      margin: 12px 8px; }
      .search-car > form .form-btnbox .fillet-btn {
        max-width: none;
        margin: 0; }
  @media screen and (max-width: 991px) {
    .search-car {
      width: calc(100% + 40px) !important;
      margin: -40px -20px 0; } }
  .search-car .note-box {
    background-color: #fff;
    margin: 20px 20px;
    padding: 30px 24px; }
    .search-car .note-box .title {
      display: inline-block;
      padding: 12px 20px;
      background-color: #D7000F;
      font-weight: 600;
      letter-spacing: 1px;
      border-radius: 55px;
      color: #FFF;
      min-height: 26px;
      margin-bottom: 20px; }
      @media screen and (max-width: 1199px) {
        .search-car .note-box .title {
          margin-bottom: 17px; } }
      @media screen and (max-width: 767px) {
        .search-car .note-box .title {
          margin-bottom: 13.2px; } }
      @media screen and (max-width: 479px) {
        .search-car .note-box .title {
          margin-bottom: 10px; } }
    .search-car .note-box .underline > li {
      border-bottom: dotted 1px #404040;
      padding-bottom: 8px;
      margin-bottom: 16px; }
    @media screen and (max-width: 991px) {
      .search-car .note-box {
        max-height: 50vh;
        overflow-x: hidden;
        overflow-y: auto; } }

.location-bar, .car-wcard, .car-card {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
  overflow: hidden; }
  @media screen and (min-width: 992px) {
    .location-bar, .car-wcard, .car-card {
      -webkit-transition: border 0.2s ease-in-out;
      transition: border 0.2s ease-in-out; }
      .location-bar:hover, .car-wcard:hover, .car-card:hover {
        border-color: #D7000F; } }
  .location-bar.noborder, .car-wcard.noborder, .car-card.noborder {
    border: none !important; }

.location-bar, .car-wcard {
  margin: 26px 0; }
  @media screen and (max-width: 1199px) {
    .location-bar, .car-wcard {
      margin: 22.1px 0; } }
  @media screen and (max-width: 767px) {
    .location-bar, .car-wcard {
      margin: 17.16px 0; } }
  @media screen and (max-width: 479px) {
    .location-bar, .car-wcard {
      margin: 13px 0; } }

.location-bar {
  border: none !important;
  padding: 15px 24px; }
  @media screen and (max-width: 1199px) {
    .location-bar {
      padding: 12.75px 12px; } }
  @media screen and (max-width: 767px) {
    .location-bar {
      padding: 9.9px 12px; } }
  @media screen and (max-width: 479px) {
    .location-bar {
      padding: 7.5px 12px; } }
  .location-bar .item {
    width: calc(50% - 40px);
    display: inline-block;
    margin-right: 72px;
    position: relative; }
    .location-bar .item:first-child::after {
      content: '\e813';
      font-family: "fontello";
      font-size: 16px;
      color: #D7000F;
      position: absolute;
      top: 50%;
      right: -45px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .location-bar .item:last-child {
      margin-right: 0; }
    .location-bar .item > p {
      line-height: normal;
      margin-top: 8px;
      margin-bottom: 0; }
  .location-bar .label {
    min-width: 62px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #DCDCDC;
    padding: 4px 15px; }
  .location-bar .time, .location-bar .day {
    display: inline-block;
    margin-right: 14px; }
  @media screen and (min-width: 992px) {
    .location-bar {
      margin-top: 0; } }

.car-wcard .top, .car-wcard .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.car-wcard .top {
  padding: 30px 34px; }
  @media screen and (max-width: 1199px) {
    .car-wcard .top {
      padding: 25.5px 17px; } }
  @media screen and (max-width: 767px) {
    .car-wcard .top {
      padding: 19.8px 17px; } }
  @media screen and (max-width: 479px) {
    .car-wcard .top {
      padding: 15px 17px; } }

.car-wcard .store-bar {
  border-top: 1px solid rgba(220, 220, 220, 0.4); }
  .car-wcard .store-bar > li {
    min-width: 22%;
    display: inline-block;
    border-right: 1px solid rgba(220, 220, 220, 0.4);
    text-align: center;
    padding: 12px 34px; }
    @media screen and (max-width: 1199px) {
      .car-wcard .store-bar > li {
        padding: 10.2px 17px; } }
    @media screen and (max-width: 767px) {
      .car-wcard .store-bar > li {
        padding: 7.92px 17px; } }
    @media screen and (max-width: 479px) {
      .car-wcard .store-bar > li {
        padding: 6px 17px; } }
    .car-wcard .store-bar > li:last-child {
      border: none; }
  .car-wcard .store-bar li, .car-wcard .store-bar a {
    color: #120703; }
  .car-wcard .store-bar .store-name::before, .car-wcard .store-bar .store-map::before {
    font-family: "fontello";
    font-weight: 400;
    color: #D7000F;
    margin-right: 5px; }
  .car-wcard .store-bar .store-name {
    font-weight: 600; }
    .car-wcard .store-bar .store-name::before {
      content: '\e81b'; }
  .car-wcard .store-bar .store-map::before {
    content: '\f031'; }

.car-wcard .car-info {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .car-wcard .car-info .name {
    font-size: 24px;
    border: none;
    padding-bottom: 0;
    margin-bottom: 28px; }
    @media screen and (max-width: 1199px) {
      .car-wcard .car-info .name {
        margin-bottom: 23.8px; } }
    @media screen and (max-width: 767px) {
      .car-wcard .car-info .name {
        margin-bottom: 18.48px; } }
    @media screen and (max-width: 479px) {
      .car-wcard .car-info .name {
        margin-bottom: 14px; } }
  .car-wcard .car-info .text {
    display: inline-block;
    margin-left: 30px; }
  .car-wcard .car-info .right {
    text-align: right; }

@media screen and (min-width: 1441px) {
  .car-wcard .car-info .text {
    margin-left: 50px; } }

@media screen and (min-width: 992px) {
  .car-wcard .store-bar li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; } }

@media screen and (min-width: 992px) and (max-width: 1250px), (max-width: 900px) {
  .car-wcard .car-info .left, .car-wcard .car-info .right {
    width: 100%; }
  .car-wcard .car-info .left .car-pic {
    width: 49%; }
  .car-wcard .car-info .left .text {
    width: 50%;
    margin-left: 0; }
  .car-wcard .car-info .right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    margin-top: 10px; }
  .car-wcard .car-info .day-num, .car-wcard .car-info .car-price {
    line-height: 48px; }
  .car-wcard .car-info .car-price {
    display: inline-block;
    margin-left: 20px; }
  .car-wcard .car-info .fillet-btn {
    float: right;
    margin-top: 0; }
  .car-wcard .store-bar {
    -ms-flex-flow: wrap;
        flex-flow: wrap; }
    .car-wcard .store-bar > li {
      width: 50%;
      min-height: auto;
      padding: 12px 30px !important;
      text-align: left; }
      .car-wcard .store-bar > li:nth-child(2) {
        border: none; }
      .car-wcard .store-bar > li:last-child {
        width: 100%;
        border-top: 1px solid rgba(220, 220, 220, 0.5); }
  .car-wcard .car-detail {
    width: 100%;
    max-width: none; }
    .car-wcard .car-detail li {
      width: auto;
      min-width: auto;
      margin-right: 10px; } }

@media screen and (max-width: 900px) {
  .car-wcard .car-info {
    margin-top: 0; } }

@media screen and (max-width: 600px) {
  .car-wcard .car-info .car-pic, .car-wcard .car-info .text {
    display: block; }
  .car-wcard .car-info .left .car-pic {
    width: 230px;
    margin: 10px auto 10px; }
  .car-wcard .car-info .left .text {
    width: 100%; }
  .car-wcard .car-info .left .name {
    margin-bottom: 0; }
  .car-wcard .car-detail > li {
    width: calc(33.333% - 23px); }
  .car-wcard .store-bar > li {
    padding: 10px 14px !important; } }

@media screen and (max-width: 479px) {
  .car-wcard .car-info .day-num, .car-wcard .car-info .car-price {
    line-height: 1.6; }
  .car-wcard .car-info .car-price {
    display: block;
    margin-left: 0; }
  .car-wcard .car-detail > li {
    width: calc(50% - 23px); } }

@media screen and (max-width: 320px) {
  .car-wcard .car-info .fillet-btn {
    width: auto;
    min-width: 100px; } }

.car-card_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  background-color: #F3F3F3;
  padding: 20px;
  margin: -1px; }

.car-card_inner {
  border-radius: 8px;
  padding: 20px; }

.traffic > li {
  display: inline-block;
  font-size: 16.6px;
  font-weight: 600;
  margin-right: 20px; }
  @media screen and (max-width: 1199px) {
    .traffic > li {
      margin-right: 10px; } }
  .traffic > li:last-child {
    margin-right: 0; }

.traffic .icon {
  display: inline-block;
  margin-right: 10px; }

.notice-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 8px;
  padding: 34px 50px; }
  @media screen and (max-width: 1199px) {
    .notice-card {
      padding: 28.9px 25px; } }
  @media screen and (max-width: 767px) {
    .notice-card {
      padding: 22.44px 25px; } }
  @media screen and (max-width: 479px) {
    .notice-card {
      padding: 17px 25px; } }
  .notice-card .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    font-size: 60px;
    color: #808080;
    margin-right: 30px; }
    @media screen and (max-width: 1199px) {
      .notice-card .icon {
        margin-right: 15px; } }
    .notice-card .icon i::before {
      margin: 0; }
  .notice-card .title {
    font-size: 1.22em;
    font-weight: 600; }
  .notice-card p {
    margin-bottom: 0; }

.cards-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 -13px; }

.card {
  display: inline-block;
  width: 324px;
  padding: 26px 20px;
  margin: 18px 13px;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .card::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #A5A5A5;
    background-color: #fff;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .card .fillet-btn {
    width: 100%;
    margin: 0; }
  .card .car-detail {
    width: 100%;
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 18px;
    margin: 0 -5px; }
    .card .car-detail li {
      width: auto;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-width: 40%;
      max-width: calc(50% - 10px);
      color: #808080;
      font-size: 15.6px;
      padding: 0 5px; }
      .card .car-detail li span {
        white-space: nowrap; }
      .card .car-detail li i {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 20px;
                flex: 0 0 20px;
        font-size: 20px;
        margin-right: 4px; }
  .card.active, .card:hover {
    z-index: 50; }
    .card.active::before, .card:hover::before {
      border-color: #D7000F;
      -webkit-box-shadow: 0 0 18px 0 rgba(128, 128, 128, 0.6);
              box-shadow: 0 0 18px 0 rgba(128, 128, 128, 0.6);
      top: 0;
      -webkit-transform-origin: center;
              transform-origin: center; }
  .card:hover::before {
    -webkit-transform: scale(1.04, 1.02);
            transform: scale(1.04, 1.02); }
  .card.active {
    padding-top: 0; }
    .card.active::before {
      height: calc(100% + 26px);
      -webkit-transform: scale(1.04, 1.02) translateY(-26px);
              transform: scale(1.04, 1.02) translateY(-26px); }
  .card .card-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .card .card-head .name {
      font-size: 20px;
      margin-bottom: 0; }
    .card .card-head .price {
      font-size: 15px;
      color: #120703; }
      .card .card-head .price .num {
        font-size: 20px;
        margin-right: 6px; }
  .card .card-pic {
    text-align: center;
    height: 180px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding: 15px 0;
    margin: 14px 0 18px; }
    .card .card-pic img {
      max-height: 250px; }
  .card .card-note {
    z-index: 1;
    position: relative; }
    .card .card-note::before {
      content: '';
      display: block;
      width: calc((100% + 40px) * 1.032);
      height: calc((100% + 26px) * 1.019);
      border-radius: 0 0 5px 5px;
      background-color: #F3F3F3;
      z-index: -1;
      position: absolute;
      top: 0;
      left: -25px;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
    .card .card-note.active::before {
      opacity: 1; }
    .card .card-note.active .card-toggle {
      border-top: 1px solid transparent;
      border-bottom: 1px solid #DCDCDC; }
  .card .card-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    padding: 16px 4px;
    font-size: 16.8px;
    font-weight: 600;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    .card .card-toggle::after {
      content: '＋';
      color: #808080;
      -webkit-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
    @media screen and (min-width: 992px) {
      .card .card-toggle:hover {
        color: #D7000F; }
        .card .card-toggle:hover::after {
          color: #120703; } }
  .card .card-note_in {
    display: none;
    font-size: 16px;
    padding-top: 16px; }
  @media (min-width: 1200px) and (max-width: 1440px) {
    .card {
      width: calc(33.3333% - 26px); } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .card {
      width: calc(33.33333333% - 20px);
      margin: 10px 10px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .card {
      width: calc(50% - 40px);
      margin: 10px 20px; }
      .card .car-detail {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .card .car-detail li {
          min-width: auto;
          margin: 0 5px; } }
  @media screen and (max-width: 766px) {
    .card {
      width: calc(100% - 40px); }
      .card .car-detail li {
        max-width: 33.3333%;
        min-width: 20%; } }
  @media screen and (max-width: 479px) {
    .card .car-detail li {
      min-width: 40%; } }
  @media screen and (max-width: 320px) {
    .card .car-detail li {
      padding: 0 10px;
      width: 100%;
      max-width: none;
      margin-bottom: 0; } }

.storeMap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #DCDCDC;
  margin: 30px 0; }
  @media screen and (max-width: 1199px) {
    .storeMap-box {
      margin: 25.5px 0; } }
  @media screen and (max-width: 767px) {
    .storeMap-box {
      margin: 19.8px 0; } }
  @media screen and (max-width: 479px) {
    .storeMap-box {
      margin: 15px 0; } }
  @media screen and (max-width: 767px) {
    .storeMap-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.storeMap-map {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 510px;
  height: 360px;
  background-color: #CCC; }
  @media screen and (max-width: 767px) {
    .storeMap-map {
      max-width: none;
      width: 100%;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      min-height: 240px; } }

.storeMap-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  line-height: normal;
  padding: 40px 30px; }
  @media screen and (max-width: 1199px) {
    .storeMap-info {
      padding: 34px 15px; } }
  @media screen and (max-width: 767px) {
    .storeMap-info {
      padding: 26.4px 15px; } }
  @media screen and (max-width: 479px) {
    .storeMap-info {
      padding: 20px 15px; } }
  .storeMap-info .title {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 10px;
    margin-bottom: 20px; }
  .storeMap-info li {
    color: #D7000F;
    margin-bottom: 10px; }
  .storeMap-info label {
    font-size: 16.5px;
    font-weight: 600;
    color: #120703;
    margin-bottom: 4px; }
  .storeMap-info label + * {
    color: #120703; }
  .storeMap-info p {
    display: inline-block;
    color: #120703;
    margin-bottom: 0; }

.white-note {
  background-color: #fff;
  border-radius: 9px;
  line-height: 32px;
  padding: 40px 50px; }
  @media screen and (max-width: 1199px) {
    .white-note {
      padding: 34px 25px; } }
  @media screen and (max-width: 767px) {
    .white-note {
      padding: 26.4px 25px; } }
  @media screen and (max-width: 479px) {
    .white-note {
      padding: 20px 25px; } }
  .white-note a {
    color: #120703;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  @media screen and (min-width: 992px) {
    .white-note a:hover {
      color: #D7000F; } }

.gary-bg .circleTitle-box .info {
  background-color: #fff; }

.circleTitle-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .circleTitle-box .circleTitle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 50px;
    padding: 8px 20px;
    border-radius: 50px;
    color: #FFF;
    margin-bottom: -25px;
    z-index: 10;
    position: relative; }
    .circleTitle-box .circleTitle.left {
      -ms-flex-item-align: start;
          align-self: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-left: 48px; }
      @media screen and (max-width: 1199px) {
        .circleTitle-box .circleTitle.left {
          margin-left: 24px; } }
    .circleTitle-box .circleTitle.and-icon {
      padding: 8px 20px 8px 8px; }
    .circleTitle-box .circleTitle.red {
      background-color: #fff;
      background: #d7000f;
      background: -webkit-gradient(linear, left top, left bottom, from(#d7000f), to(#790008));
      background: linear-gradient(to bottom, #d7000f 0%, #790008 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#790008',GradientType=0 ); }
    .circleTitle-box .circleTitle.black {
      background: #565656;
      background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#232323));
      background: linear-gradient(to bottom, #565656 0%, #232323 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#232323',GradientType=0 ); }
    .circleTitle-box .circleTitle h4 {
      text-align: center;
      margin-bottom: 0; }
    .circleTitle-box .circleTitle .num {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 40px;
      height: 40px;
      -webkit-box-shadow: 0 0 5px 0 #ccc;
              box-shadow: 0 0 5px 0 #ccc;
      border-radius: 50%;
      background-image: url("images/icon/firm-circle_bg.png");
      background-size: contain;
      background-repeat: no-repeat;
      font-size: 20px;
      font-weight: 600;
      color: #D7000F;
      margin-right: 20px; }
      @media screen and (max-width: 1199px) {
        .circleTitle-box .circleTitle .num {
          margin-right: 10px; } }
    @media screen and (min-width: 992px) {
      .circleTitle-box .circleTitle.left {
        width: 24%; } }
  .circleTitle-box .info {
    width: 100%;
    border-radius: 30px;
    border: 1px solid #DCDCDC;
    -webkit-box-shadow: 0 0 20px 0 #ccc;
            box-shadow: 0 0 20px 0 #ccc;
    z-index: 5;
    padding: 40px 30px;
    padding-top: 50px; }
    @media screen and (max-width: 1199px) {
      .circleTitle-box .info {
        padding: 34px 15px; } }
    @media screen and (max-width: 767px) {
      .circleTitle-box .info {
        padding: 26.4px 15px; } }
    @media screen and (max-width: 479px) {
      .circleTitle-box .info {
        padding: 20px 15px; } }
    @media screen and (max-width: 1199px) {
      .circleTitle-box .info {
        padding-top: 42.5px; } }
    @media screen and (max-width: 767px) {
      .circleTitle-box .info {
        padding-top: 33px; } }
    @media screen and (max-width: 479px) {
      .circleTitle-box .info {
        padding-top: 25px; } }

.contact-pop {
  display: none;
  width: 80%;
  max-width: 650px;
  min-height: 200px;
  margin: 0 auto;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .contact-pop .title {
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(99%, #e5e5e5));
    background: linear-gradient(to bottom, white 0%, #e5e5e5 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    padding: 14px 20px; }
    .contact-pop .title::before {
      content: '\e818';
      font-family: "fontello";
      font-size: 12px;
      color: #D7000F;
      margin-right: 10px; }
  .contact-pop .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 36px 40px; }
    @media screen and (max-width: 1199px) {
      .contact-pop .inner {
        padding: 30.6px 20px; } }
    @media screen and (max-width: 767px) {
      .contact-pop .inner {
        padding: 23.76px 20px; } }
    @media screen and (max-width: 479px) {
      .contact-pop .inner {
        padding: 18px 20px; } }
  .contact-pop .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 61px;
            flex: 0 0 61px; }
  .contact-pop p {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0; }
    @media screen and (max-width: 1199px) {
      .contact-pop p {
        padding-left: 15px;
        padding-right: 15px; } }
  .contact-pop img {
    max-width: none; }
  .contact-pop .fillet-btn {
    width: 100px;
    min-width: auto; }
  .contact-pop.active {
    display: block; }
  @media screen and (max-width: 600px) {
    .contact-pop .inner {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .contact-pop .inner p {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        width: calc(100% - 70px); }
    .contact-pop .fillet-btn {
      min-width: 200px;
      margin-top: 20px; } }

body {
  margin: 0; }

body, html {
  overflow-x: hidden; }

a, a:hover {
  text-decoration: none; }

address {
  font-style: normal; }

input, button {
  font-size: 16px;
  border: none;
  background-color: transparent; }

.wrapper {
  font-size: 18px;
  font-family: 'Roboto','微軟正黑體','Open Sans', sans-serif;
  line-height: 1.777;
  color: #120703; }
  @media screen and (max-width: 1440px) {
    .wrapper {
      font-size: 17px; } }
  @media screen and (max-width: 1199px) {
    .wrapper {
      font-size: 16px; } }

.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  max-width: calc(1388px + (80px * 2));
  padding: 0 80px;
  margin: 0 auto; }
  .container.min {
    max-width: calc(1220px + (80px * 2)); }
  @media screen and (max-width: 1440px) {
    .container {
      padding: 0 40px; } }
  @media screen and (max-width: 1199px) {
    .container {
      padding: 0 30px; } }
  @media screen and (max-width: 767px) {
    .container {
      padding: 0 20px; } }

main > .inner {
  min-height: 800px; }
  @media screen and (min-width: 992px) {
    main > .inner {
      margin-top: 96px; } }
  @media screen and (min-width: 992px) and (max-width: 1440px) {
    main > .inner {
      margin-top: 120px; } }
  @media screen and (max-width: 991px) {
    main > .inner {
      margin-top: 62px;
      min-height: 570px; } }

.editor p, .editor span, .editor a {
  line-height: 2; }

.editor a {
  text-decoration: underline;
  color: #120703;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  .editor a:hover {
    color: #D7000F; }

.editor img {
  margin: 40px auto;
  max-width: 100%;
  height: auto; }
  .editor img:first-child {
    margin-top: 0; }

.editor .fillet-btn {
  min-width: 140px;
  margin: 40px 0; }

.jqimgFill, .wrapper {
  opacity: 0; }

.jqimgFill {
  width: 100%;
  height: 100%; }

img {
  max-width: 100%;
  height: auto;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */ }

.hidden {
  display: none; }

ul, ol {
  -webkit-padding-start: 22px;
          padding-inline-start: 22px; }

ul.nostyle, ul.slider {
  list-style: none;
  padding: 0;
  margin: 0; }

.no-list {
  list-style: none; }

@media screen and (min-width: 992px) {
  .pc-hide {
    display: none !important; } }

.slick-slide, .slick-slide * {
  outline: none !important; }

/* ==========================================================================
 *   共用
 *==========================================================================*/
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .flex-row > .col {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.jc-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

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

.jc-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.jc-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.jc-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.ai-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.ai-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.ai-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.ai-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.ai-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.min-w_auto {
  min-width: auto !important; }

/* ==========================================================================
		header
 @mixin =========================================================================*/
#header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }
  #header ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0; }
  #header .logo {
    display: inline-block;
    z-index: 1; }
    #header .logo a {
      display: block;
      height: 100%;
      background: url("images/logo.svg") center no-repeat; }
  #header .menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  #header .other-nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px; }
    #header .other-nav > * {
      line-height: 16px;
      border-right: 1px solid; }
      #header .other-nav > *:last-child {
        padding-right: 0;
        border: none; }
        #header .other-nav > *:last-child i {
          font-size: 16px; }
      #header .other-nav > *:nth-child(2) i, #header .other-nav > *:last-child i {
        margin-right: 8px; }
      #header .other-nav > * i {
        font-size: 16px; }
        #header .other-nav > * i::before {
          margin: 0; }
  #header .nav > ul > li {
    font-size: 1.104em;
    line-height: normal; }
    #header .nav > ul > li .name {
      display: block; }
      #header .nav > ul > li .name span {
        line-height: 34px;
      }
      #header .nav > ul > li .name i {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #header .nav > ul > li .name i::before {
          margin: 0; }
    #header .nav > ul > li.active {
      font-weight: 700; }
  #header .search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: end;
        align-self: flex-end; }
    #header .search form {
      width: 100%;
      height: 100%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      border: 1px solid #DCDCDC;
      border-radius: 10px;
      padding: 2px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
    #header .search i {
      font-size: 16px;
      color: #808080;
      position: absolute;
      top: 4px;
      left: 8px; }
    #header .search input, #header .search .btn {
      border: none; }
    #header .search input {
      width: calc(100% - 40px);
      font-size: 16px;
      padding-left: 36px; }
    #header .search .btn {
      width: 40px;
      height: 30px;
      font-size: 13px;
      color: #FFF;
      border-radius: 0 8px 8px 0;
      padding: 0; }
  @media screen and (min-width: 992px) {
    #header {
      height: 96px;
      border-bottom: 3px solid #D90916; }
      #header > .container {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      #header .menu-toggle {
        display: none; }
      #header .logo {
        min-width: 220px;
        height: 40px;
        margin: 38px 0 18px 16px; }
      #header .menu {
        position: absolute;
        right: 80px;
        bottom: 0;
        min-width: 916px; }
      #header .other-nav {
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin: 18px 0 12px; }
        #header .other-nav > * {
          border-color: #DCDCDC;
          color: #120703;
          padding: 0 20px;
          -webkit-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out; }
          #header .other-nav > *:hover {
            color: #D7000F; }
            #header .other-nav > *:hover > * {
              color: #D7000F; }
        #header .other-nav i {
          color: #808080;
          -webkit-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out; }
        #header .other-nav .lang-btn {
          color: #404040; }
          #header .other-nav .lang-btn::after {
            content: '\e816';
            font-family: "fontello";
            margin-left: 15px;
            -webkit-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out; }
          #header .other-nav .lang-btn:hover::after {
            color: #D7000F; }
      #header .nav {
        min-width: 780px;
        height: 46px;
        -ms-flex-item-align: start;
            align-self: flex-start;
        padding-bottom: 10px;
        margin-right: 200px; }
        #header .nav > ul {
          width: 100%;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          #header .nav > ul > li {
            margin: 0 20px;
            position: relative; }
            #header .nav > ul > li .name {
              height: 34px;
              position: relative; }
              #header .nav > ul > li .name::after {
                width: 0;
                height: 0;
                overflow: hidden;
                content: '\e816';
                font-family: "fontello";
                font-size: 12px;
                color: #D7000F;
                margin-left: 5px;
                -webkit-transform: translateY(-10px);
                        transform: translateY(-10px);
                position: absolute;
                top: 12px;
                right: -15px;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out; }
              #header .nav > ul > li .name i {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                font-size: 25px;
                margin-right: 5px;
                position: absolute;
                visibility: hidden;
                top: 0;
                bottom: 0;
                left: -30px;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out; }
                #header .nav > ul > li .name i.icon-car,  #header .nav > ul > li .name i.icon-big-car{top:-5px;}
                #header .nav > ul > li .name i::before {
                  -webkit-transition: font 0.2s ease-in-out;
                  transition: font 0.2s ease-in-out; }
            #header .nav > ul > li:first-child i, #header .nav > ul > li:nth-child(3) i {
              font-size: 33px;
              left: -40px; }
            #header .nav > ul > li:hover {
              color: #404040; }
              #header .nav > ul > li:hover .name::after {
                width: auto;
                height: auto;
                -webkit-transform: translateY(0);
                        transform: translateY(0); }
              #header .nav > ul > li:hover i {
                visibility: visible;
                color: rgba(64, 64, 64, 0.9); }
                #header .nav > ul > li:hover i::before {
                  font-weight: 600; }
      #header .search {
        position: absolute;
        right: 0;
        bottom: 10px;
        width: 180px;
        height: 36px; }
    }
    @media screen and (min-width: 992px) and (min-width: 992px) {
      #header .search .btn {
        -webkit-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out; }
        #header .search .btn:hover {
          background: #D7000F; } }
    @media screen and (min-width: 992px) and (max-width: 991px) {
      #header .search .btn {
        height: 36px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }
  @media screen and (min-width: 992px) {
      #header .sub-menu {
        width: 100%;
        padding: 40px 0;
        position: absolute;
        top: 96px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        -webkit-transition: all .5s;
        transition: all .5s; }
        #header .sub-menu > .container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        #header .sub-menu.active {
          opacity: 1;
          visibility: visible;
          z-index: 1; }
      #header .slogan-box {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-left: 25px; }
        #header .slogan-box .pic {
          width: 354px;
          height: 186px;
          margin-bottom: 24px; }
        #header .slogan-box .slogan {
          font-size: 22px;
          font-weight: 600;
          font-style: normal;
          color: #120703;
          padding-left: 14px;
          margin-top: 0;
          margin-bottom: 6px; }
        #header .slogan-box .slogan-en {
          display: block;
          width: 100px;
          height: 32px;
          -ms-flex-item-align: end;
              align-self: flex-end;
          background-repeat: no-repeat;
          background-image: url("images/easy-rent.png");
          margin-right: 26px; }
          #header .slogan-box .slogan-en::before {
            content: '';
            display: inline-block;
            width: 85px;
            height: 2px;
            background-color: rgba(64, 64, 64, 0.3);
            margin-left: calc(-85px + -22px);
            margin-bottom: 8px; }
      #header .subnav-box {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-left: 20px; }
      #header .sub-nav {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-right: 1px solid #E5E5E5;
        min-width: 132px;
        min-height: 260px;
        padding: 0 6px;
        position: absolute;
        top: 90px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        z-index: 10;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out; }
        #header .sub-nav ul {
          display: inline-block; }
        #header .sub-nav li {
          font-size: 16px;
          padding: 0 10px;
          margin-bottom: 14px; }
        #header .sub-nav a {
          color: #404040;
          position: relative;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #header .sub-nav a::before {
            content: '\e818';
            font-family: "fontello";
            color: #D7000F;
            position: absolute;
            top: 0;
            left: -20px;
            opacity: 0;
            -webkit-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out; }
        #header .sub-nav li:hover a {
          font-weight: 600;
          color: #D7000F; }
          #header .sub-nav li:hover a::before {
            opacity: 1; }
        #header .sub-nav.active {
          visibility: visible;
          opacity: 1; } }
  @media screen and (min-width: 992px) and (max-width: 1440px) {
    #header {
      height: 120px; }
      #header .container {
        height: 100%; }
      #header .logo {
        position: fixed;
        margin-top: 0;
        top: 20px;
        left: 20px; }
      #header .menu {
        width: calc(100% - 120px);
        min-width:auto;
        left:40px;
        right:0;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly; }
      #header .nav {
        margin-top: 10px;
        padding-bottom: 0;
        /* margin-left: -24px; */
        margin-right:0;
      }
      /* #header .name i {
        display: none !important; } */
      #header .subnav-box {
        margin-left: -20px; }
        #header .subnav-box .sub-nav {
          min-width: 130px;
          padding: 0; }
      #header .sub-menu {
        top: 120px; }
        #header .sub-menu .container {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          padding-right: 6%; }
        /* #header .sub-menu .subnav-box {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        #header .sub-menu .slogan-box {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } */
      #header .slogan-box {
        width: 26%;
        min-height: 300px;
        margin-right: -20px; }
        #header .slogan-box .pic {
          width: 100%;
          height: 14vw;
          background-size: contain !important; } }
  @media screen and (max-width: 1199px) {
    #header .slogan-box {
      width: 24%;
      margin-left: 10px; } }
  @media screen and (max-width: 1110px) {
    #header .menu{width:calc(100% - 55px);}
    #header .nav{min-width:700px;}
    #header .slogan-box {
      width: 18%; }
      #header .slogan-box .slogan {
        display: none;
        font-size: 20px; }
      #header .slogan-box .slogan-en {
        display: none;
      }
        #header .slogan-box .slogan-en::before {
          display: none;
          margin-right: 0;
        }
      #header .slogan-box .pic {
        display: none;
       }
      }

  @media screen and (max-width: 991px) {
    #header {
      height: 62px;
      background-color: #FFF;
      border-bottom: 2px solid #D90916; }
      #header .logo {
        width: 156px;
        height: 28px;
        margin-top: calc((62px - 28px) / 2); }
      #header .menu-toggle {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 62px;
        height: 62px;
        background-color: #D7000F;
        padding-top: 6px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        z-index: 99; }
        #header .menu-toggle .bar {
          width: 26px;
          height: 2px;
          background-color: #fff;
          margin-bottom: 7px; }
          #header .menu-toggle .bar.center {
            width: 16px;
            margin-left: -10px;
            position: relative; }
            #header .menu-toggle .bar.center::after {
              content: '\e816';
              font-family: "fontello";
              font-size: 14px;
              color: #D6D6D6;
              position: absolute;
              top: 50%;
              right: -14px;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
        #header .menu-toggle span {
          font-family: 'Arial';
          font-size: 10px;
          color: #FFF;
          margin-top: -2px; }
      #header .menu {
        width: 100%;
        height: calc(100vh - 62px);
        background-color: #EDEDED;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: scroll;
        position: fixed;
        top: 62px;
        right: -100%;
        opacity: 0;
        z-index: 99;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #header .menu.active {
          opacity: 1;
          right: 0; }
      #header .other-nav {
        min-height: 62px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: #BD0000;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
        #header .other-nav > * {
          color: #FFF; }
          #header .other-nav > *:first-child {
            border-right: none;
            margin-right: 10px; }
          #header .other-nav > *:nth-child(2) {
            margin-right: 20px; }
            #header .other-nav > *:nth-child(2)::before {
              content: ' / ';
              margin-right: 10px; }
            #header .other-nav > *:nth-child(2) span {
              margin-right: 20px; }
            #header .other-nav > *:nth-child(2) i {
              display: none; }
          #header .other-nav > * span.member {
            display: none; }
      #header .nav {
        min-width:auto;
        border-top: 1px solid #DCDCDC;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; }
        #header .nav .toggle {
          background-color: #EDEDED;
          position: relative; }
          #header .nav .toggle::after {
            float: right;
            content: '\e811';
            font-family: "fontello";
            font-size: 12px;
            color: #BD0000;
            position: absolute;
            top: calc((62px - 12px) / 2);
            right: 25px; }
        #header .nav > ul > li .name {
          width: 100%;
          height: 62px;
          display:flex;
          align-items: center;
          padding-left: 20px;
          border-bottom: 1px solid #DCDCDC; }
          #header .nav > ul > li .name i {
            margin-right: 12px;
            font-size: 30px;
            color: #120703; }
            #header .nav > ul > li .name i::before {
              font-weight: 500; }
      #header .search {
        width: 100%;
        min-height: 68px;
        background-color: #fff;
        padding: 14px 24px;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        position: relative; }
        #header .search form {
          min-height: 40px; }
        #header .search .btn {
          width: 50px; }
      #header .sub-nav {
        display: none; }
        #header .sub-nav li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 62px;
          background-color: #fff;
          border-bottom: 1px solid #DCDCDC;
          padding: 0 20px; }
          #header .sub-nav li::before {
            content: '\e818';
            font-family: "fontello";
            font-size: 14px;
            color: #404040;
            margin: 0 22px 0 10px; }
        #header .sub-nav a {
          width: 100%;
          display: block;
          color: #323232; }
      #header .sub-menu {
        display: none; } }

/* ==========================================================================
		footer
 @mixin =========================================================================*/
#footer {
  background-color: #333; }
  #footer address {
    margin-bottom: 0; }
  #footer .top {
    background-color: rgba(255, 255, 255, 0.05); }
  #footer .service-info .item {
    width: 264px;
    text-align: center;
    margin-bottom: 60px; }
    @media screen and (max-width: 1199px) {
      #footer .service-info .item {
        margin-bottom: 51px; } }
    @media screen and (max-width: 767px) {
      #footer .service-info .item {
        margin-bottom: 39.6px; } }
    @media screen and (max-width: 479px) {
      #footer .service-info .item {
        margin-bottom: 30px; } }
    #footer .service-info .item:last-child {
      margin-bottom: 0 !important; }
  #footer .service-info .title {
    font-size: 1.44em;
    font-weight: 600;
    color: #FFF; }
    #footer .service-info .title::before, #footer .service-info .title::after {
      content: '';
      display: inline-block;
      width: 60px;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.3);
      margin-bottom: 10px; }
    #footer .service-info .title::before {
      margin-right: 20px; }
    #footer .service-info .title::after {
      margin-left: 20px; }
  #footer .service-info p {
    font-size: 16px;
    color: #888; }
  #footer .service-info .tel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.66em;
    font-weight: 600;
    color: #FFF;
    margin-top: 18px; }
    @media screen and (max-width: 1199px) {
      #footer .service-info .tel {
        margin-top: 15.3px; } }
    @media screen and (max-width: 767px) {
      #footer .service-info .tel {
        margin-top: 11.88px; } }
    @media screen and (max-width: 479px) {
      #footer .service-info .tel {
        margin-top: 9px; } }
    #footer .service-info .tel::before {
      content: '\e827';
      display: inline-block;
      font-family: "fontello";
      font-size: 26px;
      font-weight: 400;
      margin-right: 10px; }
  #footer .service-info .follow {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #AAA; }
  #footer .service-info .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 14px 0; }
    #footer .service-info .links a {
      margin: 0 6px; }
  #footer .btm {
    overflow: hidden;
    padding-top: 36px;
    padding-bottom: 26px; }
    @media screen and (max-width: 1199px) {
      #footer .btm {
        padding-top: 30.6px; } }
    @media screen and (max-width: 767px) {
      #footer .btm {
        padding-top: 23.76px; } }
    @media screen and (max-width: 479px) {
      #footer .btm {
        padding-top: 18px; } }
    @media screen and (max-width: 1199px) {
      #footer .btm {
        padding-bottom: 22.1px; } }
    @media screen and (max-width: 767px) {
      #footer .btm {
        padding-bottom: 17.16px; } }
    @media screen and (max-width: 479px) {
      #footer .btm {
        padding-bottom: 13px; } }
    #footer .btm .copyright, #footer .btm .designby, #footer .btm .links {
      font-size: 15px;
      margin-bottom: 4px; }
    #footer .btm .copyright {
      color: #FFF; }
    #footer .btm .designby {
      color: #888;
      margin-left: 10px; }
      #footer .btm .designby a {
        color: #888; }
    #footer .btm .links {
      margin: 0;
      padding: 0;
      margin-left: 10px;
      list-style: none; }
      #footer .btm .links li {
        display: inline-block; }
        #footer .btm .links li:last-child a {
          border: none; }
      #footer .btm .links a {
        color: rgba(255, 255, 255, 0.7);
        padding: 0 10px;
        border-right: 1px solid #DCDCDC; }
    #footer .btm .address {
      color: #FFF; }
      #footer .btm .address a {
        color: #FFF; }
      #footer .btm .address span {
        margin-right: 14px; }
  @media screen and (min-width: 1441px) {
    #footer .btm {
      padding-left: 40px;
      padding-right: 40px; }
      #footer .btm .address {
        font-size: 16px; } }
  @media screen and (min-width: 992px) {
    #footer a {
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
      #footer a:hover {
        opacity: .7; }
    #footer .top .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #footer .sitemap {
      width: 80%; }
      #footer .sitemap a {
        -webkit-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
        #footer .sitemap a:hover {
          color: #FFF; }
    #footer .btm .copyright, #footer .btm .designby, #footer .btm .links, #footer .btm .address {
      display: inline-block; }
    #footer .btm .sgs {
      margin-top: -38px; } }
  @media screen and (max-width: 1199px) {
    #footer .btm .address {
      font-size: 14px; }
    #footer .btm .designby, #footer .btm .links {
      display: inline-block; }
    #footer .btm .designby {
      margin-left: 0; }
    #footer .btm .sgs {
      width: 70px;
      height: 70px; } }
  @media screen and (min-width: 768px) {
    #footer .sitemap .item {
      vertical-align: top;
      padding-bottom: 50px; }
    #footer .sitemap .title {
      font-size: 17.8px;
      color: #FFF;
      margin-bottom: 12px;
      padding-left: 0; }
      #footer .sitemap .title::before {
        content: '\e81b';
        font-family: "fontello";
        font-weight: 200;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.4);
        margin-right: 5px; }
    #footer .sitemap a {
      display: block;
      font-size: 16px;
      color: rgba(255, 255, 255, 0.4);
      margin-bottom: 8px;
      padding-left: 20px; } }
  @media screen and (max-width: 991px) {
    #footer .sitemap {
      display: none; }
    #footer .service-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #footer .service-info .item {
        display: inline-block;
        margin: 0 5%; }
    #footer .btm .address span:first-child {
      display: block;
      margin-bottom: 2px; }
    #footer .btm .sgs {
      margin-top: -90px; } }
  @media screen and (max-width: 767px) {
    #footer .service-info .item {
      margin: 0 2%; } }
  @media screen and (min-width: 600px) {
    #footer .btm .sgs {
      float: right; } }
  @media screen and (max-width: 600px) {
    #footer .service-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #footer .service-info .item:first-child {
        margin-bottom: 38px; }
    #footer .btm .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center; }
    #footer .btm .all-right, #footer .btm .designby, #footer .btm .links {
      display: block; }
    #footer .btm .copyright {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    #footer .btm .links {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin: 4px 0; }
    #footer .btm .designby {
      margin: 5px 0 8px;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    #footer .btm .address {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
      #footer .btm .address span {
        display: block; }
    #footer .btm .sgs {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      margin: 34px auto 0; } }

/* ==========================================================================
		quick-rent
 @mixin =========================================================================*/
.quick-rent {
  width: 400px;
  z-index: 50;
  position: relative; }
  .quick-rent .form-check {
    min-width: 130px;
    padding-left: 0; }
  .quick-rent .form-item, .quick-rent .form-label-item .item {
    background-color: #fff; }
  .quick-rent input::-webkit-input-placeholder {
    color: #000; }
  .quick-rent input::-moz-placeholder {
    color: #000; }
  .quick-rent input::-ms-input-placeholder {
    color: #000; }
  .quick-rent input::-moz-placeholder {
    color: #000; }
  .quick-rent > .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 1px);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #D7000F;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1) inset; }
    .quick-rent > .tab li {
      display: inline-block;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      line-height: 42px;
      text-align: center;
      font-size: 16px;
      padding: 4px 0;
      z-index: 1; }
      .quick-rent > .tab li.active {
        background-color: #F4F4F4; }
        .quick-rent > .tab li.active a {
          color: #000; }
      .quick-rent > .tab li.active a::before, .quick-rent > .tab li.active a::after, .quick-rent > .tab li:last-child a::before, .quick-rent > .tab li:last-child a::after {
        display: none; }
    .quick-rent > .tab a {
      display: block;
      width: 100%;
      color: rgba(255, 255, 255, 0.9);
      position: relative; }
      .quick-rent > .tab a::before, .quick-rent > .tab a::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 100%;
        position: absolute;
        z-index: -1; }
      .quick-rent > .tab a::before {
        right: -1px;
        background-color: rgba(255, 255, 255, 0.55); }
      .quick-rent > .tab a::after {
        background-color: #B70813;
        right: -3px; }
  .quick-rent .tab-in.show {
    overflow: visible; }
  .quick-rent .quick-inner {
    background-color: #F4F4F4;
    padding: 16px 24px;
    z-index: 2; }
  .quick-rent > .close-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    letter-spacing: 2px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #D9D9D9;
    cursor: pointer; }
    .quick-rent > .close-btn::before {
      content: '\e817';
      font-family: "fontello";
      font-size: 12px;
      color: #D7000F;
      margin-right: 10px;
      margin-bottom: -4px; }
    .quick-rent > .close-btn::after {
      content: '收合';
      font-size: 16px; }
  .quick-rent .form-btnbox {
    padding: 0 4px; }
  .quick-rent .form-check {
    min-width: 128px;
    padding: 0; }
  .quick-rent.active .tab, .quick-rent.active .quick-inner {
    height: 0 !important;
    overflow: hidden;
    opacity: 0; }
  .quick-rent.active .quick-inner {
    background-color: transparent; }
  .quick-rent.active .close-btn {
    font-size: 700;
    background-color: #D7000F;
    color: #FFF; }
    .quick-rent.active .close-btn::after {
      content: '開啟';
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .quick-rent.active .close-btn::before {
      content: '\e816';
      color: #FFF;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-left: 10px;
      margin-right: 0; }
  @media screen and (min-width: 992px) {
    .quick-rent > .close-btn {
      position: absolute;
      bottom: 0; }
    .quick-rent .tab, .quick-rent .quick-inner {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .quick-rent.active .close-btn {
      width: 96px;
      bottom: auto;
      top: 0;
      left: 0; } }
  @media screen and (max-width: 991px) {
    .quick-rent {
      width: auto; }
      .quick-rent.active .quick-inner {
        padding: 0; } }

/* ==========================================================================
	location-box
 @mixin =========================================================================*/
.location-box {
  max-height: calc(490px + 35px);
  background-color: #fff;
  z-index: -1; }
  .location-box .headline {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    padding: 0 18px;
    border-bottom: 1px solid #DCDCDC; }
  .location-box .location-list {
    max-height: 196px;
    overflow-x: hidden; }
    .location-box .location-list .group-title, .location-box .location-list li {
      border-bottom: 1px solid #EEE;
      padding: 10px 18px; }
    .location-box .location-list .group-title {
      background-color: #EFEFEF; }
  .location-box .location-map {
    display: block;
    height: calc(100% - (50px + 196px)); }
    .location-box .location-map::after {
      display: none; }
    .location-box .location-map .title {
      padding: 10px 18px;
      background-color: rgba(215, 0, 15, 0.8);
      color: #FFF;
      margin: 0; }
      .location-box .location-map .title .name {
        font-size: 16px; }
      .location-box .location-map .title .address {
        font-size: 14px; }
    .location-box .location-map .map-box {
      height: calc(100% - 67px);
      background-color: #FFF; }
    .location-box .location-map button {
      font-size: 14px;
      background-color: rgba(215, 0, 15, 0.8);
      line-height: normal;
      color: #FFF;
      width: 52px;
      height: 52px;
      position: absolute;
      right: 18px;
      bottom: 18px; }
  .location-box .location-name > a {
    display: block;
    color: #120703; }
  @media screen and (min-width: 992px) {
    .location-box {
      position: absolute;
      width: 100%;
      height: calc(100% - 50px);
      top: 50px;
      right: 0;
      opacity: 0;
      -webkit-transition: .8s all;
      transition: .8s all; }
      .location-box.active {
        right: -100%;
        opacity: 1; } }
  @media screen and (max-width: 1199px) {
    .location-box {
      display: none;
      position: fixed;
      left: 50%;
      top: 54%;
      width: 50vw;
      -webkit-box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.8);
              box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.8);
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 80; }
      .location-box.active {
        display: block; }
      .location-box .location-list {
        max-height: 50vh; } }
  @media screen and (max-width: 479px) {
    .location-box {
      width: 80vw; } }

.page_popbg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .page_popbg.active {
    opacity: 1;
    visibility: visible; }
  .page_popbg .location-box {
    display: none;
    position: static;
    width: 80%;
    z-index: 50;
    height: 800px;
    -webkit-box-shadow: 0 0 50px 0 #ccc;
            box-shadow: 0 0 50px 0 #ccc;
    margin: 0 auto; }
    .page_popbg .location-box .location-map {
      height: 60%; }
    @media screen and (min-width: 992px) {
      .page_popbg .location-box {
        width: 500px; } }
    .page_popbg .location-box.active {
      display: block; }

/* ==========================================================================
 *   home
 *==========================================================================*/
#home {
  /*top*/
  /*middle*/
  /*bottom*/ }
  #home .banner .box {
    display: block;
    overflow: hidden; }
  #home .banner .slick-dots {
    bottom: 30px; }
    #home .banner .slick-dots button {
      width: 14px;
      height: 14px;
      background-color: #fff; }
  #home .banner .slick-active button {
    width: 17.8px;
    height: 17.8px; }
    @media screen and (max-width: 479px) {
      #home .banner .slick-dots {
        bottom: 0;
      }
      #home .banner .slick-dots button {
        width: 10px;
        height: 10px; }
        #home .banner .slick-active button {
          width: 10px;
          height: 10px; } }
  #home .top {
    padding-top: 30px; }
  #home .offer-info {
    margin-bottom: 80px; }
    @media screen and (max-width: 1199px) {
      #home .offer-info {
        margin-bottom: 68px; } }
    @media screen and (max-width: 767px) {
      #home .offer-info {
        margin-bottom: 52.8px; } }
    @media screen and (max-width: 479px) {
      #home .offer-info {
        margin-bottom: 40px; } }
    #home .offer-info .title {
      font-size: 1.22em;
      color: #120703;
      height: 24px;
      line-height: 24px;
      border-right: 2px solid #DCDCDC;
      margin-bottom: 0; }
    #home .offer-info .date {
      font-size: 1em;
      font-family: 'Lato', sans-serif;
      letter-spacing: .5px;
      margin-right: 20px;
      color: #D7000F; }
      @media screen and (max-width: 1199px) {
        #home .offer-info .date {
          margin-right: 10px; } }
    #home .offer-info .name {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      font-size: 1em;
      font-weight: 400;
      color: #000;
      margin-bottom: 0; }
  #home .car-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #home .car-service .slick-list {
      overflow: visible; }
    #home .car-service .item {
      position: relative;
      margin: 0 15px; }
      #home .car-service .item::after {
        content: '';
        display: block;
        width: 100%;
        height: 60px;
        background-image: url("images/item-shadow.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        opacity: .6;
        position: absolute;
        bottom: -59px; }
    #home .car-service .pic {
      position: relative;
      z-index: 1; }
    #home .car-service .front-pic {
      overflow: hidden;
      position: absolute;
      right: 0;
      bottom: -25px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    #home .car-service .back-pic {
      width: 100%;
      overflow: hidden; }
    #home .car-service .text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #FFF;
      position: relative;
      z-index: 2;
      padding: 20px 24px;
      -webkit-transition: background 0.2s ease-in-out;
      transition: background 0.2s ease-in-out; }
      @media screen and (max-width: 1199px) {
        #home .car-service .text {
          padding: 17px 12px; } }
      @media screen and (max-width: 767px) {
        #home .car-service .text {
          padding: 13.2px 12px; } }
      @media screen and (max-width: 479px) {
        #home .car-service .text {
          padding: 10px 12px; } }
      #home .car-service .text .title {
        display: inline-block;
        font-size: 1em;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 0;
        color: #000;
        -webkit-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
      #home .car-service .text::after {
        display: inline-block;
        content: '\e818';
        font-family: "fontello";
        font-size: 14px;
        color: #D7000F;
        margin-left: 24px;
        -webkit-transition: margin 0.2s ease-in-out;
        transition: margin 0.2s ease-in-out; }
        @media screen and (max-width: 1199px) {
          #home .car-service .text::after {
            margin-left: 12px; } }
  #home .middle {
    margin-top: 64px;
    margin-bottom: 80px; }
    @media screen and (max-width: 1199px) {
      #home .middle {
        margin-top: 54.4px; } }
    @media screen and (max-width: 767px) {
      #home .middle {
        margin-top: 42.24px; } }
    @media screen and (max-width: 479px) {
      #home .middle {
        margin-top: 32px; } }
    @media screen and (max-width: 1199px) {
      #home .middle {
        margin-bottom: 68px; } }
    @media screen and (max-width: 767px) {
      #home .middle {
        margin-bottom: 52.8px; } }
    @media screen and (max-width: 479px) {
      #home .middle {
        margin-bottom: 40px; } }
    #home .middle .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  #home .news-box, #home .events {
    width: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  #home .news-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 28px; }
    @media screen and (max-width: 1199px) {
      #home .news-box {
        padding-right: 14px; } }
    #home .news-box .tab {
      border-bottom: 1px solid #E8E8E8;
      margin-bottom: 10px; }
    #home .news-box li {
      display: inline-block;
      padding: 0 12px; }
      #home .news-box li.active {
        border-bottom: 3px solid #D7000F; }
        #home .news-box li.active .title {
          font-weight: 600; }
    #home .news-box .title {
      font-size: 18px;
      font-weight: 400;
      line-height: normal;
      color: #000;
      margin-bottom: 18px; }
  #home .news-lists ul {
    padding-left: 0;
    margin-bottom: 0; }
  #home .news-lists li {
    margin-top: 14px; }
  #home .news-lists .date, #home .news-lists .name {
    font-size: 16px; }
  #home .news-lists .date {
    font-family: 'Lato', sans-serif;
    color: #D7000F;
    letter-spacing: .4px;
    margin-right: 16px; }
    #home .news-lists .date::before {
      content: '\e818';
      font-family: "fontello";
      color: #000;
      margin: 0 5px 0 -14px; }
  #home .news-lists .name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: #000; }
  #home .events .slider-pic .pic {
    width: 100%; }
  #home .events .slick-dots {
    bottom: -42px; }
    #home .events .slick-dots button {
      width: 11px;
      height: 11px;
      background-color: rgba(0, 0, 0, 0.17); }
    #home .events .slick-dots .slick-active button {
      width: 14px;
      height: 14px; }
  #home .events .text-box .date, #home .events .text-box p {
    font-size: 16px; }
  #home .events .text-box .title {
    font-size: 18px; }
  #home .events .text-box .date {
    display: block;
    font-family: 'Lato', sans-serif;
    letter-spacing: .5px;
    color: #D7000F;
    margin-bottom: 10px; }
  #home #video-box {
    padding: 0; }
    #home #video-box a {
      display: block;
      position: relative;
      width: 100%;
      height: 100%; }
      #home #video-box a::before, #home #video-box a::after {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        left: 0; }
      #home #video-box a::before {
        height: 100%;
        background-color: rgba(0, 0, 0, 0.07);
        top: 0; }
      #home #video-box a::after {
        height: 40%;
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(79%, rgba(0, 0, 0, 0.7)), color-stop(80%, rgba(0, 0, 0, 0.7)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 79%, rgba(0, 0, 0, 0.7) 80%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); }
    #home #video-box .text {
      color: #FFF;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 50px;
      margin: 0 auto;
      z-index: 50; }
      #home #video-box .text .title {
        position: relative;
        font-weight: 400; }
        #home #video-box .text .title::after {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          content: '\e818';
          font-family: "fontello";
          color: #FFF;
          border-radius: 50%;
          background-color: #CA000E;
          margin-left: 20px;
          vertical-align: middle; }
          @media screen and (max-width: 1199px) {
            #home #video-box .text .title::after {
              margin-left: 10px; } }
      #home #video-box .text h3 {
        display: inline-block; }
    #home #video-box .video-pic {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      -webkit-transition: transform 0.2s ease-in-out;
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
    @media screen and (min-width: 992px) {
      #home #video-box:hover .video-pic {
        -webkit-transform: scale(1.04);
                transform: scale(1.04); } }
  #home .service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("images/home/service-bg.jpg");
    color: #FFF; }
    #home .service .slider {
      width: calc(100% + 18px);
      margin: 0 -10px;
      margin-top: 60px; }
      @media screen and (max-width: 1199px) {
        #home .service .slider {
          margin-top: 51px; } }
      @media screen and (max-width: 767px) {
        #home .service .slider {
          margin-top: 39.6px; } }
      @media screen and (max-width: 479px) {
        #home .service .slider {
          margin-top: 30px; } }
    #home .service li {
      margin: 0 10px; }
    #home .service .en-title {
      line-height: normal;
      margin-bottom: 4px; }
    #home .service p {
      text-align: justify;
      color: rgba(255, 255, 255, 0.68); }
    #home .service .text {
      width: 100%;
      max-width: 624px; }
    #home .service .item {
      display: block;
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 0.8);
      color: #FFF;
      border-radius: 5%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 4px 10px; }
      #home .service .item i {
        font-size: 40px; }
      #home .service .item h3 {
        font-size: 16px;
        font-weight: 400;
        text-align: center; }
  #home .transfer, #home .rent {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-position: center; }
    #home .transfer .text, #home .rent .text {
      width: 50%; }
    #home .transfer .title, #home .rent .title {
      color: #000; }
    #home .transfer p, #home .rent p {
      text-align: justify;
      color: rgba(0, 0, 0, 0.85); }
  #home .transfer {
    background-image: url("images/home/transfer.jpg");
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  #home .rent {
    background-image: url("images/home/rent.jpg"); }
  @media screen and (min-width: 1561px) {
    #home .quick-rent {
      left: calc((100% - 1388px) / 2); } }
  @media screen and (max-width: 1680px) {
    #home .quick-rent {
      left: 80px; } }
  @media screen and (min-width: 1441px) {
    #home .quick-rent {
      top: 96px; } }
  @media screen and (min-width: 1200px) {
    #home .banner .box {
      height: 580px; }
    #home .quick-rent {
      height: 580px; }
    #home .car-service .item {
      width: calc(33.3333% - 30px); }
    #home .news-lists {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #home .news-lists ul {
        width: calc(100% - 130px); }
      #home .news-lists a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      #home .news-lists .more-btn {
        -ms-flex-item-align: end;
            align-self: flex-end; }
      #home .news-lists .slick-arrow {
        top: -48px; }
      #home .news-lists .slick-prev {
        left: auto; }
    #home .events .slider-pic {
      width: 70%; }
    #home .events .text-box {
      width: calc(100% - 70%); }
      #home .events .text-box .title {
        padding: 4px 10% 16px 12%;
        border-bottom: 1px solid #DCDCDC; }
      #home .events .text-box .slider {
        margin: 14px 10% 0 12%; }
    #home .events .text p {
      min-height: 127px; }
    #home .transfer .text, #home .rent .text {
      max-width: 300px; } }
  @media screen and (max-width: 1440px) {
    #home .quick-rent {
      top: 120px;
      left: 40px; }
    #home .service .slider {
      width: 90%; }
    #home .events .text-box br {
      display: none; } }
  @media screen and (min-width: 992px) {
    #home {
      /*midle*/ }
      #home .quick-rent {
        position: absolute; }
        #home .quick-rent .quick-inner {
          height: calc(100% - 90px);
          overflow-y: auto; }
      #home .offer-info {
        padding: 0 40px; }
        #home .offer-info:hover .name {
          font-weight: 600; }
      #home .top {
        position: relative;
        z-index: 2; }
      #home .car-service {
        margin: 0 -15px; }
        #home .car-service .item a:hover .text {
          background-color: #D7000F; }
          #home .car-service .item a:hover .text .title {
            color: #FFF; }
          #home .car-service .item a:hover .text::after {
            color: #FFF;
            margin-left: 40%; }
        #home .car-service .item a:hover .front-pic {
          bottom: 0; }
      #home .rent:hover .title, #home .transfer:hover .title {
        color: #D7000F; }
      #home .middle {
        position: relative;
        z-index: 1; }
        #home .middle::before {
          content: '';
          display: block;
          width: 100%;
          height: 500px;
          background-image: url("images/bg-shadow.jpg");
          background-repeat: no-repeat;
          z-index: -1;
          position: absolute;
          top: -230px; }
      #home #video-box .text {
        padding: 0 20%; }
      #home .service .slick-prev {
        left: -50px; }
      #home .service .slick-next {
        right: -50px; }
      #home .service .item {
        -webkit-transition: color .2s ease-in-out,background .2s ease-in-out;
        transition: color .2s ease-in-out,background .2s ease-in-out; }
        #home .service .item h3 {
          -webkit-transition: font 0.2s ease-in-out;
          transition: font 0.2s ease-in-out; }
        #home .service .item:hover {
          background-color: #fff;
          color: #D7000F; }
          #home .service .item:hover h3 {
            font-weight: 700; }
      #home .events .pic {
        -webkit-transition: transform 0.2s ease-in-out;
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
      #home .events:hover .pic {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); } }
  @media screen and (max-width: 1199px) {
    #home .banner .box {
      height: 41.6vw; }
    #home .quick-rent {
      height: 41.6vw; }
    #home .car-service {
      display: block; }
      #home .car-service .slick-arrow {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background-color: #fff;
        top: 40%;
        z-index: 50; }
        #home .car-service .slick-arrow::before {
          color: #D7000F; }
      #home .car-service .slick-prev {
        left: 0; }
      #home .car-service .slick-next {
        right: 0; }
    #home .news-lists .slider {
      margin-bottom: 40px; }
    #home .news-lists .date {
      display: block; }
    #home .news-lists .name {
      padding-left: 10px; }
    #home .news-lists .more-btn {
      margin: 0 calc((100% - 94px) / 2); }
    #home .events {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 16px; }
      #home .events .slider-pic {
        width: 100%; }
      #home .events .text-box {
        margin-top: 40px; }
        #home .events .text-box .title {
          padding-bottom: 5px;
          border-bottom: 1px solid #DCDCDC; }
        #home .events .text-box .date {
          display: inline-block;
          line-height: normal; }
        #home .events .text-box p {
          margin-bottom: 40px; }
      #home .events .more-btn {
        margin: 0 calc((100% - 94px) / 2); } }
  @media screen and (min-width: 768px) {
    #home .offer-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #home .offer-info .title {
        min-width: 110px;
        padding-right: 30px;
        margin-right: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      #home .offer-info .title {
        padding-right: 15px; } }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      #home .offer-info .title {
        margin-right: 15px; } }
  @media screen and (min-width: 768px) {
      #home .offer-info .slider {
        width: calc(100% - 250px); }
        #home .offer-info .slider a {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex; }
      #home .offer-info .name {
        padding-right: 20px;
        -webkit-line-clamp: 1;
        height: 28px; }
    #home .news-lists .name {
      -webkit-line-clamp: 1;
      height: 26px; }
    #home .news-lists li:hover .name {
      font-weight: 600; }
    #home .service .text .en-title {
      font-size: 2.88em; } }
  @media screen and (max-width: 991px) {
    #home .quick-rent {
      top: 0;
      left: 0;
      height: auto; }
    #home .car-service {
      margin: 0 -15px; }
      #home .car-service .front-pic {
        width: 120%;
        right: -9.8%; }
    #home .service .slider {
      width: calc(100% + 18px); }
    #home .service .text {
      max-width: none;
      margin: 0 auto 76px; }
    #home .service .slick-arrow {
      top: auto;
      bottom: -100px; }
    #home .service .slick-prev {
      left: calc((100% - 96px) / 2); }
    #home .service .slick-next {
      right: calc((100% - 90px) / 2); }
    #home #video-box .text {
      padding: 0 15%; }
    #home .transfer .text, #home .rent .text {
      max-width: 300px; } }
  @media screen and (min-width: 480px) {
    #home .car-service .back-pic {
      height: 206px; }
    #home #video-box .text .title {
      font-size: 1.333em; }
      #home #video-box .text .title::after {
        min-width: 30px;
        width: 30px;
        height: 30px;
        font-size: 14px;
        margin-bottom: 5px; }
    #home .transfer .text, #home .rent .text {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      padding-bottom: 4%; }
      #home .transfer .text .title, #home .rent .text .title {
        font-size: 1.94em; }
    #home .transfer .more-btn, #home .rent .more-btn {
      margin-top: 28px; } }
  @media screen and (max-width: 767px) {
    #home .offer-info {
      text-align: center;
      position: relative; }
      #home .offer-info .title {
        width: 100px;
        position: absolute;
        top: 1px;
        left: -112px;
        right: 0;
        margin: 0 auto;
        padding-right: 18px; }
      #home .offer-info .date {
        display: block;
        padding-left: 120px;
        margin-right: 0;
        margin-bottom: 8px; }
      #home .offer-info .name {
        margin-bottom: 30px;
        -webkit-line-clamp: 2;
        height: 50px; }
    #home .car-service {
      margin: 0; }
      #home .car-service .item {
        margin: 0 0 100px; }
        #home .car-service .item:last-child {
          margin-bottom: 60px; }
      #home .car-service .front-pic {
        width: auto;
        right: 0; }
        #home .car-service .front-pic.moto {
          right: 0; }
    #home .middle .container {
      display: block; }
    #home .news-box, #home .events {
      width: 100%; }
    #home .news-box {
      margin-bottom: 34px; }
    #home .news-lists li {
      padding-right: 0; }
    #home .news-lists .name {
      -webkit-line-clamp: 2;
      height: 50px; }
    #home .events {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding-left: 0; }
      #home .events .slider-pic {
        width: 70%; }
      #home .events .text-box {
        width: 30%;
        margin-top: 0; }
        #home .events .text-box .title, #home .events .text-box .text {
          padding-left: 20px; }
        #home .events .text-box .more-btn {
          margin: 0; }
    #home #video-box .text {
      padding: 0 20px; }
    #home .service .text .en-title {
      font-size: 34px; } }
  @media screen and (max-width: 479px) {
    #home .events {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      #home .events .slider-pic, #home .events .text-box {
        width: 100%; }
      #home .events .slick-dots {
        bottom: -36px; }
      #home .events .text-box {
        margin-top: 75px; }
        #home .events .text-box .title, #home .events .text-box .text {
          padding-left: 0; }
        #home .events .text-box .more-btn {
          margin: 0 calc((100% - 94px) / 2); }
    #home .car-service .item {
      margin-bottom: 80px; }
    #home .car-service .front-pic {
      width: 350px;
      bottom: -40px; }
      #home .car-service .front-pic.moto {
        right: -10%; }
    #home .car-service .back-pic {
      height: 160px; }
    #home #video-box {
      min-height: 274px; }
      #home #video-box .text {
        bottom: 20px; }
        #home #video-box .text .title {
          font-size: 16px; }
          #home #video-box .text .title::after {
            min-width: 22px;
            width: 22px;
            height: 22px;
            font-size: 12px;
            margin-bottom: 3px; }
    #home .service p {
      font-size: 15px; }
    #home .transfer, #home .rent {
      width: 100%;
      padding: 0; }
      #home .transfer .text, #home .rent .text {
        width: 100%;
        max-width: none;
        padding-top: 38px;
        padding-bottom: 38px; }
      #home .transfer .title, #home .rent .title {
        font-size: 22px; }
      #home .transfer p, #home .rent p {
        font-size: 15px;
        margin-bottom: 0; }
      #home .transfer .more-btn, #home .rent .more-btn {
        display: none; }
    #home .transfer {
      padding-right: 20px;
      padding-left: 45%; }
    #home .rent {
      padding-right: 45%;
      padding-left: 20px; } }

/* ==========================================================================
 *   about
 *==========================================================================*/
#about {
  /*history*/ }
  #about.company section.top .headline .title {
    font-size: 1.77em;
    font-weight: 600;
    margin-bottom: 30px; }
    @media screen and (max-width: 1199px) {
      #about.company section.top .headline .title {
        margin-bottom: 25.5px; } }
    @media screen and (max-width: 767px) {
      #about.company section.top .headline .title {
        margin-bottom: 19.8px; } }
    @media screen and (max-width: 479px) {
      #about.company section.top .headline .title {
        margin-bottom: 15px; } }
  #about.company section.top .headline p {
    max-width: 1100px;
    margin: 0 auto; }
  #about.company section.top .headline .check-list {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 34px; }
    #about.company section.top .headline .check-list li {
      min-width: 200px; }
    @media screen and (max-width: 1199px) {
      #about.company section.top .headline .check-list {
        margin-top: 28.9px; } }
    @media screen and (max-width: 767px) {
      #about.company section.top .headline .check-list {
        margin-top: 22.44px; } }
    @media screen and (max-width: 479px) {
      #about.company section.top .headline .check-list {
        margin-top: 17px; } }
  #about.company section.top .block:nth-child(odd), #about.company section.top .block:nth-child(even) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  #about.company section.top .block:nth-child(odd) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background-color: #F3F3F3; }
  #about.company section.top .block .text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #about.company section.top .block .sub {
    font-size: 1.111em;
    font-weight: 600;
    color: #D7000F;
    margin-bottom: 10px; }
    @media screen and (max-width: 1199px) {
      #about.company section.top .block .sub {
        margin-bottom: 8.5px; } }
    @media screen and (max-width: 767px) {
      #about.company section.top .block .sub {
        margin-bottom: 6.6px; } }
    @media screen and (max-width: 479px) {
      #about.company section.top .block .sub {
        margin-bottom: 5px; } }
  #about.company section.top .block .title {
    font-size: 1.77em;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 6px;
    margin-bottom: 28px; }
    @media screen and (max-width: 1199px) {
      #about.company section.top .block .title {
        padding-bottom: 5.1px; } }
    @media screen and (max-width: 767px) {
      #about.company section.top .block .title {
        padding-bottom: 3.96px; } }
    @media screen and (max-width: 479px) {
      #about.company section.top .block .title {
        padding-bottom: 3px; } }
    @media screen and (max-width: 1199px) {
      #about.company section.top .block .title {
        margin-bottom: 23.8px; } }
    @media screen and (max-width: 767px) {
      #about.company section.top .block .title {
        margin-bottom: 18.48px; } }
    @media screen and (max-width: 479px) {
      #about.company section.top .block .title {
        margin-bottom: 14px; } }
  #about.company section.middle .headline {
    text-align: center;
    color: #FFF;
    background-image: url("images/about/about-bg.jpg"); }
    #about.company section.middle .headline .title {
      font-size: 1.77em;
      font-weight: 600; }
    #about.company section.middle .headline p {
      font-size: 1.111em; }
  #about.company section.middle .block-layout.picbg .text i {
    font-size: 74px; }
  #about.company section.middle .block-layout.picbg .text .title {
    margin-bottom: 0; }
  #about.company section.btm {
    padding: 80px 0; }
    @media screen and (max-width: 1199px) {
      #about.company section.btm {
        padding: 68px 0; } }
    @media screen and (max-width: 767px) {
      #about.company section.btm {
        padding: 52.8px 0; } }
    @media screen and (max-width: 479px) {
      #about.company section.btm {
        padding: 40px 0; } }
  #about.company .value-box {
    width: 100%;
    text-align: center;
    max-width: calc(1180px + (34px * 2));
    margin: 0 auto; }
    #about.company .value-box .item {
      display: inline-block;
      width: 178px;
      position: relative; }
      #about.company .value-box .item:first-child .icon-box::before {
        background-color: #D7000F; }
      #about.company .value-box .item:first-child .icon-box i {
        font-size: 75px; }
      #about.company .value-box .item:nth-child(2) .icon-box::before {
        background-color: #D92909; }
      #about.company .value-box .item:nth-child(3) .icon-box::before {
        background-color: #FE5C08; }
      #about.company .value-box .item:nth-child(4) .icon-box::before {
        background-color: #FF950E; }
      #about.company .value-box .item:nth-child(5) .icon-box::before {
        background-color: #FFD220; }
      #about.company .value-box .item:last-child::after {
        display: none; }
      #about.company .value-box .item::after {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #D7000F;
        position: absolute;
        top: 54px;
        right: -36px; }
    #about.company .value-box .icon-box {
      position: relative;
      margin-bottom: 60px; }
      #about.company .value-box .icon-box::before, #about.company .value-box .icon-box::after {
        content: '';
        width: 134px;
        height: 138px;
        border-radius: 20px;
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        left: 18px; }
      #about.company .value-box .icon-box::before {
        top: -8px;
        z-index: -2; }
      #about.company .value-box .icon-box::after {
        background-color: rgba(0, 0, 0, 0.1);
        top: -22px;
        left: 20px;
        z-index: -1; }
    #about.company .value-box i {
      font-size: 70px;
      color: #FFF;
      z-index: 1; }
  @media screen and (min-width: 992px) {
    #about.company section.top .block .text {
      max-width: 510px; }
    #about.company section.middle .block-layout-02 {
      margin-top: -114px; } }
  @media screen and (max-width: 1199px) {
    #about.company .value-box .item:nth-child(4)::after {
      opacity: 0; } }
  @media screen and (max-width: 991px) {
    #about.company section.top .block:nth-child(3) {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    #about.company section.middle .block-layout-02 {
      margin-top: -160px; }
    #about.company .value-box .item:nth-child(3)::after {
      opacity: 0; }
    #about.company .value-box .item:nth-child(4)::after {
      opacity: 1; } }
  @media screen and (min-width: 768px) {
    #about.company section.middle .headline {
      min-height: 400px;
      padding: 0 20px;
      padding-top: 100px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    #about.company section.middle .headline {
      padding-top: 85px; } }
  @media screen and (min-width: 768px) and (max-width: 767px) {
    #about.company section.middle .headline {
      padding-top: 66px; } }
  @media screen and (min-width: 768px) and (max-width: 479px) {
    #about.company section.middle .headline {
      padding-top: 50px; } }
  @media screen and (min-width: 480px) {
    #about.company .value-box .item {
      margin: 60px 34px 40px; } }
  @media screen and (max-width: 767px) {
    #about.company section.middle .headline {
      min-height: 300px;
      padding: 40px 40px 150px; }
    #about.company section.middle .block-layout-02 {
      margin-top: -100px; }
    #about.company .value-box .item::after {
      display: none; } }
  @media screen and (max-width: 479px) {
    #about.company .value-box {
      margin-top: 40px; }
      #about.company .value-box .item {
        margin: 40px 34px 40px; } }
  #about .history {
    padding: 98px 0; }
    @media screen and (max-width: 1199px) {
      #about .history {
        padding: 83.3px 0; } }
    @media screen and (max-width: 767px) {
      #about .history {
        padding: 64.68px 0; } }
    @media screen and (max-width: 479px) {
      #about .history {
        padding: 49px 0; } }
    #about .history .history-year {
      position: relative;
      text-align: center;
      min-height: 152px;
      margin-bottom: 56px;
      font-family: 'Roboto', sans-serif; }
      @media screen and (max-width: 1199px) {
        #about .history .history-year {
          margin-bottom: 47.6px; } }
      @media screen and (max-width: 767px) {
        #about .history .history-year {
          margin-bottom: 36.96px; } }
      @media screen and (max-width: 479px) {
        #about .history .history-year {
          margin-bottom: 28px; } }
      #about .history .history-year::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #DCDCDC;
        position: absolute;
        top: 23px; }
      #about .history .history-year .year {
        color: #777;
        font-size: 1.333em;
        font-weight: 500;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #about .history .history-year .year::before {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background-color: #BD0000;
          margin: 20px auto 16px; }
      #about .history .history-year .slider-year {
        margin: 0 auto; }
      #about .history .history-year .slick-center .year, #about .history .history-year .slick-active .year {
        color: #BD0000;
        font-size: 2.66em; }
        #about .history .history-year .slick-center .year::before, #about .history .history-year .slick-active .year::before {
          width: 24px;
          height: 24px;
          border: 8px solid #FFF;
          -webkit-box-shadow: 0 0 0 1px #BD0000;
                  box-shadow: 0 0 0 1px #BD0000;
          margin-top: 12px;
          margin-bottom: 40px; }
          @media screen and (max-width: 1199px) {
            #about .history .history-year .slick-center .year::before, #about .history .history-year .slick-active .year::before {
              margin-bottom: 34px; } }
          @media screen and (max-width: 767px) {
            #about .history .history-year .slick-center .year::before, #about .history .history-year .slick-active .year::before {
              margin-bottom: 26.4px; } }
          @media screen and (max-width: 479px) {
            #about .history .history-year .slick-center .year::before, #about .history .history-year .slick-active .year::before {
              margin-bottom: 20px; } }
      #about .history .history-year .slick-arrow {
        top: 1px;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); }
      #about .history .history-year .slick-prev {
        left: 0; }
      #about .history .history-year .slick-next {
        right: 0; }
    #about .history .history-info {
      position: relative; }
      #about .history .history-info::before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 100%;
        background-color: #DCDCDC;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto; }
      #about .history .history-info .date {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 1.111em; }
      #about .history .history-info img {
        max-width: calc(340px + 100px);
        width: 100%;
        display: inline-block;
        margin-bottom: 1rem; }
    @media screen and (min-width: 992px) {
      #about .history .slider-year {
        max-width: 1222px;
        padding-left: 100px;
        padding-right: 100px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    #about .history .slider-year {
      padding-left: 50px;
      padding-right: 50px; } }
    @media screen and (min-width: 992px) {
      #about .history .item-group:nth-child(odd)::before {
        right: -7px; }
      #about .history .item-group:nth-child(odd) .item *:not(.date) {
        padding-right: 100px; }
      #about .history .item-group:nth-child(odd) .date {
        right: 0; }
      #about .history .item-group:nth-child(even)::before {
        left: -8px; }
      #about .history .item-group:nth-child(even) .item *:not(.date) {
        padding-left: 100px; }
      #about .history .item-group:nth-child(even) .date {
        left: 0; }
      #about .history .item-group .date {
        position: absolute;
        top: 0; } }
    @media screen and (min-width: 768px) {
      #about .history .slider-year {
        width: calc(100% - 60px); } }
    @media screen and (min-width: 480px) {
      #about .history .list-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-top: 200px; }
      #about .history .item-group {
        display: inline-block;
        width: 50%;
        margin-bottom: 50px;
        position: relative; }
        #about .history .item-group::before {
          content: '';
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background-color: #fff;
          border: 3px solid #D7000F;
          position: absolute;
          top: 7px; }
        #about .history .item-group .item {
          position: relative;
          margin-bottom: 8px; }
        #about .history .item-group:nth-child(2) {
          margin-top: 0px; }
        #about .history .item-group:nth-child(odd) {
          text-align: right;
          padding-right: 42px;
          margin-top: -150px; }
          #about .history .item-group:nth-child(odd)::before {
            right: -7px; }
        #about .history .item-group:nth-child(even) {
          padding-left: 42px; }
          #about .history .item-group:nth-child(even)::before {
            left: -8px; }
      #about .history .history-info p {
        display: inline-block; } }
    @media screen and (max-width: 767px) {
      #about .history .slider-year {
        width: calc(100% - 40px);
        padding: 0 40px; } }
    @media screen and (max-width: 479px) {
      #about .history .history-year {
        min-height: auto;
        margin-bottom: 0; }
      #about .history .list-box {
        padding: 0 10px; }
      #about .history .item-group {
        background-color: #fff;
        padding: 5px 0;
        margin-top: 40px; } }

/* ==========================================================================
 *   contact
 *==========================================================================*/
#contact .form-box {
  margin-top: 80px; }
  @media screen and (max-width: 1199px) {
    #contact .form-box {
      margin-top: 68px; } }
  @media screen and (max-width: 767px) {
    #contact .form-box {
      margin-top: 52.8px; } }
  @media screen and (max-width: 479px) {
    #contact .form-box {
      margin-top: 40px; } }

#contact .form-row .form-label-item textarea {
  height: 134px; }

@media screen and (min-width: 768px) {
  #contact .form-row .form-label-item:nth-child(odd) label {
    min-width: 110px; }
  #contact .form-row .form-label-item:nth-child(even) label {
    min-width: 160px; }
  #contact .form-row .form-label-item textarea {
    margin: 16px 8px; } }

@media screen and (max-width: 767px) {
  #contact .form-row .form-label-item label {
    min-width: 140px; }
  #contact .form-row .form-label-item.textbox {
    margin-top: 8px; } }

#contact .form-btnbox {
  border-top: 1px solid #DCDCDC;
  padding-top: 50px;
  margin-top: 50px; }
  @media screen and (max-width: 1199px) {
    #contact .form-btnbox {
      padding-top: 42.5px; } }
  @media screen and (max-width: 767px) {
    #contact .form-btnbox {
      padding-top: 33px; } }
  @media screen and (max-width: 479px) {
    #contact .form-btnbox {
      padding-top: 25px; } }
  @media screen and (max-width: 1199px) {
    #contact .form-btnbox {
      margin-top: 42.5px; } }
  @media screen and (max-width: 767px) {
    #contact .form-btnbox {
      margin-top: 33px; } }
  @media screen and (max-width: 479px) {
    #contact .form-btnbox {
      margin-top: 25px; } }

/* faq */
.faq-warpper .q-inner::before, .faq-warpper .a-inner::before {
  float: left;
  display: inline-block;
  min-width: 40px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 22px;
  margin-right: 40px;
  margin-top: -2px; }
  @media screen and (max-width: 1199px) {
    .faq-warpper .q-inner::before, .faq-warpper .a-inner::before {
      margin-right: 20px; } }

.faq-warpper .q-inner .title, .faq-warpper .q-inner .text, .faq-warpper .a-inner .title, .faq-warpper .a-inner .text {
  margin: 4px 0 0; }

.faq-warpper .q-inner {
  background-color: #F7F7F7;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #E5E5E5;
  font-weight: 600;
  padding: 18px 0;
  padding-left: 30px;
  padding-right: 30px;
  cursor: pointer;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .faq-warpper .q-inner {
      padding-left: 15px;
      padding-right: 15px; } }
  .faq-warpper .q-inner .title {
    font-size: 1em; }
  .faq-warpper .q-inner::before {
    content: 'Q';
    background-color: #D7000F;
    color: #FFF;
    padding-right: 1px; }
  .faq-warpper .q-inner::after {
    content: '\e802';
    font-family: "fontello";
    position: absolute;
    top: 20px;
    right: 30px;
    color: #D7000F; }
  .faq-warpper .q-inner.active::after {
    content: '\e833'; }

.faq-warpper .a-inner {
  display: none;
  padding: 26px 30px; }
  @media screen and (max-width: 1199px) {
    .faq-warpper .a-inner {
      padding: 22.1px 15px; } }
  @media screen and (max-width: 767px) {
    .faq-warpper .a-inner {
      padding: 17.16px 15px; } }
  @media screen and (max-width: 479px) {
    .faq-warpper .a-inner {
      padding: 13px 15px; } }
  .faq-warpper .a-inner::before {
    content: 'A';
    color: #D7000F;
    padding-left: 2px;
    -webkit-box-shadow: 4px 6px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 4px 6px 12px 0 rgba(0, 0, 0, 0.1); }
  .faq-warpper .a-inner .text {
    display: inline-block; }

@media screen and (min-width: 600px) {
  .faq-warpper .q-inner .title, .faq-warpper .q-inner .text, .faq-warpper .a-inner .title, .faq-warpper .a-inner .text {
    width: calc(100% - 120px); } }

@media screen and (max-width: 600px) {
  .faq-warpper .a-inner .text {
    width: calc(100% - 60px); }
  .faq-warpper .q-inner .title {
    padding-left: 60px;
    width: calc(100% - 30px); }
  .faq-warpper .q-inner::after {
    right: 16px; } }

#order-list-table .cancel {
  cursor: pointer;
  color: #D7000F;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  #order-list-table .cancel:hover {
    opacity: .5; }

@media screen and (max-width: 479px) {
  #order-list-table .remark {
    width: 100%; } }

.server-features {
  margin: 40px 0; }
  @media screen and (max-width: 1199px) {
    .server-features {
      margin: 34px 0; } }
  @media screen and (max-width: 767px) {
    .server-features {
      margin: 26.4px 0; } }
  @media screen and (max-width: 479px) {
    .server-features {
      margin: 20px 0; } }

.features-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .features-list > li {
    border: 1px solid #E9E9E9;
    border-right: none; }
    .features-list > li.active .outter {
      color: #FFF; }
      .features-list > li.active .outter::after {
        background-color: #fff; }
    .features-list > li.active figure img {
      width: 0;
      height: 0;
      opacity: 0; }
    .features-list > li.active figure img.hover {
      width: auto;
      height: auto;
      opacity: 1; }
    .features-list > li.active:first-child .outter {
      background-color: #63A744; }
      .features-list > li.active:first-child .outter::after {
        color: #63A744; }
    .features-list > li.active:nth-child(3) .outter {
      background-color: #50AEE2; }
      .features-list > li.active:nth-child(3) .outter::after {
        color: #50AEE2; }
    .features-list > li.active:nth-child(5) .outter {
      background-color: #27C5CB; }
      .features-list > li.active:nth-child(5) .outter::after {
        color: #27C5CB; }
  .features-list .outter {
    height: 440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    position: relative;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    padding: 35px;
    z-index: 1; }
    .features-list .outter::before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      display: block;
      opacity: 0.02;
      background-image: url(images/service/shadow.png);
      background-size: 100% 100%;
      z-index: -1; }
    .features-list .outter figure {
      margin-bottom: 0; }
      .features-list .outter figure img.hover {
        width: 0;
        height: 0;
        opacity: 0; }
  .features-list .title {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    margin-top: 25px;
    margin-bottom: 15px; }
  .features-list .has-inner {
    cursor: pointer; }
    .features-list .has-inner::after {
      content: '\e802';
      font-family: "fontello";
      display: block;
      width: 40px;
      height: 40px;
      font-size: 20px;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      background-color: #747474;
      color: #FFF;
      -webkit-transition: color .2s ease-in-out,background .2s ease-in-out;
      transition: color .2s ease-in-out,background .2s ease-in-out; }
  .features-list .inner {
    display: none;
    position: relative;
    width: calc(300% + 3px);
    margin: -1px;
    padding: 100px;
    background-color: #F7F7F7;
    border: 1px solid #E8E8E8;
    border-top: none;
    border-bottom: none; }
  .features-list.qty-4 .outter {
    height: 100%; }
  @media screen and (min-width: 1200px) {
    .features-list > li {
      width: calc(100% / 3); }
      .features-list > li:nth-child(-n+3) {
        border-top: 1px solid #E9E9E9; }
      .features-list > li:nth-child(3n+0) {
        border-right: 1px solid #E9E9E9; }
      .features-list > li:nth-child(3n+0) .inner {
        width: calc(300% + 6px);
        margin-left: calc(0px - 200% - 5px); }
      .features-list > li:nth-child(3n+2) .inner {
        margin-left: calc(0px - 100% - 2px); }
    .features-list .has-inner::after {
      position: absolute;
      left: calc(50% - 20px);
      bottom: 35px; }
    .features-list.qty-4 {
      margin: 0 -40px; }
      .features-list.qty-4 > li {
        width: calc(100% / 4); }
        .features-list.qty-4 > li:last-child {
          border-right: 1px solid #E9E9E9; } }
  @media screen and (min-width: 992px) {
    .features-list .has-inner:hover::after {
      background-color: #D7000F; } }
  @media screen and (max-width: 1199px) {
    .features-list > li {
      width: 50%; }
      .features-list > li:nth-child(3n+0) .inner {
        width: calc(200% + 2px); }
      .features-list > li:nth-child(2n+0) {
        border-right: 1px solid #E9E9E9; }
    .features-list .inner {
      width: calc(200% + 2px); } }
  @media screen and (max-width: 991px) {
    .features-list .inner {
      padding: 50px; } }
  @media screen and (max-width: 767px) {
    .features-list > li {
      width: 100%;
      border: 1px solid #E8E8E8;
      margin-top: 25px; }
    .features-list .outter {
      height: auto; }
    .features-list .inner {
      width: calc(100% + 2px) !important;
      border: 1px solid #E8E8E8;
      padding: 25px; } }

.service-note {
  margin-top: 60px; }
  @media screen and (max-width: 1199px) {
    .service-note {
      margin-top: 51px; } }
  @media screen and (max-width: 767px) {
    .service-note {
      margin-top: 39.6px; } }
  @media screen and (max-width: 479px) {
    .service-note {
      margin-top: 30px; } }

.service-note_nav {
  display: none; }
  @media screen and (min-width: 992px) {
    .service-note_nav {
      display: block;
      padding: 0 50px; }
      .service-note_nav > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .service-note_nav li {
        width: calc(100% / 7 - 60px / 7);
        background: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dddddd));
        background: linear-gradient(to bottom, #f2f2f2 0%, #dddddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 );
        position: relative; }
        .service-note_nav li::after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 22px 22px 0 22px;
          border-color: #d90917 transparent transparent transparent;
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          bottom: -10px;
          opacity: 0;
          -webkit-transition: bottom 0.2s ease-in-out;
          transition: bottom 0.2s ease-in-out; }
        .service-note_nav li:hover {
          background: none;
          background-color: #d90917; }
          .service-note_nav li:hover::after {
            bottom: -18px;
            opacity: 1; }
          .service-note_nav li:hover figcaption {
            color: #FFF; }
          .service-note_nav li:hover img {
            width: 0;
            height: 0;
            opacity: 0; }
            .service-note_nav li:hover img.hover {
              width: auto;
              height: auto;
              opacity: 1; }
      .service-note_nav a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%;
        padding: 25px 5px; }
      .service-note_nav figure {
        text-align: center;
        margin-bottom: 0; }
      .service-note_nav figcaption {
        font-size: 18px;
        font-weight: 600;
        margin-top: 15px;
        color: #000;
        -webkit-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
      .service-note_nav img.hover {
        width: 0;
        height: 0;
        opacity: 0; } }

.service-note_content {
  margin-bottom: 60px;
  background-color: #fff;
  border: 1px solid #E9E9E9;
  -webkit-box-shadow: 0 0 20px 0 #ccc;
          box-shadow: 0 0 20px 0 #ccc; }
  @media screen and (max-width: 1199px) {
    .service-note_content {
      margin-bottom: 51px; } }
  @media screen and (max-width: 767px) {
    .service-note_content {
      margin-bottom: 39.6px; } }
  @media screen and (max-width: 479px) {
    .service-note_content {
      margin-bottom: 30px; } }
  @media screen and (min-width: 992px) {
    .service-note_content {
      margin-top: -70px;
      padding: 60px 65px;
      padding-top: 120px; } }
  @media screen and (max-width: 991px) {
    .service-note_content {
      padding: 20px; } }
  .service-note_content .text-container > div {
    margin-bottom: 50px; }
    @media screen and (max-width: 1199px) {
      .service-note_content .text-container > div {
        margin-bottom: 42.5px; } }
    @media screen and (max-width: 767px) {
      .service-note_content .text-container > div {
        margin-bottom: 33px; } }
    @media screen and (max-width: 479px) {
      .service-note_content .text-container > div {
        margin-bottom: 25px; } }
  .service-note_content .text-box {
    margin-top: 15px;
    letter-spacing: 0.025em; }
  .service-note_content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E9E9E9; }
    .service-note_content .title::before {
      font-family: "fontello";
      font-size: 15px;
      font-weight: normal;
      content: '\e84b';
      color: #D7000F;
      margin-right: 10px; }

.service-process {
  margin-top: 120px; }
  @media screen and (max-width: 1199px) {
    .service-process {
      margin-top: 102px; } }
  @media screen and (max-width: 767px) {
    .service-process {
      margin-top: 79.2px; } }
  @media screen and (max-width: 479px) {
    .service-process {
      margin-top: 60px; } }
  @media screen and (min-width: 600px) {
    .service-process .block-qty2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .service-process .block-qty2 > .service-process_item {
        display: inline-block; } }
  .service-process .step {
    font-size: 18px; }
  .service-process .slick-arrow {
    z-index: 50; }
  .service-process .slick-next {
    right: -6px; }
  .service-process .slick-prev {
    left: -6px; }

.service-process_item {
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #DCDCDC;
  -webkit-box-shadow: 0 0 30px 0 #ccc;
          box-shadow: 0 0 30px 0 #ccc;
  padding: 120px 40px 90px;
  margin-bottom: 100px;
  margin-top: 130px;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .service-process_item {
      margin-bottom: 85px; } }
  @media screen and (max-width: 767px) {
    .service-process_item {
      margin-bottom: 66px; } }
  @media screen and (max-width: 479px) {
    .service-process_item {
      margin-bottom: 50px; } }
  @media screen and (max-width: 1199px) {
    .service-process_item {
      margin-top: 110.5px; } }
  @media screen and (max-width: 767px) {
    .service-process_item {
      margin-top: 85.8px; } }
  @media screen and (max-width: 479px) {
    .service-process_item {
      margin-top: 65px; } }
  .service-process_item .step {
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    margin: 0 auto 20px; }
  .service-process_item .red-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80%;
    background-color: #D7000F;
    min-height: 56px;
    border-radius: 56px;
    max-width: 320px;
    color: #FFF;
    font-size: 22px;
    position: absolute;
    top: -28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  @media screen and (min-width: 992px) {
    .service-process_item {
      min-width: 30vw;
      padding-left: 80px;
      padding-right: 80px; } }
  @media screen and (max-width: 767px) {
    .service-process_item {
      margin: 120px 20px 60px;
      -webkit-box-shadow: 0 0 15px 0 #eee;
              box-shadow: 0 0 15px 0 #eee; } }
  @media screen and (max-width: 479px) {
    .service-process_item {
      max-width: 300px;
      padding: 80px 40px 60px; } }

.service-process_step {
  max-width: 376px;
  margin: 10px auto; }
  .service-process_step > *:not(.headline) {
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 0; }
    @media screen and (max-width: 1199px) {
      .service-process_step > *:not(.headline) {
        padding-left: 30px;
        padding-right: 30px; } }
  .service-process_step > p {
    text-align: center; }
  .service-process_step .headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 376px;
    height: 90px;
    background-color: #F5F5F5;
    -webkit-box-shadow: 0 2px 25px 0 #ccc;
            box-shadow: 0 2px 25px 0 #ccc;
    border-radius: 90px;
    padding-left: 80px;
    padding-right: 80px;
    margin-bottom: 25px; }
    @media screen and (max-width: 1199px) {
      .service-process_step .headline {
        padding-left: 40px;
        padding-right: 40px; } }
  .service-process_step .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 60px;
    height: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    border-radius: 50%;
    background-color: #D7000F;
    margin-right: 20px; }
    .service-process_step .icon > * {
      width: 38px; }
  .service-process_step .title {
    font-size: 22px;
    margin-bottom: 0; }
  .service-process_step .text {
    display: inline-block; }
  @media screen and (max-width: 767px) {
    .service-process_step {
      width: 100%; } }
  @media screen and (max-width: 479px) {
    .service-process_step {
      max-width: 300px; }
      .service-process_step .headline {
        height: auto;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border-radius: 20px;
        padding: 24px 20px 20px;
        text-align: center; }
      .service-process_step .icon {
        margin: 0 0 10px; } }

#sitemap .sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1385px;
  margin: 0 auto; }
  #sitemap .sitemap .item {
    display: inline-block;
    margin-left: 40px;
    margin-right: 40px; }
    @media screen and (max-width: 1199px) {
      #sitemap .sitemap .item {
        margin-left: 20px;
        margin-right: 20px; } }
    #sitemap .sitemap .item.miw {
      min-width: 180px; }
  #sitemap .sitemap .title, #sitemap .sitemap .title > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    color: #000; }
    #sitemap .sitemap .title .icon, #sitemap .sitemap .title > a .icon {
      text-align: center;
      min-width: 35px;
      margin-right: 8px; }
  #sitemap .sitemap .title {
    font-size: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #D7000F;
    margin-bottom: 0; }
    #sitemap .sitemap .title > a {
      margin: 0; }
      #sitemap .sitemap .title > a::before {
        display: none; }
  #sitemap .sitemap .info {
    margin-top: 26px; }
    @media screen and (max-width: 1199px) {
      #sitemap .sitemap .info {
        margin-top: 22.1px; } }
    @media screen and (max-width: 767px) {
      #sitemap .sitemap .info {
        margin-top: 17.16px; } }
    @media screen and (max-width: 479px) {
      #sitemap .sitemap .info {
        margin-top: 13px; } }
    #sitemap .sitemap .info > a {
      font-size: 18px; }
      #sitemap .sitemap .info > a::before {
        content: '\e818';
        font-family: "fontello";
        font-size: 14px;
        margin: 0 8px; }
  #sitemap .sitemap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #120703;
    margin-bottom: 12px;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    #sitemap .sitemap a:hover {
      color: #D7000F; }
  @media screen and (max-width: 1440px) {
    #sitemap .sitemap .item {
      margin-left: 30px;
      margin-right: 30px; } }
  @media screen and (min-width: 1200px) {
    #sitemap .sitemap .item:last-child {
      justify-self: flex-end;
      margin-left: 523px; } }
  @media screen and (max-width: 1199px) {
    #sitemap .sitemap {
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      #sitemap .sitemap .item {
        width: 25%; } }
  @media screen and (max-width: 600px) {
    #sitemap .sitemap {
      padding-bottom: 80px; }
      #sitemap .sitemap .item {
        min-width: auto !important;
        width: calc(50% - 40px);
        margin: 20px; } }
  @media screen and (max-width: 479px) {
    #sitemap .sitemap .item {
      width: 100%;
      margin: 0 0 20px;
      padding: 0 20px; } }

#search .search-row {
  min-height: 112px;
  background-color: #F2F2F2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0;
  margin: 0; }

#search .form-item {
  max-width: 450px; }

#search .result {
  margin: 0 20px;
  margin-bottom: 60px; }
  @media screen and (max-width: 1199px) {
    #search .result {
      margin-bottom: 51px; } }
  @media screen and (max-width: 767px) {
    #search .result {
      margin-bottom: 39.6px; } }
  @media screen and (max-width: 479px) {
    #search .result {
      margin-bottom: 30px; } }

#search .result-lists .item {
  line-height: 1.8;
  border-bottom: 1px solid #DCDCDC;
  padding: 10px 20px;
  margin-bottom: 30px; }
  @media screen and (max-width: 1199px) {
    #search .result-lists .item {
      margin-bottom: 25.5px; } }
  @media screen and (max-width: 767px) {
    #search .result-lists .item {
      margin-bottom: 19.8px; } }
  @media screen and (max-width: 479px) {
    #search .result-lists .item {
      margin-bottom: 15px; } }

#search .result-lists .title {
  font-size: 1em;
  color: #D7000F;
  position: relative; }
  #search .result-lists .title::before {
    content: '\e818';
    font-family: "fontello";
    font-size: 14px;
    color: #120703;
    margin: 0 8px;
    position: absolute;
    top: 4px;
    left: -28px; }

#search .result-lists .title + * {
  color: #120703; }

@media screen and (min-width: 992px) {
  #search .item .title, #search .item p {
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  #search .item:hover .title {
    color: #120703; }
  #search .item:hover p {
    color: #808080; } }

@media screen and (min-width: 768px) {
  #search .fillet-btn {
    margin-left: 20px; } }

.news-banner {
  margin: 70px 0; }
  @media screen and (max-width: 1199px) {
    .news-banner {
      margin: 59.5px 0; } }
  @media screen and (max-width: 767px) {
    .news-banner {
      margin: 46.2px 0; } }
  @media screen and (max-width: 479px) {
    .news-banner {
      margin: 35px 0; } }
  .news-banner .item {
    position: relative; }
  .news-banner .pic {
    max-width: 1264px;
    height: 27.5vw;
    min-height: 420px;
    overflow: hidden; }
    .news-banner .pic > a {
      display: block;
      -webkit-transition: transform 0.2s ease-in-out;
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  .news-banner .text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 20px 0 #ccc;
            box-shadow: 10px 10px 20px 0 #ccc;
    max-width: 390px;
    padding: 60px 50px;
    padding-right: 78px;
    position: absolute;
    right: 0;
    bottom: -25px; }
    @media screen and (max-width: 1199px) {
      .news-banner .text {
        padding: 51px 25px; } }
    @media screen and (max-width: 767px) {
      .news-banner .text {
        padding: 39.6px 25px; } }
    @media screen and (max-width: 479px) {
      .news-banner .text {
        padding: 30px 25px; } }
    @media screen and (max-width: 1199px) {
      .news-banner .text {
        padding-right: 39px; } }
    .news-banner .text em {
      font-size: 1.7777777em;
      font-weight: 700;
      font-style: normal;
      border-bottom: 1px solid #DCDCDC;
      padding-bottom: 10px;
      margin-bottom: 20px; }
    .news-banner .text .date {
      font-size: 18px;
      color: #D7000F;
      font-family: 'Lato', sans-serif;
      margin-bottom: 6px; }
    .news-banner .text p {
      font-size: 20px;
      line-height: 32px; }
    .news-banner .text .more-btn {
      margin-top: 32px; }
      @media screen and (max-width: 1199px) {
        .news-banner .text .more-btn {
          margin-top: 27.2px; } }
      @media screen and (max-width: 767px) {
        .news-banner .text .more-btn {
          margin-top: 21.12px; } }
      @media screen and (max-width: 479px) {
        .news-banner .text .more-btn {
          margin-top: 16px; } }
  .news-banner .slick-list {
    overflow: visible; }
  .news-banner .slick-dots {
    max-width: 1264px;
    left: -40px;
    bottom: 40px; }
    .news-banner .slick-dots li {
      width: auto;
      height: auto;
      margin: 0 8px; }
    .news-banner .slick-dots button {
      width: 13px;
      height: 13px;
      background-color: #DCDCDC;
      margin: 0; }
      .news-banner .slick-dots button::before {
        width: auto;
        height: auto; }
    .news-banner .slick-dots .slick-active button {
      width: 15px;
      height: 15px; }
  .news-banner .slick-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 2px solid #C1C1C1;
    border-radius: 50%;
    overflow: hidden;
    z-index: 50; }
    .news-banner .slick-arrow::before {
      font-family: "fontello";
      color: #C1C1C1; }
    .news-banner .slick-arrow.slick-disabled {
      border: 2px solid rgba(193, 193, 193, 0.5); }
      .news-banner .slick-arrow.slick-disabled::before {
        color: rgba(193, 193, 193, 0.5);
        opacity: 1; }
  .news-banner .slick-prev::before {
    content: '\e84f'; }
  .news-banner .slick-next::before {
    content: '\e850'; }
  .news-banner .slick-active .text em, .news-banner .slick-active .text .date, .news-banner .slick-active .text p {
    -webkit-animation: fadeInUp .85s both;
            animation: fadeInUp .85s both; }
  .news-banner .slick-active .text .date, .news-banner .slick-active .text p {
    -webkit-animation-delay: .4s;
            animation-delay: .4s; }
  @media screen and (min-width: 1200px) {
    .news-banner .item .pic {
      min-height: 500px; }
    .news-banner .item .text {
      min-height: 450px; } }
  @media screen and (min-width: 992px) {
    .news-banner .item .pic:hover > a {
      -webkit-transform: scale(1.04);
              transform: scale(1.04); }
    .news-banner .slick-arrow {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .news-banner .slick-arrow:hover {
        background-color: #D7000F;
        border-color: #D7000F; }
        .news-banner .slick-arrow:hover::before {
          color: #FFF; } }
  @media screen and (max-width: 1199px) {
    .news-banner .item .pic {
      padding-right: 50px; }
    .news-banner .item .text {
      max-width: 300px; } }
  @media screen and (max-width: 991px) {
    .news-banner .item .pic {
      padding-right: 0;
      height: 40vw;
      min-height: 240px; }
    .news-banner .item .text {
      max-width: none;
      width: 100%;
      padding: 24px 20px;
      position: relative;
      bottom: 0; }
      .news-banner .item .text .more-btn {
        margin-top: 0;
        position: absolute;
        top: 30px;
        right: 20px; }
    .news-banner .slick-arrow {
      width: 40px;
      height: 40px;
      top: 30%; }
    .news-banner .slick-prev {
      left: -15px; }
    .news-banner .slick-next {
      right: -15px; } }
  @media screen and (max-width: 600px) {
    .news-banner {
      margin-top: 20px; } }

.new-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #DCDCDC;
  padding: 0 20px;
  margin: 40px 0; }
  @media screen and (max-width: 1199px) {
    .new-navbar {
      margin: 34px 0; } }
  @media screen and (max-width: 767px) {
    .new-navbar {
      margin: 26.4px 0; } }
  @media screen and (max-width: 479px) {
    .new-navbar {
      margin: 20px 0; } }
  @media screen and (max-width: 991px) {
    .new-navbar {
      padding: 0; }
      .new-navbar .new-control .selectric-wrapper {
        min-width: auto; }
      .new-navbar .new-control input {
        width: 180px; }
      .new-navbar .new-nav li {
        margin: 0 10px; } }
  @media screen and (max-width: 767px) {
    .new-navbar {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .new-navbar .new-nav, .new-navbar .new-control {
        width: 100%; }
      .new-navbar .new-control {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding: 0 20px;
        margin-bottom: 10px; }
        .new-navbar .new-control .news-year {
          width: 40%; }
        .new-navbar .new-control .news-search {
          width: 60%; }
          .new-navbar .new-control .news-search > form {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .new-navbar .new-control .news-search input {
            width: calc(100% - 40px); }
      .new-navbar .new-nav {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        .new-navbar .new-nav li {
          width: calc(100% / 3);
          text-align: center;
          padding: 0; } }
  @media screen and (max-width: 479px) {
    .new-navbar .new-control {
      padding: 0 10px; }
      .new-navbar .new-control .selectric .label {
        font-size: 18px; }
      .new-navbar .new-control .news-search input {
        font-size: 18px; }
    .new-navbar .new-nav li a {
      font-size: 18px; } }
  @media screen and (max-width: 320px) {
    .new-navbar .new-control {
      padding: 0 5px; }
      .new-navbar .new-control .selectric .label {
        font-size: 16px; }
      .new-navbar .new-control .news-search input {
        font-size: 16px; }
    .new-navbar .new-nav li a {
      font-size: 16px; } }

.new-nav, .new-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.new-nav li {
  padding: 0 6px;
  margin: 0 26px; }
  .new-nav li:first-child {
    margin-left: 0; }
  .new-nav li a {
    display: block;
    padding: 10px 0;
    font-size: 20px;
    color: #120703; }
  .new-nav li.active {
    border-bottom: 3px solid #D7000F; }
    .new-nav li.active a {
      font-weight: 700; }

.new-control .selectric-wrapper {
  min-width: 145px;
  margin: 0 20px 0 0; }

.new-control .selectric {
  border: none; }
  .new-control .selectric .label {
    font-size: 20px;
    margin: 0 20px 0 0; }
  .new-control .selectric .button {
    right: 0; }

.new-control .news-search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .new-control .news-search::before {
    content: '';
    width: 1px;
    height: 20px;
    background-color: #120703; }
  .new-control .news-search .btn {
    color: #D7000F;
    font-size: 18px; }
  .new-control .news-search input {
    font-size: 20px;
    color: #120703;
    margin-left: 20px; }

#news .news-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#news .news-lists {
  width: calc(50% - 40px);
  margin: 0 20px; }
  #news .news-lists li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 20px; }
    @media screen and (max-width: 1199px) {
      #news .news-lists li {
        margin-bottom: 17px; } }
    @media screen and (max-width: 767px) {
      #news .news-lists li {
        margin-bottom: 13.2px; } }
    @media screen and (max-width: 479px) {
      #news .news-lists li {
        margin-bottom: 10px; } }
    #news .news-lists li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  #news .news-lists em {
    display: inline-block;
    width: 100%;
    font-style: normal;
    color: #120703;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  #news .news-lists .date {
    display: inline-block;
    color: #D7000F;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 114px;
            flex: 0 0 114px;
    font-family: 'Lato', sans-serif;
    margin-right: 30px; }
    @media screen and (max-width: 1199px) {
      #news .news-lists .date {
        margin-right: 15px; } }
    #news .news-lists .date::before {
      content: '\e818';
      font-family: "fontello";
      color: #120703;
      margin: 0 5px 0 -20px;
      -webkit-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
  @media screen and (min-width: 992px) {
    #news .news-lists li:hover em {
      color: #808080; }
    #news .news-lists li:hover .date::before {
      color: #D7000F; } }
  @media screen and (max-width: 767px) {
    #news .news-lists {
      width: calc(100% - 40px); } }
  @media screen and (max-width: 479px) {
    #news .news-lists li a {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    #news .news-lists .date {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 0px;
              flex: 0 0 0; } }

.events-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .events-box .item {
    display: inline-block;
    max-width: 430px;
    border: 1px solid transparent;
    margin: 24px 20px;
    position: relative; }
    .events-box .item::after {
      opacity: 0;
      content: '＋';
      text-align: center;
      line-height: 40px;
      width: 40px;
      height: 40px;
      background-color: #D7000F;
      color: #FFF;
      font-weight: 700;
      position: absolute;
      right: 0;
      bottom: 0;
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
    .events-box .item .pic {
      width: 100%;
      height: 13.75vw;
      min-height: 260px;
      overflow: hidden; }
      .events-box .item .pic > * {
        -webkit-transition: transform 0.2s ease-in-out;
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
    .events-box .item .text {
      padding: 38px 30px; }
      @media screen and (max-width: 1199px) {
        .events-box .item .text {
          padding: 32.3px 15px; } }
      @media screen and (max-width: 767px) {
        .events-box .item .text {
          padding: 25.08px 15px; } }
      @media screen and (max-width: 479px) {
        .events-box .item .text {
          padding: 19px 15px; } }
      .events-box .item .text > * {
        font-weight: 400;
        font-size: 18px; }
      .events-box .item .text .date {
        display: block;
        line-height: normal;
        color: #D7000F;
        margin-bottom: 6px; }
      .events-box .item .text .date + * {
        color: #120703; }
  @media screen and (min-width: 1200px) {
    .events-box .item {
      width: calc(33.33333% - 40px); } }
  @media screen and (min-width: 992px) {
    .events-box .item {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .events-box .item:hover {
        border: 1px solid #D7000F;
        -webkit-box-shadow: 5px 10px 20px 0 #ccc;
                box-shadow: 5px 10px 20px 0 #ccc; }
        .events-box .item:hover::after {
          opacity: 1; }
        .events-box .item:hover .pic > * {
          -webkit-transform: scale(1.06);
                  transform: scale(1.06); } }
  @media screen and (max-width: 1199px) {
    .events-box {
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .events-box .item {
        width: calc(50% - 40px); } }
  @media screen and (max-width: 991px) {
    .events-box .item {
      margin: 10px; }
      .events-box .item .pic {
        min-height: 220px; } }
  @media screen and (max-width: 767px) {
    .events-box .item {
      width: 430px;
      margin: 0 0 20px; }
      .events-box .item .pic {
        height: 34vw;
        min-height: 200px; } }
  @media screen and (max-width: 320px) {
    .events-box .item .pic {
      min-height: 180px; } }

.new-headline {
  text-align: center;
  font-size: 2.2222em;
  font-weight: 400;
  border-bottom: 2px solid #120703;
  padding: 0 20px;
  padding-bottom: 32px;
  margin-bottom: 60px; }
  @media screen and (max-width: 1199px) {
    .new-headline {
      padding-bottom: 27.2px; } }
  @media screen and (max-width: 767px) {
    .new-headline {
      padding-bottom: 21.12px; } }
  @media screen and (max-width: 479px) {
    .new-headline {
      padding-bottom: 16px; } }
  @media screen and (max-width: 1199px) {
    .new-headline {
      margin-bottom: 51px; } }
  @media screen and (max-width: 767px) {
    .new-headline {
      margin-bottom: 39.6px; } }
  @media screen and (max-width: 479px) {
    .new-headline {
      margin-bottom: 30px; } }
  /*.new-headline::before {
    content: '';
    display: block;
    width: 1px;
    height: 45px;
    background-color: #120703;
    margin: 0 auto 15px; }*/

.new-article aside {
  width: 300px; }

.new-article .aside-inner {
  width: calc(100% - (300px + 40px)); }

.new-article .article-title {
  font-size: 2.4444em;
  font-weight: 400;
  line-height: 1.4; }
  /*.new-article .article-title::after {
    content: '';
    display: block;
    width: 1px;
    height: 46px;
    background-color: #120703;
    margin: 2px 0 15px; }*/

.new-article .article-date {
  display: block;
  font-family: 'Lato', sans-serif;
  color: #D7000F;
  font-size: 24px;
  margin-bottom: 50px; }
  @media screen and (max-width: 1199px) {
    .new-article .article-date {
      margin-bottom: 42.5px; } }
  @media screen and (max-width: 767px) {
    .new-article .article-date {
      margin-bottom: 33px; } }
  @media screen and (max-width: 479px) {
    .new-article .article-date {
      margin-bottom: 25px; } }

.new-article .page-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #A5A5A5;
  margin-bottom: 44px; }
  @media screen and (max-width: 1199px) {
    .new-article .page-control {
      margin-bottom: 37.4px; } }
  @media screen and (max-width: 767px) {
    .new-article .page-control {
      margin-bottom: 29.04px; } }
  @media screen and (max-width: 479px) {
    .new-article .page-control {
      margin-bottom: 22px; } }
  .new-article .page-control li {
    line-height: 60px;
    text-align: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    background-color: #fff;
    border-right: 1px solid #A5A5A5;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out; }
    .new-article .page-control li:last-child {
      border: none; }
  .new-article .page-control a {
    display: block;
    color: #A5A5A5;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }

.new-article .other-article li {
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 14px;
  margin-bottom: 30px; }
  @media screen and (max-width: 1199px) {
    .new-article .other-article li {
      padding-bottom: 11.9px; } }
  @media screen and (max-width: 767px) {
    .new-article .other-article li {
      padding-bottom: 9.24px; } }
  @media screen and (max-width: 479px) {
    .new-article .other-article li {
      padding-bottom: 7px; } }
  @media screen and (max-width: 1199px) {
    .new-article .other-article li {
      margin-bottom: 25.5px; } }
  @media screen and (max-width: 767px) {
    .new-article .other-article li {
      margin-bottom: 19.8px; } }
  @media screen and (max-width: 479px) {
    .new-article .other-article li {
      margin-bottom: 15px; } }
  .new-article .other-article li:last-child {
    border: none; }

.new-article .other-article .date, .new-article .other-article p {
  font-size: 18px; }

.new-article .other-article .date {
  color: #A5A5A5; }
  .new-article .other-article .date::after {
    content: '';
    display: block;
    width: 25px;
    height: 1px;
    background-color: #120703;
    margin: 12px 0 14px; }

@media screen and (min-width: 1200px) {
  .new-article aside {
    width: 352px;
    margin-right: 60px; }
  .new-article .aside-inner {
    max-width: 926px;
    margin: 0 20px; } }

@media screen and (min-width: 992px) {
  .new-article .page-control li:hover {
    background-color: #A5A5A5; }
    .new-article .page-control li:hover a {
      color: #FFF; } }

@media screen and (max-width: 991px) {
  .new-article aside, .new-article .aside-inner {
    width: 100%;
    margin: 0;
    padding: 0; }
  .new-article .page {
    text-align: center; }
  .new-article .page-control {
    margin: 40px auto; }
  .new-article .other-article ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .new-article .other-article li {
    text-align: left;
    width: 50%;
    border: none;
    border-right: 1px solid #DCDCDC;
    padding: 0 40px; }
    .new-article .other-article li:first-child {
      padding-left: 0; }
    .new-article .other-article li:last-child {
      padding-right: 0; } }

@media screen and (max-width: 600px) {
  .new-article .article-title {
    font-size: 1.8em; } }

@media screen and (max-width: 479px) {
  .new-article .other-article li {
    width: 100%;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #DCDCDC; } }

#shuttle .car-rows, #limousine .car-rows {
  padding-bottom: 40px;
  margin-bottom: 50px;
  border-bottom: 1px solid #DCDCDC; }
  @media screen and (max-width: 1199px) {
    #shuttle .car-rows, #limousine .car-rows {
      margin-bottom: 42.5px; } }
  @media screen and (max-width: 767px) {
    #shuttle .car-rows, #limousine .car-rows {
      margin-bottom: 33px; } }
  @media screen and (max-width: 479px) {
    #shuttle .car-rows, #limousine .car-rows {
      margin-bottom: 25px; } }

.shuttle-fees {
  position: relative; }
  .shuttle-fees .title {
    font-size: 22px;
    font-weight: 600;
    text-align: center; }
  .shuttle-fees .unit {
    position: absolute;
    top: 5px;
    right: 0; }
  .shuttle-fees .gary-note {
    display: table;
    margin: 60px auto; }
  @media screen and (max-width: 767px) {
    .shuttle-fees .unit {
      position: static;
      display: block;
      text-align: center; } }

@media screen and (max-width: 767px) {
  .shuttle-fees_table {
    margin-top: 20px; } }

.shuttle-note {
  position: relative;
  padding-top: 40px;
  z-index: 1; }
  @media screen and (max-width: 1199px) {
    .shuttle-note {
      padding-top: 34px; } }
  @media screen and (max-width: 767px) {
    .shuttle-note {
      padding-top: 26.4px; } }
  @media screen and (max-width: 479px) {
    .shuttle-note {
      padding-top: 20px; } }
  .shuttle-note::before {
    content: '';
    display: block;
    width: 100%;
    height: 160px;
    background-image: url(images/bg-shadow.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .shuttle-note .editor {
    color: #404040; }

.shuttle-fees_tablebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -25px; }
  .shuttle-fees_tablebox > .item {
    width: calc(50% - 50px);
    margin: 0 25px;
    position: relative; }
    .shuttle-fees_tablebox > .item .title {
      text-align: left; }
  .shuttle-fees_tablebox table {
    margin-top: 10px;
    margin-bottom: 60px; }
    @media screen and (max-width: 1199px) {
      .shuttle-fees_tablebox table {
        margin-bottom: 51px; } }
    @media screen and (max-width: 767px) {
      .shuttle-fees_tablebox table {
        margin-bottom: 39.6px; } }
    @media screen and (max-width: 479px) {
      .shuttle-fees_tablebox table {
        margin-bottom: 30px; } }
  .shuttle-fees_tablebox th, .shuttle-fees_tablebox td {
    padding: 10px !important;
    text-align: center; }
  @media screen and (max-width: 991px) {
    .shuttle-fees_tablebox {
      margin: 0 -10px; }
      .shuttle-fees_tablebox > .item {
        width: calc(50% - 20px);
        margin: 0 10px; }
      .shuttle-fees_tablebox th, .shuttle-fees_tablebox td {
        padding: 10px 6px !important; } }
  @media screen and (max-width: 767px) {
    .shuttle-fees_tablebox {
      margin: 0; }
      .shuttle-fees_tablebox > .item {
        width: 100%;
        margin: 0; }
        .shuttle-fees_tablebox > .item .title {
          text-align: center; } }

#limousine .slogan {
  color: #EF0082; }

#limousine .round-title {
  background-color: #EA587C; }

#limousine table thead tr {
  background-color: #EA587C; }

#limousine table thead th {
  color: #FFF; }

#limousine .limousine-draw {
  margin-top: 52px;
  height: 18vw;
  background-size: 100% auto !important;
  background-position: bottom center !important;
  min-height: 100px;
  margin-bottom: -1px; }
  @media screen and (max-width: 1199px) {
    #limousine .limousine-draw {
      margin-top: 44.2px; } }
  @media screen and (max-width: 767px) {
    #limousine .limousine-draw {
      margin-top: 34.32px; } }
  @media screen and (max-width: 479px) {
    #limousine .limousine-draw {
      margin-top: 26px; } }
  #limousine .limousine-draw img {
    font-size: 0; }
  @media screen and (max-width: 1440px) {
    #limousine .limousine-draw {
      height: 18vw; } }
  @media screen and (max-width: 991px) {
    #limousine .limousine-draw {
      height: 17.6vw; } }
  @media screen and (max-width: 479px) {
    #limousine .limousine-draw {
      background-size: cover !important;
      background-position: bottom right 8vw !important; } }
  @media screen and (max-width: 320px) {
    #limousine .limousine-draw {
      background-position: bottom right 2vw !important; } }

#limousine .faq-warpper, #limousine .flow-warpper {
  margin-top: 60px;
  margin-bottom: 120px; }
  @media screen and (max-width: 1199px) {
    #limousine .faq-warpper, #limousine .flow-warpper {
      margin-top: 51px; } }
  @media screen and (max-width: 767px) {
    #limousine .faq-warpper, #limousine .flow-warpper {
      margin-top: 39.6px; } }
  @media screen and (max-width: 479px) {
    #limousine .faq-warpper, #limousine .flow-warpper {
      margin-top: 30px; } }
  @media screen and (max-width: 1199px) {
    #limousine .faq-warpper, #limousine .flow-warpper {
      margin-bottom: 102px; } }
  @media screen and (max-width: 767px) {
    #limousine .faq-warpper, #limousine .flow-warpper {
      margin-bottom: 79.2px; } }
  @media screen and (max-width: 479px) {
    #limousine .faq-warpper, #limousine .flow-warpper {
      margin-bottom: 60px; } }

#limousine .faq-title, #limousine .flow-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 34px; }
  @media screen and (max-width: 1199px) {
    #limousine .faq-title, #limousine .flow-title {
      margin-bottom: 28.9px; } }
  @media screen and (max-width: 767px) {
    #limousine .faq-title, #limousine .flow-title {
      margin-bottom: 22.44px; } }
  @media screen and (max-width: 479px) {
    #limousine .faq-title, #limousine .flow-title {
      margin-bottom: 17px; } }
  #limousine .faq-title::before, #limousine .faq-title::after, #limousine .flow-title::before, #limousine .flow-title::after {
    content: '\e84b';
    font-size: 12px;
    font-family: "fontello";
    margin-left: 28px;
    margin-right: 28px; }
    @media screen and (max-width: 1199px) {
      #limousine .faq-title::before, #limousine .faq-title::after, #limousine .flow-title::before, #limousine .flow-title::after {
        margin-left: 14px;
        margin-right: 14px; } }

#limousine .flow-title {
  margin-bottom: 48px; }

@media screen and (max-width: 767px) {
  #limousine .page-banner {
    height: 36vw;
    min-height: auto; }
    #limousine .page-banner img {
      max-width: none;
      width: auto;
      height: 100%; } }

.limousine-custom .info {
  margin: 0 -24px; }

.limousine-custom .item {
  width: calc(50% - 48px);
  border-radius: 10px;
  border: 1px solid #F3F3F3;
  -webkit-box-shadow: 0 0 6px 0 rgba(204, 204, 204, 0.7);
          box-shadow: 0 0 6px 0 rgba(204, 204, 204, 0.7);
  overflow: hidden;
  max-width: 654px;
  margin: 15px 24px;
  padding: 30px 45px; }
  @media screen and (max-width: 1199px) {
    .limousine-custom .item {
      padding: 25.5px 22.5px; } }
  @media screen and (max-width: 767px) {
    .limousine-custom .item {
      padding: 19.8px 22.5px; } }
  @media screen and (max-width: 479px) {
    .limousine-custom .item {
      padding: 15px 22.5px; } }
  .limousine-custom .item .title {
    font-size: 1.22222222em;
    font-weight: 600;
    margin-bottom: 10px; }
    .limousine-custom .item .title::before {
      content: '';
      display: inline-block;
      width: 58px;
      height: 58px;
      background-image: url("images/icon/flower.png");
      background-repeat: no-repeat;
      margin-bottom: -14px;
      margin-right: 8px; }

.limousine-custom .t-pink {
  color: #EA587C; }

@media screen and (max-width: 600px) {
  .limousine-custom .item {
    width: calc(100% - 48px); } }

.flow-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #FAFAFA;
  margin-bottom: 60px; }
  .flow-lists .text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 56px;
    padding-bottom: 30px;
    line-height: 32px; }
    @media screen and (max-width: 1199px) {
      .flow-lists .text {
        padding-left: 10px;
        padding-right: 10px; } }
    .flow-lists .text ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      color: #EA587C; }
    .flow-lists .text li {
      min-width: 42%;
      margin: 0px 20px; }
      .flow-lists .text li > * {
        color: #120703; }
    .flow-lists .text .under-doline-i {
      width: 100%;
      border-color: #D0D0D0;
      padding-bottom: 4px; }
    .flow-lists .text .list-title {
      display: block;
      font-size: 18px;
      margin-bottom: 4px; }
  .flow-lists .pic {
    width: 31.25vw;
    min-width: 500px;
    height: 320px; }
  .flow-lists .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 50px;
    border-radius: 50px;
    background-color: #EA587C;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    padding: 5px 35px;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    top: -25px; }
    @media screen and (max-width: 1199px) {
      .flow-lists .title {
        padding: 4.25px 17.5px; } }
    @media screen and (max-width: 767px) {
      .flow-lists .title {
        padding: 3.3px 17.5px; } }
    @media screen and (max-width: 479px) {
      .flow-lists .title {
        padding: 2.5px 17.5px; } }
  @media screen and (max-width: 991px) {
    .flow-lists {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .flow-lists .pic {
        width: 100%;
        height: 38vw;
        margin: 0 auto;
        min-width: auto; } }
  @media screen and (max-width: 767px) {
    .flow-lists .text li {
      width: 100%; } }

.flow-table th, .flow-table td:first-child {
  text-align: center; }

.flow-table td:first-child {
  font-weight: 600;
  background-color: #FAFAFA;
  border-right: 1px solid #DCDCDC; }

.flow-table td:nth-child(2) {
  border-right: 1px solid #DCDCDC; }

.flow-table tbody tr {
  border-bottom: 1px solid #DCDCDC; }

@media screen and (min-width: 992px) {
  .flow-table th, .flow-table td {
    padding: 12px 14px; }
  .flow-table td:nth-child(2) {
    padding: 10px 30px; } }

@media screen and (max-width: 991px) {
  .flow-table th, .flow-table td {
    padding: 12px 14px; } }

@media screen and (max-width: 767px) {
  .flow-table th, .flow-table td {
    text-align: left; }
  .flow-table td::before {
    float: none;
    color: #EA587C;
    width: 100px; }
  .flow-table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none !important;
    padding: 10px; }
    .flow-table td span {
      width: calc(100% - 100px); } }

.middle-search {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .middle-search label {
    white-space: nowrap;
    margin: 8px; }
  .middle-search .form-label-item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  @media screen and (max-width: 1440px) {
    .middle-search {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media screen and (min-width: 992px) {
    .middle-search label {
      margin-right: 10px; }
    .middle-search .form-label-item {
      min-width: 200px;
      width: 20% !important;
      margin: 0 !important; } }

.middle-cars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 -15px; }
  .middle-cars .slick-dots {
    bottom: -4px; }
    .middle-cars .slick-dots li {
      margin: 0 4px; }
    .middle-cars .slick-dots button {
      width: 12px;
      height: 12px;
      background-color: #808080; }
  .middle-cars .slick-active button {
    width: 14px;
    height: 14px; }
  .middle-cars.slider .pic {
    width: 100%; }
  .middle-cars.slider .middle-car .btm li {
    text-align: center;
    min-width: auto !important;
    padding: 0 6px; }
  .middle-cars.slider .middle-car .btm ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 10px);
    margin: 0 -5px 10px; }
    .middle-cars.slider .middle-car .btm ul li {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }

.middle-car {
  width: calc(320px + 30px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 15px;
  color: #120703 !important;
  margin-bottom: 42px; }
  @media screen and (max-width: 1199px) {
    .middle-car {
      margin-bottom: 35.7px; } }
  @media screen and (max-width: 767px) {
    .middle-car {
      margin-bottom: 27.72px; } }
  @media screen and (max-width: 479px) {
    .middle-car {
      margin-bottom: 21px; } }
  @media screen and (min-width: 992px) {
    .middle-car {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .middle-car .pic > * {
        -webkit-transition: transform 0.2s ease-in-out;
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
      .middle-car .name {
        -webkit-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
      .middle-car:hover {
        border-color: #D7000F;
        -webkit-box-shadow: 0 0 10px 0 #ccc;
                box-shadow: 0 0 10px 0 #ccc; }
        .middle-car:hover .name {
          color: #D7000F; }
        .middle-car:hover .pic > * {
          -webkit-transform: scale(1.06);
                  transform: scale(1.06); } }
  .middle-car .pic {
    width: 320px;
    height: 234px;
    overflow: hidden; }
  .middle-car .text {
    margin-top: 14px;
    padding: 0 10px; }
  .middle-car .top, .middle-car .btm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 8px; }
  .middle-car .top {
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 8px;
    margin-bottom: 20px; }
  .middle-car .btm {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .middle-car .btm ul {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 8px; }
    .middle-car .btm li {
      display: inline-block;
      line-height: 16px;
      font-size: 16px; }
      .middle-car .btm li:first-child {
        min-width: 80px; }
      .middle-car .btm li:nth-child(2) {
        min-width: 110px;
        text-align: center;
        border-left: 1px solid #120703;
        border-right: 1px solid #120703;
        margin: 0 6px; }
      .middle-car .btm li:last-child {
        min-width: 80px; }
  .middle-car .name, .middle-car .cc {
    font-family: 'Roboto', sans-serif;
    font-weight: 500; }
  .middle-car .name {
    font-size: 20px; }

.viewers, .viewer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.viewers {
  font-size: 16px; }

.viewer {
  color: #808080; }
  .viewer::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("images/icon/eye.png");
    margin-left: 15px;
    margin-right: 8px; }

.midles-car_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 1680px) {
    .midles-car_info > * {
      width: calc(50% - 40px);
      margin: 0 20px; } }
  @media screen and (max-width: 1199px) {
    .midles-car_info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .midles-car_info > * {
        width: 100% !important;
        margin: 10px 0; } }

.midle-car_pic {
  width: 50%;
  max-width: 660px; }
  .midle-car_pic .slider-pic {
    position: relative; }
    .midle-car_pic .slider-pic .pic {
      display: block;
      width: 100%;
      margin: 0 auto;
      -webkit-transition: transform 0.2s ease-in-out;
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
    .midle-car_pic .slider-pic::after {
      content: '\e800';
      font-family: "fontello";
      font-size: 28px;
      color: #FFF;
      position: absolute;
      right: 30px;
      bottom: 20px;
      -webkit-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
  .midle-car_pic .slider-nav {
    padding: 20px 45px; }
    .midle-car_pic .slider-nav .pic {
      cursor: pointer;
      width: 95%;
      height: 80px;
      margin: 0 auto; }
    .midle-car_pic .slider-nav .slick-current .pic {
      border: 1px solid #D7000F; }
  .midle-car_pic .slick-arrow::before {
    font-size: 32px;
    color: #808080; }
  .midle-car_pic .slick-prev {
    left: 0; }
  .midle-car_pic .slick-next {
    right: 0; }
  .midle-car_pic .slick-disabled {
    cursor: auto; }
  @media screen and (min-width: 992px) {
    .midle-car_pic .slick-arrow:not(.slick-disabled):hover::before {
      color: #D7000F; }
    .midle-car_pic .slider-pic:hover .pic {
      -webkit-transform: scale(1.04);
              transform: scale(1.04); }
    .midle-car_pic .slider-pic:hover:after {
      color: #120703; } }

.midle-car_text {
  width: 50%; }
  .midle-car_text .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #DCDCDC; }
  .midle-car_text .brand, .midle-car_text .viewers {
    padding-bottom: 12px; }
  .midle-car_text .brand {
    font-size: 1.555555em;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
    position: relative; }
    .midle-car_text .brand::after {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      background-color: #D7000F;
      position: absolute;
      bottom: -2px; }
  .midle-car_text .middle {
    padding-top: 18px; }
    .midle-car_text .middle p {
      font-size: 16px;
      color: #808080;
      margin-bottom: 26px; }
      @media screen and (max-width: 1199px) {
        .midle-car_text .middle p {
          margin-bottom: 22.1px; } }
      @media screen and (max-width: 767px) {
        .midle-car_text .middle p {
          margin-bottom: 17.16px; } }
      @media screen and (max-width: 479px) {
        .midle-car_text .middle p {
          margin-bottom: 13px; } }
    .midle-car_text .middle ul {
      margin-top: 20px;
      margin-bottom: 26px; }
      @media screen and (max-width: 1199px) {
        .midle-car_text .middle ul {
          margin-top: 17px; } }
      @media screen and (max-width: 767px) {
        .midle-car_text .middle ul {
          margin-top: 13.2px; } }
      @media screen and (max-width: 479px) {
        .midle-car_text .middle ul {
          margin-top: 10px; } }
      @media screen and (max-width: 1199px) {
        .midle-car_text .middle ul {
          margin-bottom: 22.1px; } }
      @media screen and (max-width: 767px) {
        .midle-car_text .middle ul {
          margin-bottom: 17.16px; } }
      @media screen and (max-width: 479px) {
        .midle-car_text .middle ul {
          margin-bottom: 13px; } }
      .midle-car_text .middle ul li {
        display: inline-block;
        min-width: 35%;
        line-height: normal;
        margin-bottom: 8px; }
        .midle-car_text .middle ul li:nth-child(odd) {
          padding-right: 20px;
          border-right: 1px solid #120703; }
          @media screen and (max-width: 1199px) {
            .midle-car_text .middle ul li:nth-child(odd) {
              padding-right: 10px; } }
        .midle-car_text .middle ul li:nth-child(even) {
          padding-left: 20px; }
          @media screen and (max-width: 1199px) {
            .midle-car_text .middle ul li:nth-child(even) {
              padding-left: 10px; } }
    .midle-car_text .middle .fillet-btn {
      min-width: 200px;
      min-height: 50px; }
  .midle-car_text .price {
    font-size: 1.6666666em;
    margin-right: 35px; }
    @media screen and (max-width: 1199px) {
      .midle-car_text .price {
        margin-right: 17.5px; } }
  .midle-car_text .btm .store {
    font-size: 20px;
    font-weight: 600;
    padding: 14px 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    margin-top: 40px;
    margin-bottom: 26px; }
    @media screen and (max-width: 1199px) {
      .midle-car_text .btm .store {
        margin-top: 34px; } }
    @media screen and (max-width: 767px) {
      .midle-car_text .btm .store {
        margin-top: 26.4px; } }
    @media screen and (max-width: 479px) {
      .midle-car_text .btm .store {
        margin-top: 20px; } }
    @media screen and (max-width: 1199px) {
      .midle-car_text .btm .store {
        margin-bottom: 22.1px; } }
    @media screen and (max-width: 767px) {
      .midle-car_text .btm .store {
        margin-bottom: 17.16px; } }
    @media screen and (max-width: 479px) {
      .midle-car_text .btm .store {
        margin-bottom: 13px; } }
  .midle-car_text .btm ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8px; }
  .midle-car_text .btm .icon {
    display: inline-block;
    margin-right: 10px; }
  @media screen and (min-width: 1200px) {
    .midle-car_text {
      max-width: 635px; } }
  @media screen and (min-width: 992px) {
    .midle-car_text {
      margin: 0 22px; } }
  @media screen and (max-width: 1199px) {
    .midle-car_text {
      width: 100%;
      max-width: none; } }

.firm-merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .firm-merit .item {
    display: inline-block;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 #ccc;
            box-shadow: 0 0 20px 0 #ccc;
    border: 1px solid #CBCBCB;
    margin: 150px 15px 0;
    padding: 48px 28px;
    position: relative; }
    .firm-merit .item .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 116px;
      height: 116px;
      font-size: 1.222222em;
      border-radius: 50%;
      border: 2px dotted #CBCBCB;
      position: absolute;
      top: -150px;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .firm-merit .item .title::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 33px;
        background-color: #CBCBCB;
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        margin: 0 auto; }
    .firm-merit .item .merit-icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 90px;
              flex: 0 0 90px; }
    .firm-merit .item li {
      margin-bottom: 28px; }
      @media screen and (max-width: 1199px) {
        .firm-merit .item li {
          margin-bottom: 23.8px; } }
      @media screen and (max-width: 767px) {
        .firm-merit .item li {
          margin-bottom: 18.48px; } }
      @media screen and (max-width: 479px) {
        .firm-merit .item li {
          margin-bottom: 14px; } }
      .firm-merit .item li:last-child {
        margin-bottom: 0; }
    .firm-merit .item p {
      width: calc(100% - 90px);
      padding-left: 16px;
      margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .firm-merit .item {
      width: calc(33.33333% - 30px); } }
  @media screen and (max-width: 991px) {
    .firm-merit .item {
      padding: 40px 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .firm-merit .item li {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .firm-merit .item .merit-icon {
      margin-bottom: 10px; }
    .firm-merit .item p {
      width: 100%;
      padding-left: 0; } }
  @media screen and (max-width: 767px) {
    .firm-merit .item {
      padding: 20px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 479px) {
    .firm-merit .item {
      margin: 150px 0px 10px; }
      .firm-merit .item .title {
        width: 100px;
        height: 100px;
        top: -134px; } }

@media screen and (max-width: 479px) {
  .firm-chose li {
    width: calc(50% - 30px);
    text-align: center; }
    .firm-chose li img {
      width: 100%; } }

.firm-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .firm-feature .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #CBCBCB;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(65%, #ffffff), to(#f2f2f2));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 65%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    line-height: 32px;
    margin: 18px 23px;
    padding: 44px 23px; }
    @media screen and (max-width: 1199px) {
      .firm-feature .item {
        padding: 37.4px 11.5px; } }
    @media screen and (max-width: 767px) {
      .firm-feature .item {
        padding: 29.04px 11.5px; } }
    @media screen and (max-width: 479px) {
      .firm-feature .item {
        padding: 22px 11.5px; } }
  .firm-feature .text {
    padding-left: 30px; }
    @media screen and (max-width: 1199px) {
      .firm-feature .text {
        padding-left: 15px; } }
  .firm-feature .title {
    font-size: 1.2222222em; }
  @media screen and (min-width: 992px) {
    .firm-feature {
      margin: 0 -23px; }
      .firm-feature .item {
        width: calc(50% - 46px); }
        .firm-feature .item:last-child {
          width: 100%; }
      .firm-feature .icon {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 128px;
                flex: 0 0 128px; } }
  @media screen and (max-width: 991px) {
    .firm-feature .item {
      border-radius: 30px;
      padding: 20px 20px;
      margin: 10px 20px; }
    .firm-feature .icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 90px;
              flex: 0 0 90px; } }
  @media screen and (max-width: 600px) {
    .firm-feature .item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 20px 14px;
      margin: 12px 6px; }
    .firm-feature .icon {
      margin-bottom: 20px; }
    .firm-feature .text {
      padding-left: 0; } }

.firm-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px !important; }
  .firm-process li {
    text-align: center;
    margin-bottom: 30px; }
    .firm-process li:last-child .block::after {
      display: none; }
  .firm-process .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 165px;
    height: 165px;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #CBCBCB;
    margin: 0 35px 20px;
    position: relative; }
    .firm-process .block::after {
      content: '';
      width: 48px;
      height: 52px;
      display: inline-block;
      background-image: url("images/icon/firmBR-arrow.png");
      background-repeat: no-repeat;
      position: absolute;
      right: -60px; }
  .firm-process .step {
    font-size: 1.1111em;
    font-weight: 500;
    margin-bottom: 10px; }
    @media screen and (max-width: 1199px) {
      .firm-process .step {
        margin-bottom: 8.5px; } }
    @media screen and (max-width: 767px) {
      .firm-process .step {
        margin-bottom: 6.6px; } }
    @media screen and (max-width: 479px) {
      .firm-process .step {
        margin-bottom: 5px; } }
  .firm-process .title {
    display: inline-block;
    font-size: 1.22222222em;
    background-color: #D7000F;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    padding: 10px 20px; }
  @media screen and (min-width: 1200px) {
    .firm-process li:nth-child(3) {
      margin-right: -20px; }
    .firm-process .title {
      min-width: 112px; } }
  @media screen and (max-width: 991px) {
    .firm-process li {
      width: 50%; }
    .firm-process .block {
      width: 120px;
      height: 120px;
      margin: 0 auto 20px; }
      .firm-process .block::after {
        display: none; }
    .firm-process .title {
      border-radius: 20px;
      background-color: transparent;
      color: #120703;
      padding: 0 5px; } }

#shuttle-device .form-rowin-row.pag {
  position: relative; }
  #shuttle-device .form-rowin-row.pag .ps {
    position: absolute;
    bottom: -30px; }

#shuttle-device .mb40 {
  margin-bottom: 40px !important; }

@media screen and (max-width: 1199px) {
  #shuttle-device .form-row.col-02 .form-label-item {
    width: calc(100% - 28px); }
  #shuttle-device .seat {
    margin-top: 40px; } }

@media screen and (max-width: 600px) {
  #shuttle-device .seat {
    margin-top: 8px; }
  #shuttle-device .form-rowin-row.pag {
    margin-bottom: 40px; } }

.firm-table-01, .firm-table-02 {
  width: 100%;
  text-align: center; }
  .firm-table-01 thead th, .firm-table-02 thead th {
    color: #FFF;
    text-align: center; }
  .firm-table-01 tbody tr, .firm-table-02 tbody tr {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #DCDCDC; }
    .firm-table-01 tbody tr:nth-child(even), .firm-table-02 tbody tr:nth-child(even) {
      background-color: #F2F2F2; }
  .firm-table-01 th, .firm-table-01 td, .firm-table-02 th, .firm-table-02 td {
    padding: 10px 4px;
    border-right: 1px solid #DCDCDC; }
    .firm-table-01 th:last-child, .firm-table-01 td:last-child, .firm-table-02 th:last-child, .firm-table-02 td:last-child {
      border: none; }

.firm-table-01 {
  margin: 60px 0; }
  @media screen and (max-width: 1199px) {
    .firm-table-01 {
      margin: 51px 0; } }
  @media screen and (max-width: 767px) {
    .firm-table-01 {
      margin: 39.6px 0; } }
  @media screen and (max-width: 479px) {
    .firm-table-01 {
      margin: 30px 0; } }
  .firm-table-01 thead tr {
    background-color: rgba(18, 7, 3, 0.85); }
  .firm-table-01 thead th {
    font-weight: 600; }
  .firm-table-01 tbody td {
    text-align: left; }
    .firm-table-01 tbody td:first-child {
      font-weight: 600;
      text-align: center; }

.firm-table-02 {
  margin: 30px 0; }
  .firm-table-02 thead tr:first-child {
    background-color: rgba(215, 0, 15, 0.85); }
    .firm-table-02 thead tr:first-child th:last-child {
      position: relative; }
      .firm-table-02 thead tr:first-child th:last-child::after {
        content: '';
        display: block;
        width: 60px;
        height: 40px;
        background-image: url("images/icon/win.png");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: -35px;
        left: -10px;
        right: 0;
        margin: 0 auto; }
  .firm-table-02 thead tr:last-child {
    background-color: #F1888F;
    border-top: 1px solid #DCDCDC; }

#manager .manager-download {
  display: table;
  width: 280px;
  border-radius: 10px;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 12px 26px;
  color: #FFF;
  background: #565656;
  background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#232323));
  background: linear-gradient(to bottom, #565656 0%, #232323 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#232323',GradientType=0 );
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 1199px) {
    #manager .manager-download {
      margin-top: 68px; } }
  @media screen and (max-width: 767px) {
    #manager .manager-download {
      margin-top: 52.8px; } }
  @media screen and (max-width: 479px) {
    #manager .manager-download {
      margin-top: 40px; } }
  #manager .manager-download img {
    min-width: 38px;
    margin-right: 10px; }
  @media screen and (min-width: 992px) {
    #manager .manager-download:hover {
      background: #1c1c1c;
      background: -webkit-gradient(linear, left top, left bottom, from(#1c1c1c), to(#595959));
      background: linear-gradient(to bottom, #1c1c1c 0%, #595959 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#595959',GradientType=0 ); } }

#manager .service-process {
  margin: 0 -40px 40px; }
  #manager .service-process ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

#manager .service-process_step {
  display: inline-block; }
  #manager .service-process_step .headline {
    border: 1px solid #CBCBCB;
    background-color: #fff;
    position: relative; }
  #manager .service-process_step img {
    margin-right: 20px; }
  #manager .service-process_step p {
    text-align: left; }
  @media screen and (min-width: 992px) {
    #manager .service-process_step .headline::after {
      content: '';
      width: 65px;
      height: 0;
      border-bottom: 2px dotted #DCDCDC;
      position: absolute;
      right: -85px; } }

#manager .car-inspect .circleTitle-box {
  max-width: 300px;
  height: 100%;
  margin: 50px 36px; }
  @media screen and (max-width: 1199px) {
    #manager .car-inspect .circleTitle-box {
      margin: 42.5px 18px; } }
  @media screen and (max-width: 767px) {
    #manager .car-inspect .circleTitle-box {
      margin: 33px 18px; } }
  @media screen and (max-width: 479px) {
    #manager .car-inspect .circleTitle-box {
      margin: 25px 18px; } }
  #manager .car-inspect .circleTitle-box::after {
    content: '';
    width: 50px;
    height: 56px;
    background-image: url("images/icon/firmBR-arrow.png");
    background-repeat: no-repeat; }
  #manager .car-inspect .circleTitle-box .info {
    min-height: 300px; }

@media screen and (min-width: 1200px) {
  #manager .car-inspect .circleTitle-box {
    position: relative; }
    #manager .car-inspect .circleTitle-box::after {
      position: absolute;
      right: -62px;
      top: 55%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    #manager .car-inspect .circleTitle-box:first-child {
      margin-left: 0; }
    #manager .car-inspect .circleTitle-box:last-child {
      margin-right: 0; }
      #manager .car-inspect .circleTitle-box:last-child::after {
        display: none; } }

@media screen and (max-width: 1440px) {
  #manager .car-inspect .circleTitle-box {
    width: 50%; }
    #manager .car-inspect .circleTitle-box::after {
      display: none; } }

@media screen and (max-width: 600px) {
  #manager .car-inspect .circleTitle-box {
    width: 100%;
    max-width: none; }
    #manager .car-inspect .circleTitle-box .info {
      min-height: auto;
      padding: 40px 40px 20px; } }

#manager .car-keep .circleTitle-box {
  max-width: 450px;
  margin: 50px 43px; }
  @media screen and (max-width: 1199px) {
    #manager .car-keep .circleTitle-box {
      margin: 42.5px 21.5px; } }
  @media screen and (max-width: 767px) {
    #manager .car-keep .circleTitle-box {
      margin: 33px 21.5px; } }
  @media screen and (max-width: 479px) {
    #manager .car-keep .circleTitle-box {
      margin: 25px 21.5px; } }
  #manager .car-keep .circleTitle-box .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: 50px 60px;
    padding-bottom: 40px; }
    @media screen and (max-width: 1199px) {
      #manager .car-keep .circleTitle-box .info {
        padding: 42.5px 30px; } }
    @media screen and (max-width: 767px) {
      #manager .car-keep .circleTitle-box .info {
        padding: 33px 30px; } }
    @media screen and (max-width: 479px) {
      #manager .car-keep .circleTitle-box .info {
        padding: 25px 30px; } }
    @media screen and (max-width: 1199px) {
      #manager .car-keep .circleTitle-box .info {
        padding-bottom: 34px; } }
    @media screen and (max-width: 767px) {
      #manager .car-keep .circleTitle-box .info {
        padding-bottom: 26.4px; } }
    @media screen and (max-width: 479px) {
      #manager .car-keep .circleTitle-box .info {
        padding-bottom: 20px; } }
    #manager .car-keep .circleTitle-box .info strong {
      display: block; }
    #manager .car-keep .circleTitle-box .info > * {
      width: 94%; }
  #manager .car-keep .circleTitle-box .info + p {
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (max-width: 1199px) {
      #manager .car-keep .circleTitle-box .info + p {
        padding-left: 10px;
        padding-right: 10px; } }

@media screen and (min-width: 992px) {
  #manager .car-keep .circleTitle-box {
    min-width: 450px; } }

#manager .scooter .circleTitle-box {
  width: 100%;
  max-width: 1220px;
  margin-bottom: 46px; }
  @media screen and (max-width: 1199px) {
    #manager .scooter .circleTitle-box {
      margin-bottom: 39.1px; } }
  @media screen and (max-width: 767px) {
    #manager .scooter .circleTitle-box {
      margin-bottom: 30.36px; } }
  @media screen and (max-width: 479px) {
    #manager .scooter .circleTitle-box {
      margin-bottom: 23px; } }
  #manager .scooter .circleTitle-box .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 70px 70px; }
    @media screen and (max-width: 1199px) {
      #manager .scooter .circleTitle-box .info {
        padding: 59.5px 35px; } }
    @media screen and (max-width: 767px) {
      #manager .scooter .circleTitle-box .info {
        padding: 46.2px 35px; } }
    @media screen and (max-width: 479px) {
      #manager .scooter .circleTitle-box .info {
        padding: 35px 35px; } }
  #manager .scooter .circleTitle-box:nth-child(2) .info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media screen and (max-width: 991px) {
    #manager .scooter .circleTitle-box:nth-child(2) .info > div:first-child {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #manager .scooter .circleTitle-box:nth-child(2) .info > div:last-child {
      text-align: center;
      margin: 20px auto 0; } }

#manager .scooter .discount-card {
  width: 268px;
  height: 96px;
  border-radius: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 17, 6, 0.6)), to(rgba(18, 7, 3, 0.87)));
  background: linear-gradient(to bottom, rgba(40, 17, 6, 0.6) 0%, rgba(18, 7, 3, 0.87) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99281106', endColorstr='#de120703',GradientType=0 );
  color: #FFF;
  margin: 10px 10px; }
  #manager .scooter .discount-card em {
    font-size: 20px;
    font-weight: 600;
    font-style: normal; }
  #manager .scooter .discount-card .discount {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 30px;
    font-weight: 600; }
    #manager .scooter .discount-card .discount .num {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      background-color: #fff;
      font-weight: 900;
      font-style: italic;
      font-size: 34px;
      color: #D7000F;
      padding-top: 2px;
      padding-right: 8px;
      margin: 0 30px; }

.manager-assist .flex-row {
  position: relative; }

.manager-assist .card-stepblock {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(532px + 120px); }
  .manager-assist .card-stepblock .title {
    font-size: 1.333333em;
    font-weight: 600;
    text-align: center; }

.manager-assist .card-steplist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 170px;
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px 0 #ccc;
          box-shadow: 0 0 10px 0 #ccc;
  margin: 40px 60px;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .manager-assist .card-steplist {
      margin: 34px 30px; } }
  @media screen and (max-width: 767px) {
    .manager-assist .card-steplist {
      margin: 26.4px 30px; } }
  @media screen and (max-width: 479px) {
    .manager-assist .card-steplist {
      margin: 20px 30px; } }
  .manager-assist .card-steplist::after {
    content: '';
    display: inline-block;
    width: 74px;
    height: 50px;
    background-repeat: no-repeat;
    position: absolute;
    left: 40px;
    right: 0;
    bottom: -70px;
    margin: 0 auto;
    z-index: 50; }
  .manager-assist .card-steplist:last-child::after {
    display: none; }
  .manager-assist .card-steplist.black::after {
    background-image: url("images/icon/firmB-arrow.png"); }
  .manager-assist .card-steplist.red::after {
    background-image: url("images/icon/firmR-arrow.png"); }
  .manager-assist .card-steplist .stepblock, .manager-assist .card-steplist .stepinner {
    padding: 24px 20px; }
    @media screen and (max-width: 1199px) {
      .manager-assist .card-steplist .stepblock, .manager-assist .card-steplist .stepinner {
        padding: 20.4px 10px; } }
    @media screen and (max-width: 767px) {
      .manager-assist .card-steplist .stepblock, .manager-assist .card-steplist .stepinner {
        padding: 15.84px 10px; } }
    @media screen and (max-width: 479px) {
      .manager-assist .card-steplist .stepblock, .manager-assist .card-steplist .stepinner {
        padding: 12px 10px; } }
  .manager-assist .card-steplist .stepblock {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 100%;
    color: #FFF;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    font-weight: 500;
    font-size: 1.11111111em;
    border-radius: 20px 0 0 20px; }
    .manager-assist .card-steplist .stepblock.black {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 17, 6, 0.6)), to(rgba(18, 7, 3, 0.87)));
      background: linear-gradient(to bottom, rgba(40, 17, 6, 0.6) 0%, rgba(18, 7, 3, 0.87) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99281106', endColorstr='#de120703',GradientType=0 ); }
    .manager-assist .card-steplist .stepblock.red {
      background: #d7000f;
      background: -webkit-gradient(linear, left top, left bottom, from(#d7000f), to(#aa0002));
      background: linear-gradient(to bottom, #d7000f 0%, #aa0002 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#aa0002',GradientType=0 ); }
    .manager-assist .card-steplist .stepblock img {
      width: 90px;
      height: 90px; }
  .manager-assist .card-steplist .stepinner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .manager-assist .card-steplist .stepinner p {
      margin-bottom: 0; }

.manager-assist .note ol {
  margin-left: 18px; }

.manager-assist .note a {
  color: #120703;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

@media screen and (min-width: 992px) {
  .manager-assist .note {
    position: absolute;
    right: 130px;
    bottom: 34px; }
  .manager-assist a:hover {
    color: #D7000F; } }

@media screen and (max-width: 767px) {
  .manager-assist .card-steplist {
    margin: 0 30px 50px; }
    .manager-assist .card-steplist::after {
      width: 50px;
      height: 30px;
      background-size: contain;
      bottom: -40px; } }

.road-helper .way-item {
  display: inline-block;
  text-align: center;
  max-width: 220px;
  margin-bottom: 40px; }
  @media screen and (max-width: 1199px) {
    .road-helper .way-item {
      margin-bottom: 34px; } }
  @media screen and (max-width: 767px) {
    .road-helper .way-item {
      margin-bottom: 26.4px; } }
  @media screen and (max-width: 479px) {
    .road-helper .way-item {
      margin-bottom: 20px; } }

.road-helper .title {
  font-size: 1.22222em;
  font-weight: 600;
  margin-top: 24px; }
  @media screen and (max-width: 1199px) {
    .road-helper .title {
      margin-top: 20.4px; } }
  @media screen and (max-width: 767px) {
    .road-helper .title {
      margin-top: 15.84px; } }
  @media screen and (max-width: 479px) {
    .road-helper .title {
      margin-top: 12px; } }
  .road-helper .title::after {
    content: '';
    display: block;
    width: 1px;
    height: 28px;
    background-color: #D7000F;
    margin: 10px auto 20px; }

.road-helper p {
  text-align: left; }

@media screen and (max-width: 1199px) {
  .road-helper .flex-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .road-helper .way-item {
    margin: 20px; } }

@media screen and (max-width: 600px) {
  .road-helper .way-item {
    max-width: none; } }

.manager-table_box {
  width: 100%; }
  @media screen and (max-width: 991px) {
    .manager-table_box {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto; } }

.manager-table a {
  color: #120703; }

.manager-table th, .manager-table td {
  padding: 8px 10px; }

.manager-table thead tr {
  background-color: rgba(215, 0, 15, 0.85); }

.manager-table thead th {
  text-align: center;
  color: #FFF; }

.manager-table tbody td {
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-top: 1px solid #FFF; }
  .manager-table tbody td.name {
    text-align: center; }
  .manager-table tbody td.area {
    text-align: center;
    font-weight: 600;
    background-color: #F1888F;
    border-bottom: 1px solid #FFF;
    color: #FFF; }

@media screen and (max-width: 991px) {
  .manager-table {
    width: 200%; }
    .manager-table th, .manager-table td {
      padding: 4px 10px; } }

@media screen and (max-width: 479px) {
  .manager-table {
    width: 400%; } }

.location-search_bar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .location-search_bar .container > .label {
    font-size: 1.77em;
    white-space: nowrap;
    margin-bottom: 0; }
  .location-search_bar .container > ul {
    margin-right: 40px; }
    @media screen and (max-width: 1199px) {
      .location-search_bar .container > ul {
        margin-right: 20px; } }
    .location-search_bar .container > ul li {
      display: inline-block;
      margin-right: 28px; }
      .location-search_bar .container > ul li:last-child {
        margin-right: 0; }
  .location-search_bar .container .icon {
    display: inline-block;
    width: 36px;
    margin-right: 10px; }
    .location-search_bar .container .icon img {
      width: 100%;
    }

.location-search_bar .search-row {
  background-color: #fff;
  padding: 0; }

@media screen and (min-width: 992px) {
  .location-search_bar .container {
    min-height: 160px; }
  .location-search_bar > .label {
    margin-right: 60px; } }

@media screen and (max-width: 1199px) {
  .location-search_bar .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .location-search_bar .location-search, .location-search_bar .search-row {
    width: 100%; } }

@media screen and (max-width: 479px) {
  .location-search_bar .container > ul li {
    margin-right: 10px; } }

.location-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  margin: 8px -8px 0; }
  .location-search .form-item {
    min-height: 55px; }
  .location-search .selectric, .location-search .selectric .label {
    min-height: 55px;
    line-height: 55px; }
  .location-search .selectric-items {
    top: 55px; }
  @media screen and (min-width: 1200px) {
    .location-search .form-row > *:not(.fillet-btn) {
      width: 190px; } }
  @media screen and (max-width: 1199px) {
    .location-search {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-left: 0; }
      .location-search .form-item {
        min-height: 40px; }
      .location-search .selectric, .location-search .selectric .label {
        min-height: 40px;
        line-height: 40px; }
      .location-search .selectric-items {
        top: 40px; } }
  @media screen and (max-width: 991px) {
    .location-search .form-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .location-search .form-row > * {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        width: calc(50% - 16px); }
      .location-search .form-row .form-item {
        width: calc(50% - 16px); }
      .location-search .form-row .fillet-btn {
        border-radius: 40px;
        height: 40px;
        margin-top: 0; } }
  @media screen and (max-width: 479px) {
    .location-search .form-row {
      margin-top: 4px; }
      .location-search .form-row > * {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        width: calc(100% - 16px); }
      .location-search .form-row .fillet-btn {
        border-radius: 40px;
        height: 40px;
        margin-top: 4px;
        margin-bottom: 10px; } }

.location_box {
  min-height: 80vh;
  position: relative;
  padding: 60px 0; }
  @media screen and (max-width: 991px) {
    .location_box {
      padding: 20px 0; } }
  @media screen and (max-width: 767px) {
    .location_box {
      min-height: auto;
      padding: 0; }
      .location_box .container {
        padding: 0; } }

@media screen and (min-width: 768px) {
  .location_listsBox {
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 378px;
    max-height: 70vh; } }

@media screen and (max-width: 991px) {
  .location_listsBox {
    max-height: 400px; } }

@media screen and (max-width: 767px) {
  .location_listsBox {
    max-height: 300px; } }

.gm-style .gm-style-iw-c {
  padding: 12px 15px !important;
  font-family: 'Roboto','微軟正黑體','Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}
.gm-style.general-style .gm-style-iw-c {
  background-color: #0A75F3;
}
.gm-style.general-style .gm-style-iw-t::after {
  background: linear-gradient(45deg,rgba(10, 117, 243,1) 50%,rgba(10, 117, 243,0) 51%,rgba(10, 117, 243,0) 100%);
}
.gm-style.irent-style .gm-style-iw-c {
  background-color: #d7000f;
}
.gm-style.irent-style .gm-style-iw-t::after {
  background: linear-gradient(45deg,rgba(215, 0, 15,1) 50%,rgba(215, 0, 15,0) 51%,rgba(215, 0, 15,0) 100%);
}
.gm-style .gm-style-iw-d {
  overflow: auto !important;
}
.gm-style .gm-style-iw-d + button {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.location_lists {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto; }

.location_list {
  background-color: #fff;
  border-bottom: 1px solid #DCDCDC; }
  .location_list .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1em;
    color: #120703;
    position: relative;
    padding: 10px 30px; }
    @media screen and (max-width: 1199px) {
      .location_list .toggle {
        padding: 8.5px 15px; } }
    @media screen and (max-width: 767px) {
      .location_list .toggle {
        padding: 6.6px 15px; } }
    @media screen and (max-width: 479px) {
      .location_list .toggle {
        padding: 5px 15px; } }
    .location_list .toggle::after {
      content: '\e84e';
      font-family: "fontello";
      -webkit-transform-origin: center;
              transform-origin: center;
      position: absolute;
      right: 30px;
      -webkit-transition: transform 0.2s ease-in-out;
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  .location_list .title {
    font-weight: 400;
    margin-bottom: 0; }
  .location_list .mapArrow_s {
    width: 30px;
    height: 36px;
    display: inline-block;
    margin-right: 20px;
    background-size: contain;
    background-repeat: no-repeat; }
    .location_list .mapArrow_s.black {
      background-image: url("images/icon/map-general-s.svg"); }
    .location_list .mapArrow_s.red {
      background-image: url("images/icon/map-irent-s.svg"); }
  .location_list.active {
    background-color: #D7000F; }
    .location_list.active .toggle {
      color: #FFF; }
      .location_list.active .toggle::after {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg); }
    .location_list.active .mapArrow_s {
      display: none; }

.location_bigmap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #CCC; }
  @media screen and (max-width: 767px) {
    .location_bigmap {
      position: static;
      height: 40vh; } }

.location_info {
  display: none;
  font-size: 16px;
  background-color: #fff;
  padding: 10px 30px; }
  @media screen and (max-width: 1199px) {
    .location_info {
      padding: 8.5px 15px; } }
  @media screen and (max-width: 767px) {
    .location_info {
      padding: 6.6px 15px; } }
  @media screen and (max-width: 479px) {
    .location_info {
      padding: 5px 15px; } }
  .location_info > ul li {
    list-style-type: disc;
    color: #D7000F; }
    .location_info > ul li > * {
      color: #120703; }
    .location_info > ul li a:hover {
      color: #D7000F; }
  .location_info strong {
    font-weight: 600; }

.shuttle-cars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -6px; }
  .shuttle-cars .card {
    width: calc(33.3333% - 12px);
    max-width: 296px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid transparent;
    margin: 12px 6px; }
    .shuttle-cars .card::before {
      display: none; }
  .shuttle-cars .fillet-btn {
    background-color: #E4E4E4;
    color: #120703; }
  @media screen and (min-width: 992px) {
    .shuttle-cars .card:hover {
      border-color: #D7000F;
      -webkit-box-shadow: 0 0 20px 0 #ccc;
              box-shadow: 0 0 20px 0 #ccc; }
      .shuttle-cars .card:hover .fillet-btn {
        background-color: #D7000F;
        color: #FFF;
        font-weight: 600; } }
  @media screen and (max-width: 1440px) {
    .shuttle-cars .card {
      width: calc(50% - 12px);
      max-width: none; } }
  @media screen and (max-width: 600px) {
    .shuttle-cars .card {
      width: calc(100% - 12px); } }

.shuttle-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2px !important;
  margin-bottom: 38px !important; }
  .shuttle-links li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-weight: 600;
    text-align: center;
    position: relative;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out; }
    .shuttle-links li::after {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 7px 0 7px;
      border-color: transparent transparent transparent transparent;
      position: absolute;
      bottom: -8px;
      left: 0;
      right: 0;
      margin: 0 auto;
      -webkit-transition: border 0.2s ease-in-out;
      transition: border 0.2s ease-in-out; }
    .shuttle-links li.active {
      background-color: #120703; }
      .shuttle-links li.active::after {
        border-color: #120703 transparent transparent transparent; }
      .shuttle-links li.active a {
        color: #FFF; }
  .shuttle-links a {
    display: block;
    color: #120703; }
  @media screen and (min-width: 992px) {
    .shuttle-links li:hover {
      background-color: #808080; }
      .shuttle-links li:hover a {
        color: #FFF; }
      .shuttle-links li:hover.active::after {
        border-color: #808080 transparent transparent transparent; } }

        .grey-spce{
          background-color:#f6f6f6 ;
          display: flex;
          flex-direction: column;
          margin:12px 0 0 0;

        }
        .form-row  .grey-spce .form-label-item input[type="checkbox"]{
          min-width:17px;
          min-height:17px
        }

        .form-row  .grey-spce .commonly-used .fillet-btn{
          min-width: 80px;
        }
        .form-row  .grey-spce  .add-item{
          background-color: #120703;
          padding:8px 1px 8px 1px;
          color:#fff;
          align-self: center;
          min-width: 80px;
          margin:26px 4px 4px 4px;

        }
        .form-row  .grey-spce  .add-item:hover{
          background-color: #12070300;
          color:#120703;
        }
        @media screen and (min-width: 992px){
        .form-row  .grey-spce .commonly-used{
          padding-left:0px !important;
          }
        .form-row  .grey-spce{
            padding:25px 23px 35px 23px;
          }
        .form-row  .grey-spce .commonly-used .street{
          min-width:400px;
          }
        }

        @media screen and (max-width: 992px){
          .form-row  .grey-spce{
            padding:0px 23px 35px 23px;
          }
          .form-row  .grey-spce .form-label-item{
            display:flex;

          }
          .form-row  .grey-spce .form-label-item input[type="checkbox"]{
            margin:30px 0 10px 5px;
          }

        }
        .up-load{
              justify-content: flex-start;
              margin-top:11px;
        }

        #upload_page{
          display:flex;
          justify-content: center;
          height:100vh;
        }
        #upload_block{
          width: 930px;
          height:352px;
          align-self: center;
        }

        #upload_page .form-box.layout-02 .form-label-item > label::before{
        display:none;
        }
        #upload_page .form-box.layout-02 .form-label-item > label{
          padding-left:0;
          padding-right:0;
        }

        #upload_page .form-label-item{
          margin-left: 0;
          margin-right: 0;
        }
        #upload_page .input-file + label{
          background-color: #D7000F;

        }
        #upload_page .input-file + label:hover{
          background-color: rgba(215, 0, 14, 0);
          color:#D7000F;
          border: 1px solid #D7000F;
        }



        #upload_page .form-box{
          display:flex;
          flex-direction:column;
        }

        #upload_page .form-label-item > label::after{
          display:none;
        }

        #upload_page .form-label-item{
          font-size:18px;
        }

        #upload_page .description{
          margin-top: 22px;
        }
        #upload_page .description li{
          margin-top: 3px;
          font-size:16px;
        }

        #upload_page .form-btnbox input,
        #upload_page .form-btnbox span{
          height:53px;
        }

        #upload_page .form-file{
          width: 75%;
        }

        #upload_page .input-file + label{
              min-width: 110px !important;
        }

        .location{
          width:150px;
        }

        #upload_page .fillet-btn{
          font-size:18px;
        }

        .add-common .form-btnbox > *,
        .mem-grey-spce .form-btnbox input{
          flex-grow: 0 ;
        }

        .add-common .scaling {
          min-width: 60px;
        }



        .form-row.invoice .form-label-item.radio{
          margin-top:5px !important;
        }

        .hide{
          display:none;
        }
        .show{
          display:block;
        }

        #grey_space .form-btnbox input,
        #grey_space .form-btnbox span{
          padding:8px 18px 8px 18px ;
        }



        ul{
          list-style:none;
          padding-left:0;
        }

        #upload_page{
          font-family:微軟正黑體;
        }

        .detail-box h4{
          margin-top:55px
        }

        #memeber_edit .form-box.layout-02 .commn-row{
          margin:10px 0 25px 0;
        }

        #shuttle-device .paper-wrapper,
        #chartered-device .paper-wrapper{
          padding: 4% 4% .8% 4%;
        }

        #grey_space .confirmed{
          -webkit-appearance: none ;
        }