@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -moz-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.bg-green-100 {
  background-color: #f3fff7;
}

.Flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.FlexSpaceBetween {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.FlexTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.FlexColumn {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.FlexColumnTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.FlexEnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 960px) {
  .m-flex-direction-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media screen and (max-width: 960px) {
  .m-flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media screen and (max-width: 767px) {
  .md-flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media screen and (max-width: 960px) {
  .m-align-items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

.flex-1 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.flex-2 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-negative: 3;
      flex-shrink: 3;
}

.flex-3 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  -ms-flex-negative: 3;
      flex-shrink: 3;
}

.flex-4 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
  -ms-flex-negative: 4;
      flex-shrink: 4;
}

.flex-static {
  width: 180px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 960px) {
  .flex-static {
    width: 100%;
  }
}

.d-flex-wire {
  width: 1px;
  min-height: 100px;
  background-color: #00283D;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

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

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

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

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

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

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

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

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

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

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

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

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      -ms-grid-row-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      -ms-grid-row-align: stretch !important;
      align-self: stretch !important;
}

.flex-order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.flex-order-last {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.flex-order-none {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

@media screen and (max-width: 960px) {
  .m-flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .m-flex-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .m-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .ml-justify-content-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .ml-justify-content-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .ml-justify-content-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .ml-justify-content-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .ml-justify-content-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .ml-justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .ml-align-items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .ml-align-items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .ml-align-items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .ml-align-items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .ml-align-items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .ml-align-content-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .ml-align-content-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .ml-align-content-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .ml-align-content-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .ml-align-content-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .ml-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .ml-align-self-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .ml-align-self-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .ml-align-self-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .ml-align-self-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .ml-align-self-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .ml-align-self-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
  .ml-flex-order-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .ml-flex-order-last {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .ml-flex-order-none {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .md-flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-flex-order-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .md-flex-order-last {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .md-flex-order-none {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .md-justify-content-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .md-flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -webkit-box-flex: auto;
        -ms-flex-positive: auto;
            flex-grow: auto;
    -ms-flex-negative: auto;
        flex-shrink: auto;
  }
  .md-flex-1 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .md-flex-2 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .md-flex-3 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .md-flex-4 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
}
@media screen and (max-width: 480px) {
  .sm-flex-order-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .sm-flex-order-last {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .sm-flex-order-none {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}
.alert {
  line-height: 1.57;
  font-weight: 600;
}
.alert i {
  min-width: 20px;
  min-height: 20px;
  margin-right: 10px;
  background-size: 100%;
}
.alert span {
  font-size: 14px;
}
.alert .link {
  font-size: 14px;
  font-weight: 600;
}
.alert .icon-green-arrow-right {
  height: 18px;
}

.alert-dark {
  background: #eee;
  color: #888;
  border: 2px solid #ddd;
  padding: 10px;
  border-radius: 5px;
}

@media only screen and (max-width: 960px) {
  .alert {
    height: auto;
  }
  .alert-dark {
    padding: 10px;
  }
}
@font-face {
  font-family: NotoSansTC-VariableFont;
  src: url(../font/NotoSansTC-VariableFont.ttf);
}
.text-red {
  color: #e87c07;
}

.text-green {
  color: #00994e;
}

:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

label {
  display: block;
}

.red {
  color: #c00;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

.hide {
  display: none;
}

.fade:focus {
  outline: 0 !important;
  -webkit-box-shadow: inherit !important;
          box-shadow: inherit !important;
}

.whitePanel {
  position: relative;
  width: 100%;
  color: #333333;
  padding: 50px 30px;
  min-height: 550px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
@media screen and (max-width: 960px) {
  .whitePanel {
    min-height: auto;
    padding: 25px 15px;
  }
}
.whitePanel input {
  border-color: #bebebe;
}
.whitePanel input::-webkit-input-placeholder {
  color: #bebebe;
}
.whitePanel input::-moz-placeholder {
  color: #bebebe;
}
.whitePanel input:-ms-input-placeholder {
  color: #bebebe;
}
.whitePanel input::-ms-input-placeholder {
  color: #bebebe;
}
.whitePanel input::placeholder {
  color: #bebebe;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.no-scroll-bar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.no-scroll-bar::-webkit-scrollbar {
  display: none;
}

.title-bar {
  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: rgba(255, 255, 255, 0.85);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 1px solid #dddddd;
}
.title-bar .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #333333;
  padding: 13px 20px;
}
.title-bar .myfavorite {
  border-top-right-radius: 12px;
  width: 50px;
  height: 50px;
  background-color: #26a862;
  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;
  cursor: pointer;
}

.sub-title {
  font-weight: bold;
  background: #fafafa;
  text-align: center;
  padding: 25px 0;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.footerWrap {
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .footerWrap {
    max-width: 940px;
    width: 100%;
  }
}

.footer a:hover {
  color: #fff437;
  text-decoration: none;
}

.footer a.hrefNoHover:hover {
  color: #ffffff;
  cursor: default;
}

body {
  background-color: #fafafa;
  width: 100%;
  max-width: 100%;
  will-change: scroll-position;
  padding-right: 0px !important;
}
@media screen and (max-width: 960px) {
  body {
    background-color: #eeeeee;
  }
}

#content {
  margin: 0 auto 80px;
  max-width: 940px;
}

#content.emptyContentBox {
  padding: 50px;
  margin: 70px auto 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(159, 159, 159, 0.5);
          box-shadow: 0 2px 3px 0 rgba(159, 159, 159, 0.5);
  max-width: 1266px;
}

#contentTip {
  margin: 3px auto;
  max-width: 940px;
  color: #333333;
}

#content .formUnit {
  padding: 6px;
  line-height: 20px;
}

@media only screen and (min-width: 960px) {
  .hide-wide {
    display: none;
    *display: none;
  }
}
@media only screen and (max-width: 959px) {
  #header #sub-menu ul.first-level .sf-mega ul.sf-sub > li > ul > li a {
    font-size: 16px;
  }
  #header #site-menu {
    top: 0;
    width: 100%;
    z-index: 900;
  }
  #header #info-menu {
    top: 5px;
    width: 100%;
    z-index: 800;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#40cc45), color-stop(99%, #26a862));
    background-image: linear-gradient(to bottom, #40cc45, #26a862 99%);
  }
  #header #sub-menu {
    position: absolute;
    overflow: hidden;
    top: 50px;
    left: -85%;
    width: 85%;
    z-index: 700;
    height: calc(100vh - 50px);
    background-image: none;
    background-color: #ffffff;
    -webkit-transition: left ease 0.3s;
    transition: left ease 0.3s;
    background-color: #26a862;
  }
  nav-open #header #sub-menu {
    position: absolute;
    left: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #header.fixed #sub-menu ul.first-level > li {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.main-wrapper {
  background-image: none;
}

ul.titleToolbar li a.expand {
  margin-right: 0;
}

.mobile.nav-open #toTop {
  display: none !important;
}

html.not-ie.no-js.mobile.nav-open {
  overflow: hidden;
}

.mobile #header #site-menu {
  top: 0;
  width: 100%;
  z-index: 900;
}

.mobile #header #info-menu {
  top: 5px;
  width: 100%;
  z-index: 800;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#40cc45), color-stop(99%, #26a862));
  background-image: linear-gradient(to bottom, #40cc45, #26a862 99%);
}

.mobile #header #sub-menu {
  position: absolute;
  overflow: hidden;
  top: 50px;
  left: -85%;
  width: 85%;
  z-index: 700;
  height: calc(100vh - 50px);
  background-image: none;
  background-color: #ffffff;
  -webkit-transition: left ease 0.3s;
  transition: left ease 0.3s;
  background-color: #26a862;
}

.mobile.nav-open #header #sub-menu {
  position: absolute;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 10vh;
}

.mobile #header.fixed #sub-menu ul.first-level > li {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

a.nav_li_title.nav-level-two {
  cursor: default;
}

.inner-container {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .inner-container {
    width: 95%;
  }
}

form,
.form {
  margin: 0 auto;
}
form .control-group,
.form .control-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 25px;
}
form .control-group.input-col-2-box,
.form .control-group.input-col-2-box {
  display: inline-block;
  margin-top: 0px;
}
form .control-group.control-checkbox, form .control-group.control-radio,
.form .control-group.control-checkbox,
.form .control-group.control-radio {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
form .control-group.control-checkbox .error-msg, form .control-group.control-radio .error-msg,
.form .control-group.control-checkbox .error-msg,
.form .control-group.control-radio .error-msg {
  margin-left: 220px;
}
form .control-group.control-checkbox .help-block, form .control-group.control-radio .help-block,
.form .control-group.control-checkbox .help-block,
.form .control-group.control-radio .help-block {
  margin-left: 220px;
}
form .control-group .controls,
.form .control-group .controls {
  width: 100%;
  position: relative;
}
form .control-group .controls .checkbox,
.form .control-group .controls .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .control-group .controls.radio-inline,
.form .control-group .controls.radio-inline {
  display: block;
}
form .control-group .controls.radio-inline .radiobox,
.form .control-group .controls.radio-inline .radiobox {
  width: auto;
}
form .control-group .controls.radio-inline .radiobox label,
.form .control-group .controls.radio-inline .radiobox label {
  margin-right: 40px;
  margin-bottom: 15px;
}
form .control-group .controls.radio-inline .error-msg,
.form .control-group .controls.radio-inline .error-msg {
  top: 20px;
}
form .control-group .controls .msg-wrapper,
.form .control-group .controls .msg-wrapper {
  position: relative;
}
form .control-group .controls .position-right,
.form .control-group .controls .position-right {
  float: right;
}
form .control-group .controls .position-right a.link,
.form .control-group .controls .position-right a.link {
  display: inline-block;
  margin-top: 5px;
}
form .control-group .controls .help-block ~ .position-right,
.form .control-group .controls .help-block ~ .position-right {
  top: 0px;
}
@media screen and (max-width: 960px) {
  form .control-group .controls .help-block ~ .position-right,
  .form .control-group .controls .help-block ~ .position-right {
    top: 20px;
  }
}
form .control-group input[type=radio],
.form .control-group input[type=radio] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #bebebe;
  border-radius: 50%;
}
form .control-group.radio-with-input,
.form .control-group.radio-with-input {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
form .control-group.radio-with-input .controls-box,
.form .control-group.radio-with-input .controls-box {
  width: 100%;
}
form .control-group.radio-with-input .controls.radio-inline,
.form .control-group.radio-with-input .controls.radio-inline {
  margin-top: 11px;
}
form .control-group .icon-delete,
.form .control-group .icon-delete {
  position: absolute;
  right: -30px;
  top: 10px;
}
form .control-group .control-group-flex,
.form .control-group .control-group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 960px) {
  form .control-group .control-group-flex,
  .form .control-group .control-group-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
form .control-group .control-group-col,
.form .control-group .control-group-col {
  width: 50%;
}
@media screen and (max-width: 960px) {
  form .control-group .control-group-col,
  .form .control-group .control-group-col {
    width: 100%;
  }
}
form .control-group .control-group-col .control-group-line,
.form .control-group .control-group-col .control-group-line {
  margin-bottom: 10px;
}
form > .control-group:first-child,
.form > .control-group:first-child {
  margin-top: 0px;
}
form input,
form textarea,
.form input,
.form textarea {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #bebebe;
  border-radius: 5px;
  width: 100%;
  height: 42px;
  padding: 10px;
  font-size: 14px;
}
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, .form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
  color: #bebebe;
}
form input::-moz-placeholder, form textarea::-moz-placeholder, .form input::-moz-placeholder, .form textarea::-moz-placeholder {
  color: #bebebe;
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder, .form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
  color: #bebebe;
}
form input::-ms-input-placeholder, form textarea::-ms-input-placeholder, .form input::-ms-input-placeholder, .form textarea::-ms-input-placeholder {
  color: #bebebe;
}
form input::placeholder,
form textarea::placeholder,
.form input::placeholder,
.form textarea::placeholder {
  color: #bebebe;
}
form input[disabled],
form textarea[disabled],
.form input[disabled],
.form textarea[disabled] {
  color: #333333;
  background: #eeeeee !important;
  border-color: #bebebe;
  -webkit-text-fill-color: #333333;
  opacity: 1;
  /* required on iOS */
}
form input[disabled][placeholder],
form textarea[disabled][placeholder],
.form input[disabled][placeholder],
.form textarea[disabled][placeholder] {
  -webkit-text-fill-color: #888888;
}
form input[type=text],
form textarea[type=text],
.form input[type=text],
.form textarea[type=text] {
  padding-right: 30px;
}
form input.has-prefix-code,
form textarea.has-prefix-code,
.form input.has-prefix-code,
.form textarea.has-prefix-code {
  padding-left: 80px;
}
form textarea,
.form textarea {
  height: 170px;
  resize: none;
}
form .input-disabled,
form input.disabled,
.form .input-disabled,
.form input.disabled {
  background: #dddddd;
  min-height: 43px;
  pointer-events: none;
}
form .input-disabled::-webkit-input-placeholder, form input.disabled::-webkit-input-placeholder, .form .input-disabled::-webkit-input-placeholder, .form input.disabled::-webkit-input-placeholder {
  color: #888888;
}
form .input-disabled::-moz-placeholder, form input.disabled::-moz-placeholder, .form .input-disabled::-moz-placeholder, .form input.disabled::-moz-placeholder {
  color: #888888;
}
form .input-disabled:-ms-input-placeholder, form input.disabled:-ms-input-placeholder, .form .input-disabled:-ms-input-placeholder, .form input.disabled:-ms-input-placeholder {
  color: #888888;
}
form .input-disabled::-ms-input-placeholder, form input.disabled::-ms-input-placeholder, .form .input-disabled::-ms-input-placeholder, .form input.disabled::-ms-input-placeholder {
  color: #888888;
}
form .input-disabled::placeholder,
form input.disabled::placeholder,
.form .input-disabled::placeholder,
.form input.disabled::placeholder {
  color: #888888;
}
form .input-disabled,
.form .input-disabled {
  color: #333333;
  border-color: #bebebe;
  -webkit-text-fill-color: #333333;
  opacity: 1;
  border: 1px solid #bebebe;
  border-radius: 5px;
  width: 100%;
  line-height: normal;
  padding: 10px;
}
form .icon-calendar,
.form .icon-calendar {
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 10px;
  font-size: 20px;
  z-index: 2;
  background: #ffffff no-repeat url("../../content/images/transformselect-down.png") 98% center;
  background-size: 20px;
  width: 20px;
  height: 20px;
}
form .icon-calendar.single,
.form .icon-calendar.single {
  background-image: url("../../content/images/calendar.png");
  pointer-events: none;
}
form .custom-control-label::before,
.form .custom-control-label::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 0;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #bebebe;
  border-radius: 50%;
}
form .custom-control-input:checked ~ .custom-control-label::before,
.form .custom-control-input:checked ~ .custom-control-label::before {
  background: #ffffff;
}
form .custom-control-input:checked ~ .custom-control-label::after,
.form .custom-control-input:checked ~ .custom-control-label::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
  background: #26a862;
  width: 1rem;
  height: 1rem;
}
form .radiobox .custom-control-label,
.form .radiobox .custom-control-label {
  margin: 0;
}
form .radiobox-wrap,
.form .radiobox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
form .radiobox-wrap .radiobox,
.form .radiobox-wrap .radiobox {
  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;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  width: 100%;
  float: left;
  margin-right: 8px;
}
form .radiobox-wrap .radiobox label,
.form .radiobox-wrap .radiobox label {
  width: 100%;
  padding: 9px 0px 9px 33px;
  border: 1px solid #bebebe;
  background: #ffffff;
  line-height: 22px;
  text-align: left;
  border-radius: 5px;
}
form .radiobox-wrap .radiobox label ~ .help-block, form .radiobox-wrap .radiobox label ~ .error-msg,
.form .radiobox-wrap .radiobox label ~ .help-block,
.form .radiobox-wrap .radiobox label ~ .error-msg {
  top: 40px;
}
form .radiobox-wrap .radiobox .custom-control-label::before,
.form .radiobox-wrap .radiobox .custom-control-label::before {
  top: 10px;
  left: 6px;
}
form .radiobox-wrap .radiobox .custom-control-label::after,
.form .radiobox-wrap .radiobox .custom-control-label::after {
  top: 13px;
  left: 9px;
}
form .radiobox-wrap .radiobox:last-child,
.form .radiobox-wrap .radiobox:last-child {
  margin-right: 0;
}
form .radiobox-wrap .radiobox .custom-control-input:checked ~ .custom-control-label,
.form .radiobox-wrap .radiobox .custom-control-input:checked ~ .custom-control-label {
  color: #333333;
  border-color: #26a862;
  background-color: #ffffff;
}
form .radiobox-wrap .radiobox .custom-control-input:disabled ~ label:hover,
form .radiobox-wrap .radiobox .custom-control-input.disabled ~ label:hover,
.form .radiobox-wrap .radiobox .custom-control-input:disabled ~ label:hover,
.form .radiobox-wrap .radiobox .custom-control-input.disabled ~ label:hover {
  border: 1px solid #bcbcbc;
}
form .radiobox-wrap .radiobox .custom-control-input:disabled ~ .custom-control-label::before,
form .radiobox-wrap .radiobox .custom-control-input:disabled ~ .custom-control-label,
form .radiobox-wrap .radiobox .custom-control-input.disabled ~ .custom-control-label::before,
form .radiobox-wrap .radiobox .custom-control-input.disabled ~ .custom-control-label,
.form .radiobox-wrap .radiobox .custom-control-input:disabled ~ .custom-control-label::before,
.form .radiobox-wrap .radiobox .custom-control-input:disabled ~ .custom-control-label,
.form .radiobox-wrap .radiobox .custom-control-input.disabled ~ .custom-control-label::before,
.form .radiobox-wrap .radiobox .custom-control-input.disabled ~ .custom-control-label {
  background: #dddddd;
  color: #333333;
  pointer-events: none;
}
form .radiobox-wrap .radiobox .default-unit,
.form .radiobox-wrap .radiobox .default-unit {
  color: #000000;
}
form .radiobox-wrap .radiobox.radiobox-icon-collapse .custom-control-label:before,
.form .radiobox-wrap .radiobox.radiobox-icon-collapse .custom-control-label:before {
  top: 22px;
  left: 10px;
}
form .radiobox-wrap .radiobox.radiobox-icon-collapse .custom-control-label:after,
.form .radiobox-wrap .radiobox.radiobox-icon-collapse .custom-control-label:after {
  top: 25px;
  left: 13px;
}
form .radiobox-wrap .radiobox.radiobox-icon-collapse .icon50,
.form .radiobox-wrap .radiobox.radiobox-icon-collapse .icon50 {
  display: inline-block;
  vertical-align: middle;
}
form .radiobox-wrap .radiobox.radiobox-icon-collapse .collapse--note,
.form .radiobox-wrap .radiobox.radiobox-icon-collapse .collapse--note {
  width: 100%;
}
form .radiobox-wrap .radiobox.radiobox-icon-collapse .collapse--note li:before,
.form .radiobox-wrap .radiobox.radiobox-icon-collapse .collapse--note li:before {
  width: auto;
}
form .radiobox-wrap.radiobox-column,
.form .radiobox-wrap.radiobox-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
form .radiobox-wrap.radiobox-column .radiobox,
.form .radiobox-wrap.radiobox-column .radiobox {
  margin-bottom: 5px;
}
form .radiobox-wrap.radiobox-wrap-four,
.form .radiobox-wrap.radiobox-wrap-four {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
form .radiobox-wrap.radiobox-wrap-four .radiobox,
.form .radiobox-wrap.radiobox-wrap-four .radiobox {
  width: calc(25% - 6px);
}
form .radiobox-wrap.radiobox-wrap-four .radiobox:nth-child(4n),
.form .radiobox-wrap.radiobox-wrap-four .radiobox:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  form .radiobox-wrap.radiobox-wrap-four .radiobox,
  .form .radiobox-wrap.radiobox-wrap-four .radiobox {
    width: 100%;
  }
}
form .datepicker-wrap,
.form .datepicker-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
form .datepicker-wrap .datepicker-box,
.form .datepicker-wrap .datepicker-box {
  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;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  width: 100%;
  float: left;
  position: relative;
}
form .datepicker-wrap .datepicker-box:last-child,
.form .datepicker-wrap .datepicker-box:last-child {
  margin-right: 0;
}
form .datepicker-wrap input,
.form .datepicker-wrap input {
  color: #888;
  cursor: pointer;
}
form .datepicker-wrap.datepicker-wrap-annex,
.form .datepicker-wrap.datepicker-wrap-annex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .datepicker-wrap.datepicker-wrap-annex input,
.form .datepicker-wrap.datepicker-wrap-annex input {
  border-color: transparent;
  border: 1px solid #bebebe;
  border-radius: 3px;
  padding-left: 40px;
}
form .datepicker-wrap.datepicker-wrap-annex input.cubre-a-textbox__box.-date,
.form .datepicker-wrap.datepicker-wrap-annex input.cubre-a-textbox__box.-date {
  background-position: left 10px center;
}
form .datepicker-wrap.datepicker-wrap-annex input.error,
.form .datepicker-wrap.datepicker-wrap-annex input.error {
  border-color: #ff2828;
}
@media screen and (max-width: 960px) {
  form .datepicker-wrap.datepicker-wrap-annex,
  .form .datepicker-wrap.datepicker-wrap-annex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  form .datepicker-wrap.datepicker-wrap-annex input,
  .form .datepicker-wrap.datepicker-wrap-annex input {
    padding-left: 12px;
    padding-right: 0;
  }
  form .datepicker-wrap.datepicker-wrap-annex .datepicker-box:first-child input,
  .form .datepicker-wrap.datepicker-wrap-annex .datepicker-box:first-child input {
    padding-left: 35px;
  }
  form .datepicker-wrap.datepicker-wrap-annex .date-wave,
  .form .datepicker-wrap.datepicker-wrap-annex .date-wave {
    display: block;
  }
  form .datepicker-wrap.datepicker-wrap-annex .datepicker-box,
  .form .datepicker-wrap.datepicker-wrap-annex .datepicker-box {
    margin-top: 0;
  }
}
form .datepicker-box.disabled,
.form .datepicker-box.disabled {
  pointer-events: none;
}
form .datepicker-box.disabled .icon-calendar::before,
.form .datepicker-box.disabled .icon-calendar::before {
  color: #bebebe;
}
form .datepicker-box.disabled input,
.form .datepicker-box.disabled input {
  background: #dddddd;
  min-height: 43px;
  pointer-events: none;
}
form .datepicker-box.disabled input::-webkit-input-placeholder, .form .datepicker-box.disabled input::-webkit-input-placeholder {
  color: #888888;
}
form .datepicker-box.disabled input::-moz-placeholder, .form .datepicker-box.disabled input::-moz-placeholder {
  color: #888888;
}
form .datepicker-box.disabled input:-ms-input-placeholder, .form .datepicker-box.disabled input:-ms-input-placeholder {
  color: #888888;
}
form .datepicker-box.disabled input::-ms-input-placeholder, .form .datepicker-box.disabled input::-ms-input-placeholder {
  color: #888888;
}
form .datepicker-box.disabled input::placeholder,
.form .datepicker-box.disabled input::placeholder {
  color: #888888;
}
form .error-msg,
.form .error-msg {
  color: #e00b00;
  font-size: 14px;
  width: 100%;
  margin-top: 0.25rem;
  font-weight: bold;
}
form .was-validated .error-msg,
.form .was-validated .error-msg {
  display: block;
}
form .radiobox .error-msg,
form .radiobox .help-block,
.form .radiobox .error-msg,
.form .radiobox .help-block {
  margin-bottom: 0.25rem;
}
form .has-unit-explanatory .default-unit-box,
.form .has-unit-explanatory .default-unit-box {
  width: 109%;
}
form .default-unit-box,
.form .default-unit-box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
form .default-unit,
.form .default-unit {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #bebebe;
}
form .control-label,
.form .control-label {
  width: 130px;
  min-width: 130px;
  text-align: right;
  margin-right: 20px;
  color: #333333;
  margin-top: 11px;
}
form .label-gray,
.form .label-gray {
  font-size: 14px;
  border-radius: 2px;
  background-color: #bebebe;
  color: #ffffff;
  margin-left: 6px;
  padding: 0 8px;
  word-break: keep-all;
}
form .help-block,
form .error-msg,
.form .help-block,
.form .error-msg {
  margin-top: 5px;
}
form .help-block.link,
form .help-block .link,
form .error-msg.link,
form .error-msg .link,
.form .help-block.link,
.form .help-block .link,
.form .error-msg.link,
.form .error-msg .link {
  font-size: 14px;
}
form .help-block,
.form .help-block {
  display: inline-block;
  color: #888888;
  font-size: 14px;
}
form .help-block .text-black,
.form .help-block .text-black {
  color: #000000;
  font-size: 14px;
}
form .help-block-icon,
.form .help-block-icon {
  vertical-align: middle;
  margin-left: 3px;
}
form .help-block-icon::before,
.form .help-block-icon::before {
  font-size: 20px;
}
form .help-block *,
.form .help-block * {
  font-size: 14px;
}
form .form-check,
.form .form-check {
  padding: 0;
}
form .form-check-input,
.form .form-check-input {
  margin: 0;
  width: auto;
}
form .error input,
.form .error input {
  border-color: #e00b00;
}
form .error ~ .help-block li,
.form .error ~ .help-block li {
  color: #e00b00;
  font-size: 14px;
  margin-top: 5px;
}
form .stepWrap,
.form .stepWrap {
  background-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.field-validation-error {
  display: contents;
}

.form-check-input:checked[disabled] ~ .form-check-label::before {
  background: #6f6f6f;
  border-color: #6f6f6f;
}
.form-check-input:checked ~ .form-check-label::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 11px;
  height: 7px;
  -webkit-transform: rotate(313deg);
  transform: rotate(310deg);
  border-radius: 1px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: #ffffff;
}

.custom-control-input,
.form-check-input,
.multi-check-input {
  padding: 0 !important;
  border: none !important;
  display: inline;
  visibility: hidden;
  height: 0 !important;
}

.form-check-label.underline {
  color: #00994e;
  text-decoration: underline;
  cursor: pointer;
}

.custom-control-label,
.form-check-label,
.form-check-label-input {
  padding-left: 30px;
  position: relative;
}
.custom-control-label ~ .error-msg,
.form-check-label ~ .error-msg,
.form-check-label-input ~ .error-msg {
  padding-left: 30px;
}

.form-check-label-input {
  width: 220px !important;
}
.form-check-label-input .calendar-wrapper {
  position: relative;
}
.form-check-label-input .calendar-wrapper .icon-calendar {
  top: 0;
}
.form-check-label-input input,
.form-check-label-input .select2 {
  margin-top: 5px;
}

.form-check-label::before,
.multi-check-label::before {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 20px;
  height: 20px;
  top: 1px;
  left: 0;
  background-color: #fff;
  color: #333333;
  border: 1px solid #bebebe;
  border-radius: 5px;
}

.form-check-input.emphasize ~ .form-check-label::before {
  border-color: #26a862;
}

.form-check-input:checked ~ .form-check-label::before, .form-check-input:checked ~ .multi-check-label::before,
.multi-check-input:checked ~ .form-check-label::before,
.multi-check-input:checked ~ .multi-check-label::before {
  background: #26a862;
  border-color: #26a862;
}
.form-check-input:checked ~ .form-check-label::after, .form-check-input:checked ~ .multi-check-label::after,
.multi-check-input:checked ~ .form-check-label::after,
.multi-check-input:checked ~ .multi-check-label::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 11px;
  height: 7px;
  -webkit-transform: rotate(313deg);
  transform: rotate(310deg);
  border-radius: 1px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: #ffffff;
}

.checkbox-with-submenu, .checkbox-submenu {
  background: #fafafa;
  padding: 20px;
}
.checkbox-submenu {
  border-top: 1px solid #d8d8d8;
  display: none;
  padding-bottom: 0;
}

.multi-radio-label input[type=text] {
  display: none;
  padding: 0;
  border: none;
  margin-top: 10px;
  border-bottom: 1px solid #bebebe;
  border-radius: 0;
  margin-left: -25px;
  height: 30px;
  width: calc(100% + 15px);
  margin-bottom: 5px;
  padding-left: 5px;
}

.multi-radio-input:checked ~ .multi-radio-label input[type=text] {
  display: block;
}

.multi-checkbox {
  margin-right: 8px;
  cursor: pointer;
}
.multi-checkbox.multi-checkbox-one {
  width: 100%;
  margin-right: 0;
}
.multi-checkbox.multi-checkbox-two {
  width: calc(50% - 8px);
}
.multi-checkbox.multi-checkbox-two:nth-child(2n) {
  margin-right: 0;
}
.multi-checkbox.multi-checkbox-three {
  width: 32%;
  margin-right: 2%;
}
.multi-checkbox.multi-checkbox-three:nth-child(3n) {
  margin-right: 0;
}
.multi-checkbox.multi-checkbox-four {
  width: calc(25% - 6px);
}
.multi-checkbox.multi-checkbox-four:nth-child(4n) {
  margin-right: 0;
}
.multi-checkbox.multi-checkbox-disabled label,
.multi-checkbox.multi-checkbox-disabled label::before {
  background: #dddddd;
}
.multi-checkbox .multi-check-input.disabled ~ label,
.multi-checkbox .multi-check-input.disabled ~ label:before {
  background: #dddddd;
  pointer-events: none;
}
.multi-checkbox .multi-check-label {
  position: relative;
  border: 1px solid #bebebe;
  padding: 8px 0px 8px 33px;
  width: 100%;
  border-radius: 5px;
  background: #ffffff;
}
.multi-checkbox .multi-check-label:before {
  top: 10px;
  left: 6px;
}
.multi-checkbox .multi-check-label .transformSelect {
  margin-top: 10px;
  margin-left: -27px;
  padding-right: 10px;
}
.multi-checkbox .multi-check-input:checked ~ .multi-check-label {
  border-color: #26a862;
}
.multi-checkbox .multi-check-input:checked ~ .multi-check-label:after {
  top: 14px;
  left: 10px;
}
.multi-checkbox .multi-check-input:checked ~ .multi-check-label input[type=text],
.multi-checkbox .multi-check-input:checked ~ .multi-check-label .multi-checkbox-hidden {
  display: block;
}
@media screen and (max-width: 960px) {
  .multi-checkbox .multi-check-input:checked ~ .multi-check-label .multi-checkbox-hidden {
    width: calc(100% + 25px);
    margin-left: -30px;
  }
  .multi-checkbox .multi-check-input:checked ~ .multi-check-label .multi-checkbox-hidden a {
    display: table-cell;
    padding-top: 5px;
  }
}
.multi-checkbox input[type=text],
.multi-checkbox .multi-checkbox-hidden {
  padding: 0;
  border: 0;
  margin-top: 10px;
  display: none;
}
.multi-checkbox input[type=text] {
  border-bottom: 1px solid #bebebe;
  border-radius: 0;
  margin-left: -25px;
  height: 30px;
  width: calc(100% + 15px);
  margin-bottom: 5px;
}

.input-divided {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-divided [class*=flex-] ~ [class*=flex-] {
  margin-left: 15px;
}
.input-divided .flex-btn {
  width: 160px;
}
@media screen and (max-width: 960px) {
  .input-divided {
    display: block;
  }
}

.input-flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.input-flex-wrap [class*=flex-] ~ [class*=flex-] {
  margin-left: 15px;
}
.input-flex-wrap .flex-btn {
  width: 160px;
}

.currency-select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 960px) {
  .currency-select-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.currency-select-container .currency-select-box {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .currency-select-container .currency-select-box:last-child {
    margin-top: 10px;
  }
}
.currency-select-container .currency-select-text {
  position: absolute;
  z-index: 1;
  color: #888888;
  left: 11px;
  top: 11px;
}
.currency-select-container .currency-select-arrow {
  width: 55px;
  height: 20px;
  background-image: url("../images/arrow-right@2x.png");
  background-size: cover;
  margin: 10px;
}
@media screen and (max-width: 960px) {
  .currency-select-container .currency-select-arrow {
    display: none;
  }
}
.currency-select-container .img-flag {
  top: 4px;
}

.img-flag {
  width: 20px;
  height: 20px;
  top: 4px;
}

.was-validated input[type=number]:not([disabled]),
.was-validated input[type=text]:not([disabled]),
.was-validated input[type=password]:not([disabled]),
.was-validated textarea,
.was-validated .select2-container--default .select2-selection,
.was-validated .form-check-input ~ .form-check-label::before,
.was-validated .form-check-input.emphasize ~ .form-check-label::before {
  border-color: #e00b00;
}
.was-validated .error-msg {
  display: inline-block;
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label,
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label,
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #333333;
}

.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  background: #ffffff;
}

select.is-invalid,
.whitePanel input.is-invalid,
.was-validated select,
.was-validated .whitePanel input {
  border-color: #e00b00;
}

.was-validated select,
.was-validated .whitePanel input {
  border-color: #e00b00;
}

select.is-valid,
.whitePanel input.is-valid,
.was-validated select:valid,
.was-validated .whitePanel input:valid {
  border-color: #bebebe;
}

.form-check-input.is-invalid ~ .error-msg,
.was-validated .form-check-input:invalid ~ .error-msg {
  display: inline-block;
}

.was-validated select + .select2 .select2-selection {
  border-color: #e00b00 !important;
}

@media screen and (max-width: 960px) {
  form {
    width: 100%;
  }
  form .control-group,
  form form .control-group .controls.radiobox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  form .control-group .controls.radiobox label {
    margin-right: 0;
  }
  form .control-group .control-label {
    text-align: left;
    margin-bottom: 7px;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
  }
  form .control-group.mt-15 {
    margin-top: 5px !important;
  }
  form .control-group .icon-delete {
    right: 0;
    top: -2px;
  }
  form .custom-control-label,
  form .form-check-label,
  form .control-group.control-checkbox .help-block,
  form .control-group.control-radio .help-block,
  form .control-group.control-checkbox .error-msg,
  form .control-group.control-radio .error-msg {
    margin-left: 0;
  }
  form .control-label {
    line-height: 1;
  }
  form .radiobox-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  form .radiobox-wrap .radiobox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 5px;
  }
  form .radiobox-wrap .help-block,
  form .radiobox-wrap .error-msg {
    position: initial;
  }
  form .datepicker-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  form .datepicker-box ~ .datepicker-box {
    margin-top: 10px;
  }
  form .date-wave {
    display: none;
  }
  .input-divided {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .input-divided [class*=flex-] ~ [class*=flex-] {
    margin-top: 10px;
    margin-left: 0;
  }
  .input-divided .flex-btn {
    width: 100%;
  }
  .input-divided .flex-btn .btn {
    width: 100%;
  }
  .input-divided.m-flex-direction-row [class*=flex-] ~ [class*=flex-] {
    margin-top: 0px;
    margin-left: 15px;
  }
  .multi-checkbox[class*=multi-checkbox-] {
    width: 100%;
    margin-right: 0;
  }
}
.link {
  color: #26a862;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  cursor: pointer;
  border: none;
  padding: 0;
  background: none;
}
.link:hover {
  color: #00753c;
}

.outerBox {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

section {
  padding-bottom: 5px;
}

form#UtitlitySearchs {
  width: 100%;
}

.form-inline-text {
  color: #e00b00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ul-sequence p {
  font-size: 64px;
}

.ul-sequence > li {
  position: relative;
  font-size: 16px;
  padding-left: 30px;
}

.ul-sequence > li:before {
  content: attr(data-sequence);
  display: block;
  position: absolute;
  width: 20px;
  line-height: 1.5;
  font-size: 14px;
  top: 2px;
  left: 0;
  text-align: left;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

select.is-valid,
.form-control.is-valid,
.was-validated select:valid,
.was-validated .form-control:valid {
  border-color: #e00b00;
}

.no-data,
.system-maintain-block,
.customer-service {
  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: 1px solid #dddddd;
  padding: 15px;
  margin: 15px 0;
  background-color: #ffffff;
}
.no-data .icon-no-data,
.no-data .icon-system-maintain-ing,
.system-maintain-block .icon-no-data,
.system-maintain-block .icon-system-maintain-ing,
.customer-service .icon-no-data,
.customer-service .icon-system-maintain-ing {
  margin-right: 5px;
}

.ExchangeMemoTD * {
  font-size: 12px;
}

.state-block {
  background: #fafafa;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1.88;
  color: #333333;
}

.overflow-hidden {
  overflow: hidden !important;
}

.survey_box.bg_coffee,
.survey_box.bg_green {
  width: 75%;
  margin: 0 auto 25px;
}
@media screen and (max-width: 960px) {
  .survey_box.bg_coffee,
  .survey_box.bg_green {
    width: 100%;
  }
}

.scrolltoFixed-content {
  padding: 10px 0;
}
.scrolltoFixed-content.active {
  position: fixed;
  left: 0;
  width: 100%;
  padding: 10px 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/*---------- position ----------*/
.p_relative {
  position: relative;
}

.p_absolute {
  position: absolute;
}

.p_static {
  position: static;
}

.p_fixed {
  position: fixed;
}

/*---------- text word-break ----------*/
.break-word {
  -ms-word-break: break-word;
  word-break: break-word;
}

/*---------- text align ----------*/
.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.textCenter {
  text-align: center;
}

@media screen and (max-width: 960px) {
  .m-textCenter {
    text-align: center;
  }
  .m-textLeft {
    text-align: left !important;
  }
}
/*---------- display ----------*/
.block {
  display: block;
}

.inblock {
  display: inline-block;
}

.inline {
  display: inline;
}

.hide {
  display: none;
}

/*---------- float ----------*/
.floatRight {
  float: left;
}

.floatLeft {
  float: right;
}

.hiddenPc {
  display: none !important;
}
@media all and (max-width: 768px) {
  .hiddenPc {
    display: block !important;
  }
}

@media all and (max-width: 768px) {
  .hiddenPhone {
    display: none !important;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.actionArea .btn {
  display: inline-block;
  padding: 10px 0;
  width: 160px;
  text-align: center;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  margin: 0 10px;
  text-align: center;
  -webkit-transition: background 350ms ease-in-out;
  transition: background 350ms ease-in-out;
  position: relative;
  background: #00283d;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.actionArea .btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 40, 61, 0.3);
          box-shadow: 0 8px 20px -5px rgba(0, 40, 61, 0.3);
}
@media all and (max-width: 767px) {
  .actionArea .btn {
    width: 100%;
    margin: 0 auto;
  }
}
.actionArea .btn.btn-back {
  color: #00283d;
  background: transparent;
  border: 1px solid #00283d;
}
.actionArea .btn.btn-back:active > span, .actionArea .btn.btn-back:visited > span, .actionArea .btn.btn-back:focus > span {
  color: #00283d;
}
@media all and (max-width: 767px) {
  .actionArea .btn.btn-sm {
    width: 45%;
    margin: 0 1%;
  }
}
.actionArea .btn.border-none {
  border: 0;
  text-decoration: underline;
}
.actionArea .btn.disabled {
  border-color: #bebebe;
  background-color: #bebebe;
  border-width: inherit;
}

.inputGroup__control.emailconfirm > input {
  width: calc(100% - 130px);
}

.time_count_text {
  max-width: 380px;
}

.emailconfirm {
  position: relative;
}

.text_email {
  display: none;
  position: absolute;
  top: 45px;
  left: 0px;
  color: #4ab234;
}

.text_email.on {
  display: block;
}

button.sendmailbtn {
  color: #00283d;
  background: transparent;
  border: 1px solid #00283d;
  min-width: 80px;
  padding: 10px 0;
  margin: 0 10px;
  width: 160px;
  border-radius: 5px;
  display: inline-block;
}

button.sendmailbtn-change {
  background: #00283d;
  min-width: 80px;
  padding: 10px 0;
  margin: 0 10px;
  width: 160px;
  border-radius: 5px;
  display: inline-block;
  border-width: 1px;
  color: #fff;
  display: none;
}

.sendmailbtn-change.on {
  display: block;
}

.sendmailbtn:focus {
  outline: none;
}

.sendmailbtn-change:focus {
  outline: none;
}

.orange_span {
  color: #e87c07;
}

.lightbox_contenet {
  text-align: center;
}
.lightbox_contenet .btn {
  display: inline-block;
  padding: 10px 0;
  width: 160px;
  text-align: center;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  margin: 0 10px;
  text-align: center;
  -webkit-transition: background 350ms ease-in-out;
  transition: background 350ms ease-in-out;
  position: relative;
  background: #00283d;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.lightbox_contenet .btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 40, 61, 0.3);
          box-shadow: 0 8px 20px -5px rgba(0, 40, 61, 0.3);
}
@media all and (max-width: 767px) {
  .lightbox_contenet .btn {
    width: 100%;
  }
}
.lightbox_contenet .btn.btn-back {
  color: #00283d;
  background: transparent;
  border: 1px solid #00283d;
}
.lightbox_contenet .btn.btn-back:active > span, .lightbox_contenet .btn.btn-back:visited > span, .lightbox_contenet .btn.btn-back:focus > span {
  color: #00283d;
}
@media all and (max-width: 767px) {
  .lightbox_contenet .btn.btn-sm {
    width: 45%;
    margin: 0 1%;
  }
}
.lightbox_contenet .btn.border-none {
  border: 0;
  text-decoration: underline;
}

.btn_all_print.lightbox_contenet a {
  display: inline-block;
  padding: 10px 0;
  width: 160px;
  text-align: center;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #00283d;
  background: #fff;
  border: 1px solid #00283d;
  margin: 0 10px;
  text-align: center;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.btn_all_print.lightbox_contenet a.yellow.count_end {
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  margin: 0 10px;
  text-align: center;
  -webkit-transition: background 350ms ease-in-out;
  transition: background 350ms ease-in-out;
  position: relative;
  background: #00283d;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.lightbox_contenet .btn {
  display: inline-block;
  padding: 10px 0;
  width: 160px;
  text-align: center;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  margin: 0 10px;
  text-align: center;
  -webkit-transition: background 350ms ease-in-out;
  transition: background 350ms ease-in-out;
  position: relative;
  background: #00283d;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.lightbox_contenet .btn:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 20px -5px rgba(0, 40, 61, 0.3);
  box-shadow: 0 8px 20px -5px rgba(0, 40, 61, 0.3);
}

@media all and (max-width: 767px) {
  .btn_all_print.lightbox_contenet a, a.yellow.count_end {
    width: 40%;
  }
}
.btn.openOtpConfirm {
  min-width: 140px;
  height: 42px;
  line-height: 20px;
  border: 1px solid #00283d;
  color: #00283d;
}
.btn.openOtpConfirm:active span {
  color: #00283d;
}
@media screen and (max-width: 768px) {
  .btn.openOtpConfirm {
    min-width: 110px;
  }
}

.modal-footer .btn-back {
  color: #00283d;
}

.btn {
  display: inline-block;
  padding: 10px 0;
  width: 160px;
  text-align: center;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  margin: 0 10px;
  text-align: center;
  -webkit-transition: background 350ms ease-in-out;
  transition: background 350ms ease-in-out;
  position: relative;
  background: #00283d;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.btn:active > span,
.btn:visited > span,
.btn:focus > span {
  color: #fff;
}

.btn--rev {
  opacity: 0.7;
  background: transparent;
  border: 1px solid #00283d;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn--rev:before {
  content: "";
  background: #fafafa;
}

.btn--rev > span {
  color: #00283d;
}

.btn--rev:hover > span,
.btn--rev:active > span,
.btn--rev:visited > span,
.btn--rev:focus > span {
  color: #00283d;
}

.btn--rev:hover {
  opacity: 1;
}

.btn--reset {
  background-color: #a8a8a8;
  border: none;
  color: #ffffff;
}

.normalButton {
  border-radius: 70px;
  background-color: #26a862;
  width: 100px;
  height: 30px;
  font-size: 14px;
  letter-spacing: 0.6px;
  text-align: center;
  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;
  color: #ffffff;
  min-height: 30px;
  cursor: pointer;
}
.normalButton a {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .normalButton {
    font-size: 16px;
    height: 40px;
  }
  .normalButton.mobileBtn100 {
    line-height: normal;
    font-weight: normal;
    letter-spacing: normal;
    margin-left: 0;
    margin: 15px 28px;
    width: calc(100% - 56px);
    height: 40px;
  }
}
.ghostButton {
  background: transparent;
  height: 30px;
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  letter-spacing: normal;
  border: solid 1px #26a862;
  color: #26a862;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .ghostButton {
    font-size: 16px;
  }
}

.ghostButton:hover {
  background-color: #26a862;
  color: #ffffff;
}

.buttonOrange {
  border: 0px;
  margin-left: 15px;
}

.buttonOrange:hover {
  background-color: #e87c07;
}

.btn-box {
  text-align: center;
  margin: 50px 0;
  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;
}
.btn-box button.btn,
.btn-box a.btn {
  margin: 7px;
}
@media screen and (max-width: 480px) {
  .btn-box button.btn,
  .btn-box a.btn {
    margin: 7px 0;
  }
}
.btn-box .clearfix {
  display: none;
}
.btn-box form {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .btn-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .btn-box button.btn:nth-of-type(odd):nth-last-of-type(1) {
    width: 100%;
  }
  .btn-box .btn-select:nth-child(odd):nth-last-of-type(1) {
    width: 100%;
  }
}

.btn {
  background: #ffffff;
  min-width: 160px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 5px;
  display: inline-block;
  border-width: 1px;
}
appearance style .btn.btn-fill {
  border-color: #00283d;
  background: #00283d;
  color: #ffffff;
}
appearance style .btn.btn-fill:hover {
  -webkit-box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
appearance style .btn.btn-fill.disabled, appearance style .btn.btn-fill.disabled:hover {
  pointer-events: none;
  color: #ffffff !important;
  background: #bebebe !important;
  border-color: #bebebe !important;
}
.btn.btn-hollow {
  background: #ffffff;
  color: #00283d;
  border-color: #00283d;
}
.btn.btn-hollow:hover, .btn.btn-hollow:active {
  color: #00283d;
  border-color: #00283d;
  background: #ffffff;
  -webkit-box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.2);
}
.btn.btn-hollow.disabled, .btn.btn-hollow.disabled:hover {
  pointer-events: none;
  color: #bebebe !important;
  background: #ffffff !important;
  border-color: #bebebe !important;
}
@media screen and (max-width: 320px) {
  .btn {
    min-width: 132px;
  }
}
.btn-group {
  width: 100%;
}
.btn-group-default {
  border: 1px solid #bebebe;
  background: #ffffff;
  width: 50% !important;
  max-width: initial !important;
  min-width: initial !important;
  color: #333333;
  height: 42px;
  font-size: 14px;
}
.btn-group-default:first-child {
  border-right: 1px solid #bebebe;
}
.btn-dropdown {
  position: relative;
}
.btn-dropdown:first {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.btn-dropdown:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-left: none;
}
.btn-dropdown.open .btn-dropdown-menu {
  display: block;
  z-index: 3;
}
.btn-dropdown.open .icon-arrow-bottom {
  -webkit-transform: translateY(25%) rotate(315deg);
          transform: translateY(25%) rotate(315deg);
}
.btn-dropdown-key {
  width: 100%;
  background: none;
  border: none;
  height: 42px;
}
.btn-dropdown-menu {
  position: absolute;
  width: 100%;
  text-align: left;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 20px 15px;
  border-radius: 5px;
  left: 0;
  bottom: -10px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  display: none;
}
.btn-dropdown-item {
  margin-bottom: 10px;
  font-size: 14px;
  cursor: pointer;
}
.btn-dropdown-item:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 480px) {
  .btn {
    min-width: calc(50% - 8px);
  }
}
.btn.btn-height-sm {
  height: 30px;
  line-height: 15px;
}
.btn.btn-size-xs {
  width: 64px;
  max-width: 64px;
  min-width: 64px;
}
.btn.btn-size-sm {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
.btn.btn-size-md {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
.btn.btn-size-lg {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.btn.btn-size-auto {
  min-width: auto;
}
.btn.btn-size-fill {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .btn.btn-size-xs, .btn.btn-size-sm, .btn.btn-size-md, .btn.btn-size-lg {
    width: calc(50% - 8px);
    min-width: calc(50% - 8px);
  }
}
@media screen and (max-width: 768px) {
  .btn.m-btn-height-sm {
    height: 30px;
    line-height: 15px;
  }
  .btn.m-btn-size-xs {
    width: 64px;
    max-width: 64px;
    min-width: 64px;
  }
  .btn.m-btn-size-sm {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
  }
  .btn.m-btn-size-md {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
  }
  .btn.m-btn-size-lg {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
  }
  .btn.m-btn-size-fill {
    width: 100%;
    max-width: none;
    min-width: auto;
  }
}
@media screen and (max-width: 480px) {
  .btn.btn-size-smMobile-fill {
    width: 100%;
  }
}

.btn-select {
  margin: 7px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .btn-select {
    margin: 7px 0px;
  }
}
.btn-select.disabled {
  pointer-events: none;
  opacity: 0.65;
}
.btn-select.disabled .btn-fill {
  color: #ffffff !important;
  background: #bebebe !important;
  border-color: #bebebe !important;
}
.btn-select.disabled .btn-hollow {
  color: #bebebe !important;
  background: #ffffff !important;
  border-color: #bebebe !important;
}
.btn-select button.btn {
  position: relative;
  padding-right: 42px;
  margin: 0;
}
.btn-select button.btn:before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 30px;
  border-right: 1px solid;
}
.btn-select button.btn:after {
  content: "";
  height: 10px;
  width: 10px;
  right: 10px;
  top: 12px;
  position: absolute;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-top: 3px solid;
  border-right: 3px solid;
  border-radius: 1.5px;
  pointer-events: none;
}
.btn-select button.btn:after.btn-fill:after {
  border-color: #ffffff;
  color: #ffffff;
  background: transparent;
}
.btn-select button.btn:after.btn-hollow:after {
  border-color: #26a862;
  color: #26a862;
  background: #ffffff;
}
.btn-select ul {
  border: 1px solid #00283d;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  width: 100%;
  top: calc(100% - 1px);
  background: #ffffff;
  z-index: 1;
  display: none;
}
.btn-select ul.open {
  display: block;
}
.btn-select ul li {
  color: #00283d;
  text-align: left;
  padding: 7px 15px;
  cursor: pointer;
}
.btn-select ul li:hover {
  color: #ffffff;
  background: #00283d;
}
.btn-select ul li:active {
  color: #ffffff;
  background: #00283d;
}

.btn-count-down {
  position: relative;
  top: 0;
  left: 0;
  width: 160px;
  height: 42px;
  padding: 0px;
  color: #00283d;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #00283d;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: center;
  cursor: pointer;
}
.btn-count-down:before {
  content: attr(data-btn-word);
  position: absolute;
  width: 100%;
  left: 0;
  background: transparent;
  top: 7px;
}
.btn-count-down .btn-count-down-bar {
  width: calc(100% - 2px);
  background-color: #ffffff;
  height: 100%;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.unClickable {
  cursor: no-drop !important;
  background-color: #bebebe;
  color: #333333;
  border: 1px solid #bebebe;
}

.btnDots {
  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;
  width: 100%;
  margin: 8px;
}

.btnDot {
  width: 8px;
  height: 8px;
  background: #cecece;
  border-radius: 50%;
  margin: 0 4px;
}

.modal-footer .btn-fill {
  background-color: #00283d;
  border-color: #00283d;
  color: #ffffff;
}
.modal-footer .btn-hollow {
  background-color: #ffffff;
  border-color: #00283d;
  color: #00283d;
}
.modal-footer button.btn,
.modal-footer a.btn {
  margin: 0px;
}
.modal-footer button:first-child {
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .modal-footer button {
    width: 100%;
    min-width: auto;
    white-space: normal;
    min-height: 42px;
    height: auto;
  }
}

.buttonTwo {
  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;
  margin-top: 30px;
}
.buttonTwo .ghostBtn {
  margin: 0px 5px;
}
.buttonTwo .normalButton {
  margin: 0px 5px;
}

.btn--s {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  width: 140px;
  padding: 0;
}

.btn--m {
  font-size: 16px;
  width: 200px;
}

.sms__actionArea .btn.unclickable.countBg {
  min-width: 80px;
  border-radius: 30px;
}

.sms__actionArea {
  margin-left: 0px;
}

.btn.unclickable.countBg {
  color: #00283d;
  border: 1px solid #00283d;
  border-radius: 0px;
}

.normalButton {
  border-radius: 5px;
  background-color: #00283d;
  width: 160px;
  height: 42px;
  font-size: 16px;
  letter-spacing: 0.6px;
  text-align: center;
  margin: 10px auto 0px;
  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;
  color: #fff;
  cursor: pointer;
  outline: none;
}

@media screen and (max-width: 768px) {
  .inputGroup__control--divided .countBg {
    min-width: 120px;
    width: auto;
  }
}
input[type=checkbox].checkbox, input[type=radio].checkboxcopyradio, input[type=radio].radio {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0px;
  display: none;
}
input[type=checkbox].checkbox:focus + label:before, input[type=radio].checkboxcopyradio:focus + label:before, input[type=radio].radio:focus + label:before {
  border: 1px solid #cccccc;
}
input[type=checkbox].checkbox:active + label:before, input[type=radio].checkboxcopyradio:active + label:before, input[type=radio].radio:active + label:before {
  -webkit-transition-duration: 0;
          transition-duration: 0;
}
input[type=checkbox].checkbox + label, input[type=radio].checkboxcopyradio + label, input[type=radio].radio + label {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  display: block;
  border: none;
  background: none;
  text-align: left;
  line-height: 25px;
  padding: 12px 0 0 40px;
  font-weight: bold;
  color: #111111;
}
input[type=checkbox].checkbox + label:before, input[type=radio].checkboxcopyradio + label:before, input[type=radio].radio + label:before {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  content: "";
  color: #cccccc;
  position: absolute;
  top: 24px;
  left: 0px;
  width: 28px;
  height: 28px;
  margin-top: -16px;
  border: 2px solid #00994e;
  text-align: center;
  border-radius: 2px;
  background: #fff;
}
input[type=checkbox].checkbox + label:after, input[type=radio].checkboxcopyradio + label:after, input[type=radio].radio + label:after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  content: "";
  background: #fff;
  position: absolute;
  top: 28px;
  left: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

input[type=radio].radio + label:after {
  top: 23px;
  left: 5px;
}

input[type=radio].radio:checked + label {
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  border-color: #51be77;
  padding: 10px 0 10px 35px;
  line-height: 25px;
}
input[type=radio].radio:checked + label:before {
  background-color: #51be77;
  border: 1px solid #fff;
}
input[type=radio].radio:checked + label:after {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
input[type=radio].radio + label {
  cursor: pointer;
}
input[type=radio].radio + label:before, input[type=radio].radio + label:after {
  border-radius: 50%;
}

input[type=checkbox].checkbox + label {
  cursor: pointer;
}
input[type=checkbox].checkbox + label:after {
  background: none;
  left: 8px;
  width: 13px;
  height: 7px;
  top: 25px;
  margin-top: -8px;
  border-style: solid;
  border-color: #00994e;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
input[type=checkbox].checkbox + label + label.agree-error {
  padding-left: 40px;
  margin-top: -10px;
  color: #ff2828;
  font-size: 14px;
  margin-top: -10px;
}
input[type=checkbox].checkbox:checked + label:before {
  -webkit-animation: borderscale 200ms ease-in;
          animation: borderscale 200ms ease-in;
  background: #fff;
}
input[type=checkbox].checkbox:checked + label:after {
  content: "";
  -webkit-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

input[type=radio].checkboxcopyradio + label {
  cursor: pointer;
}
input[type=radio].checkboxcopyradio + label:after {
  background: none;
  left: 8px;
  width: 13px;
  height: 7px;
  margin-top: -8px;
  border-style: solid;
  border-color: #00994e;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
input[type=radio].checkboxcopyradio:checked + label:before {
  -webkit-animation: borderscale 200ms ease-in;
          animation: borderscale 200ms ease-in;
  background: #fff;
}
input[type=radio].checkboxcopyradio:checked + label:after {
  content: "";
  -webkit-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

@media only screen and (max-width: 767px) {
  .CUBList--sequence > li {
    position: relative;
    font-size: 14px;
    padding-left: 50px;
  }
  .agreement .accordionForm__title.active + .accordionForm__content {
    padding: 20px 10px 0px 10px;
    margin-top: 10px;
  }
}
.double__checkbox {
  display: inline-block;
  position: relative;
}
.double__checkbox .trans-element-checkbox {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 15px;
}
.double__checkbox .trans-element-checkbox.checked {
  background-position: 0 -25px;
}
.double__checkbox .trans-element-checkbox {
  background: url("../../content/images/icon_check_s.png") no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  zoom: 1;
}
.double__checkbox label {
  margin-left: 40px;
  font-size: 16px;
  display: inline-block;
  min-height: 40px;
  padding-top: 9px;
  cursor: pointer;
}

.double_check {
  width: 45px;
  border-radius: 2px;
  background-color: #ababab;
  font-size: 12px;
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
}

.must_check {
  width: 45px;
  border-radius: 2px;
  background-color: #ea9393;
  font-size: 12px;
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
}

.transformSelect {
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.transformSelect li {
  position: relative;
  list-style: none;
}

.transformSelect li.open > span {
  border: 1px solid #00994e;
}

.transformSelect span,
.transformSelect input[type=text] {
  background: #ffffff no-repeat url("../../content/images/transformselect-down.png") 98% center;
  background-size: 20px;
  border: 1px solid #bebebe;
  color: #888;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  top: 0;
  line-height: 20px;
  padding-right: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 10px 15px;
  border-radius: 5px;
}

.transformSelect input[type=text] {
  width: 188px;
}

.transformSelect ul {
  position: absolute;
  border: 1px solid #71bf44;
  border-top: none;
  padding: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.transformSelect ul span {
  border: 0;
  background: #ffffff;
}

.transformSelect ul span:hover {
  background: #71bf44;
  color: #fff;
  border-radius: 0;
}

.transformSelect ul li {
  height: auto;
}

.transformSelect li.group ul {
  position: static;
  border: 1px solid #dddddd;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.transformSelect li.group span {
  font-style: italic;
  border-radius: 0;
  background: #F7F7F7;
}

.transformSelect li.group > span {
  background: #eeeeee;
  border-top: 1px solid #dddddd;
}

.transformSelect li.group ul span {
  text-indent: 10px;
  font-style: normal;
}

.transformSelect ul li.group ul span:hover {
  background: #dddddd;
}

.transformSelect input[type=checkbox] {
  position: relative;
  top: 2px;
  margin: 0 5px 0 0;
  cursor: pointer;
}

/* Radio */
.trans-element-radio,
.no-agree-word .trans-element-checkbox {
  width: 30px;
  height: 30px;
  display: inline-block;
  *display: block;
  margin-right: 5px;
  background: url("../../content/images/icon_check.png") no-repeat;
  vertical-align: middle;
  cursor: pointer;
  zoom: 1;
}

.choose-agree-word {
  width: 124px;
  height: 30px;
  *display: block;
  vertical-align: middle;
  cursor: pointer;
  zoom: 1;
}

.choose-agree-word .trans-element-radio {
  background: url("../../content/images/radio-agree.png") no-repeat;
  width: 62px;
  height: 30px;
  margin: 0;
  float: left;
}

.choose-agree-word .trans-element-radio.checked {
  background-position: right top;
}

.choose-agree-word .trans-element-radio.unchecked {
  background-position: right bottom;
}

.choose-agree-word span:first-child .trans-element-radio.checked {
  background-position: left bottom;
}

.choose-agree-word span:first-child .trans-element-radio.unchecked {
  background-position: left top;
}

.trans-element-radio.checked {
  background-position: -30px -30px;
}

.trans-element-radio.unchecked {
  background-position: -30px 0;
}

/* Checkbox */
.trans-element-checkbox {
  background: url("../../content/images/icon_check.png") no-repeat;
  background-size: 100%;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  zoom: 1;
  border-radius: 2px;
}

.trans-element-checkbox.checked {
  background-position: 0 -26px;
}

.trans-element-checkbox.unchecked {
  background-position: 0 0;
}

.trans-element-checkbox + label {
  display: inline-block;
  min-height: 30px;
  padding-top: 3px;
  cursor: pointer;
  padding-left: 40px;
}

.agreement__checkbox .trans-element-checkbox {
  top: 3px;
}

.fancyformSelect.mr-10 + .transformSelect {
  margin-right: 10px;
}

.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
          transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s, visibility 0s linear 0.25s;
  transition: opacity 0.25s, visibility 0s linear 0.25s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s, visibility 0s;
  transition: opacity 0.25s, visibility 0s;
}

.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-toolbar {
  top: 0;
  right: 0;
}

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0);
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: visible;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

.fancybox-close-small:before, .fancybox-close-small:after {
  position: absolute;
  left: 20px;
  top: 8px;
  content: " ";
  height: 18px;
  width: 3px;
  background-color: #fff;
}

.fancybox-close-small:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.fancybox-close-small:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
}

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}

.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::before,
.fancybox-button::after {
  content: "";
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3;
}

.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
}

.fancybox-button--left::after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fancybox-button--right::after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close::before, .fancybox-button--close::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Navigation arrows */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.fancybox-arrow::after {
  content: "";
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

.fancybox-arrow--right {
  right: 0;
}

.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0;
}

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}

/* Loading indicator */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate 0.8s infinite linear;
  animation: fancybox-rotate 0.8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0;
  }
  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}
/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none;
}

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent;
}

.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
}

.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
}

/* Thumbs */
.fancybox-thumbs {
  display: none;
}

.fancybox-button--thumbs {
  display: none;
}

@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block;
  }
  .fancybox-button--thumbs span {
    font-size: 23px;
  }
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
            box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 99995;
  }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }
  .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
  }
  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }
  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}
/*---------- popoup ----------*/
.fancybox-close-disabled .fancybox-close-small {
  display: none;
}

.popup {
  max-height: 100vh;
  max-width: 100vw;
  padding: 0;
  border-radius: 3px;
  overflow: visible;
  display: none;
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fancybox-slide--complete .popup {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.popup__title {
  height: 40px;
  border-radius: 3px 3px 0 0;
  background: #00994e;
  padding-left: 20px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.popup__container {
  padding: 40px;
  max-width: 60vw;
  max-height: 60vh;
  overflow: auto;
}

.popup__container--text {
  padding: 40px 30px;
}

.popup__image {
  text-align: center;
}

.popup__image img {
  width: 100%;
}

.popup .actionArea {
  padding-left: 50px;
  padding-right: 50px;
}

.popup .btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .popup .table {
    min-width: 300px;
  }
}
.wrap {
  max-width: 960px;
  margin: 0 auto;
}
@media all and (max-width: 1060px) {
  .wrap {
    margin: 0 50px;
  }
}
@media all and (max-width: 767px) {
  .wrap {
    margin: 0 auto;
  }
}

.main {
  min-height: 730px;
}

.loadingElement {
  display: none;
}

.loading .loadingElement {
  display: block;
}

/* ==========================================================================
   Header
   ========================================================================== */
.header {
  background: #00994e;
  height: 60px;
  position: relative;
}

.header__logo {
  display: block;
  width: 200px;
  height: 50px;
  background: url("../../content/images/logo--pc.png") 0 0;
  background-size: 200px 50px;
  float: left;
  /* margin-top: 5px; */
  margin-left: 25px;
}

.header__goback {
  display: none;
  position: absolute;
  left: 20px;
  top: 12px;
  background: url("../../content/images/header__goback.png");
  background-size: 15px 25px;
  width: 15px;
  height: 25px;
}

/* ==========================================================================
   gotop
   ========================================================================== */
.gotop {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  background: url("../../content/images/gotop.png");
  right: 120px;
  bottom: 90px;
  z-index: 999;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
.mobileShow {
  display: none;
}

@media screen and (max-width: 767px) {
  .main {
    min-height: 0;
  }
  .wrap {
    padding: 0 20px;
  }
  /* ==========================================================================
     Header
     ========================================================================== */
  /* ==========================================================================
     Footer
     ========================================================================== */
  .footer__left {
    width: 100px;
    font-size: 16px;
    letter-spacing: 0;
  }
  .footer__right {
    line-height: 1.6;
  }
  .footer__copyright {
    font-size: 14px;
  }
  /* ==========================================================================
     gotop
     ========================================================================== */
  .gotop {
    width: 40px;
    height: 40px;
    background: url("../../content/images/gotop@3x.png");
    background-size: 40px;
    right: 20px;
    bottom: 10px;
  }
  /* ==========================================================================
     Hide items
     ========================================================================== */
  .mobileHide {
    display: none;
  }
  .mobileShow {
    display: initial;
  }
}
@media screen and (max-width: 400px) {
  /* ==========================================================================
     Header
     ========================================================================== */
  .header {
    background-size: cover;
  }
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* ==========================================================================
     Header
     ========================================================================== */
  /* ==========================================================================
     Footer
     ========================================================================== */
  /* ==========================================================================
     Menu
     ========================================================================== */
}
.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

.w_230 {
  width: 230px;
  margin: 0 10px;
  display: inline-block;
  position: relative;
}
.w_230 .w_a_box {
  position: absolute;
  top: -25px;
  width: 100%;
  z-index: 20;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

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

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

.d-block {
  display: block !important;
}

.box_w100 {
  width: 100%;
  float: left;
}

.no-border-radius {
  border-radius: 0 !important;
}

.single-otp {
  background-color: rgba(0, 0, 0, 0.5);
}
.single-otp #otpConfirm {
  bottom: 0;
}
.single-otp #otpConfirm .disabledPhone {
  border-radius: 5px;
  border: 1px solid #bcbcbc;
}
.single-otp #otpConfirm .prefix-code {
  color: #333333;
  letter-spacing: 0.5px;
}
.single-otp #otpConfirm .countBg {
  border-radius: 5px;
}
.single-otp #otpConfirm .colorBall {
  font-size: 14px;
}
.single-otp .detectBox {
  padding-bottom: 80px;
  padding-top: 60px;
}
.single-otp .buttonTwo .unclickable {
  color: #ffffff;
  background-color: #bebebe;
}
@media screen and (max-width: 960px) {
  .single-otp .detectBox {
    padding: 20px 20px 60px;
  }
}

.ml-auto {
  margin-left: auto;
}

.mr-8 {
  margin-right: 8px;
}

.mr-m-10 {
  margin-right: -10px;
}

.pt-8 {
  padding-top: 8px;
}

.no_padding {
  padding: 0;
}

.m-0 {
  margin: 0px !important;
}

.mt-0,
.my-0 {
  margin-top: 0px !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0px !important;
}

.ml-0,
.mx-0 {
  margin-left: 0px !important;
}

.mr-0,
.mx-0 {
  margin-right: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.mt-5,
.my-5 {
  margin-top: 5px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 5px !important;
}

.ml-5,
.mx-5 {
  margin-left: 5px !important;
}

.mr-5,
.mx-5 {
  margin-right: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.mt-10,
.my-10 {
  margin-top: 10px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 10px !important;
}

.ml-10,
.mx-10 {
  margin-left: 10px !important;
}

.mr-10,
.mx-10 {
  margin-right: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.mt-15,
.my-15 {
  margin-top: 15px !important;
}

.mb-15,
.my-15 {
  margin-bottom: 15px !important;
}

.ml-15,
.mx-15 {
  margin-left: 15px !important;
}

.mr-15,
.mx-15 {
  margin-right: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20,
.my-20 {
  margin-top: 20px !important;
}

.mb-20,
.my-20 {
  margin-bottom: 20px !important;
}

.ml-20,
.mx-20 {
  margin-left: 20px !important;
}

.mr-20,
.mx-20 {
  margin-right: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.mt-25,
.my-25 {
  margin-top: 25px !important;
}

.mb-25,
.my-25 {
  margin-bottom: 25px !important;
}

.ml-25,
.mx-25 {
  margin-left: 25px !important;
}

.mr-25,
.mx-25 {
  margin-right: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.mt-30,
.my-30 {
  margin-top: 30px !important;
}

.mb-30,
.my-30 {
  margin-bottom: 30px !important;
}

.ml-30,
.mx-30 {
  margin-left: 30px !important;
}

.mr-30,
.mx-30 {
  margin-right: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.mt-35,
.my-35 {
  margin-top: 35px !important;
}

.mb-35,
.my-35 {
  margin-bottom: 35px !important;
}

.ml-35,
.mx-35 {
  margin-left: 35px !important;
}

.mr-35,
.mx-35 {
  margin-right: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.mt-40,
.my-40 {
  margin-top: 40px !important;
}

.mb-40,
.my-40 {
  margin-bottom: 40px !important;
}

.ml-40,
.mx-40 {
  margin-left: 40px !important;
}

.mr-40,
.mx-40 {
  margin-right: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.mt-45,
.my-45 {
  margin-top: 45px !important;
}

.mb-45,
.my-45 {
  margin-bottom: 45px !important;
}

.ml-45,
.mx-45 {
  margin-left: 45px !important;
}

.mr-45,
.mx-45 {
  margin-right: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.mt-50,
.my-50 {
  margin-top: 50px !important;
}

.mb-50,
.my-50 {
  margin-bottom: 50px !important;
}

.ml-50,
.mx-50 {
  margin-left: 50px !important;
}

.mr-50,
.mx-50 {
  margin-right: 50px !important;
}

@media screen and (max-width: 1300px) {
  .laptop-m-0 {
    margin: 0px !important;
  }
  .laptop-mt-0,
  .laptop-my-0 {
    margin-top: 0px !important;
  }
  .laptop-mb-0,
  .laptop-my-0 {
    margin-bottom: 0px !important;
  }
  .laptop-ml-0,
  .laptop-mx-0 {
    margin-left: 0px !important;
  }
  .laptop-mr-0,
  .laptop-mx-0 {
    margin-right: 0px !important;
  }
  .laptop-m-5 {
    margin: 5px !important;
  }
  .laptop-mt-5,
  .laptop-my-5 {
    margin-top: 5px !important;
  }
  .laptop-mb-5,
  .laptop-my-5 {
    margin-bottom: 5px !important;
  }
  .laptop-ml-5,
  .laptop-mx-5 {
    margin-left: 5px !important;
  }
  .laptop-mr-5,
  .laptop-mx-5 {
    margin-right: 5px !important;
  }
  .laptop-m-10 {
    margin: 10px !important;
  }
  .laptop-mt-10,
  .laptop-my-10 {
    margin-top: 10px !important;
  }
  .laptop-mb-10,
  .laptop-my-10 {
    margin-bottom: 10px !important;
  }
  .laptop-ml-10,
  .laptop-mx-10 {
    margin-left: 10px !important;
  }
  .laptop-mr-10,
  .laptop-mx-10 {
    margin-right: 10px !important;
  }
  .laptop-m-15 {
    margin: 15px !important;
  }
  .laptop-mt-15,
  .laptop-my-15 {
    margin-top: 15px !important;
  }
  .laptop-mb-15,
  .laptop-my-15 {
    margin-bottom: 15px !important;
  }
  .laptop-ml-15,
  .laptop-mx-15 {
    margin-left: 15px !important;
  }
  .laptop-mr-15,
  .laptop-mx-15 {
    margin-right: 15px !important;
  }
  .laptop-m-20 {
    margin: 20px !important;
  }
  .laptop-mt-20,
  .laptop-my-20 {
    margin-top: 20px !important;
  }
  .laptop-mb-20,
  .laptop-my-20 {
    margin-bottom: 20px !important;
  }
  .laptop-ml-20,
  .laptop-mx-20 {
    margin-left: 20px !important;
  }
  .laptop-mr-20,
  .laptop-mx-20 {
    margin-right: 20px !important;
  }
  .laptop-m-25 {
    margin: 25px !important;
  }
  .laptop-mt-25,
  .laptop-my-25 {
    margin-top: 25px !important;
  }
  .laptop-mb-25,
  .laptop-my-25 {
    margin-bottom: 25px !important;
  }
  .laptop-ml-25,
  .laptop-mx-25 {
    margin-left: 25px !important;
  }
  .laptop-mr-25,
  .laptop-mx-25 {
    margin-right: 25px !important;
  }
  .laptop-m-30 {
    margin: 30px !important;
  }
  .laptop-mt-30,
  .laptop-my-30 {
    margin-top: 30px !important;
  }
  .laptop-mb-30,
  .laptop-my-30 {
    margin-bottom: 30px !important;
  }
  .laptop-ml-30,
  .laptop-mx-30 {
    margin-left: 30px !important;
  }
  .laptop-mr-30,
  .laptop-mx-30 {
    margin-right: 30px !important;
  }
  .laptop-m-35 {
    margin: 35px !important;
  }
  .laptop-mt-35,
  .laptop-my-35 {
    margin-top: 35px !important;
  }
  .laptop-mb-35,
  .laptop-my-35 {
    margin-bottom: 35px !important;
  }
  .laptop-ml-35,
  .laptop-mx-35 {
    margin-left: 35px !important;
  }
  .laptop-mr-35,
  .laptop-mx-35 {
    margin-right: 35px !important;
  }
  .laptop-m-40 {
    margin: 40px !important;
  }
  .laptop-mt-40,
  .laptop-my-40 {
    margin-top: 40px !important;
  }
  .laptop-mb-40,
  .laptop-my-40 {
    margin-bottom: 40px !important;
  }
  .laptop-ml-40,
  .laptop-mx-40 {
    margin-left: 40px !important;
  }
  .laptop-mr-40,
  .laptop-mx-40 {
    margin-right: 40px !important;
  }
  .laptop-m-45 {
    margin: 45px !important;
  }
  .laptop-mt-45,
  .laptop-my-45 {
    margin-top: 45px !important;
  }
  .laptop-mb-45,
  .laptop-my-45 {
    margin-bottom: 45px !important;
  }
  .laptop-ml-45,
  .laptop-mx-45 {
    margin-left: 45px !important;
  }
  .laptop-mr-45,
  .laptop-mx-45 {
    margin-right: 45px !important;
  }
  .laptop-m-50 {
    margin: 50px !important;
  }
  .laptop-mt-50,
  .laptop-my-50 {
    margin-top: 50px !important;
  }
  .laptop-mb-50,
  .laptop-my-50 {
    margin-bottom: 50px !important;
  }
  .laptop-ml-50,
  .laptop-mx-50 {
    margin-left: 50px !important;
  }
  .laptop-mr-50,
  .laptop-mx-50 {
    margin-right: 50px !important;
  }
}
@media screen and (max-width: 960px) {
  .m-m-0 {
    margin: 0px !important;
  }
  .m-mt-0,
  .m-my-0 {
    margin-top: 0px !important;
  }
  .m-mb-0,
  .m-my-0 {
    margin-bottom: 0px !important;
  }
  .m-ml-0,
  .m-mx-0 {
    margin-left: 0px !important;
  }
  .m-mr-0,
  .m-mx-0 {
    margin-right: 0px !important;
  }
  .m-m-5 {
    margin: 5px !important;
  }
  .m-mt-5,
  .m-my-5 {
    margin-top: 5px !important;
  }
  .m-mb-5,
  .m-my-5 {
    margin-bottom: 5px !important;
  }
  .m-ml-5,
  .m-mx-5 {
    margin-left: 5px !important;
  }
  .m-mr-5,
  .m-mx-5 {
    margin-right: 5px !important;
  }
  .m-m-10 {
    margin: 10px !important;
  }
  .m-mt-10,
  .m-my-10 {
    margin-top: 10px !important;
  }
  .m-mb-10,
  .m-my-10 {
    margin-bottom: 10px !important;
  }
  .m-ml-10,
  .m-mx-10 {
    margin-left: 10px !important;
  }
  .m-mr-10,
  .m-mx-10 {
    margin-right: 10px !important;
  }
  .m-m-15 {
    margin: 15px !important;
  }
  .m-mt-15,
  .m-my-15 {
    margin-top: 15px !important;
  }
  .m-mb-15,
  .m-my-15 {
    margin-bottom: 15px !important;
  }
  .m-ml-15,
  .m-mx-15 {
    margin-left: 15px !important;
  }
  .m-mr-15,
  .m-mx-15 {
    margin-right: 15px !important;
  }
  .m-m-20 {
    margin: 20px !important;
  }
  .m-mt-20,
  .m-my-20 {
    margin-top: 20px !important;
  }
  .m-mb-20,
  .m-my-20 {
    margin-bottom: 20px !important;
  }
  .m-ml-20,
  .m-mx-20 {
    margin-left: 20px !important;
  }
  .m-mr-20,
  .m-mx-20 {
    margin-right: 20px !important;
  }
  .m-m-25 {
    margin: 25px !important;
  }
  .m-mt-25,
  .m-my-25 {
    margin-top: 25px !important;
  }
  .m-mb-25,
  .m-my-25 {
    margin-bottom: 25px !important;
  }
  .m-ml-25,
  .m-mx-25 {
    margin-left: 25px !important;
  }
  .m-mr-25,
  .m-mx-25 {
    margin-right: 25px !important;
  }
  .m-m-30 {
    margin: 30px !important;
  }
  .m-mt-30,
  .m-my-30 {
    margin-top: 30px !important;
  }
  .m-mb-30,
  .m-my-30 {
    margin-bottom: 30px !important;
  }
  .m-ml-30,
  .m-mx-30 {
    margin-left: 30px !important;
  }
  .m-mr-30,
  .m-mx-30 {
    margin-right: 30px !important;
  }
  .m-m-35 {
    margin: 35px !important;
  }
  .m-mt-35,
  .m-my-35 {
    margin-top: 35px !important;
  }
  .m-mb-35,
  .m-my-35 {
    margin-bottom: 35px !important;
  }
  .m-ml-35,
  .m-mx-35 {
    margin-left: 35px !important;
  }
  .m-mr-35,
  .m-mx-35 {
    margin-right: 35px !important;
  }
  .m-m-40 {
    margin: 40px !important;
  }
  .m-mt-40,
  .m-my-40 {
    margin-top: 40px !important;
  }
  .m-mb-40,
  .m-my-40 {
    margin-bottom: 40px !important;
  }
  .m-ml-40,
  .m-mx-40 {
    margin-left: 40px !important;
  }
  .m-mr-40,
  .m-mx-40 {
    margin-right: 40px !important;
  }
  .m-m-45 {
    margin: 45px !important;
  }
  .m-mt-45,
  .m-my-45 {
    margin-top: 45px !important;
  }
  .m-mb-45,
  .m-my-45 {
    margin-bottom: 45px !important;
  }
  .m-ml-45,
  .m-mx-45 {
    margin-left: 45px !important;
  }
  .m-mr-45,
  .m-mx-45 {
    margin-right: 45px !important;
  }
  .m-m-50 {
    margin: 50px !important;
  }
  .m-mt-50,
  .m-my-50 {
    margin-top: 50px !important;
  }
  .m-mb-50,
  .m-my-50 {
    margin-bottom: 50px !important;
  }
  .m-ml-50,
  .m-mx-50 {
    margin-left: 50px !important;
  }
  .m-mr-50,
  .m-mx-50 {
    margin-right: 50px !important;
  }
}
@media screen and (max-width: 768px) {
  .mobile-m-0 {
    margin: 0px !important;
  }
  .mobile-mt-0,
  .mobile-my-0 {
    margin-top: 0px !important;
  }
  .mobile-mb-0,
  .mobile-my-0 {
    margin-bottom: 0px !important;
  }
  .mobile-ml-0,
  .mobile-mx-0 {
    margin-left: 0px !important;
  }
  .mobile-mr-0,
  .mobile-mx-0 {
    margin-right: 0px !important;
  }
  .mobile-m-5 {
    margin: 5px !important;
  }
  .mobile-mt-5,
  .mobile-my-5 {
    margin-top: 5px !important;
  }
  .mobile-mb-5,
  .mobile-my-5 {
    margin-bottom: 5px !important;
  }
  .mobile-ml-5,
  .mobile-mx-5 {
    margin-left: 5px !important;
  }
  .mobile-mr-5,
  .mobile-mx-5 {
    margin-right: 5px !important;
  }
  .mobile-m-10 {
    margin: 10px !important;
  }
  .mobile-mt-10,
  .mobile-my-10 {
    margin-top: 10px !important;
  }
  .mobile-mb-10,
  .mobile-my-10 {
    margin-bottom: 10px !important;
  }
  .mobile-ml-10,
  .mobile-mx-10 {
    margin-left: 10px !important;
  }
  .mobile-mr-10,
  .mobile-mx-10 {
    margin-right: 10px !important;
  }
  .mobile-m-15 {
    margin: 15px !important;
  }
  .mobile-mt-15,
  .mobile-my-15 {
    margin-top: 15px !important;
  }
  .mobile-mb-15,
  .mobile-my-15 {
    margin-bottom: 15px !important;
  }
  .mobile-ml-15,
  .mobile-mx-15 {
    margin-left: 15px !important;
  }
  .mobile-mr-15,
  .mobile-mx-15 {
    margin-right: 15px !important;
  }
  .mobile-m-20 {
    margin: 20px !important;
  }
  .mobile-mt-20,
  .mobile-my-20 {
    margin-top: 20px !important;
  }
  .mobile-mb-20,
  .mobile-my-20 {
    margin-bottom: 20px !important;
  }
  .mobile-ml-20,
  .mobile-mx-20 {
    margin-left: 20px !important;
  }
  .mobile-mr-20,
  .mobile-mx-20 {
    margin-right: 20px !important;
  }
  .mobile-m-25 {
    margin: 25px !important;
  }
  .mobile-mt-25,
  .mobile-my-25 {
    margin-top: 25px !important;
  }
  .mobile-mb-25,
  .mobile-my-25 {
    margin-bottom: 25px !important;
  }
  .mobile-ml-25,
  .mobile-mx-25 {
    margin-left: 25px !important;
  }
  .mobile-mr-25,
  .mobile-mx-25 {
    margin-right: 25px !important;
  }
  .mobile-m-30 {
    margin: 30px !important;
  }
  .mobile-mt-30,
  .mobile-my-30 {
    margin-top: 30px !important;
  }
  .mobile-mb-30,
  .mobile-my-30 {
    margin-bottom: 30px !important;
  }
  .mobile-ml-30,
  .mobile-mx-30 {
    margin-left: 30px !important;
  }
  .mobile-mr-30,
  .mobile-mx-30 {
    margin-right: 30px !important;
  }
  .mobile-m-35 {
    margin: 35px !important;
  }
  .mobile-mt-35,
  .mobile-my-35 {
    margin-top: 35px !important;
  }
  .mobile-mb-35,
  .mobile-my-35 {
    margin-bottom: 35px !important;
  }
  .mobile-ml-35,
  .mobile-mx-35 {
    margin-left: 35px !important;
  }
  .mobile-mr-35,
  .mobile-mx-35 {
    margin-right: 35px !important;
  }
  .mobile-m-40 {
    margin: 40px !important;
  }
  .mobile-mt-40,
  .mobile-my-40 {
    margin-top: 40px !important;
  }
  .mobile-mb-40,
  .mobile-my-40 {
    margin-bottom: 40px !important;
  }
  .mobile-ml-40,
  .mobile-mx-40 {
    margin-left: 40px !important;
  }
  .mobile-mr-40,
  .mobile-mx-40 {
    margin-right: 40px !important;
  }
  .mobile-m-45 {
    margin: 45px !important;
  }
  .mobile-mt-45,
  .mobile-my-45 {
    margin-top: 45px !important;
  }
  .mobile-mb-45,
  .mobile-my-45 {
    margin-bottom: 45px !important;
  }
  .mobile-ml-45,
  .mobile-mx-45 {
    margin-left: 45px !important;
  }
  .mobile-mr-45,
  .mobile-mx-45 {
    margin-right: 45px !important;
  }
  .mobile-m-50 {
    margin: 50px !important;
  }
  .mobile-mt-50,
  .mobile-my-50 {
    margin-top: 50px !important;
  }
  .mobile-mb-50,
  .mobile-my-50 {
    margin-bottom: 50px !important;
  }
  .mobile-ml-50,
  .mobile-mx-50 {
    margin-left: 50px !important;
  }
  .mobile-mr-50,
  .mobile-mx-50 {
    margin-right: 50px !important;
  }
}
@media screen and (max-width: 480px) {
  .sm-m-0 {
    margin: 0px !important;
  }
  .sm-mt-0,
  .sm-my-0 {
    margin-top: 0px !important;
  }
  .sm-mb-0,
  .sm-my-0 {
    margin-bottom: 0px !important;
  }
  .sm-ml-0,
  .sm-mx-0 {
    margin-left: 0px !important;
  }
  .sm-mr-0,
  .sm-mx-0 {
    margin-right: 0px !important;
  }
  .sm-m-5 {
    margin: 5px !important;
  }
  .sm-mt-5,
  .sm-my-5 {
    margin-top: 5px !important;
  }
  .sm-mb-5,
  .sm-my-5 {
    margin-bottom: 5px !important;
  }
  .sm-ml-5,
  .sm-mx-5 {
    margin-left: 5px !important;
  }
  .sm-mr-5,
  .sm-mx-5 {
    margin-right: 5px !important;
  }
  .sm-m-10 {
    margin: 10px !important;
  }
  .sm-mt-10,
  .sm-my-10 {
    margin-top: 10px !important;
  }
  .sm-mb-10,
  .sm-my-10 {
    margin-bottom: 10px !important;
  }
  .sm-ml-10,
  .sm-mx-10 {
    margin-left: 10px !important;
  }
  .sm-mr-10,
  .sm-mx-10 {
    margin-right: 10px !important;
  }
  .sm-m-15 {
    margin: 15px !important;
  }
  .sm-mt-15,
  .sm-my-15 {
    margin-top: 15px !important;
  }
  .sm-mb-15,
  .sm-my-15 {
    margin-bottom: 15px !important;
  }
  .sm-ml-15,
  .sm-mx-15 {
    margin-left: 15px !important;
  }
  .sm-mr-15,
  .sm-mx-15 {
    margin-right: 15px !important;
  }
  .sm-m-20 {
    margin: 20px !important;
  }
  .sm-mt-20,
  .sm-my-20 {
    margin-top: 20px !important;
  }
  .sm-mb-20,
  .sm-my-20 {
    margin-bottom: 20px !important;
  }
  .sm-ml-20,
  .sm-mx-20 {
    margin-left: 20px !important;
  }
  .sm-mr-20,
  .sm-mx-20 {
    margin-right: 20px !important;
  }
  .sm-m-25 {
    margin: 25px !important;
  }
  .sm-mt-25,
  .sm-my-25 {
    margin-top: 25px !important;
  }
  .sm-mb-25,
  .sm-my-25 {
    margin-bottom: 25px !important;
  }
  .sm-ml-25,
  .sm-mx-25 {
    margin-left: 25px !important;
  }
  .sm-mr-25,
  .sm-mx-25 {
    margin-right: 25px !important;
  }
  .sm-m-30 {
    margin: 30px !important;
  }
  .sm-mt-30,
  .sm-my-30 {
    margin-top: 30px !important;
  }
  .sm-mb-30,
  .sm-my-30 {
    margin-bottom: 30px !important;
  }
  .sm-ml-30,
  .sm-mx-30 {
    margin-left: 30px !important;
  }
  .sm-mr-30,
  .sm-mx-30 {
    margin-right: 30px !important;
  }
  .sm-m-35 {
    margin: 35px !important;
  }
  .sm-mt-35,
  .sm-my-35 {
    margin-top: 35px !important;
  }
  .sm-mb-35,
  .sm-my-35 {
    margin-bottom: 35px !important;
  }
  .sm-ml-35,
  .sm-mx-35 {
    margin-left: 35px !important;
  }
  .sm-mr-35,
  .sm-mx-35 {
    margin-right: 35px !important;
  }
  .sm-m-40 {
    margin: 40px !important;
  }
  .sm-mt-40,
  .sm-my-40 {
    margin-top: 40px !important;
  }
  .sm-mb-40,
  .sm-my-40 {
    margin-bottom: 40px !important;
  }
  .sm-ml-40,
  .sm-mx-40 {
    margin-left: 40px !important;
  }
  .sm-mr-40,
  .sm-mx-40 {
    margin-right: 40px !important;
  }
  .sm-m-45 {
    margin: 45px !important;
  }
  .sm-mt-45,
  .sm-my-45 {
    margin-top: 45px !important;
  }
  .sm-mb-45,
  .sm-my-45 {
    margin-bottom: 45px !important;
  }
  .sm-ml-45,
  .sm-mx-45 {
    margin-left: 45px !important;
  }
  .sm-mr-45,
  .sm-mx-45 {
    margin-right: 45px !important;
  }
  .sm-m-50 {
    margin: 50px !important;
  }
  .sm-mt-50,
  .sm-my-50 {
    margin-top: 50px !important;
  }
  .sm-mb-50,
  .sm-my-50 {
    margin-bottom: 50px !important;
  }
  .sm-ml-50,
  .sm-mx-50 {
    margin-left: 50px !important;
  }
  .sm-mr-50,
  .sm-mx-50 {
    margin-right: 50px !important;
  }
}
.p-0 {
  padding: 0px !important;
}

.pt-0,
.py-0 {
  padding-top: 0px !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0px !important;
}

.pl-0,
.px-0 {
  padding-left: 0px !important;
}

.pr-0,
.px-0 {
  padding-right: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5,
.py-5 {
  padding-top: 5px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 5px !important;
}

.pl-5,
.px-5 {
  padding-left: 5px !important;
}

.pr-5,
.px-5 {
  padding-right: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10,
.py-10 {
  padding-top: 10px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 10px !important;
}

.pl-10,
.px-10 {
  padding-left: 10px !important;
}

.pr-10,
.px-10 {
  padding-right: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15,
.py-15 {
  padding-top: 15px !important;
}

.pb-15,
.py-15 {
  padding-bottom: 15px !important;
}

.pl-15,
.px-15 {
  padding-left: 15px !important;
}

.pr-15,
.px-15 {
  padding-right: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20,
.py-20 {
  padding-top: 20px !important;
}

.pb-20,
.py-20 {
  padding-bottom: 20px !important;
}

.pl-20,
.px-20 {
  padding-left: 20px !important;
}

.pr-20,
.px-20 {
  padding-right: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.pt-25,
.py-25 {
  padding-top: 25px !important;
}

.pb-25,
.py-25 {
  padding-bottom: 25px !important;
}

.pl-25,
.px-25 {
  padding-left: 25px !important;
}

.pr-25,
.px-25 {
  padding-right: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30,
.py-30 {
  padding-top: 30px !important;
}

.pb-30,
.py-30 {
  padding-bottom: 30px !important;
}

.pl-30,
.px-30 {
  padding-left: 30px !important;
}

.pr-30,
.px-30 {
  padding-right: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.pt-35,
.py-35 {
  padding-top: 35px !important;
}

.pb-35,
.py-35 {
  padding-bottom: 35px !important;
}

.pl-35,
.px-35 {
  padding-left: 35px !important;
}

.pr-35,
.px-35 {
  padding-right: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40,
.py-40 {
  padding-top: 40px !important;
}

.pb-40,
.py-40 {
  padding-bottom: 40px !important;
}

.pl-40,
.px-40 {
  padding-left: 40px !important;
}

.pr-40,
.px-40 {
  padding-right: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.pt-45,
.py-45 {
  padding-top: 45px !important;
}

.pb-45,
.py-45 {
  padding-bottom: 45px !important;
}

.pl-45,
.px-45 {
  padding-left: 45px !important;
}

.pr-45,
.px-45 {
  padding-right: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

.pt-50,
.py-50 {
  padding-top: 50px !important;
}

.pb-50,
.py-50 {
  padding-bottom: 50px !important;
}

.pl-50,
.px-50 {
  padding-left: 50px !important;
}

.pr-50,
.px-50 {
  padding-right: 50px !important;
}

.p-55 {
  padding: 55px !important;
}

.pt-55,
.py-55 {
  padding-top: 55px !important;
}

.pb-55,
.py-55 {
  padding-bottom: 55px !important;
}

.pl-55,
.px-55 {
  padding-left: 55px !important;
}

.pr-55,
.px-55 {
  padding-right: 55px !important;
}

.p-60 {
  padding: 60px !important;
}

.pt-60,
.py-60 {
  padding-top: 60px !important;
}

.pb-60,
.py-60 {
  padding-bottom: 60px !important;
}

.pl-60,
.px-60 {
  padding-left: 60px !important;
}

.pr-60,
.px-60 {
  padding-right: 60px !important;
}

.p-65 {
  padding: 65px !important;
}

.pt-65,
.py-65 {
  padding-top: 65px !important;
}

.pb-65,
.py-65 {
  padding-bottom: 65px !important;
}

.pl-65,
.px-65 {
  padding-left: 65px !important;
}

.pr-65,
.px-65 {
  padding-right: 65px !important;
}

.p-70 {
  padding: 70px !important;
}

.pt-70,
.py-70 {
  padding-top: 70px !important;
}

.pb-70,
.py-70 {
  padding-bottom: 70px !important;
}

.pl-70,
.px-70 {
  padding-left: 70px !important;
}

.pr-70,
.px-70 {
  padding-right: 70px !important;
}

.p-75 {
  padding: 75px !important;
}

.pt-75,
.py-75 {
  padding-top: 75px !important;
}

.pb-75,
.py-75 {
  padding-bottom: 75px !important;
}

.pl-75,
.px-75 {
  padding-left: 75px !important;
}

.pr-75,
.px-75 {
  padding-right: 75px !important;
}

.p-80 {
  padding: 80px !important;
}

.pt-80,
.py-80 {
  padding-top: 80px !important;
}

.pb-80,
.py-80 {
  padding-bottom: 80px !important;
}

.pl-80,
.px-80 {
  padding-left: 80px !important;
}

.pr-80,
.px-80 {
  padding-right: 80px !important;
}

.p-85 {
  padding: 85px !important;
}

.pt-85,
.py-85 {
  padding-top: 85px !important;
}

.pb-85,
.py-85 {
  padding-bottom: 85px !important;
}

.pl-85,
.px-85 {
  padding-left: 85px !important;
}

.pr-85,
.px-85 {
  padding-right: 85px !important;
}

.p-90 {
  padding: 90px !important;
}

.pt-90,
.py-90 {
  padding-top: 90px !important;
}

.pb-90,
.py-90 {
  padding-bottom: 90px !important;
}

.pl-90,
.px-90 {
  padding-left: 90px !important;
}

.pr-90,
.px-90 {
  padding-right: 90px !important;
}

.p-95 {
  padding: 95px !important;
}

.pt-95,
.py-95 {
  padding-top: 95px !important;
}

.pb-95,
.py-95 {
  padding-bottom: 95px !important;
}

.pl-95,
.px-95 {
  padding-left: 95px !important;
}

.pr-95,
.px-95 {
  padding-right: 95px !important;
}

.p-100 {
  padding: 100px !important;
}

.pt-100,
.py-100 {
  padding-top: 100px !important;
}

.pb-100,
.py-100 {
  padding-bottom: 100px !important;
}

.pl-100,
.px-100 {
  padding-left: 100px !important;
}

.pr-100,
.px-100 {
  padding-right: 100px !important;
}

@media screen and (max-width: 1300px) {
  .laptop-p-0 {
    padding: 0px !important;
  }
  .laptop-pt-0,
  .laptop-py-0 {
    padding-top: 0px !important;
  }
  .laptop-pb-0,
  .laptop-py-0 {
    padding-bottom: 0px !important;
  }
  .laptop-pl-0,
  .laptop-px-0 {
    padding-left: 0px !important;
  }
  .laptop-pr-0,
  .laptop-px-0 {
    padding-right: 0px !important;
  }
  .laptop-p-5 {
    padding: 5px !important;
  }
  .laptop-pt-5,
  .laptop-py-5 {
    padding-top: 5px !important;
  }
  .laptop-pb-5,
  .laptop-py-5 {
    padding-bottom: 5px !important;
  }
  .laptop-pl-5,
  .laptop-px-5 {
    padding-left: 5px !important;
  }
  .laptop-pr-5,
  .laptop-px-5 {
    padding-right: 5px !important;
  }
  .laptop-p-10 {
    padding: 10px !important;
  }
  .laptop-pt-10,
  .laptop-py-10 {
    padding-top: 10px !important;
  }
  .laptop-pb-10,
  .laptop-py-10 {
    padding-bottom: 10px !important;
  }
  .laptop-pl-10,
  .laptop-px-10 {
    padding-left: 10px !important;
  }
  .laptop-pr-10,
  .laptop-px-10 {
    padding-right: 10px !important;
  }
  .laptop-p-15 {
    padding: 15px !important;
  }
  .laptop-pt-15,
  .laptop-py-15 {
    padding-top: 15px !important;
  }
  .laptop-pb-15,
  .laptop-py-15 {
    padding-bottom: 15px !important;
  }
  .laptop-pl-15,
  .laptop-px-15 {
    padding-left: 15px !important;
  }
  .laptop-pr-15,
  .laptop-px-15 {
    padding-right: 15px !important;
  }
  .laptop-p-20 {
    padding: 20px !important;
  }
  .laptop-pt-20,
  .laptop-py-20 {
    padding-top: 20px !important;
  }
  .laptop-pb-20,
  .laptop-py-20 {
    padding-bottom: 20px !important;
  }
  .laptop-pl-20,
  .laptop-px-20 {
    padding-left: 20px !important;
  }
  .laptop-pr-20,
  .laptop-px-20 {
    padding-right: 20px !important;
  }
  .laptop-p-25 {
    padding: 25px !important;
  }
  .laptop-pt-25,
  .laptop-py-25 {
    padding-top: 25px !important;
  }
  .laptop-pb-25,
  .laptop-py-25 {
    padding-bottom: 25px !important;
  }
  .laptop-pl-25,
  .laptop-px-25 {
    padding-left: 25px !important;
  }
  .laptop-pr-25,
  .laptop-px-25 {
    padding-right: 25px !important;
  }
  .laptop-p-30 {
    padding: 30px !important;
  }
  .laptop-pt-30,
  .laptop-py-30 {
    padding-top: 30px !important;
  }
  .laptop-pb-30,
  .laptop-py-30 {
    padding-bottom: 30px !important;
  }
  .laptop-pl-30,
  .laptop-px-30 {
    padding-left: 30px !important;
  }
  .laptop-pr-30,
  .laptop-px-30 {
    padding-right: 30px !important;
  }
  .laptop-p-35 {
    padding: 35px !important;
  }
  .laptop-pt-35,
  .laptop-py-35 {
    padding-top: 35px !important;
  }
  .laptop-pb-35,
  .laptop-py-35 {
    padding-bottom: 35px !important;
  }
  .laptop-pl-35,
  .laptop-px-35 {
    padding-left: 35px !important;
  }
  .laptop-pr-35,
  .laptop-px-35 {
    padding-right: 35px !important;
  }
  .laptop-p-40 {
    padding: 40px !important;
  }
  .laptop-pt-40,
  .laptop-py-40 {
    padding-top: 40px !important;
  }
  .laptop-pb-40,
  .laptop-py-40 {
    padding-bottom: 40px !important;
  }
  .laptop-pl-40,
  .laptop-px-40 {
    padding-left: 40px !important;
  }
  .laptop-pr-40,
  .laptop-px-40 {
    padding-right: 40px !important;
  }
  .laptop-p-45 {
    padding: 45px !important;
  }
  .laptop-pt-45,
  .laptop-py-45 {
    padding-top: 45px !important;
  }
  .laptop-pb-45,
  .laptop-py-45 {
    padding-bottom: 45px !important;
  }
  .laptop-pl-45,
  .laptop-px-45 {
    padding-left: 45px !important;
  }
  .laptop-pr-45,
  .laptop-px-45 {
    padding-right: 45px !important;
  }
  .laptop-p-50 {
    padding: 50px !important;
  }
  .laptop-pt-50,
  .laptop-py-50 {
    padding-top: 50px !important;
  }
  .laptop-pb-50,
  .laptop-py-50 {
    padding-bottom: 50px !important;
  }
  .laptop-pl-50,
  .laptop-px-50 {
    padding-left: 50px !important;
  }
  .laptop-pr-50,
  .laptop-px-50 {
    padding-right: 50px !important;
  }
}
@media screen and (max-width: 960px) {
  .m-p-0 {
    padding: 0px !important;
  }
  .m-pt-0,
  .m-py-0 {
    padding-top: 0px !important;
  }
  .m-pb-0,
  .m-py-0 {
    padding-bottom: 0px !important;
  }
  .m-pl-0,
  .m-px-0 {
    padding-left: 0px !important;
  }
  .m-pr-0,
  .m-px-0 {
    padding-right: 0px !important;
  }
  .m-p-5 {
    padding: 5px !important;
  }
  .m-pt-5,
  .m-py-5 {
    padding-top: 5px !important;
  }
  .m-pb-5,
  .m-py-5 {
    padding-bottom: 5px !important;
  }
  .m-pl-5,
  .m-px-5 {
    padding-left: 5px !important;
  }
  .m-pr-5,
  .m-px-5 {
    padding-right: 5px !important;
  }
  .m-p-10 {
    padding: 10px !important;
  }
  .m-pt-10,
  .m-py-10 {
    padding-top: 10px !important;
  }
  .m-pb-10,
  .m-py-10 {
    padding-bottom: 10px !important;
  }
  .m-pl-10,
  .m-px-10 {
    padding-left: 10px !important;
  }
  .m-pr-10,
  .m-px-10 {
    padding-right: 10px !important;
  }
  .m-p-15 {
    padding: 15px !important;
  }
  .m-pt-15,
  .m-py-15 {
    padding-top: 15px !important;
  }
  .m-pb-15,
  .m-py-15 {
    padding-bottom: 15px !important;
  }
  .m-pl-15,
  .m-px-15 {
    padding-left: 15px !important;
  }
  .m-pr-15,
  .m-px-15 {
    padding-right: 15px !important;
  }
  .m-p-20 {
    padding: 20px !important;
  }
  .m-pt-20,
  .m-py-20 {
    padding-top: 20px !important;
  }
  .m-pb-20,
  .m-py-20 {
    padding-bottom: 20px !important;
  }
  .m-pl-20,
  .m-px-20 {
    padding-left: 20px !important;
  }
  .m-pr-20,
  .m-px-20 {
    padding-right: 20px !important;
  }
  .m-p-25 {
    padding: 25px !important;
  }
  .m-pt-25,
  .m-py-25 {
    padding-top: 25px !important;
  }
  .m-pb-25,
  .m-py-25 {
    padding-bottom: 25px !important;
  }
  .m-pl-25,
  .m-px-25 {
    padding-left: 25px !important;
  }
  .m-pr-25,
  .m-px-25 {
    padding-right: 25px !important;
  }
  .m-p-30 {
    padding: 30px !important;
  }
  .m-pt-30,
  .m-py-30 {
    padding-top: 30px !important;
  }
  .m-pb-30,
  .m-py-30 {
    padding-bottom: 30px !important;
  }
  .m-pl-30,
  .m-px-30 {
    padding-left: 30px !important;
  }
  .m-pr-30,
  .m-px-30 {
    padding-right: 30px !important;
  }
  .m-p-35 {
    padding: 35px !important;
  }
  .m-pt-35,
  .m-py-35 {
    padding-top: 35px !important;
  }
  .m-pb-35,
  .m-py-35 {
    padding-bottom: 35px !important;
  }
  .m-pl-35,
  .m-px-35 {
    padding-left: 35px !important;
  }
  .m-pr-35,
  .m-px-35 {
    padding-right: 35px !important;
  }
  .m-p-40 {
    padding: 40px !important;
  }
  .m-pt-40,
  .m-py-40 {
    padding-top: 40px !important;
  }
  .m-pb-40,
  .m-py-40 {
    padding-bottom: 40px !important;
  }
  .m-pl-40,
  .m-px-40 {
    padding-left: 40px !important;
  }
  .m-pr-40,
  .m-px-40 {
    padding-right: 40px !important;
  }
  .m-p-45 {
    padding: 45px !important;
  }
  .m-pt-45,
  .m-py-45 {
    padding-top: 45px !important;
  }
  .m-pb-45,
  .m-py-45 {
    padding-bottom: 45px !important;
  }
  .m-pl-45,
  .m-px-45 {
    padding-left: 45px !important;
  }
  .m-pr-45,
  .m-px-45 {
    padding-right: 45px !important;
  }
  .m-p-50 {
    padding: 50px !important;
  }
  .m-pt-50,
  .m-py-50 {
    padding-top: 50px !important;
  }
  .m-pb-50,
  .m-py-50 {
    padding-bottom: 50px !important;
  }
  .m-pl-50,
  .m-px-50 {
    padding-left: 50px !important;
  }
  .m-pr-50,
  .m-px-50 {
    padding-right: 50px !important;
  }
}
@media screen and (max-width: 768px) {
  .mobile-p-0 {
    padding: 0px !important;
  }
  .mobile-pt-0,
  .mobile-py-0 {
    padding-top: 0px !important;
  }
  .mobile-pb-0,
  .mobile-py-0 {
    padding-bottom: 0px !important;
  }
  .mobile-pl-0,
  .mobile-px-0 {
    padding-left: 0px !important;
  }
  .mobile-pr-0,
  .mobile-px-0 {
    padding-right: 0px !important;
  }
  .mobile-p-5 {
    padding: 5px !important;
  }
  .mobile-pt-5,
  .mobile-py-5 {
    padding-top: 5px !important;
  }
  .mobile-pb-5,
  .mobile-py-5 {
    padding-bottom: 5px !important;
  }
  .mobile-pl-5,
  .mobile-px-5 {
    padding-left: 5px !important;
  }
  .mobile-pr-5,
  .mobile-px-5 {
    padding-right: 5px !important;
  }
  .mobile-p-10 {
    padding: 10px !important;
  }
  .mobile-pt-10,
  .mobile-py-10 {
    padding-top: 10px !important;
  }
  .mobile-pb-10,
  .mobile-py-10 {
    padding-bottom: 10px !important;
  }
  .mobile-pl-10,
  .mobile-px-10 {
    padding-left: 10px !important;
  }
  .mobile-pr-10,
  .mobile-px-10 {
    padding-right: 10px !important;
  }
  .mobile-p-15 {
    padding: 15px !important;
  }
  .mobile-pt-15,
  .mobile-py-15 {
    padding-top: 15px !important;
  }
  .mobile-pb-15,
  .mobile-py-15 {
    padding-bottom: 15px !important;
  }
  .mobile-pl-15,
  .mobile-px-15 {
    padding-left: 15px !important;
  }
  .mobile-pr-15,
  .mobile-px-15 {
    padding-right: 15px !important;
  }
  .mobile-p-20 {
    padding: 20px !important;
  }
  .mobile-pt-20,
  .mobile-py-20 {
    padding-top: 20px !important;
  }
  .mobile-pb-20,
  .mobile-py-20 {
    padding-bottom: 20px !important;
  }
  .mobile-pl-20,
  .mobile-px-20 {
    padding-left: 20px !important;
  }
  .mobile-pr-20,
  .mobile-px-20 {
    padding-right: 20px !important;
  }
  .mobile-p-25 {
    padding: 25px !important;
  }
  .mobile-pt-25,
  .mobile-py-25 {
    padding-top: 25px !important;
  }
  .mobile-pb-25,
  .mobile-py-25 {
    padding-bottom: 25px !important;
  }
  .mobile-pl-25,
  .mobile-px-25 {
    padding-left: 25px !important;
  }
  .mobile-pr-25,
  .mobile-px-25 {
    padding-right: 25px !important;
  }
  .mobile-p-30 {
    padding: 30px !important;
  }
  .mobile-pt-30,
  .mobile-py-30 {
    padding-top: 30px !important;
  }
  .mobile-pb-30,
  .mobile-py-30 {
    padding-bottom: 30px !important;
  }
  .mobile-pl-30,
  .mobile-px-30 {
    padding-left: 30px !important;
  }
  .mobile-pr-30,
  .mobile-px-30 {
    padding-right: 30px !important;
  }
  .mobile-p-35 {
    padding: 35px !important;
  }
  .mobile-pt-35,
  .mobile-py-35 {
    padding-top: 35px !important;
  }
  .mobile-pb-35,
  .mobile-py-35 {
    padding-bottom: 35px !important;
  }
  .mobile-pl-35,
  .mobile-px-35 {
    padding-left: 35px !important;
  }
  .mobile-pr-35,
  .mobile-px-35 {
    padding-right: 35px !important;
  }
  .mobile-p-40 {
    padding: 40px !important;
  }
  .mobile-pt-40,
  .mobile-py-40 {
    padding-top: 40px !important;
  }
  .mobile-pb-40,
  .mobile-py-40 {
    padding-bottom: 40px !important;
  }
  .mobile-pl-40,
  .mobile-px-40 {
    padding-left: 40px !important;
  }
  .mobile-pr-40,
  .mobile-px-40 {
    padding-right: 40px !important;
  }
  .mobile-p-45 {
    padding: 45px !important;
  }
  .mobile-pt-45,
  .mobile-py-45 {
    padding-top: 45px !important;
  }
  .mobile-pb-45,
  .mobile-py-45 {
    padding-bottom: 45px !important;
  }
  .mobile-pl-45,
  .mobile-px-45 {
    padding-left: 45px !important;
  }
  .mobile-pr-45,
  .mobile-px-45 {
    padding-right: 45px !important;
  }
  .mobile-p-50 {
    padding: 50px !important;
  }
  .mobile-pt-50,
  .mobile-py-50 {
    padding-top: 50px !important;
  }
  .mobile-pb-50,
  .mobile-py-50 {
    padding-bottom: 50px !important;
  }
  .mobile-pl-50,
  .mobile-px-50 {
    padding-left: 50px !important;
  }
  .mobile-pr-50,
  .mobile-px-50 {
    padding-right: 50px !important;
  }
}
@font-face {
  font-family: BoldDFKai;
  src: url(../font/BoldDFKai.TTC);
}
.cube_title {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 28px;
}
@media all and (max-width: 768px) {
  .cube_title {
    font-size: 18px;
    margin-bottom: 13px;
  }
}

.cube_confirmtitle {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0;
}
@media all and (max-width: 768px) {
  .cube_confirmtitle {
    font-size: 18px;
    margin-bottom: 13px;
  }
}

.text_detailed {
  margin-top: 25px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  font-family: "微軟正黑體";
  color: #111111;
}

.light_title {
  font-weight: 600;
}

.s_title {
  font-weight: 600;
  padding: 0 10px;
}

.text__20 {
  font-size: 20px;
}

.text__16 {
  font-size: 16px;
}

.text__24 {
  font-size: 24px;
}

.text__22 {
  font-size: 22px;
}
@media all and (max-width: 768px) {
  .text__22 {
    font-size: 18px;
  }
}

.font12 {
  font-size: 11px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}
@media all and (max-width: 768px) {
  .font20 {
    font-size: 18px;
  }
}

.fontPrint {
  font-family: "標楷體", DFKai-sb;
  font-size: 12px;
  line-height: 16px;
}
.fontPrint .textBold {
  font-family: BoldDFKai, "標楷體", DFKai-sb;
  color: #000;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

@media screen and (max-width: 960px) {
  .m-fs-12 {
    font-size: 12px !important;
  }
  .m-fs-13 {
    font-size: 13px !important;
  }
  .m-fs-14 {
    font-size: 14px !important;
  }
  .m-fs-15 {
    font-size: 15px !important;
  }
  .m-fs-16 {
    font-size: 16px !important;
  }
  .m-fs-17 {
    font-size: 17px !important;
  }
  .m-fs-18 {
    font-size: 18px !important;
  }
  .m-fs-19 {
    font-size: 19px !important;
  }
  .m-fs-20 {
    font-size: 20px !important;
  }
  .m-fs-21 {
    font-size: 21px !important;
  }
  .m-fs-22 {
    font-size: 22px !important;
  }
  .m-fs-23 {
    font-size: 23px !important;
  }
  .m-fs-24 {
    font-size: 24px !important;
  }
  .m-fs-25 {
    font-size: 25px !important;
  }
  .m-fs-26 {
    font-size: 26px !important;
  }
  .m-fs-27 {
    font-size: 27px !important;
  }
  .m-fs-28 {
    font-size: 28px !important;
  }
  .m-fs-29 {
    font-size: 29px !important;
  }
  .m-fs-30 {
    font-size: 30px !important;
  }
  .m-fs-31 {
    font-size: 31px !important;
  }
  .m-fs-32 {
    font-size: 32px !important;
  }
  .m-fs-33 {
    font-size: 33px !important;
  }
  .m-fs-34 {
    font-size: 34px !important;
  }
  .m-fs-35 {
    font-size: 35px !important;
  }
  .m-fs-36 {
    font-size: 36px !important;
  }
  .m-fs-37 {
    font-size: 37px !important;
  }
  .m-fs-38 {
    font-size: 38px !important;
  }
  .m-fs-39 {
    font-size: 39px !important;
  }
  .m-fs-40 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .mobile-fs-12 {
    font-size: 12px !important;
  }
  .mobile-fs-13 {
    font-size: 13px !important;
  }
  .mobile-fs-14 {
    font-size: 14px !important;
  }
  .mobile-fs-15 {
    font-size: 15px !important;
  }
  .mobile-fs-16 {
    font-size: 16px !important;
  }
  .mobile-fs-17 {
    font-size: 17px !important;
  }
  .mobile-fs-18 {
    font-size: 18px !important;
  }
  .mobile-fs-19 {
    font-size: 19px !important;
  }
  .mobile-fs-20 {
    font-size: 20px !important;
  }
  .mobile-fs-21 {
    font-size: 21px !important;
  }
  .mobile-fs-22 {
    font-size: 22px !important;
  }
  .mobile-fs-23 {
    font-size: 23px !important;
  }
  .mobile-fs-24 {
    font-size: 24px !important;
  }
  .mobile-fs-25 {
    font-size: 25px !important;
  }
  .mobile-fs-26 {
    font-size: 26px !important;
  }
  .mobile-fs-27 {
    font-size: 27px !important;
  }
  .mobile-fs-28 {
    font-size: 28px !important;
  }
  .mobile-fs-29 {
    font-size: 29px !important;
  }
  .mobile-fs-30 {
    font-size: 30px !important;
  }
  .mobile-fs-31 {
    font-size: 31px !important;
  }
  .mobile-fs-32 {
    font-size: 32px !important;
  }
  .mobile-fs-33 {
    font-size: 33px !important;
  }
  .mobile-fs-34 {
    font-size: 34px !important;
  }
  .mobile-fs-35 {
    font-size: 35px !important;
  }
  .mobile-fs-36 {
    font-size: 36px !important;
  }
  .mobile-fs-37 {
    font-size: 37px !important;
  }
  .mobile-fs-38 {
    font-size: 38px !important;
  }
  .mobile-fs-39 {
    font-size: 39px !important;
  }
  .mobile-fs-40 {
    font-size: 40px !important;
  }
}
.font-sans-serif {
  font-family: sans-serif;
}

.textBold {
  font-weight: bold;
}

.textUnderline {
  text-decoration: underline;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.textLeft {
  text-align: left;
}

.textNowrap {
  white-space: nowrap;
}

.textBlack {
  color: #333;
  font-weight: 500;
}

.color_Alabaster {
  color: #f8f8f8;
}

.color_Alabaster_Solid {
  color: #FAFAFA;
}

.color_White {
  color: #fff;
}

.color_Spring_Wood {
  color: #F9FBF7;
}

.color_Seashell {
  color: #F1F1F1;
}

.color_Alto {
  color: #D8D8D8;
}

.color_Emerald {
  color: #51BE77;
}

.color_Green_Haze {
  color: #00994e;
}

.color_Green_Primary {
  color: #00994e;
}

.color_Wild_Watermelon {
  color: #FD596D;
}

.color_Blaze_Orange {
  color: #e87c07;
}

.color_Red_Orange {
  color: #ff2828;
}

.color_Silver_Chalice {
  color: #A7A7A7;
}

.color_Dove_Gray {
  color: #6D6D6D;
}

.color_Mine_Shaft {
  color: #333333;
}

.color_light_Shaft {
  color: #888888;
}

.color_Tundora {
  color: #4A4A4A;
}

.color_Cod_Gray {
  color: #111111;
}

.color_Orange {
  color: #ff7313;
}

.color_blank {
  color: #000000;
}

.color_Deep_Blue {
  color: #00283d !important;
}

/*---------- form ----------*/
label.error {
  color: #e00b00;
  display: block;
  font-size: 14px;
}

label.caption {
  display: block;
  font-size: 14px;
  margin-left: 270px;
}
label.caption.alert {
  color: #e00b00;
}

select.error + ul span {
  border: 1px solid #ff2828;
}

input[type=text],
input[type=search],
input[type=date],
input[type=tel],
input[type=password],
input[type=email],
input[type=file],
.textbox {
  width: 100%;
  padding: 0 15px;
  height: 40px;
  line-height: 38px;
  font-size: 1em;
  /*font-weight: bold;*/
  border: 1px solid #bebebe;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=file]::-moz-placeholder,
.textbox::-moz-placeholder {
  color: #9e9e9e;
  opacity: 1;
}

input[type=text]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
.textbox:-ms-input-placeholder {
  color: #9e9e9e;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
.textbox::-webkit-input-placeholder {
  color: #9e9e9e;
}

input[type=text]::-webkit-inner-spin-button,
input[type=text]::-webkit-outer-spin-button,
input[type=search]::-webkit-inner-spin-button,
input[type=search]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=tel]::-webkit-outer-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=password]::-webkit-outer-spin-button,
input[type=email]::-webkit-inner-spin-button,
input[type=email]::-webkit-outer-spin-button,
input[type=file]::-webkit-inner-spin-button,
input[type=file]::-webkit-outer-spin-button,
.textbox::-webkit-inner-spin-button,
.textbox::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=file]:focus,
.textbox:focus {
  outline: 1px solid #00994e;
}

input[type=text][disabled],
input[type=search][disabled],
input[type=date][disabled],
input[type=tel][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=file][disabled],
.textbox[disabled] {
  background: #eeeeee;
  border: 1px solid #bebebe;
  color: #555454;
}

input[type=text][disabled]::-moz-placeholder,
input[type=search][disabled]::-moz-placeholder,
input[type=date][disabled]::-moz-placeholder,
input[type=tel][disabled]::-moz-placeholder,
input[type=password][disabled]::-moz-placeholder,
input[type=email][disabled]::-moz-placeholder,
input[type=file][disabled]::-moz-placeholder,
.textbox[disabled]::-moz-placeholder {
  color: #6d6d6d;
  opacity: 1;
}

input[type=text][disabled]:-ms-input-placeholder,
input[type=search][disabled]:-ms-input-placeholder,
input[type=date][disabled]:-ms-input-placeholder,
input[type=tel][disabled]:-ms-input-placeholder,
input[type=password][disabled]:-ms-input-placeholder,
input[type=email][disabled]:-ms-input-placeholder,
input[type=file][disabled]:-ms-input-placeholder,
.textbox[disabled]:-ms-input-placeholder {
  color: #6d6d6d;
}

input[type=text][disabled]::-webkit-input-placeholder,
input[type=search][disabled]::-webkit-input-placeholder,
input[type=date][disabled]::-webkit-input-placeholder,
input[type=tel][disabled]::-webkit-input-placeholder,
input[type=password][disabled]::-webkit-input-placeholder,
input[type=email][disabled]::-webkit-input-placeholder,
input[type=file][disabled]::-webkit-input-placeholder,
.textbox[disabled]::-webkit-input-placeholder {
  color: #6d6d6d;
}

input[type=text].error,
input[type=search].error,
input[type=date].error,
input[type=tel].error,
input[type=password].error,
input[type=email].error,
input[type=file].error,
.textbox.error {
  border: 1px solid #ff2828;
  outline: none;
}

input[type=date] {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  min-height: 40px;
}

input[type=date].error {
  border: 1px solid #ff2828;
  outline: none;
}

input[type=number] {
  width: 100%;
  padding: 0 15px;
  height: 40px;
  color: #9e9e9e;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=number]:focus {
  outline: 1px solid #00994e;
}

input[type=number].error {
  border: 1px solid #ff2828;
  outline: none;
}

.fancyRadio {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  border: 1px solid #bebebe;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-radius 0.2s;
  transition: border-radius 0.2s;
}

.fancyRadio.open {
  border-radius: 3px 3px 0 0;
}

.fancyRadio__input {
  display: none;
}

.fancyRadio__input:checked + label {
  background: #51be77;
  color: #fff;
}

.fancyRadio__label {
  display: table-cell;
  cursor: pointer;
  text-align: center;
  padding: 9px 0;
  color: #111111;
  background: #fff;
  border-right: 1px solid #bebebe;
}

.fancyRadio__label:last-child {
  border-right: 0;
}

.fancyRadio__content {
  padding: 20px;
  background: rgba(177, 177, 177, 0.1);
  display: none;
  border-radius: 0 0 3px 3px;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.fancyRadio__content .CUBList li {
  padding-left: 20px;
}
.fancyRadio__content .CUBList li:before {
  width: auto;
}

/*div + .fancyRadio__content > div {
  margin-top: 20px !important;
}*/
div + .fancyRadio__content > div:nth-child(1) {
  /*margin-top: 20px !important;*/
}

.fancyRadio--img .fancyRadio__label {
  padding: 5px 0;
  height: 30px;
  text-align: center;
}

.fancyRadio--img .fancyRadio__label img {
  height: 100%;
}

.fancyRadio__notice {
  line-height: 1.6;
}

.fancyRadio--disabled {
  cursor: default;
  background-color: #c1c1c1;
}

.fancyRadio--validate > div {
  display: table-cell;
}

.fancyRadio--validate .fancyRadio__label {
  display: block;
}

.fancyRadio--validate .fancyRadio__input {
  display: initial;
  position: absolute;
  left: -99999px;
  text-indent: -99999px;
  visibility: hidden;
}

.fancyBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fancyBtn__input {
  display: none;
}

.fancyBtn__label {
  width: 100%;
  display: table-cell;
  cursor: pointer;
  text-align: center;
  padding: 9px 0;
  color: #111111;
  background: #fff;
  border-right: 1px solid #bebebe;
  margin-right: 15px;
}
.fancyBtn__label:last-child {
  margin: 0;
}

input[type=radio]:not(.fancyRadio__input, [readonly]) {
  visibility: hidden;
  position: absolute;
  left: -99999px;
}
input[type=radio]:not(.fancyRadio__input, [readonly]).error + label {
  border-color: #ff2828;
}

input[type=radio]:not(.fancyRadio__input):checked + label {
  color: #333;
}

.inputGroup__tit {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #111111;
}

.inputGroup + .tit_10height {
  margin-top: 10px;
}

.inputGroup__control--creditCard .inputGroup__addon {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  z-index: 2;
}

.inputGroup__control--singleLine {
  padding-top: 15px;
}

.inputGroup__control--captcha .tableDiv {
  display: table;
  width: 100%;
}

.inputGroup__control--captcha .tableDiv > div {
  display: table-cell;
  vertical-align: top;
}

.inputGroup__control--captcha .tableDiv > div:first-child {
  width: 55%;
}

.inputGroup__control--captcha .tableDiv img {
  height: 40px;
  max-width: none !important;
  margin-left: 10px;
}

.inputGroup__control--wan,
.inputGroup__control--year {
  position: relative;
}

.inputGroup__control--wan:after {
  content: "萬元";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
  width: 40px;
}

.inputGroup__control--thousand:after {
  content: "仟元";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.inputGroup__control--ping:after {
  content: "坪";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.inputGroup__control--number:after {
  content: "號";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.inputGroup__control--year:after {
  content: "年";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.inputGroup__control--experience {
  position: relative;
}

.inputGroup__control--experience:before {
  content: "月";
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 10px;
  line-height: 40px;
  color: #9e9e9e;
}

.inputGroup__control--experience:after {
  content: "年";
  position: absolute;
  right: 52%;
  bottom: 0;
  margin-right: 10px;
  line-height: 40px;
  color: #9e9e9e;
}

.inputGroup + .inputGroup {
  margin-top: 25px;
}

.inputGroup.required .trans-element-checkbox + label {
  position: relative;
  padding-left: 10px;
}

.inputGroup.required .trans-element-checkbox + label:before {
  content: "*";
  position: absolute;
  left: 0;
}

.inputGroup + .inputGroup--closer {
  margin-top: 20px;
}

.inputGroup__info {
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -15px;
}

.inputGroup__desc {
  color: #a1a1a1;
  margin-top: 3px;
  font-size: 15px;
}

.inputGroup__notice {
  margin-top: 20px;
}

.inputGroup--inside {
  display: table;
  width: 100%;
}

.inputGroup--inside .inputGroup__label {
  width: 150px;
  text-align: right;
  position: relative;
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 0;
}

.inputGroup--inside .inputGroup__control {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  /*width: 75%;*/
}

.ui-datepicker {
  z-index: 9999 !important;
}

.form {
  padding-right: 0px;
}

.form--nopadding {
  padding: 0;
}

.form__action {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
}

.form__section {
  margin-bottom: 20px;
  margin: 0 auto;
  max-width: 800px;
}

.form__section + .form__section {
  margin-top: 40px;
}

.form__section--service > .inputGroup > .inputGroup__label {
  padding-top: 0;
  text-align: left;
  display: table;
}

.form__section--service > .inputGroup > .inputGroup__label i {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
}

.form__section--service > .inputGroup > .inputGroup__label span {
  display: table-cell;
  vertical-align: middle;
}

.form__title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  width: 240px;
  text-align: right;
}

.form__title--nowidth {
  width: auto;
  text-align: left;
  color: #111;
}

.form__notice {
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  margin-top: 75px;
  line-height: 1.6;
}

.form__notice--forGroup {
  margin-top: 20px;
  margin-left: 180px;
}

.form + .page__content {
  margin-top: 30px;
}

.account-card::-webkit-input-placeholder {
  position: relative;
  bottom: 1px;
}

.account-card::-moz-placeholder {
  position: relative;
  bottom: 1px;
}

.account-card:-ms-input-placeholder {
  position: relative;
  bottom: 1px;
}

.account-card::-ms-input-placeholder {
  position: relative;
  bottom: 1px;
}

.account-card::placeholder {
  position: relative;
  bottom: 1px;
}

.inputGroup {
  position: relative;
}
.inputGroup.shareLinkBox {
  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;
}
.inputGroup.shareLinkBox .inputGroup__control {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-right: 130px;
}
.inputGroup.shareLinkBox .inputGroup__control input {
  padding-right: 80px;
}
.inputGroup.shareLinkBox .inputGroup__insideIcon {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 15px;
  font-size: 16px;
  cursor: pointer;
}
.inputGroup.shareLinkBox .inputGroup__outsideIcon {
  position: absolute;
  top: 5px;
  right: -42px;
}
.inputGroup.shareLinkBox .inputGroup__outsideIcon.iSprite30__fb {
  right: -87px;
}
.inputGroup.shareLinkBox.shareLinkBox-break .inputGroup__label {
  width: auto;
  position: static;
}
@media screen and (max-width: 768px) {
  .inputGroup.shareLinkBox .inputGroup__control {
    text-align: right;
  }
  .inputGroup.shareLinkBox .inputGroup__outsideIcon {
    position: static;
  }
  .inputGroup.shareLinkBox.shareLinkBox-break .inputGroup__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inputGroup.shareLinkBox.shareLinkBox-break .inputGroup__insideIcon {
    right: 35px;
  }
}
.inputGroup i.info {
  background: url("../../content/images/info_1.png");
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -30px;
  top: 10px;
  cursor: pointer;
}
.inputGroup .help-block {
  width: 100%;
}
.inputGroup .fancyRadio__content .help-block {
  margin: 0;
}
.inputGroup .agreement .accordionForm__title {
  padding: 12px 16px;
  font-size: 16px;
}
.inputGroup .agreement .accordionForm__title:before {
  background: none;
  background-image: url("../../content/images/accordion-no-circle-open.png");
  background-size: contain;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
}
.inputGroup .agreement .accordionForm__title.active:before {
  background-image: url("../../content/images/accordion-no-circle-close.png");
}
.inputGroup .agreement .accordionForm__title.active + .accordionForm__content {
  padding: 12px 16px;
}

.inputGroup__title {
  color: #4a4a4a;
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 600;
}

.inputGroup__label {
  width: 270px;
  padding: 8px 20px 0 0;
  left: 0;
  color: #333;
  top: 0;
  text-align: right;
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.inputGroup__label .inputGroup__label--star {
  vertical-align: sub;
}

.required > .inputGroup__label {
  padding-right: 40px;
}

.required > .inputGroup__label:after {
  content: "*";
  position: absolute;
  top: 12px;
  right: 30px;
}

.inputGroup__label > .icon {
  margin-right: 5px;
}

.inputGroup__control {
  margin-left: 270px;
  min-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.inputGroup__control .inputGroup__control-explanatory {
  word-break: keep-all;
  display: block;
  width: 105%;
}
.inputGroup__control .input-element[name=point] {
  padding-right: 61px;
  text-align: right;
}
.inputGroup__control.input_with_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inputGroup__control.input_with_text span {
  line-height: 40px;
}
.inputGroup__control .default-input {
  width: 120px;
  position: relative;
  margin-right: 10px;
}
.inputGroup__control .default-input span {
  position: absolute;
  right: 10px;
  line-height: 39px;
  top: 1px;
}
.inputGroup__control .default-unit {
  position: absolute;
  top: 9px;
  right: 16px;
  color: #bebebe;
}
.inputGroup__control .prefix-code {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #bebebe;
}

.inputGroup__control--half:before,
.inputGroup__control--half:after {
  content: "";
  display: table;
}

.inputGroup__control--half:after {
  clear: both;
}

.inputGroup__control--half input,
.inputGroup__control--half .transformSelect {
  float: left;
  width: 48%;
  margin-left: 4%;
}

.inputGroup__control--half input:first-of-type,
.inputGroup__control--half .transformSelect:first-of-type {
  margin-left: 0;
}

.inputGroup__control--third:before,
.inputGroup__control--third:after {
  content: "";
  display: table;
}

.inputGroup__control--third:after {
  clear: both;
}

.inputGroup__control--third input,
.inputGroup__control--third .transformSelect {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.inputGroup__control--third input:first-of-type,
.inputGroup__control--third .transformSelect:first-of-type {
  margin-left: 0;
}

/*4*/
.inputGroup__control--four:before,
.inputGroup__control--four:after {
  content: "";
  display: table;
}

.inputGroup__control--four:after {
  clear: both;
}

.inputGroup__control--four input[type=text],
.inputGroup__control--four .transformSelect {
  float: left;
  width: 24%;
  margin-left: 1.2%;
}

.inputGroup__control--four input:first-of-type,
.inputGroup__control--four .transformSelect:first-of-type {
  margin-left: 0;
}

.inputGroup__control--date {
  position: relative;
}

.inputGroup__control--date:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 10px;
  background-position: 0 -30px;
}

.inputGroup__control--tel {
  position: relative;
}

.inputGroup__control--tel:before,
.inputGroup__control--tel:after {
  content: "";
  display: table;
}

.inputGroup__control--tel:after {
  clear: both;
}

.inputGroup__control--tel input:first-child {
  float: left;
  width: 14%;
}

.inputGroup__control--tel input:last-child {
  float: left;
  width: 80%;
}

.inputGroup__control--tel > div {
  float: left;
  width: 6%;
  padding: 20px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inputGroup__control--tel > div:before {
  content: "";
  height: 1px;
  background: #bebebe;
  display: block;
}

.inputGroup__control--car {
  position: relative;
}

.inputGroup__control--car:before,
.inputGroup__control--car:after {
  content: "";
  display: table;
}

.inputGroup__control--car:after {
  clear: both;
}

.inputGroup__control--car input:first-child {
  float: left;
  width: 47%;
}

.inputGroup__control--car input:last-child {
  float: left;
  width: 47%;
}

.inputGroup__control--car > div {
  float: left;
  width: 6%;
  padding: 20px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inputGroup__control--car > div:before {
  content: "";
  height: 1px;
  background: #bebebe;
  display: block;
}

.inputGroup__control--companyTel {
  position: relative;
}

.inputGroup__control--companyTel:before,
.inputGroup__control--companyTel:after {
  content: "";
  display: table;
}

.inputGroup__control--companyTel:after {
  clear: both;
}

.inputGroup__control--companyTel input:first-child {
  float: left;
  width: 14%;
}

.inputGroup__control--companyTel input:nth-child(3).box80 {
  float: left;
  width: 80%;
}

.inputGroup__control--companyTel input:nth-child(3) {
  float: left;
  width: 60%;
}

.inputGroup__control--companyTel input:nth-child(4) {
  float: left;
  width: 18%;
  margin-left: 2%;
}

.inputGroup__control--companyTel *:nth-child(5) {
  clear: left;
}

.inputGroup__control--companyTel > div {
  float: left;
  width: 6%;
  padding: 20px 5px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inputGroup__control--companyTel > div:before {
  content: "";
  height: 1px;
  background: #bebebe;
  display: block;
}

.inputGroup__control--checkbox {
  margin-left: 0;
  padding-left: 40px;
  min-height: 30px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inputGroup__control--checkbox .trans-element-checkbox {
  position: absolute;
  top: 0;
  left: 0;
}

.inputGroup__control--checkbox .trans-element-checkbox + label {
  display: block;
}

.inputGroup__control--creditCard {
  position: relative;
}

.inputGroup__control--creditCard:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 10px;
  background-position: 0 -150px;
}

.inputGroup__captcha img {
  min-width: 120px;
  height: 42px;
}
.inputGroup__captcha .btn--s {
  min-width: 140px;
  white-space: nowrap;
}
.inputGroup__captcha .error-msg {
  position: absolute;
  top: 40px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .inputGroup__captcha {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important;
  }
  .inputGroup__captcha input {
    min-width: 100%;
  }
  .inputGroup__captcha img {
    height: 60px;
    max-width: 170px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .inputGroup__captcha .error-msg {
    position: static;
  }
  .inputGroup__captcha .btn--s {
    width: auto;
    line-height: 30px;
  }
}

.radioAddinput {
  min-height: 110px;
  position: relative;
}
.radioAddinput input {
  position: absolute;
  top: 50px;
  left: 40px;
  width: calc(100% - 80px);
}

.taxResult, .nextStep {
  display: none;
}

.box_border {
  padding: 5px 10px;
}

input[type=text][disabled].input_border {
  border: none;
  background: none;
}

.double_box {
  width: 100%;
  display: block;
}

.input_in {
  width: 100%;
}

.input_box {
  display: block;
  position: relative;
  width: 100%;
  float: left;
  height: 40px;
  padding-top: 10px;
}

input[type=text].input {
  position: absolute;
  left: 60px;
  width: 150px;
  height: 26px;
}

.input_line {
  float: left;
  margin: 0px 0;
  padding: 6px 8px 6px 0;
  width: 25%;
}
.input_line span.item {
  font-weight: 600;
  color: #000;
}

.input_line_space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0;
  padding: 6px 0px 6px 0;
  width: 100%;
}
.input_line_space span.item {
  font-weight: 600;
  color: #000;
}

input[type=radio].default:not(.fancyRadio__input) {
  visibility: hidden;
  position: absolute;
  left: -99999px;
}

input[type=radio].default:not(.fancyRadio__input) + label[disabled] {
  background-color: #ededed;
  pointer-events: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].inputLastChild {
  margin-left: 2%;
  border: 1px solid #bebebe;
}

.width100 .transformSelect {
  width: 100%;
}
.width100.selectMin33 .transformSelect {
  min-width: 33.33%;
}
.width100.selectMin50 .transformSelect {
  min-width: 49%;
}
@media screen and (max-width: 960px) {
  .width100.selectMin33 .transformSelect, .width100.selectMin50 .transformSelect {
    min-width: auto;
  }
}

.inputGroup__sameLine {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 640px) {
  .input_line {
    float: left;
    margin: 0px 0;
    padding: 6px 0;
    width: 50%;
  }
  .input_line span.item {
    font-weight: 600;
    color: #000;
  }
  .input_line_space {
    float: left;
    margin: 0px 0;
    padding: 6px 8px;
    width: 100%;
  }
  .input_line_space span.item {
    font-weight: 600;
    color: #000;
  }
  input[type=text].input_other {
    width: 60%;
  }
}
.countDownClock {
  max-width: 960px;
  margin: 26px auto 0px;
  text-align: right;
  vertical-align: middle;
}

.select_o {
  position: relative;
  vertical-align: middle;
  border-radius: 3px;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
  line-height: 20px;
  cursor: pointer;
  z-index: 9;
}

.select_o::after {
  content: " ";
  position: absolute;
  width: 25px;
  height: 22px;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
  top: 50%;
  margin-top: -11px;
  right: 10px;
}

.selectBox {
  cursor: pointer;
  border-radius: 3px;
  border: solid 1px #e8e8e7;
  background-color: #ffffff;
  font-size: 14px;
  padding: 4px 13px;
  margin: 10px;
  word-break: keep-all;
}
.selectBox.active {
  color: #00994e;
  border: 1px solid #00994e;
}

.selectDisabled {
  background-color: #a7a7a7;
  color: #fff;
  cursor: default;
}

.inputGroup__control--half .select_in {
  position: relative;
  width: 48%;
  float: left;
}
.inputGroup__control--half .select_in .select_box {
  width: 100%;
  float: left;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 9px 15px;
  line-height: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  overflow: hidden;
  z-index: 1;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
}
.inputGroup__control--half .select_in .select_box.error {
  border: 1px solid #ff2828;
  outline: none;
}
.inputGroup__control--half .select_in:nth-child(2) {
  position: relative;
  width: 48%;
  float: left;
  margin-left: 4%;
}

.select_in {
  position: relative;
  width: 100%;
  float: left;
}
.select_in .select_box {
  width: 100%;
  float: left;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 9px 15px;
  line-height: 20px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
  border: 1px solid #ccc;
}
.select_in .select_box.error {
  border: 1px solid #ff2828;
  outline: none;
}

.select_box::-ms-expand {
  display: none;
}

.input_text_detailed {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 26px;
  color: #000;
}
.input_text_detailed span {
  font-size: 20px;
  color: #00994e;
  font-weight: 600;
}

input[type=text].input_other {
  width: 79%;
  margin-left: 5px;
  position: absolute;
  top: 6px;
  left: 18%;
}

.inputGroup__info {
  margin-top: -25px;
}

.other_input {
  position: relative;
  margin-left: 40px;
}

.inputGroup__control {
  position: relative;
}
.inputGroup__control.ml_0 {
  margin-left: 0;
  min-height: 50px;
  padding-top: 12px;
}

.inputGroup__title {
  margin-left: 0px;
}

.inputGroup__label_b {
  display: block;
  position: relative;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 5px;
  text-align: left;
  padding-right: 20px;
}

.inputGroup__label_b {
  width: 270px;
  padding: 0px 30px 0 0;
  left: 0;
  top: 0;
  text-align: right;
  position: absolute;
  display: block;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inputGroup__label.w200 {
  width: 200px;
}

.inputGroup__control.w200 {
  margin-left: 200px;
}

.inputGroup.last_box {
  margin-bottom: 50px;
}
.inputGroup.last_box .forget_password {
  text-align: right;
  padding-top: 10px;
  position: relative;
}
.inputGroup.last_box .forget_password a {
  color: #00994e;
  font-size: 16px;
}

@media screen and (max-width: 1200px) {
  .inputGroup__info {
    margin-top: 2px;
    top: -30px;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .inputGroup__info {
    margin-top: 0;
    top: 0px;
    right: 0;
  }
  .inputGroup i.info {
    top: 4px;
    right: 0;
  }
  .inputGroup.last_box {
    margin-bottom: 10px;
  }
  .inputGroup.last_box .forget_password {
    position: absolute;
    top: -10px;
    right: 0;
    text-align: right;
    padding-top: 10px;
  }
  .inputGroup.last_box .forget_password a {
    color: #00994e;
    font-size: 14px;
  }
  .inputGroup .help-block {
    margin-left: 0;
  }
  .inputGroup {
    display: flow-root;
  }
  .inputGroup__control.m_disblock {
    min-height: auto;
  }
  .inputGroup + .inputGroup {
    margin-top: 20px;
  }
  .inputGroup + .inputGroup.mt_5 {
    margin-top: 5px;
  }
  .inputGroup__control--captcha .tableDiv img {
    margin-left: 0px;
  }
  .inputGroup__control--captcha .tableDiv > div:first-child {
    width: 100%;
  }
  .inputGroup__control--captcha .tableDiv > div {
    margin-top: 12px;
    margin-left: 0;
    float: left;
  }
  .inputGroup__label {
    position: relative;
    text-align: left;
  }
  input[type=text].input_other {
    width: 78%;
    margin-left: 100px;
    position: absolute;
    top: 6px;
    left: 0;
  }
  .inputGroup__label_b {
    width: 165px;
  }
  .inputGroup__control.select_with_text .transformSelect {
    width: 100%;
  }
}
/*---------- form ----------*/
label.error-msg {
  color: #ff2828;
  font-size: 14px;
}

label.caption {
  display: block;
  font-size: 14px;
  margin-left: 220px;
}
@media all and (max-width: 960px) {
  label.caption {
    margin-left: 165px;
  }
}
@media all and (max-width: 767px) {
  label.caption {
    margin-left: 0;
  }
}
label.caption.alert {
  color: #ff2828;
}

select.error + ul span {
  border: 1px solid #ff2828;
}

input[type=text],
input[type=search],
input[type=date],
input[type=tel],
input[type=password],
input[type=email],
input[type=file],
.textbox {
  width: 100%;
  padding: 0 15px;
  height: 42px;
  line-height: 38px;
  font-size: 1em;
  /*font-weight: bold;*/
  border: 1px solid #bebebe;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=file]::-moz-placeholder,
.textbox::-moz-placeholder {
  color: #9e9e9e;
  opacity: 1;
}

input[type=text]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
.textbox:-ms-input-placeholder {
  color: #9e9e9e;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
.textbox::-webkit-input-placeholder {
  color: #9e9e9e;
}

input[type=text]::-webkit-inner-spin-button,
input[type=text]::-webkit-outer-spin-button,
input[type=search]::-webkit-inner-spin-button,
input[type=search]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=tel]::-webkit-outer-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=password]::-webkit-outer-spin-button,
input[type=email]::-webkit-inner-spin-button,
input[type=email]::-webkit-outer-spin-button,
input[type=file]::-webkit-inner-spin-button,
input[type=file]::-webkit-outer-spin-button,
.textbox::-webkit-inner-spin-button,
.textbox::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=file]:focus,
.textbox:focus {
  outline: 1px solid #00994e;
}

input[type=text][disabled],
input[type=search][disabled],
input[type=date][disabled],
input[type=tel][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=file][disabled],
.textbox[disabled] {
  background: #ededed;
  border: 1px solid #bebebe;
  color: #555454;
}

input[type=text][disabled]::-moz-placeholder,
input[type=search][disabled]::-moz-placeholder,
input[type=date][disabled]::-moz-placeholder,
input[type=tel][disabled]::-moz-placeholder,
input[type=password][disabled]::-moz-placeholder,
input[type=email][disabled]::-moz-placeholder,
input[type=file][disabled]::-moz-placeholder,
.textbox[disabled]::-moz-placeholder {
  color: #6d6d6d;
  opacity: 1;
}

input[type=text][disabled]:-ms-input-placeholder,
input[type=search][disabled]:-ms-input-placeholder,
input[type=date][disabled]:-ms-input-placeholder,
input[type=tel][disabled]:-ms-input-placeholder,
input[type=password][disabled]:-ms-input-placeholder,
input[type=email][disabled]:-ms-input-placeholder,
input[type=file][disabled]:-ms-input-placeholder,
.textbox[disabled]:-ms-input-placeholder {
  color: #6d6d6d;
}

input[type=text][disabled]::-webkit-input-placeholder,
input[type=search][disabled]::-webkit-input-placeholder,
input[type=date][disabled]::-webkit-input-placeholder,
input[type=tel][disabled]::-webkit-input-placeholder,
input[type=password][disabled]::-webkit-input-placeholder,
input[type=email][disabled]::-webkit-input-placeholder,
input[type=file][disabled]::-webkit-input-placeholder,
.textbox[disabled]::-webkit-input-placeholder {
  color: #6d6d6d;
}

input[type=text].error,
input[type=search].error,
input[type=date].error,
input[type=tel].error,
input[type=password].error,
input[type=email].error,
input[type=file].error,
.textbox.error {
  border: 1px solid #ff2828;
  outline: none;
}

input[type=date] {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  min-height: 40px;
}

input[type=date].error {
  border: 1px solid #ff2828;
  outline: none;
}

input[type=number] {
  width: 100%;
  padding: 0 15px;
  height: 40px;
  color: #9e9e9e;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=number]:focus {
  outline: 1px solid #00994e;
}

input[type=number].error {
  border: 1px solid #ff2828;
  outline: none;
}

.fancyRadio {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  border: 1px solid #bebebe;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-radius 0.2s;
  transition: border-radius 0.2s;
}
.fancyRadio.plural {
  border: 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;
}
.fancyRadio.plural .fancyRadio__label {
  display: block;
  max-width: 105px;
  width: 100%;
  height: 40px;
  border: 1px solid #bebebe;
  border-radius: 3px;
  padding: 7px 0;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .fancyRadio.plural .fancyRadio__label.u-d-mobile-none {
    display: none;
  }
}
.fancyRadio.plural label:first-child {
  margin-right: 0px;
}
.fancyRadio.plural .fancyRadio__input:checked + label {
  border-color: transparent;
}
.fancyRadio.plural .fancyRadio__input[disabled] + label {
  background-color: #bebebe;
}

.fancyRadio.open {
  border-radius: 3px 3px 0 0;
}

.fancyRadio__input {
  display: none;
}

.fancyRadio__input:checked + label {
  background: #51be77;
  color: #fff;
}
.fancyRadio__input:checked + label.rdoIcon {
  background: none;
}
.fancyRadio__input:checked + label.rdoIcon:before {
  background: #51be77;
}

.fancyRadio__label {
  display: table-cell;
  cursor: pointer;
  text-align: center;
  padding: 9px 0;
  color: #111111;
  background: #fff;
  border-right: 1px solid #bebebe;
}
.fancyRadio__label.rdoIcon {
  width: 20px;
  height: 20px;
  border: 1px solid #bebebe !important;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0;
  left: 0;
}
.fancyRadio__label.rdoIcon:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}

.fancyRadio__label:last-child {
  border-right: 0;
}

.fancyRadio__content {
  padding: 20px;
  background: rgba(177, 177, 177, 0.1);
  display: none;
  border-radius: 0 0 3px 3px;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

/*div + .fancyRadio__content > div {
  margin-top: 20px !important;
}*/
div + .fancyRadio__content > div:nth-child(1) {
  /*margin-top: 20px !important;*/
}

.fancyRadio--img .fancyRadio__label {
  padding: 5px 0;
  height: 30px;
  text-align: center;
}

.fancyRadio--img .fancyRadio__label img {
  height: 100%;
}

.fancyRadio__notice {
  line-height: 1.6;
}

.fancyRadio--disabled {
  cursor: default;
  background-color: #c1c1c1;
}

.fancyRadio--validate > div {
  display: table-cell;
}

.fancyRadio--validate .fancyRadio__label {
  display: block;
}

.fancyRadio--validate .fancyRadio__input {
  display: initial;
  position: absolute;
  left: -99999px;
  text-indent: -99999px;
  visibility: hidden;
}

.control-group__tit {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #111111;
}

.control-group + .tit_10height {
  margin-top: 10px;
}

.controls--creditCard .control-group__addon {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  z-index: 2;
}

.controls--singleLine {
  padding-top: 15px;
}

.controls--captcha .tableDiv {
  display: table;
  width: 100%;
}

.controls--captcha .tableDiv > div {
  display: table-cell;
  vertical-align: top;
}

.controls--captcha .tableDiv > div:first-child {
  width: 55%;
}

.controls--captcha .tableDiv img {
  height: 40px;
  max-width: none !important;
  margin-left: 10px;
}

.controls--wan,
.controls--year {
  position: relative;
}

.controls--wan:after {
  content: "萬元";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
  width: 40px;
}

.controls--thousand:after {
  content: "仟元";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.controls--ping:after {
  content: "坪";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.controls--number:after {
  content: "號";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.controls--year:after {
  content: "年";
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
  line-height: 40px;
  color: #9e9e9e;
}

.controls--experience {
  position: relative;
}

.controls--experience:before {
  content: "月";
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 10px;
  line-height: 40px;
  color: #9e9e9e;
}

.controls--experience:after {
  content: "年";
  position: absolute;
  right: 52%;
  bottom: 0;
  margin-right: 10px;
  line-height: 40px;
  color: #9e9e9e;
}

.control-group + .control-group {
  margin-top: 25px;
}

.control-group.required .trans-element-checkbox + label {
  position: relative;
  padding-left: 10px;
}

.control-group.required .trans-element-checkbox + label:before {
  content: "*";
  position: absolute;
  left: 0;
}

.control-group + .control-group--closer {
  margin-top: 20px;
}

.control-group__info {
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -15px;
}

.control-group__desc {
  color: #a1a1a1;
  margin-top: 3px;
  font-size: 15px;
}

.control-group__notice {
  margin-top: 20px;
}

.control-group--inside {
  display: table;
  width: 100%;
}

.control-group--inside .control-group__label {
  width: 150px;
  text-align: right;
  position: relative;
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 0;
}

.control-group--inside .controls {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  /*width: 75%;*/
}

.ui-datepicker {
  z-index: 9999 !important;
}

.form {
  padding-right: 0px;
}

.form--nopadding {
  padding: 0;
}

.form__action {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
}

.form__section {
  margin-bottom: 20px;
  margin: 0 auto;
  max-width: 800px;
}

.form__section + .form__section {
  margin-top: 40px;
}

.form__section--service > .control-group > .control-group__label {
  padding-top: 0;
  text-align: left;
  display: table;
}

.form__section--service > .control-group > .control-group__label i {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
}

.form__section--service > .control-group > .control-group__label span {
  display: table-cell;
  vertical-align: middle;
}

.form__title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  width: 240px;
  text-align: right;
}

.form__title--nowidth {
  width: auto;
  text-align: left;
  color: #111;
}

.form__notice {
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  margin-top: 75px;
  line-height: 1.6;
}

.form__notice--forGroup {
  margin-top: 20px;
  margin-left: 180px;
}

.form + .page__content {
  margin-top: 30px;
}

.control-group {
  position: relative;
}
.control-group i.info {
  background: url("../../content/images/info.png");
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -30px;
  top: 10px;
}
.control-group .help-block {
  margin-left: 220px;
}
@media all and (max-width: 960px) {
  .control-group .help-block {
    margin-left: 165px;
  }
}
@media all and (max-width: 767px) {
  .control-group .help-block {
    margin-left: 0;
  }
}
.control-group .fancyRadio__content .help-block {
  margin: 0;
}

.control-group__title {
  color: #4a4a4a;
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 600;
}

.control-group__label {
  width: 220px;
  padding: 8px 20px 0 0;
  left: 0;
  color: #111;
  top: 0;
  text-align: right;
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 960px) {
  .control-group__label {
    width: 165px;
  }
}
@media all and (max-width: 767px) {
  .control-group__label {
    width: 0;
  }
}

.required > .control-group__label {
  padding-right: 40px;
}

.required > .control-group__label:after {
  content: "*";
  position: absolute;
  top: 12px;
  right: 30px;
}

.control-group__label > .icon {
  margin-right: 5px;
}

.controls {
  margin-left: 220px;
  min-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 960px) {
  .controls {
    margin-left: 165px;
  }
}
@media all and (max-width: 767px) {
  .controls {
    margin-left: 0;
  }
}
.controls .input-element[name=point] {
  padding-right: 61px;
  text-align: right;
}
.controls.input_with_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.controls.input_with_text span {
  line-height: 40px;
}
.controls.checkbox-borderbox, .controls.agreement__checkbox {
  margin-left: 0;
}
.controls .default-input {
  width: 120px;
  position: relative;
  margin-right: 10px;
}
.controls .default-input span {
  position: absolute;
  right: 10px;
  line-height: 39px;
  top: 1px;
}
.controls .default-unit {
  position: absolute;
  top: 7px;
  right: 16px;
  color: #a4a4a4;
}
.controls.sms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.controls.control-table-xscroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.controls.control-table-xscroll .table-responsive {
  margin-bottom: 0;
}
.controls.control-table-xscroll .table-responsive .table th {
  border-right: 1px solid #e8e8e8;
}
.controls.control-table-xscroll .table-responsive .table tr {
  background: none;
}
.controls.control-table-xscroll .table-responsive .table td {
  border: none;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
@media all and (max-width: 580px) {
  .controls.control-table-xscroll .table-responsive {
    width: 580px;
  }
}

.error-msg {
  display: none;
}

.was-invalidate input[type=text]:not([disabled]), .was-invalidate input[type=search], .was-invalidate input[type=date], .was-invalidate input[type=tel], .was-invalidate input[type=password], .was-invalidate input[type=email], .was-invalidate input[type=file], .was-invalidate .textbox, .was-invalidate .transformSelect span, .was-invalidate .transformSelect input[type=text] {
  border-color: #fd596d;
}

input[readonly]:not(.cubre-a-textbox__box) {
  background-color: #eeeeee;
  border-color: #bebebe;
}

.error-msg {
  display: block;
  font-size: 14px;
  color: #fd596d;
  margin-top: 3px;
}

.controls--half:before,
.controls--half:after {
  content: "";
  display: table;
}

.controls--half:after {
  clear: both;
}

.controls--half input,
.controls--half .transformSelect {
  float: left;
  width: 48%;
  margin-left: 4%;
}

.controls--half input:first-of-type,
.controls--half .transformSelect:first-of-type {
  margin-left: 0;
}

.controls--third:before,
.controls--third:after {
  content: "";
  display: table;
}

.controls--third:after {
  clear: both;
}

.controls--third input,
.controls--third .transformSelect {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.controls--third input:first-of-type,
.controls--third .transformSelect:first-of-type {
  margin-left: 0;
}

/*4*/
.controls--four:before,
.controls--four:after {
  content: "";
  display: table;
}

.controls--four:after {
  clear: both;
}

.controls--four input,
.controls--four .transformSelect {
  float: left;
  width: 24%;
  margin-left: 1.2%;
}

.controls--four input:first-of-type,
.controls--four .transformSelect:first-of-type {
  margin-left: 0;
}

.controls--date {
  position: relative;
}

.controls--date:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 10px;
  background-position: 0 -30px;
}

.controls--tel {
  position: relative;
}

.controls--tel:before,
.controls--tel:after {
  content: "";
  display: table;
}

.controls--tel:after {
  clear: both;
}

.controls--tel input:first-child {
  float: left;
  width: 14%;
}

.controls--tel input:last-child {
  float: left;
  width: 80%;
}

.controls--tel > div {
  float: left;
  width: 6%;
  padding: 20px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.controls--tel > div:before {
  content: "";
  height: 1px;
  background: #bebebe;
  display: block;
}

.controls--car {
  position: relative;
}

.controls--car:before,
.controls--car:after {
  content: "";
  display: table;
}

.controls--car:after {
  clear: both;
}

.controls--car input:first-child {
  float: left;
  width: 47%;
}

.controls--car input:last-child {
  float: left;
  width: 47%;
}

.controls--car > div {
  float: left;
  width: 6%;
  padding: 20px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.controls--car > div:before {
  content: "";
  height: 1px;
  background: #bebebe;
  display: block;
}

.controls--companyTel {
  position: relative;
}

.controls--companyTel:before,
.controls--companyTel:after {
  content: "";
  display: table;
}

.controls--companyTel:after {
  clear: both;
}

.controls--companyTel input:first-child {
  float: left;
  width: 14%;
}

.controls--companyTel input:nth-child(3).box80 {
  float: left;
  width: 80%;
}

.controls--companyTel input:nth-child(3) {
  float: left;
  width: 60%;
}

.controls--companyTel input:nth-child(4) {
  float: left;
  width: 18%;
  margin-left: 2%;
}

.controls--companyTel *:nth-child(5) {
  clear: left;
}

.controls--companyTel > div {
  float: left;
  width: 6%;
  padding: 20px 5px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.controls--companyTel > div:before {
  content: "";
  height: 1px;
  background: #bebebe;
  display: block;
}

.controls--checkbox {
  margin-left: 0;
  padding-left: 40px;
  min-height: 30px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.controls--checkbox .trans-element-checkbox {
  position: absolute;
  top: 0;
  left: 0;
}

.controls--checkbox .trans-element-checkbox + label {
  display: block;
}

.controls--creditCard {
  position: relative;
}

.controls--creditCard:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 10px;
  background-position: 0 -150px;
}

.radioAddinput {
  min-height: 110px;
  position: relative;
}
.radioAddinput input {
  position: absolute;
  top: 50px;
  left: 40px;
  width: calc(100% - 80px);
}

.taxResult, .nextStep {
  display: none;
}

.box_border {
  padding: 5px 10px;
}

input[type=text][disabled].input_border {
  border: none;
  background: none;
}

.double_box {
  width: 100%;
  display: block;
}

.input_in {
  width: 100%;
}

.input_box {
  display: block;
  position: relative;
  width: 100%;
  float: left;
  height: 40px;
  padding-top: 10px;
}

input[type=text].input {
  position: absolute;
  left: 60px;
  width: 150px;
  height: 26px;
}

.input_line {
  float: left;
  margin: 0px 0;
  padding: 6px 8px 6px 0;
  width: 25%;
}
.input_line span.item {
  font-weight: 600;
  color: #000;
}

.input_line_space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0;
  padding: 6px 0px 6px 0;
  width: 100%;
}
.input_line_space span.item {
  font-weight: 600;
  color: #000;
}

input[type=radio].default:not(.fancyRadio__input) {
  visibility: hidden;
  position: absolute;
  left: -99999px;
}

input[type=radio].default:not(.fancyRadio__input) + label[disabled] {
  background-color: #ededed;
  pointer-events: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].inputLastChild {
  margin-left: 2%;
  border: 1px solid #bebebe;
}

.width100 .transformSelect {
  width: 100%;
}

.control-group__sameLine {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-label {
  width: 45px;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
}
.input-label.optional {
  background-color: #ababab;
}
.input-label.required {
  background-color: #ea9393;
}

@media only screen and (max-width: 640px) {
  .input_line {
    float: left;
    margin: 0px 0;
    padding: 6px 0;
    width: 50%;
  }
  .input_line span.item {
    font-weight: 600;
    color: #000;
  }
  .input_line_space {
    float: left;
    margin: 0px 0;
    padding: 6px 8px;
    width: 100%;
  }
  .input_line_space span.item {
    font-weight: 600;
    color: #000;
  }
  input[type=text].input_other {
    width: 60%;
  }
}
.countDownClock {
  max-width: 960px;
  margin: 26px auto 0px;
  text-align: right;
  vertical-align: middle;
}

.select_o {
  position: relative;
  vertical-align: middle;
  border-radius: 3px;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
  line-height: 20px;
  cursor: pointer;
  z-index: 9;
}

.select_o::after {
  content: " ";
  position: absolute;
  width: 25px;
  height: 22px;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
  top: 50%;
  margin-top: -11px;
  right: 10px;
}

.selectBox {
  cursor: pointer;
  border-radius: 3px;
  border: solid 1px #e8e8e7;
  background-color: #ffffff;
  font-size: 14px;
  padding: 4px 13px;
  margin: 10px;
  word-break: keep-all;
}
.selectBox.active {
  color: #00994e;
  border: 1px solid #00994e;
}

.selectDisabled {
  background-color: #a7a7a7;
  color: #fff;
  cursor: default;
}

.controls--half .select_in {
  position: relative;
  width: 48%;
  float: left;
}
.controls--half .select_in .select_box {
  width: 100%;
  float: left;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 9px 15px;
  line-height: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  overflow: hidden;
  z-index: 1;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
}
.controls--half .select_in .select_box.error {
  border: 1px solid #ff2828;
  outline: none;
}
.controls--half .select_in:nth-child(2) {
  position: relative;
  width: 48%;
  float: left;
  margin-left: 4%;
}

.select_in {
  position: relative;
  width: 100%;
  float: left;
}
.select_in .select_box {
  width: 100%;
  float: left;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 9px 15px;
  line-height: 20px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
  border: 1px solid #ccc;
}
.select_in .select_box.error {
  border: 1px solid #ff2828;
  outline: none;
}

.select_box::-ms-expand {
  display: none;
}

.input_text_detailed {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 26px;
  color: #000;
}
.input_text_detailed span {
  font-size: 20px;
  color: #00994e;
  font-weight: 600;
}

input[type=text].input_other {
  width: 79%;
  margin-left: 5px;
  position: absolute;
  top: 6px;
  left: 18%;
}

.control-group__info {
  margin-top: -25px;
}

.other_input {
  position: relative;
  margin-left: 40px;
}

.controls {
  position: relative;
}
.controls.ml_0 {
  margin-left: 0;
  min-height: 50px;
  padding-top: 12px;
}

.control-group__title {
  margin-left: 0px;
}

.control-group__label_b {
  display: block;
  position: relative;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 5px;
  text-align: left;
  padding-right: 20px;
}

.control-group__label_b {
  width: 220px;
  padding: 0px 30px 0 0;
  left: 0;
  top: 0;
  text-align: right;
  position: absolute;
  display: block;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 960px) {
  .control-group__label_b {
    width: 165px;
  }
}

.control-group__label.w200 {
  width: 200px;
}

.controls.w200 {
  margin-left: 200px;
}

.control-group.last_box {
  margin-bottom: 50px;
}
.control-group.last_box .forget_password {
  text-align: right;
  padding-top: 10px;
  position: relative;
}
.control-group.last_box .forget_password a {
  color: #00994e;
  font-size: 16px;
}

@media screen and (max-width: 1200px) {
  .control-group__info {
    margin-top: 2px;
    top: -30px;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .control-group__info {
    margin-top: 0;
    top: 0px;
    right: 0;
  }
  .control-group.last_box {
    margin-bottom: 10px;
  }
  .control-group.last_box .forget_password {
    position: absolute;
    top: -10px;
    right: 0;
    text-align: right;
    padding-top: 10px;
  }
  .control-group.last_box .forget_password a {
    color: #00994e;
    font-size: 14px;
  }
  .control-group {
    display: flow-root;
  }
  .controls.m_disblock {
    min-height: auto;
  }
  .control-group + .control-group {
    margin-top: 20px;
  }
  .control-group + .control-group.mt_5 {
    margin-top: 5px;
  }
  .controls--captcha .tableDiv img {
    margin-left: 0px;
  }
  .controls--captcha .tableDiv > div:first-child {
    width: 100%;
  }
  .controls--captcha .tableDiv > div {
    margin-left: 0;
    float: left;
  }
  .control-group__label {
    position: relative;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .control-group__label {
    text-align: left;
    margin-bottom: 7px;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  input[type=text].input_other {
    width: 78%;
    margin-left: 100px;
    position: absolute;
    top: 6px;
    left: 0;
  }
  .control-group__label_b {
    width: 165px;
  }
  .controls.select_with_text .transformSelect {
    width: 100%;
  }
}
.local_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.local_address .transformSelect {
  width: 25%;
  padding-right: 15px;
}
.local_address input[type=text] {
  width: 50%;
}
.local_address .error {
  width: 100%;
}
@media screen and (max-width: 960px) {
  .local_address .transformSelect {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .local_address input[type=text] {
    width: 100%;
  }
}

.local_tal {
  display: inline-block;
}
.local_tal input:first-child {
  max-width: 200px;
}
@media screen and (max-width: 960px) {
  .local_tal input:first-child {
    max-width: none;
  }
}
.local_tal input:nth-child(2) {
  max-width: 200px;
}
.local_tal input:nth-child(3) {
  max-width: 190px;
}

.local_phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.local_phone input:nth-child(2) {
  min-width: 310px;
}
@media screen and (max-width: 960px) {
  .local_phone {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .local_phone input:nth-child(2) {
    min-width: auto;
  }
}

.local_house_phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.local_house_phone input:nth-child(2) {
  min-width: 490px;
}
@media screen and (max-width: 960px) {
  .local_house_phone {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .local_house_phone input:nth-child(2) {
    min-width: auto;
  }
}

.bookmaker > li,
.bookmaker-total > li,
.bookmaker-content-description > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: keep-all;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bookmaker input,
.bookmaker .transformSelect,
.bookmaker-total input,
.bookmaker-total .transformSelect,
.bookmaker-content-description input,
.bookmaker-content-description .transformSelect {
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 960px) {
  .bookmaker > li,
  .bookmaker-total > li,
  .bookmaker-content-description > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    word-break: normal;
    line-height: 36px;
  }
  .bookmaker > li .default-unit,
  .bookmaker-total > li .default-unit,
  .bookmaker-content-description > li .default-unit {
    line-height: 1.5;
  }
}

.bookmaker input, .bookmaker-total input {
  max-width: 160px;
}

.bookmaker-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: keep-all;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 960px) {
  .bookmaker-total {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    word-break: normal;
    line-height: 36px;
  }
  .bookmaker-total input {
    width: 100%;
  }
  .bookmaker-total .default-unit {
    line-height: 1.5;
  }
}

.bookmaker-content-description {
  background-color: #fafafa;
  border-radius: 5px;
}
.bookmaker-content-description > li {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bookmaker-content-description > li .d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bookmaker-content-description > li .d-flex input {
  max-width: 130px;
}
.bookmaker-content-description > li .d-flex .transformSelect {
  min-width: 130px;
}
.bookmaker-content-description > li .d-flex:last-child input {
  min-width: 270px;
}
.bookmaker-content-description > li .d-flex:last-child .transformSelect {
  min-width: 230px;
}
@media screen and (max-width: 960px) {
  .bookmaker-content-description > li {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .bookmaker-content-description > li .d-flex {
    width: 100%;
    word-break: keep-all;
  }
  .bookmaker-content-description > li .d-flex .transformSelect {
    max-width: 130px;
  }
  .bookmaker-content-description > li .d-flex:last-child input {
    min-width: auto;
    max-width: 211px;
  }
  .bookmaker-content-description > li .d-flex:last-child .transformSelect {
    min-width: 230px;
  }
}

.check-green-line-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
}
.check-green-line-box.check-green-line-three .check-green-line-item label {
  word-break: keep-all;
  text-align: center;
  max-width: 73px;
  border: 1px solid #bebebe;
  border-radius: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}
.check-green-line-box.check-green-line-three .check-green-line-item input:checked ~ label {
  border-color: #26a862;
}
@media screen and (max-width: 960px) {
  .check-green-line-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .check-green-line-box.check-green-line-three .check-green-line-item label {
    width: 86px;
    max-width: 90px;
  }
  .check-green-line-box .loan__actionArea {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .check-green-line-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .check-green-line-box .loan__actionArea a {
    line-height: 28px;
  }
}

.control-row-group .control-label {
  width: 100%;
  text-align: left;
  margin: 0;
}
.control-row-group .controls {
  margin-left: 0;
}

@-webkit-keyframes cwSpin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes cwSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.box_lightbox {
  display: none;
}

@media only screen and (max-width: 767px) {
  .box_lightbox {
    display: none;
    position: fixed;
    background: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 25px 25px 10px;
    z-index: 100000;
    overflow: hidden;
    max-height: 266px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-name: box_lightbox;
            animation-name: box_lightbox;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
  }
  .box_lightbox.on {
    display: block;
  }
  @-webkit-keyframes box_lightbox {
    0% {
      -webkit-transform: translateY(266px);
              transform: translateY(266px);
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
  }
  @keyframes box_lightbox {
    0% {
      -webkit-transform: translateY(266px);
              transform: translateY(266px);
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
  }
  .box_lightbox .box_lightbox__text {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #6d6d6d;
  }
  p.i_step {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #59ad3d;
    margin: 0;
    text-align: left;
  }
  .box_lightbox_bg {
    display: none;
    position: fixed;
    opacity: 0;
    background: #6d6d6d;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
  }
  .box_lightbox_bg.on {
    display: block;
  }
}
.header {
  height: 70px;
  position: relative;
  -webkit-box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.header .header__title {
  font-size: 22px;
  font-weight: 550;
  margin: 0px 10px 0 0;
  color: #00283d;
  text-align: right;
  line-height: 70px;
}
@media all and (max-width: 767px) {
  .header .header__title {
    margin: 0 0;
    line-height: 50px;
    font-size: 18px;
  }
}

.header__logo {
  display: block;
  width: 258px;
  height: 39px;
  background: url("../../content/images/header-logo.svg") 0 0;
  background-size: 258px 39px;
  margin-top: 15px;
  margin-left: 25px;
}

.header__title {
  margin-right: 30px;
  margin-top: 10px;
}

.banner {
  width: 100%;
  height: 280px;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  .banner {
    height: 130px;
  }
}
.banner .CUBbannerNew__img {
  position: relative;
  background: url("../../content/images/banner.png");
  height: 280px;
  width: 100%;
  z-index: 10;
  background-size: 60%;
  background-position-x: right;
  background-position-y: top;
  background-repeat: no-repeat;
}
@media all and (max-width: 1790px) {
  .banner .CUBbannerNew__img {
    background-size: contain;
  }
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img {
    height: 130px;
  }
}
.banner .CUBbannerNew__img .banner_cover {
  position: relative;
  height: 280px;
  width: 40%;
  background: #65bd45;
  z-index: 10;
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img .banner_cover {
    height: 130px;
    width: 180px;
  }
}
.banner .CUBbannerNew__img .banner_cover .banner_coverbg {
  position: relative;
  height: 280px;
  z-index: 9;
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img .banner_cover .banner_coverbg {
    height: 130px;
    z-index: 9;
  }
}
.banner .CUBbannerNew__img .banner_cover .banner_coverbg:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -36px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 140px 36px 0 36px;
  border-color: #faf6ab transparent transparent transparent;
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img .banner_cover .banner_coverbg:after {
    right: -20px;
    border-width: 65px 20px 0 20px;
    border-color: #faf6ab transparent transparent transparent;
  }
}
.banner .CUBbannerNew__img .banner_cover .banner_coverbg:before {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -36px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 36px 140px 36px;
  border-color: transparent transparent #00994e transparent;
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img .banner_cover .banner_coverbg:before {
    right: -20px;
    border-width: 0 20px 65px 20px;
    border-color: transparent transparent #00994e transparent;
  }
}
.banner .CUBbannerNew__img .banner_title {
  position: absolute;
  left: 250px;
  top: 50%;
  margin-top: -100px;
  color: #fff;
  font-size: 34px;
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img .banner_title {
    margin-top: -50px;
  }
}
.banner .CUBbannerNew__img .banner_title h3 {
  font-size: 34px;
  margin-bottom: 0px;
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img .banner_title h3 {
    font-size: 20px;
  }
}
.banner .CUBbannerNew__img .banner_title p {
  font-size: 28px;
  line-height: 1.43;
}
.banner .CUBbannerNew__img .banner_title a {
  width: 100%;
  text-align: center;
  margin-top: 1vw;
  display: block;
}
.banner .CUBbannerNew__img .banner_title a span {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 32px;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  font-weight: normal;
  font-family: "微軟正黑體";
  color: #fff;
}
@media all and (max-width: 960px) {
  .banner .CUBbannerNew__img .banner_title a span {
    width: 65%;
  }
}
@media all and (max-width: 767px) {
  .banner .CUBbannerNew__img .banner_title a span {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .aside-bg-header {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .aside-bg-header:before {
    content: "";
    border-color: #eee transparent;
    border-style: solid;
    border-width: 50vh 50vw 0 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
.mask-img {
  mask-image: url("../../content/images/intro/mask-people.png");
  -webkit-mask-image: url("../../content/images/intro/mask-people.png");
  width: 200px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.aside-bg {
  width: 55%;
}
.aside-bg .aside-bg-box {
  position: relative;
  top: 0;
  left: 0;
  height: calc(100% + 40px);
  background-color: #b9dac8;
  z-index: -1;
}
.aside-bg .aside-bg-box > div {
  position: absolute;
  top: -70px;
  left: 0px;
  width: 100%;
  height: calc(100% + 70px);
  background-repeat: no-repeat;
  background-size: cover;
}
.aside-bg .aside-bg-box .aside-bg-people {
  background-image: url("../../content/images/intro/aside-bg-people.png");
  background-position: 0px 130px;
}
.aside-bg .aside-bg-box .aside-bg-normal {
  width: 101%;
  background-image: url("../../content/images/intro/aside-bg-normal.png");
  background-position: -1px 0;
  left: -2.7px;
}
@media screen and (min-height: 1081px) {
  .aside-bg .aside-bg-box {
    height: calc(100% + 160px);
  }
}
@media screen and (min-height: 1300px) {
  .aside-bg .aside-bg-box {
    height: calc(100% + 330px);
  }
}
.aside-bg .aside-bg-content h3 {
  font-size: 22px;
}
.aside-bg .aside-bg-content .btn {
  width: 120px;
  height: 42px;
  padding: 8px;
}
@media all and (min-width: 1441px) {
  .aside-bg .aside-bg-box {
    height: calc(100% + 100px);
  }
}
@media screen and (max-width: 768px) {
  .aside-bg {
    width: 100%;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .aside-bg .aside-bg-box {
    width: 181px;
    height: 162px;
    min-height: auto;
  }
  .aside-bg .aside-bg-box > div {
    top: 0;
  }
  .aside-bg .aside-bg-box .aside-bg-people, .aside-bg .aside-bg-box .aside-bg-normal {
    background-position: center;
    background-size: cover;
    height: 100%;
    left: 0;
  }
}

.aside-banner {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  width: 441px;
  padding-left: 5%;
  margin-right: 100px;
  pointer-events: none;
}
.aside-banner .aside-hex {
  overflow: hidden;
  display: inline-block;
  margin: 40px auto 130px;
  width: 566px;
  height: 491px;
  -webkit-transform: rotate(-30deg) skewX(30deg) scale(0.9);
          transform: rotate(-30deg) skewX(30deg) scale(0.9);
  border-radius: 20px;
}
.aside-banner .aside-hex *, .aside-banner .aside-hex *:before {
  display: block;
  overflow: hidden;
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
.aside-banner .aside-hex-inner {
  -webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
          transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  cursor: pointer;
}
.aside-banner .aside-hex-bg {
  -webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
          transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  background-color: #ccc;
}
.aside-banner .aside-hex-bg:before {
  content: "";
  -webkit-transform: skewX(-30deg) rotate(-90deg) scale(1.14);
          transform: skewX(-30deg) rotate(-90deg) scale(1.14);
  background-size: contain;
  background-position: center;
}
.aside-banner .aside-hex-bg.aside-hex-bg-intro:before {
  background-image: url("../../content/images/intro/mask-people.png");
}
@media all and (min-width: 1600px) {
  .aside-banner {
    padding-left: 10%;
  }
}
@media screen and (max-width: 1300px) {
  .aside-banner {
    padding-left: 3%;
    margin-right: 0;
  }
  .aside-banner .aside-hex {
    width: 441px;
    height: 381px;
  }
}
@media all and (max-width: 1200px) {
  .aside-banner {
    padding-left: 0;
  }
  .aside-banner .aside-hex {
    width: 333px;
    height: 288px;
  }
}
@media screen and (max-width: 960px) {
  .aside-banner {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .aside-banner {
    width: 100%;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .aside-banner .aside-hex {
    width: 210px;
    height: 100%;
    margin: 0;
  }
  .aside-banner .aside-content {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .aside-banner .aside-content h3 {
    font-size: 22px;
  }
}
@media all and (max-width: 374px) {
  .aside-banner {
    height: 140px;
  }
  .aside-banner .aside-hex {
    width: 166px;
  }
  .aside-banner .aside-content h3 {
    font-size: 16px;
  }
}

.footer {
  background-color: #fff;
  padding-top: 45px;
  font-weight: 375;
}
.footer .footer__top {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
  text-align: center;
}
.footer .footer__bottom {
  text-align: left;
  font-size: 14px;
  color: #555555;
}
.footer .wrap {
  padding: 0 10px;
  margin: 0 auto 20px;
}

.footer .wrap {
  padding: 30px 50px;
}

.footer__left {
  width: 100%;
  font-size: 18px;
  color: #111111;
  line-height: 25px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 20px;
}
.footer__left > div {
  display: inline-block;
}

.footer__right {
  font-size: 14px;
  color: #777777;
  line-height: 25px;
  text-align: justify;
  letter-spacing: 1.5px;
}

.footer__copyright {
  text-align: center;
  color: #fff;
  background-image: linear-gradient(115deg, #72c361 1%, #4fb980 98%);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(115deg, #72c361 1%, #4fb980 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#72c361", endColorstr="#4fb980",GradientType=0 );
  /* IE6-9 */
  padding: 15px 0;
}

@media only screen and (max-width: 767px) {
  .header {
    height: 50px;
    text-align: center;
  }
  .header__logo {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 23px;
    margin-top: 0;
    background: url("../../content/images/header-logo_m@3x.png") 0 0;
    background-size: 30px 23px;
    margin-right: 15px;
  }
  .header__title {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    float: none;
    font-size: 20px;
    line-height: 50px;
  }
  .header__goback {
    display: block;
  }
}
@media only screen and (max-width: 1400px) {
  .banner .CUBbannerNew__img {
    background-size: cover;
    background-position-x: 280px;
  }
  .banner .CUBbannerNew__img .banner_title {
    left: 6%;
  }
}
@media only screen and (max-width: 1100px) {
  .banner .CUBbannerNew__img {
    background-size: cover;
    background-position-x: 250px;
    background-position-y: top;
  }
  .banner .CUBbannerNew__img .banner_title {
    left: 10px;
  }
  .banner .CUBbannerNew__img .banner_title h3 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 960px) {
  .banner .CUBbannerNew__img {
    background-size: cover;
    background-position-x: 180px;
    background-position-y: top;
  }
}
@media only screen and (max-width: 767px) {
  .banner .CUBbannerNew__img {
    background-size: cover;
    background-position-x: 100px;
    background-position-y: top;
  }
  .banner.section {
    padding: 0;
  }
  .footer .wrap {
    padding: 0px 10px;
  }
  .footer .footer__left {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .footer .footer__left div {
    display: inline-block;
  }
  .footer .footer__right {
    display: block;
    width: 100%;
  }
}
/*---------- progress bar ----------*/
.progressBar {
  padding: 50px 150px;
  max-width: 960px;
  margin: 0 auto;
  border-bottom: 1px solid #bebebe;
}
@media all and (max-width: 767px) {
  .progressBar {
    padding: 40px 20px 20px;
  }
}

.progressBar__track {
  background: #e2e2e2;
  height: 2px;
}

.progressBar__steps {
  margin: 0;
  padding: 0;
}

.progressBar__step {
  float: left;
  list-style: none;
  position: relative;
  height: 35px;
}

.progressBar__step.active:before,
.progressBar__step.prev:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #00994e;
  z-index: 0;
  position: absolute;
  top: -2px;
}

.progressBar__step.active {
  left: 6px;
}

.progressBar__number {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #e2e2e2;
  margin-top: -7.5px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  right: -10px;
  color: #e2e2e2;
  font-weight: bold;
  z-index: 1;
  font-size: 12px;
  font-family: Arial;
  text-indent: -9999px;
}

.active .progressBar__number {
  color: #fff;
  background: #00994e;
  width: 25px;
  height: 25px;
  margin-top: -12.5px;
  line-height: 25px;
  top: 0px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: 1px;
}

.prev .progressBar__number {
  background: #00994e;
  color: #00994e;
}
.prev .progressBar__number:before {
  content: "";
  position: absolute;
  width: 20px;
  top: 12px;
  left: 10px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.prev .progressBar__desc {
  color: #bebebe;
}

.progressBar__desc {
  width: 130px;
  text-align: center;
  margin-right: -65px;
  position: absolute;
  right: 0;
  top: 22px;
  color: #c2c2c2;
  font-size: 16px;
  font-weight: bold;
}
@media all and (max-width: 767px) {
  .progressBar__desc {
    display: none;
  }
}

.active .progressBar__desc {
  margin-right: -65px;
  color: #333333;
  line-height: 1.29;
}

.tooLong .active .progressBar__desc {
  margin-right: -34px;
}

/*.prev .progressBar__desc {
  color: #00994e;
}*/
.tooLong .progressBar__desc {
  width: 80px;
  margin-right: -40px;
}

.progressBar__mobileTitle {
  display: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
@media all and (max-width: 767px) {
  .progressBar__mobileTitle {
    display: block;
  }
}

@media all and (max-width: 767px) {
  .caseQueryProgressBar .progressBar__desc {
    display: block;
  }
}
.caseQueryProgressBar .progressBar__mobileTitle {
  display: none;
}
@media all and (max-width: 767px) {
  .caseQueryProgressBar .progressBar__mobileTitle {
    display: none;
  }
}
.caseQueryProgressBar .progress_day {
  margin: 15px auto 0px;
}
.caseQueryProgressBar .prev .progressBar__desc {
  color: #6d6d6d;
}
.caseQueryProgressBar .active .progressBar__desc .progress_day,
.caseQueryProgressBar .active .progressBar__desc .progress_time {
  margin: 15px auto 0px;
}

.header__title {
  margin-right: 10px;
}
@media all and (max-width: 767px) {
  .header__title {
    margin-right: 0px;
  }
}

.more_lang {
  float: right;
  display: inline-block;
  margin-top: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.more_lang .lang {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 50%;
  pointer-events: none;
  font-size: 20px;
  line-height: 40px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #fff;
}
.more_lang .lang.selected {
  background: #fff;
  color: #00994e;
}

.cube_bg {
  margin: 20px 0 40px;
}
.cube_bg .bg-billboard {
  padding: 15px;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
}
.cube_bg .bg-warning {
  background-color: #fff8ed;
  border-color: #fcdbb3;
}
.cube_bg .bg-danger {
  background-color: #fff2f2;
  border-color: #ffbfbf;
}
.cube_bg .bg-current {
  background-color: #f3fff7;
  border-color: #caeed9;
}
.cube_bg p {
  font-size: 14px;
}
.cube_bg p.padlft25 {
  padding-left: 25px;
}
.cube_bg p.title {
  color: #333333;
  font-weight: 600;
  position: relative;
  top: 0;
  left: 0;
  padding-left: 30px;
}

.icon_cube {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.icon_warning {
  background: url("../../content/images/icons/waring.svg");
}

.icon_danger {
  background: url("../../content/images/icons/danger.svg");
}

.personal-loan .wrap {
  max-width: 1176px;
}

.personal-loan-title {
  font-family: Noto Sans TC, sans-serif;
  font-weight: bolder;
  z-index: 1;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  color: #00283D;
}
.personal-loan-title p {
  color: #333333;
}

.personal-loan-top-banner {
  width: 100%;
  background-image: url("../../content/images/intro/personal-loan-top-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #D4D9E5;
  position: relative;
  top: 0;
  left: 0;
}
.personal-loan-top-banner .personal-loan-banner-img,
.personal-loan-top-banner .personal-loan-person-banner-img {
  position: absolute;
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.personal-loan-top-banner .personal-loan-banner-img {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.personal-loan-top-banner .personal-loan-person-banner-img {
  top: -35px;
  right: 10px;
}
.personal-loan-top-banner .personal-loan-title {
  border: none;
}
.personal-loan-top-banner .personal-loan-title h3 {
  letter-spacing: 5px;
}
.personal-loan-top-banner .personal-loan-title p {
  line-height: 48px;
}
.personal-loan-top-banner .personal-loan-form {
  width: 576px;
  background-color: rgba(255, 255, 255, 0.6);
  position: relative;
  top: 0;
  left: 0;
}
.personal-loan-top-banner .inputGroup__captcha input::-webkit-input-placeholder {
  color: #bebebe;
}
.personal-loan-top-banner .inputGroup__captcha input::-moz-placeholder {
  color: #bebebe;
}
.personal-loan-top-banner .inputGroup__captcha input:-ms-input-placeholder {
  color: #bebebe;
}
.personal-loan-top-banner .inputGroup__captcha input::-ms-input-placeholder {
  color: #bebebe;
}
.personal-loan-top-banner .inputGroup__captcha input::placeholder {
  color: #bebebe;
}
.personal-loan-top-banner .inputGroup__captcha img, .personal-loan-top-banner .inputGroup__captcha a.btn {
  height: 42px;
}
.personal-loan-top-banner .inputGroup__captcha.error {
  margin-bottom: 35px;
}
.personal-loan-top-banner .agreement__checkbox label {
  text-indent: 0;
}
.personal-loan-top-banner .agreement__checkbox input.error ~ label {
  padding-bottom: 30px;
}
.personal-loan-top-banner .agreement__checkbox input.error + label {
  color: #e00b00;
  position: absolute;
  bottom: -30px;
  left: 0px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .personal-loan-top-banner {
    background-image: none;
  }
  .personal-loan-top-banner .personal-loan-banner-img,
  .personal-loan-top-banner .personal-loan-person-banner-img {
    display: block;
  }
  .personal-loan-top-banner .personal-loan-form {
    width: 100%;
  }
  .personal-loan-top-banner .personal-loan-title h3 {
    letter-spacing: 2px;
  }
  .personal-loan-top-banner .personal-loan-title p {
    line-height: 30px;
  }
}

.flatpickr-calendar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 330px;
  padding: 10px;
  font-size: unset;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #26a862;
}
.flatpickr-calendar::before, .flatpickr-calendar::after {
  content: none;
}

.flatpickr-months {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  position: relative;
  height: auto;
  padding: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: block;
  visibility: hidden;
}

.flatpickr-months .flatpickr-month,
.flatpickr-weekdays span.flatpickr-weekday {
  height: auto;
  font-size: 16px;
  color: #333333;
}

.flatpickr-current-month {
  position: relative;
  left: auto;
  width: auto;
  height: auto;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .numInputWrapper {
  display: none;
}

.flatpickr-weekdays {
  height: 40px;
}

.flatpickr-day {
  font-size: 16px;
  color: #333333;
  border-radius: 5px;
}
.flatpickr-day.today {
  border-color: #26a862;
}
.flatpickr-day.today:hover {
  color: #333333;
  background: #ebf7e8;
  border-color: #ebf7e8;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: #888888;
}
.flatpickr-day.flatpickr-disabled {
  color: #bebebe;
  text-decoration: line-through;
}
.flatpickr-day.selected {
  color: #fff;
  background: #26a862;
  border-color: #26a862;
}
.flatpickr-day.selected:hover {
  color: #fff;
  background: #26a862;
  border-color: #26a862;
}
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.flatpickr-disabled:hover {
  background: #ebf7e8;
  border-color: #ebf7e8;
}

.year-dropdown,
.month-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100px;
  height: 42px;
  margin: 0;
  padding: 8px 10px;
  line-height: 1.5;
  color: #333333;
  border-radius: 5px;
  border: 1px solid #bebebe;
  background-image: url(../images/form/arrow-date-down.svg);
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
}
.year-dropdown:hover,
.month-dropdown:hover {
  background-color: #fff;
  background-image: url(../images/form/arrow-date-down-hover.svg);
  background-repeat: no-repeat;
  background-position: right 7px center;
}
.year-dropdown:focus,
.month-dropdown:focus {
  border-color: #26a862;
}
.year-dropdown:focus::-ms-value,
.month-dropdown:focus::-ms-value {
  color: #333333;
  background-color: transparent;
}
.year-dropdown::-ms-expand,
.month-dropdown::-ms-expand {
  display: none;
}

.month-dropdown {
  width: 80px;
  margin-left: 20px;
}

.select2-container {
  display: none;
}
.select2-container + .select2-container {
  top: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  padding: 0;
  color: #333333;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #26a862 !important;
}
.select2-container--default .select2-results__option--selected {
  color: #fff;
  background-color: #26a862 !important;
}
.select2-container--default.--disabled .select2-selection--single {
  background-image: url(../images/form/arrow-down-gy.svg);
  background-color: #dddddd;
}
.select2-container--default.--disabled .select2-selection--single .select2-selection__rendered {
  color: #888888;
}

.select2-dropdown {
  padding: 8px 5px;
  border: 1px solid #26a862 !important;
  border-radius: 5px !important;
}

.select2-results__option {
  padding: 5px 10px;
}

.multi-check-label .field-validation-error {
  margin-left: -25px;
}

.cubre-a-textbox__wrap {
  position: relative;
  text-align: left;
}
.cubre-a-textbox__box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  width: 100%;
  height: 42px;
  padding: 9px 15px;
  line-height: 1.5;
  color: #333333;
  border-radius: 5px;
  border: 1px solid #bebebe;
  background-color: #fff;
}
.cubre-a-textbox__box::-webkit-inner-spin-button, .cubre-a-textbox__box::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.cubre-a-textbox__box::-ms-clear {
  display: none;
}
.cubre-a-textbox__box::-ms-reveal {
  display: none;
}
.cubre-a-textbox__box::-o-clear {
  display: none;
}
.cubre-a-textbox__box[type=number] {
  -moz-appearance: textfield;
}
.cubre-a-textbox__box:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cubre-a-textbox__box:focus {
  outline: none;
}
.cubre-a-textbox__box.placeholder {
  line-height: 1.5;
  color: #888888;
}
.cubre-a-textbox__box:-moz-placeholder {
  line-height: 1.5;
  color: #888888;
}
.cubre-a-textbox__box::-moz-placeholder {
  line-height: 1.5;
  color: #888888;
}
.cubre-a-textbox__box:-ms-input-placeholder {
  line-height: 1.5;
  color: #888888;
}
.cubre-a-textbox__box::-webkit-input-placeholder {
  line-height: 1.5;
  color: #888888;
}
.cubre-a-textbox__box:focus {
  border-color: #26a862;
}
.cubre-a-textbox__box:disabled {
  background-color: #dddddd;
}
.cubre-a-textbox__box.-date {
  padding-right: 40px;
  background-image: url("../../content/images/form/clander.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.cubre-a-textbox__box.-date::-webkit-clear-button {
  display: none;
}
.cubre-a-textbox__box.-date::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 15px;
  opacity: 0;
}
.cubre-a-textbox__label {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
  font-size: 18px;
  color: #555555;
}
.cubre-a-textbox__text {
  padding-left: 15px;
  font-size: 14px;
}
.cubre-a-textbox.-stress .cubre-a-textbox__box {
  padding: 3px 15px 5px 15px;
  font-size: 20px;
  font-weight: bold;
}
.cubre-a-textbox.-stress .cubre-a-textbox__box.placeholder {
  font-weight: normal;
}
.cubre-a-textbox.-stress .cubre-a-textbox__box:-moz-placeholder {
  font-weight: normal;
}
.cubre-a-textbox.-stress .cubre-a-textbox__box::-moz-placeholder {
  font-weight: normal;
}
.cubre-a-textbox.-stress .cubre-a-textbox__box:-ms-input-placeholder {
  font-weight: normal;
}
.cubre-a-textbox.-stress .cubre-a-textbox__box::-webkit-input-placeholder {
  font-weight: normal;
}
.cubre-a-textbox.-highlight .cubre-a-textbox__box {
  color: #26a862;
  border-color: #c3e6bb;
}
.cubre-a-textbox.-highlight .cubre-a-textbox__label {
  color: #26a862;
}
.cubre-a-textbox.is-error .cubre-a-textbox__box {
  border-color: #ff3b30;
}
.cubre-a-textbox.is-error .cubre-a-textbox__text {
  color: #ff3b30;
}
.cubre-a-textbox.has-suffix .cubre-a-textbox__box {
  padding-right: 50px;
}
.cubre-a-textbox.has-suffix .cubre-a-textbox__label {
  display: block;
}
.cubre-a-textbox.has-prefix .cubre-a-textbox__box {
  padding-left: 30px;
}
.cubre-a-textbox.has-prefix .cubre-a-textbox__label {
  right: auto;
  left: 15px;
  display: block;
}

.cubre-a-select__wrap {
  position: relative;
}
.cubre-a-select .cubre-a-select__box {
  font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  width: 100%;
  height: 42px;
  padding: 6px 40px 6px 15px;
  line-height: 1.5;
  color: #333333;
  border-radius: 5px !important;
  border: 1px solid #bebebe;
  background-image: url(../images/form/arrow-down-gn.svg);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cubre-a-select .cubre-a-select__box::-ms-expand {
  display: none;
}
.cubre-a-select .cubre-a-select__box:focus {
  border-color: #26a862;
}
.cubre-a-select .cubre-a-select__box:focus::-ms-value {
  color: #333333;
  background-color: #fff;
}
.cubre-a-select .cubre-a-select__box:disabled {
  color: #888888;
  background-image: url(../images/form/arrow-down-gy.svg);
  background-color: #dddddd;
  opacity: 1;
}
.cubre-a-select .select2-container--focus .cubre-a-select__box {
  border-color: #26a862;
}
.cubre-a-select__text {
  padding-left: 15px;
  font-size: 14px;
}
.cubre-a-select.is-error .cubre-a-select__box {
  border-color: #ff3b30;
}
.cubre-a-select.is-error .cubre-a-select__text {
  color: #ff3b30;
}

.cubre-a-radio {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 130px;
  min-height: 42px;
  color: #333333;
  border-radius: 5px;
  border: 1px solid #bebebe;
  background-color: #fff;
}
.cubre-a-radio__input {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 15px;
  height: 15px;
  opacity: 0;
  cursor: pointer;
}
.cubre-a-radio__label {
  display: block;
  padding: 8px 10px 8px 35px;
  cursor: pointer;
}
.cubre-a-radio__box {
  position: absolute;
  top: 12px;
  left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-image: url(../images/form/radiodot-off.svg);
  pointer-events: none;
}
.cubre-a-radio__input:checked + .cubre-a-radio__box {
  background-image: url(../images/form/radiodot-on.svg);
}

.cubre-o-formRow__title {
  margin-bottom: 10px;
}
.cubre-o-formRow__title.has-sssist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.cubre-o-formBox {
  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;
  margin: -5px;
}
.cubre-o-formBox__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 10px);
  margin: 5px;
}
.cubre-o-formBox__item.-mbHalf {
  width: auto;
  min-width: calc(50% - 10px);
}
.cubre-o-formBox__item.-text {
  text-align: center;
  margin: 0 5px;
}

.cubre-o-calculateInput__item + .cubre-o-calculateInput__item {
  margin-top: 20px;
}
.cubre-o-calculateInput__btn {
  margin-top: 30px;
  text-align: center;
}

.cubre-o-exchange__item + .cubre-o-exchange__item {
  margin-top: 15px;
}
.cubre-o-exchange__text {
  margin-top: 15px;
}

.adressinput {
  border: 1px solid #bebebe;
  color: #555454;
  background: #eeeeee;
  padding: 0 15px;
  height: 42px;
  line-height: 38px;
  font-size: 1em;
  border-radius: 5px;
}

html,
button,
input,
select,
textarea {
  color: #606060;
}

body {
  font-family: "微軟正黑體", Verdana, "Microsoft JhengHei", sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

input[type=text]::-ms-clear {
  display: none;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

i {
  font-style: normal;
}

a, a:active, a:hover, a:visited, a:focus {
  text-decoration: none;
}

p {
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: normal;
}

.text_red {
  color: #f71732;
}

.text_green {
  color: #26a862;
}

.d-table {
  display: table;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

.cursor-pointer {
  cursor: pointer;
}

.btn-box.cursor-pointer:hover {
  background-color: #f9fbf7;
}
.btn-box.cursor-pointer:hover div {
  color: #00994e;
}

.w-100 {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .m-w-100 {
    width: 100%;
  }
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.divder {
  height: 1px;
  background: #e2e2e2;
  margin: 30px 0;
}

/* ==========================================================================
   plugin overwrite
   ========================================================================== */
.input-group-addon {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  z-index: 1;
  cursor: pointer;
}

.transformSelect {
  clear: none;
}

.transformSelect:before, .transformSelect:after {
  content: "";
  display: table;
}

.transformSelect:after {
  clear: both;
}

.transformSelect li.open span {
  border: 1px solid #26a862;
}

.transformSelect.disabled > li > span {
  cursor: default;
  background-size: 25px 22px;
  background-color: #eaeaea;
  color: #b1b1b1;
}

.transformSelectDropdown {
  border: 1px solid #26a862;
  border-top: none;
  background: #ffffff;
  padding: 0;
  max-height: 200px;
  overflow: auto;
}

.transformSelectDropdown li {
  list-style: none;
}
.transformSelectDropdown li:first-child {
  display: none;
}

.transformSelectDropdown li.selected span {
  background: #26a862;
  color: #fff;
}

.transformSelectDropdown span {
  padding: 7px 15px;
  cursor: pointer;
  display: block;
}

.transformSelectDropdown span:hover {
  background: #26a862;
  color: #fff;
}

select {
  position: absolute;
  /*  opacity: 0;*/
}

.transformMultipleSelect input[type=checkbox] {
  display: none;
}

.transformMultipleSelect.transformSelectDropdown span {
  padding: 10px;
}

.transformMultipleSelect.transformSelectDropdown span input[type=checkbox] {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.transformMultipleSelect ins {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../js/jquery.fancyform/images/icon_check.png");
  background-position: 0 0;
  margin-right: 10px;
}

.transformMultipleSelect input:checked + ins {
  background-position: 0 -30px;
}

.icon {
  display: inline-block;
}

.icon:before, .icon:after {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.icon:before {
  content: "";
}

.icon > .icon__text {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.icon.icon--a:before {
  content: none;
}

.icon.icon--a:after {
  content: "";
}

.icon.icon--a > .icon__text {
  margin-left: 0;
  margin-right: 3px;
}

.icon.icon--b:after {
  content: none;
}

.icon.icon--b:before {
  content: "";
}

.icon.icon--b > .icon__text {
  margin-left: 0;
  margin-right: 3px;
}

/*---------- icon - sample ----------*/
.iSprite30__warning:before, .iSprite30__clock:before, .iSprite30__checked:before, .iSprite30__delete:before, .iSprite30__warning:after, .iSprite30__clock:after, .iSprite30__checked:after, .iSprite30__delete:after, .inputGroup__control--date:after, .inputGroup__control--creditCard:after {
  width: 30px;
  height: 30px;
  background-image: url("../../content/images/sprite--30.png");
}

.iSprite30__warning:before, .iSprite30__warning:after {
  background-position: 0 0;
}

.iSprite30__clock:before, .iSprite30__clock:after {
  background-position: 0 -60px;
}

.iSprite30__checked:before, .iSprite30__checked:after {
  background-position: 0 -90px;
}

.iSprite30__delete:before, .iSprite30__delete:after {
  background-position: 0 -120px;
}

.iSprite20__edit:before, .iSprite20__checked:before, .iSprite20__warning:before, .iSprite20__edit:after, .iSprite20__checked:after, .iSprite20__warning:after, .iSprite20__plus:after {
  width: 20px;
  height: 20px;
  background-image: url("../../content/images/sprite--20.png");
}

.iSprite20__plus:before {
  background-image: url("../../content/images/accordion--pc.png");
  width: 30px;
  height: 30px;
}

.iSprite20__add:before {
  background-image: url("../../content/images/accordion--pc.png");
  width: 30px;
  height: 25px;
  background-size: 25px;
}

.iSprite20__edit:before, .iSprite20__edit:after {
  background-position: 0 0;
}

.iSprite20__checked:before, .iSprite20__checked:after {
  background-position: 0 -20px;
}

.iSprite20__warning:before, .iSprite20__warning:after {
  background-position: 0 -40px;
}

.iSpriteCards__gas:before, .iSpriteCards__movie:before, .iSpriteCards__all:before, .iSpriteCards__cash:before, .iSpriteCards__flight:before, .iSpriteCards__gas:after, .iSpriteCards__movie:after, .iSpriteCards__all:after, .iSpriteCards__cash:after, .iSpriteCards__flight:after {
  width: 60px;
  height: 60px;
  background-image: url("../../content/images/sprite--cards.png");
  background-position-x: 0;
}

.active .iSpriteCards__gas:before, .active .iSpriteCards__movie:before, .active .iSpriteCards__all:before, .active .iSpriteCards__cash:before, .active .iSpriteCards__flight:before, .active .iSpriteCards__gas:after, .active .iSpriteCards__movie:after, .active .iSpriteCards__all:after, .active .iSpriteCards__cash:after, .active .iSpriteCards__flight:after {
  background-position-x: -60px;
}

.iSpriteCards__gas:before, .iSpriteCards__gas:after {
  background-position-y: 0;
}

.iSpriteCards__movie:before, .iSpriteCards__movie:after {
  background-position-y: -60px;
}

.iSpriteCards__all:before, .iSpriteCards__all:after {
  background-position-y: -120px;
}

.iSpriteCards__cash:before, .iSpriteCards__cash:after {
  background-position-y: -180px;
}

.iSpriteCards__flight:before, .iSpriteCards__flight:after {
  background-position-y: -240px;
}

.iInfo:before, .iInfo:after {
  width: 30px;
  height: 30px;
  background-image: url("../../content/images/iInfo.png");
}

[data-fancybox]:hover, [data-fancybox]:focus {
  outline: none;
}

.iSpriteLabel__account:before, .iSpriteLabel__car:before, .iSpriteLabel__loan:before, .iSpriteLabel__eTag:before, .iSpriteLabel__easycard:before, .iSpriteLabel__account:after, .iSpriteLabel__car:after, .iSpriteLabel__loan:after, .iSpriteLabel__eTag:after, .iSpriteLabel__easycard:after {
  width: 60px;
  height: 60px;
  background-image: url("../../content/images/spriteLabel.png");
  background-position-x: 0;
}

.active .iSpriteLabel__account:before, .active .iSpriteLabel__car:before, .active .iSpriteLabel__loan:before, .active .iSpriteLabel__eTag:before, .active .iSpriteLabel__easycard:before, .active .iSpriteLabel__account:after, .active .iSpriteLabel__car:after, .active .iSpriteLabel__loan:after, .active .iSpriteLabel__eTag:after, .active .iSpriteLabel__easycard:after {
  background-position-x: -60px;
}

.iSpriteLabel__account:before, .iSpriteLabel__account:after {
  background-position-y: 0;
}

.iSpriteLabel__car:before, .iSpriteLabel__car:after {
  background-position-y: -60px;
}

.iSpriteLabel__loan:before, .iSpriteLabel__loan:after {
  background-position-y: -120px;
}

.iSpriteLabel__eTag:before, .iSpriteLabel__eTag:after {
  background-position-y: -180px;
}

.iSpriteLabel__easycard:before, .iSpriteLabel__easycard:after {
  background-position-y: -240px;
}

.iPrint__print:before, .iPrint__doc:before, .iPrint__mail:before, .iPrint__print:after, .iPrint__doc:after, .iPrint__mail:after {
  width: 70px;
  height: 70px;
  background-image: url("../../content/images/iPrint.png");
  background-position-x: 0;
}

.iPrint__print:before, .iPrint__print:after {
  background-position-y: 0;
}

.iPrint__doc:before, .iPrint__doc:after {
  background-position-y: -70px;
}

.iPrint__mail:before, .iPrint__mail:after {
  background-position-y: -140px;
}

.iUpload__IDFront:before, .iUpload__IDBack:before, .iUpload__financialProof:before, .iUpload__businessCard:before, .iUpload__costco:before, .iUpload__other:before, .iUpload__IDFront:after, .iUpload__IDBack:after, .iUpload__financialProof:after, .iUpload__businessCard:after, .iUpload__costco:after, .iUpload__other:after {
  width: 120px;
  height: 120px;
  background-image: url("../../content/images/iUpload.png");
  background-position-x: 0;
}

.iUpload__IDFront:before, .iUpload__IDFront:after {
  background-position-y: 0;
}

.iUpload__IDBack:before, .iUpload__IDBack:after {
  background-position-y: -120px;
}

.iUpload__financialProof:before, .iUpload__financialProof:after {
  background-position-y: -240px;
}

.iUpload__businessCard:before, .iUpload__businessCard:after {
  background-position-y: -360px;
}

.iUpload__costco:before, .iUpload__costco:after {
  background-position-y: -480px;
}

.iUpload__other:before, .iUpload__other:after {
  background-position-y: -600px;
}

.iRefreshCaptcha:before, .iRefreshCaptcha:after {
  width: 30px;
  height: 30px;
  background-image: url("../../content/images/icon-refreshCaptcha.png");
  background-size: 30px;
}

/*---------- loading ----------*/
body.loading {
  position: fixed;
  width: 100%;
  height: 100%;
}

body.loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999999;
}

body.loading .loadingElement {
  width: 130px;
  height: 130px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -65px;
  margin-top: -65px;
  z-index: 10000000;
  border: 1px solid #00994e;
  border-radius: 50%;
}

body.loading .loadingElement span {
  color: #00994e;
  text-align: center;
  margin-top: -12px;
  top: 50%;
  width: 100%;
  position: absolute;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

body.loading .loadingElement .loadingBall {
  z-index: 10000000;
  opacity: 1;
  -webkit-transition: opacity 1s ease 0.5s;
  transition: opacity 1s ease 0.5s;
  -webkit-animation: rotate 3s linear infinite 0.5s;
  animation: rotate 3s linear infinite 0.5s;
}

/*---------- link ----------*/
a.link {
  color: #00994e;
  text-decoration: underline;
}

/*---------- list ----------*/
ol {
  font-family: Menlo, "微軟正黑體", Verdana, "Microsoft JhengHei", sans-serif;
}

.list_decimal {
  list-style: decimal;
  margin: 5px 0;
}

.list_decimal li {
  margin: 5px 0;
}

.list_disc {
  list-style: disc;
  margin: 5px 0;
}

.list_disc li {
  margin: 5px 0;
}

.list_chDecimal {
  margin: 5px 0;
  padding: 0;
}

.list_chDecimal > li {
  list-style: none;
  position: relative;
  margin: 5px 0;
  padding-left: 20px;
}

.list_chDecimal > li:before {
  content: attr(data-decimal);
  position: absolute;
  left: 0;
  text-align: right;
  width: 65px;
}

.gridHalf {
  padding: 0;
  margin: 0;
}

.gridHalf:before, .gridHalf:after {
  content: "";
  display: table;
}

.gridHalf:after {
  clear: both;
}

.gridHalf > li {
  float: left;
  width: 48%;
  margin-left: 4%;
  list-style: none;
  margin-top: 2%;
  margin-bottom: 2%;
}

.gridHalf > li:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
}

.gridThree {
  padding: 0;
  margin: 0;
}

.gridThree:before, .gridThree:after {
  content: "";
  display: table;
}

.gridThree:after {
  clear: both;
}

.gridThree > li {
  float: left;
  width: 30.66%;
  margin-left: 4%;
  list-style: none;
  margin-top: 2%;
  margin-bottom: 2%;
}

.gridThree > li:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
}

.gridFour {
  padding: 0;
  margin: 0;
}

.gridFour:before, .gridFour:after {
  content: "";
  display: table;
}

.gridFour:after {
  clear: both;
}

.gridFour > li {
  float: left;
  width: 23.5%;
  margin-left: 2%;
  list-style: none;
  margin-top: 2%;
  margin-bottom: 2%;
}

.gridFour > li:nth-child(4n+1) {
  margin-left: 0;
  clear: left;
}

/*---------- margin ----------*/
.mb20 {
  margin-bottom: 20px;
}

/*---------- width ----------*/
/*---------- height ----------*/
/*---------- line height ----------*/
/*---------- vertical align ----------*/
.vam {
  vertical-align: middle;
  display: inline-block;
}

.vat {
  vertical-align: top;
  display: inline-block;
}

/*---------- box sizing ----------*/
.box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------- section ----------*/
.section {
  float: left;
  width: 100%;
}

.section--bgWhite {
  background: #fff;
}

/*---------- popoup ----------*/
.fancybox-close-disabled .fancybox-close-small {
  display: none;
}

.popup {
  max-height: 100vh;
  max-width: 100vw;
  padding: 0;
  border-radius: 3px;
  overflow: visible;
  display: none;
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fancybox-slide--complete .popup {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.popup__title {
  height: 40px;
  border-radius: 3px 3px 0 0;
  background: #00994e;
  padding-left: 20px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.popup__container {
  padding: 40px;
  max-width: 60vw;
  max-height: 60vh;
  overflow: auto;
}

.popup__container--text {
  padding: 40px 30px;
}

.popup__image {
  text-align: center;
}

.popup__image img {
  width: 100%;
}

.popup .actionArea {
  padding-left: 50px;
  padding-right: 50px;
}

.popup .btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .popup .table {
    min-width: 300px;
  }
}
/* ==========================================================================
   section classes
   ========================================================================== */
/*---------- cardProgress ----------*/
.cardProgress {
  max-width: 500px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  font-weight: bold;
}

.cardProgress > li {
  margin-bottom: 30px;
  border: 1px solid #bababa;
  padding: 20px 40px;
}

.cardProgress > li:before, .cardProgress > li:after {
  content: "";
  display: table;
}

.cardProgress > li:after {
  clear: both;
}

.cardProgress__card {
  width: 40%;
  float: left;
}

.cardProgress__card img {
  width: 100%;
}

.cardProgress__info {
  width: 60%;
  float: left;
  padding-left: 30px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cardProgress__title {
  margin-bottom: 15px;
}

.cardProgress__desc {
  margin-bottom: 5px;
  font-size: 14px;
}

.cardProgress .btn {
  margin-top: 10px;
}

/*---------- sms ----------*/
.sms {
  position: relative;
  margin-top: 10px;
}

.sms > div {
  vertical-align: middle;
  float: left;
}
@media all and (max-width: 640px) {
  .sms > div {
    max-width: 145px;
    float: left;
  }
}

.sms__precode {
  width: 70px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sms__actionArea {
  width: 110px;
  margin-left: 10px;
}

/*---------- pc goback ----------*/
a.goback {
  display: block;
  margin-top: 10px;
  margin-left: 5px;
  padding-left: 20px;
  color: #b1b1b1;
  opacity: 0.8;
  position: relative;
}

a.goback:hover {
  opacity: 1;
}

a.goback:before {
  content: "";
  background: #b1b1b1;
  width: 2px;
  height: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transform: rotate(45deg) translate(5px, 0);
  transform: rotate(45deg) translate(5px, 0);
}

a.goback:after {
  content: "";
  background: #b1b1b1;
  width: 2px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 13px;
  -webkit-transform: rotate(-45deg) translate(5px, 0);
  transform: rotate(-45deg) translate(5px, 0);
}

/*---------- errorMsg ----------*/
.errorMsg {
  color: #ff2828;
  text-align: center;
  font-size: 18px;
  margin-bottom: 40px;
}

.errorMsg > div {
  position: relative;
  display: inline-block;
  text-align: justify;
  padding-left: 40px;
  min-height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  padding-top: 2px;
}

@media all and (max-width: 767px) {
  .errorMsg > div {
    font-size: 18px;
  }
}
.errorMsg .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.errorMsg + .actionArea {
  padding-top: 0;
}

/*---------- accordionForm ----------*/
.accordionForm {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.accordionForm ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.accordionForm ::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(109, 109, 109, 0.5);
}
.accordionForm ::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: transparent;
}

hr + .accordionForm {
  margin-top: 0;
}

.accordionForm__item {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #fafafa;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  top: 0;
  left: 0;
}

.agreement__checkbox ~ .accordionForm .accordionForm__item {
  background-color: #fafafa;
}

.agreement__checkbox ~ .accordionForm .accord_white_bg {
  background-color: white;
  border-radius: 5px;
}

.accordionForm__item:first-child {
  border-top: 0;
}

.accordionForm__del {
  position: absolute;
  background-image: url("../../content/images/accordion--del.png");
  width: 30px;
  height: 30px;
  right: 80px;
  top: 23px;
  background-size: cover;
  z-index: 1;
}
@media all and (max-width: 767px) {
  .accordionForm__del {
    top: 17px;
    right: 57px;
  }
}

.accordionForm__title {
  display: block;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  padding: 20px 40px 30px;
  position: relative;
  color: #111111;
}
.accordionForm__title .info {
  display: inline-block;
  background: url("../../content/images/info.png");
  background-size: cover;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .accordionForm__title .info {
    vertical-align: sub;
  }
}
.accordionForm__title.no-accordion-icon {
  cursor: default;
}
.accordionForm__title.no-accordion-icon:before {
  display: none;
}

.accordionForm__title:before {
  content: "";
  position: absolute;
  background-image: url("../../content/images/accordion--pc.png");
  background-position-x: 0;
  background-position-y: 0;
  width: 30px;
  height: 30px;
  right: 30px;
  top: 22px;
}

.accordionForm__title.active:before {
  background-position-y: -30px;
}

.agreement .accordionForm__title.active:before {
  background-position-y: -30px;
}

.accordionForm__title.active + .accordionForm__content {
  max-height: 9999px;
  min-height: 100px;
  padding: 0px 50px 60px 50px;
  -webkit-transition: max-height 0.3s ease, padding 0s ease 0s;
  transition: max-height 0.3s ease, padding 0s ease 0s;
}

.accordionForm__content {
  overflow: hidden;
  max-height: 0;
  padding: 0 20px;
  -webkit-transition: max-height 0.3s ease, padding 0s ease 0.3s;
  transition: max-height 0.3s ease, padding 0s ease 0.3s;
}

.accordionForm__inline {
  font-size: 22px;
  line-height: 2;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordionForm__inline.accordionForm__linemore {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.accordionForm__inline .accordionForm__inline__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 100px;
}
@media all and (max-width: 767px) {
  .accordionForm__inline {
    font-size: 18px;
  }
}
.accordionForm__inline .accordionForm__inline__desc {
  font-size: 16px;
  color: #6d6d6d;
  font-weight: normal;
}
.accordionForm__inline .icon_item {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url("../../content/images/gray_success.png");
  margin-right: 15px;
  display: inline-block;
}

.rule {
  max-height: 240px;
  overflow-y: scroll;
}
@media all and (max-width: 767px) {
  .rule {
    max-height: 450px;
  }
}

/*---------- otherNations ----------*/
.otherNations:before, .otherNations:after {
  content: "";
  display: table;
}

.otherNations:after {
  clear: both;
}

.otherNations__ul {
  margin: 0;
  padding: 0;
}

.otherNations__ul:before, .otherNations__ul:after {
  content: "";
  display: table;
}

.otherNations__ul:after {
  clear: both;
}

.otherNations__ul > li {
  list-style: none;
  float: left;
  width: 22%;
  position: relative;
  margin-bottom: 10px;
}

/* .otherNations__ul > li:nth-child(4n+1) {
  margin-left: 0;
  clear: left;
} */
.otherNations__ul input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  left: -99999px;
}

.otherNations__ul input[type=checkbox] + label {
  display: block;
  border-radius: 3px;
  border: 1px solid #bebebe;
  background: #fff;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}

.otherNations__ul input[type=checkbox]:checked + label {
  background: #51be77;
  color: #fff;
}

.otherNations__ul input[type=checkbox]:disabled + label {
  background: #ededed;
  color: #555454;
}

.otherNations__input {
  float: left;
  width: 22%;
  margin-top: 20px;
  margin-left: 4%;
}

.otherNations__link {
  width: 22%;
  text-align: center;
  float: left;
}

/*---------- actionArea ----------*/
.wrap_button {
  margin-top: 50px;
  margin-bottom: 50px;
}

.actionArea {
  direction: rtl;
}
.actionArea.uptodown {
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .actionArea.uptodown {
    width: 300px;
  }
}
.actionArea.uptodown a + a {
  margin-top: 20px;
}
.actionArea.uptodown .btn.btnGreen {
  border: none;
  text-decoration: underline;
}
.actionArea.uptodowntwo {
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .actionArea.uptodowntwo {
    width: 300px;
  }
}

.actionArea a {
  margin: 0 10px;
}

/*---------- slider ----------*/
.slider {
  padding-bottom: 40px;
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.slider__ul {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.slider__ul > li {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  list-style: none;
}

.slider__item {
  display: block;
  padding: 16px 0;
  text-align: center;
  background: #f2f2f2;
  font-weight: bold;
  border-radius: 20px;
}

.active .slider__item {
  background: #00994e;
  color: #fff;
}

.slider__item > .icon {
  margin-bottom: 5px;
}

.slider .bx-wrapper {
  width: 120px;
}

.slider .bx-wrapper .bx-viewport {
  overflow: visible !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  left: 0;
}

.slider .bx-wrapper .bx-controls {
  width: 960px;
  left: -420px;
  top: 50%;
  position: absolute;
}

.slider .bx-wrapper .bx-controls-direction a {
  width: 60px;
  height: 120px;
  top: -60px;
  margin-top: 0;
  font-size: 0;
}

.slider .bx-wrapper .bx-controls-direction a:hover {
  background-position: 0 0;
}

.slider .bx-wrapper .bx-controls-direction a:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(../js/bxslider-4-master/images/controls.png);
  background-size: 20px;
  top: 50%;
  position: absolute;
  margin-top: -10px;
}

.slider .bx-wrapper .bx-pager {
  bottom: -80px;
  height: 0;
  padding-top: 0;
}

.slider .bx-wrapper .bx-prev {
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+70,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
  /* IE6-9 */
}

.slider .bx-wrapper .bx-prev:before {
  background-position: 0 -20px;
  right: 50%;
  margin-right: -10px;
}

.slider .bx-wrapper .bx-next {
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+30 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );
  /* IE6-9 */
}

.slider .bx-wrapper .bx-next:before {
  background-position: 0 0;
  left: 50%;
  margin-left: -10px;
}

.slider .bx-wrapper .bx-pager.bx-default-pager a {
  background: #f2f2f2;
}

.slider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #00994e;
}

/*---------- cards ----------*/
.cards {
  min-height: 350px;
}

.cards__title {
  color: #00994e;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #56b646;
  position: relative;
}

.cards__title:before {
  content: "";
  background: #00994e;
  width: 2px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 5px;
  -webkit-transform: rotate(-45deg) translate(-4px, 0);
  transform: rotate(-45deg) translate(-4px, 0);
}

.cards__title:after {
  content: "";
  background: #00994e;
  width: 2px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 18px;
  -webkit-transform: rotate(45deg) translate(-4px, 0);
  transform: rotate(45deg) translate(-4px, 0);
}

.cards__content {
  display: table;
}

.cards__photo {
  display: table-cell;
  width: 45%;
  padding: 20px 0;
}

.cards__photo img {
  width: 100%;
}

.cards__desc {
  display: table-cell;
  width: 55%;
  vertical-align: middle;
  padding: 20px 0;
}

.cards__desc > ul {
  padding-left: 15px;
}

.cards__desc > ul li {
  list-style: none;
  position: relative;
  margin-top: 10px;
}

.cards__desc > ul li:first-child {
  margin-top: 0;
}

.cards__desc > ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6d6d6d;
  position: absolute;
  left: -13px;
  top: 8px;
}

.cardPhoto {
  text-align: center;
  padding-bottom: 30px;
}

.cardPhoto img {
  max-width: 280px;
}

/*---------- confirm ----------*/
.confirm__code {
  margin-bottom: 20px;
}

.confirm__item + .confirm__item {
  margin-top: 60px;
}

.confirm__edit {
  display: inline-block;
  padding: 0 10px;
  color: #00994e !important;
  line-height: 28px;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.confirm__edit > i {
  margin-right: 3px;
}

.confirm__edit:hover, .confirm__edit:focus, .confirm__edit:active {
  color: #00994e;
  opacity: 1;
}

.confirm__header {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #e2e2e2;
}

.confirm__header:before, .confirm__header:after {
  content: "";
  display: table;
}

.confirm__header:after {
  clear: both;
}

.confirm__title {
  float: left;
  font-weight: bold;
  font-size: 20px;
  color: #111111;
}

.confirm__edit {
  float: right;
}

.confirm__list {
  padding: 0;
  margin: 0;
}

.confirm__list:before, .confirm__list:after {
  content: "";
  display: table;
}

.confirm__list:after {
  clear: both;
}

.confirm__list > li {
  color: #111111;
  float: left;
  width: 50%;
  margin-top: 15px;
  list-style: none;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.confirm__list > li.pushRight {
  margin-right: 50%;
}

.confirm__list--lv2 > li {
  width: 100%;
}

.confirm__subTitle {
  font-weight: bold;
  font-size: 18px;
  padding-top: 15px;
}

/*---------- organization ----------*/
.organization__image {
  height: 50px;
  display: inline-block;
  vertical-align: middle;
}

.organization__image img {
  height: 100%;
}

.organization__name {
  display: inline-block;
  vertical-align: middle;
}

/*---------- agreement ----------*/
.agreement {
  padding: 0;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.agreement__title {
  padding: 15px 0;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #e2e2e2;
  color: #111111;
}

.agreement__checkbox {
  display: inline-block;
  position: relative;
  margin-bottom: 0px;
}

.agreement__checkbox .trans-element-checkbox {
  position: absolute;
  top: 0;
  left: 0;
}

.agreement__checkbox label {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-indent: 5px;
}

.agreement .accordionForm {
  margin-top: 15px;
}

.agreement .accordionForm__title {
  padding: 20px 60px 20px 40px;
  text-align: left;
  font-size: 18px;
  font-weight: normal;
  position: relative;
}

.agreement .accordionForm__title:before {
  content: "";
  position: absolute;
  background-image: url("../../content/images/accordion--pc.png");
  background-position-x: 0;
  background-position-y: 0;
  width: 30px;
  height: 30px;
  right: 30px;
  top: 20px;
}

.agreement .accordionForm__title.required:after {
  content: "*";
  position: absolute;
  left: 40px;
  top: 20px;
}

.agreement .accordionForm__title.active + .accordionForm__content {
  padding: 5px 60px 5px 50px;
  background: #efefef;
}

.agreement .accordionForm__content {
  position: relative;
}

.agreement .accordionForm__content article {
  max-height: auto;
  padding: 0px 25px 0px 0;
  overflow: auto;
  height: auto;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.agreement .accordionForm__content article table {
  table-layout: fixed;
  width: 100%;
  border-color: black;
}

.agreement--noborder .accordionForm {
  border-width: 0;
  margin: 0 auto;
}

.agreement--noborder .accordionForm__item {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #fafafa;
  border-radius: 0;
  background-color: #f8f8f8;
}

.agreement--noborder .accordionForm__item:first-child {
  border-top: 0;
}

.agreement--noborder .accordionForm__title {
  padding: 20px;
}

.agreement--noborder .accordionForm__title:before {
  content: "";
  position: absolute;
  background-image: url("../../content/images/deco-link.png");
  background-position-x: 0;
  background-position-y: 60px;
  background-size: 20px 120px;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 50%;
  margin-top: -10px;
}

.agreement--noborder .accordionForm__title.active:before {
  background-position-y: -80px;
}

.agreement--noborder .accordionForm__title.active + .accordionForm__content {
  padding: 10px 15px 20px;
}

.agreement--noborder .accordionForm__content:after {
  display: none;
}

.agreement__radio {
  padding-top: 40px;
  padding-bottom: 40px;
}

.agreement__radio > label {
  display: block;
  margin-bottom: 20px;
}

.agreement__file {
  max-width: 600px;
  margin: 0 auto;
}

/*---------- complete ----------*/
.complete {
  margin: 0 auto;
}

.completeIcon {
  text-align: center;
}

.complete__info {
  line-height: 1.8;
}

.complete__info--short {
  text-align: left;
  margin: 0 auto;
  width: 240px;
}

.complete__ad {
  margin-bottom: 30px;
  text-align: center;
}

.complete__ad a {
  display: inline-block;
}

.complete__ad img {
  width: auto;
}

.complete__print {
  padding: 30px;
  margin: 30px 0;
  background: #f2f2f2;
  border-radius: 3px;
}

.complete__print:before, .complete__print:after {
  content: "";
  display: table;
}

.complete__print:after {
  clear: both;
}

.complete__print > li {
  width: 33.3%;
  text-align: center;
  float: left;
  list-style: none;
}

.complete__printTitle {
  font-weight: bold;
  font-size: 20px;
}

.complete__printIcon {
  padding: 30px;
}

.complete__printDesc {
  text-align: center;
  padding: 0 30px;
}

.complete__printDesc i {
  margin-right: 10px;
}

.complete__action {
  font-size: 16px;
  padding: 10px 0;
}

.complete__indent {
  text-indent: 3em;
}

/*---------- upload ----------*/
.upload {
  max-width: 600px;
  margin: 0 auto 30px;
}

.upload__item,
.add_upload_item,
.add_form_file {
  padding: 20px 30px;
  border-radius: 12px;
  background: #f2f2f2;
  margin-top: 15px;
  position: relative;
  top: 0;
  left: 0;
}

.add_upload_item span,
.add_form_file span {
  position: relative;
  top: 3px;
  color: #00994e;
}

.add_form_file {
  margin-top: -1px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  background: #ffffff;
}

.add_item_file:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../content/images/add.png");
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.phone_upload_item {
  color: #555555;
  border: 1px solid #00283d;
  background-color: #ffffff;
  border-radius: 12px;
  cursor: pointer;
}
.phone_upload_item:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 40px;
  background-image: url("../../content/images/icons/icon-phone-add.svg");
  background-position: 65.5%;
  background-repeat: no-repeat;
}

.upload__num {
  position: absolute;
  right: 30px;
  bottom: 20px;
  font-size: 12px;
  color: #a4a4a4;
}

.upload__info {
  position: absolute;
  right: 30px;
  top: 10px;
  opacity: 0.85;
}

.upload__info:hover {
  opacity: 1;
}

.upload__title {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  text-align: right;
}

.upload__checked {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  opacity: 0;
  pointer-events: none;
}

.checked .upload__checked {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
}

.upload__addMore {
  text-align: center;
  display: block;
}

.upload__label {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-left: 20px;
  width: 250px;
  min-height: 145px;
  cursor: pointer;
  color: #00994e;
  font-weight: bold;
}

.upload__label img {
  width: 100%;
  height: auto;
}

.upload__delete {
  display: inline-block;
  vertical-align: middle;
  margin-left: 50px;
}

.upload__icon {
  display: block;
}

.upload .actionArea {
  height: 100px;
  padding-top: 60px;
}

.upload .btn--rev {
  position: relative;
  margin: 0;
  top: 0;
  -webkit-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
}

.upload .btn--rev:before {
  -webkit-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
}

.upload .btn--rev > span {
  white-space: nowrap;
  -webkit-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
}

.uploading .upload .btn--rev {
  cursor: progress;
  width: 130px;
  border-radius: 50%;
  padding: 51px 0;
  top: -33px;
  -webkit-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s;
}

.uploading .upload .btn--rev:before {
  border-radius: 50%;
  -webkit-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s;
}

.loadingBall {
  opacity: 0;
  width: 130px;
  height: 130px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.loadingBall:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #00994e;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 65px;
  margin-top: -5px;
  margin-left: -5px;
}

.uploading .loadingBall {
  opacity: 1;
  -webkit-transition: opacity 1s ease 0.5s;
  transition: opacity 1s ease 0.5s;
  -webkit-animation: rotate 2.5s linear infinite 0.5s;
  animation: rotate 2.5s linear infinite 0.5s;
}

/*---------- 20170908 ----------*/
img {
  max-width: 100%;
}

.border {
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
}

.imgIcon {
  display: inline-block;
}

.imgIcon--50px {
  width: 50px;
  height: 50px;
}

.imgIcon > img {
  width: 100%;
}

.imgIcon--vertical + .iconText {
  display: block;
  margin-top: 10px;
}

@media all and (min-width: 768px) {
  .hidden--lg {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .hidden--sm {
    display: none;
  }
}
/*index*/
.linkToapp {
  padding: 8px 0;
}

.linkToapp__close {
  margin-top: 15px;
  width: 20px;
  position: absolute;
  display: block;
}

.linkToapp__close img {
  width: 20px;
  height: 20px;
}

.linkToapp__group {
  display: block;
  margin-left: 30px;
}

.linkToapp__icon {
  display: inline-block;
  float: left;
}

.linkToapp__icon img {
  width: 60px;
  height: 60px;
}

.linkToapp__outlink {
  display: inline-block;
  float: right;
  text-align: right;
}

.linkToapp__outlink span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 5px;
}

.linkToapp__outlink a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #979797;
  border-radius: 4px;
  color: #979797;
  font-size: 14px;
}

@media all and (min-width: 768px) {
  .banner.section {
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .banner.section {
    padding: 20px 10px 0;
  }
}
.banner__img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .recommend {
    padding: 10px 0;
  }
}
@media all and (max-width: 767px) {
  .links.section {
    padding: 0 0 40px;
  }
}
.functionList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.functionList > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.functionList--square {
  margin: 0 -7.5px;
}

.functionList--square.functionList--3grid > li {
  float: left;
  width: 33.3333333333%;
  padding: 0 7.5px;
  margin-bottom: 15px;
}

.serviceBox {
  padding: 10px 0;
  text-align: center;
}

.landing {
  margin-top: 20px;
}

@media all and (min-width: 768px) {
  .landing {
    background-color: #fff;
    height: 250px;
  }
}
.landing:first-of-type {
  margin-top: 0;
}

.landing__title {
  padding: 5px;
  display: block;
  border-bottom: solid 1px #B2E0C9;
}

@media all and (min-width: 768px) {
  .landing__title {
    pointer-events: none;
  }
}
@media all and (max-width: 767px) {
  .landing__title {
    position: relative;
  }
  .landing__title[data-toggle-title]:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-image: url("../../content/images/deco-link.png");
    background-size: 20px 120px;
    background-position: 0 60px;
  }
  .landing__title.active:after {
    background-position: 0 40px;
  }
}
.landing--gray .landing__title {
  border-bottom: solid 1px #d8d8d8;
}

.landing__title .pic {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
}

@media all and (max-width: 767px) {
  .landing__title .pic {
    margin-right: 10px;
  }
}
.landing__title .name {
  font-size: 18px;
  vertical-align: middle;
  color: #4a4a4a;
}

@media all and (max-width: 767px) {
  .landing__content {
    display: none;
  }
}
.landing__link {
  display: block;
  padding: 15px 30px 15px 30px;
  position: relative;
}

.landing__link:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
}

.landing__link--pc:after {
  background-image: url("../../content/images/deco-link.png");
  background-size: 20px 120px;
  background-position: 0 0;
}

.landing__link--blank:after {
  background-image: url("../../content/images/deco-link.png");
  background-size: 20px 120px;
  background-position: 0 -20px;
}

.landing__link--right:after {
  background-image: url("../../content/images/deco-link.png");
  background-size: 20px 120px;
  background-position: 0 20px;
}

/*water steps*/
@media all and (min-width: 768px) {
  .paymaentWay {
    width: 600px;
    margin: 0 auto;
  }
}
.paymaentWay__set {
  display: block;
  border: 1px solid #a8a8a8;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

@media all and (min-width: 768px) {
  .paymaentWay__set {
    height: 120px;
    padding: 10px 20px 10px 90px;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 767px) {
  .paymaentWay__set {
    height: 90px;
    padding: 15px 15px 15px 40px;
  }
}
.paymaentWay__set img {
  display: inline-block;
  margin-right: 40px;
}

@media all and (min-width: 768px) {
  .paymaentWay__set img {
    width: 100px;
    height: 100px;
  }
}
@media all and (max-width: 767px) {
  .paymaentWay__set img {
    width: 60px;
    height: 60px;
  }
}
.paymaentWay__set:hover {
  border-color: #00994e;
  background-color: #fff;
}

.paymaentWay__content {
  display: inline-block;
  vertical-align: middle;
}

.paymaentWay__title {
  font-size: 18px;
  font-weight: bold;
  color: #00994e;
}

.collapse__title {
  position: relative;
}

.collapse--note {
  background-color: #eeeeee;
}

.collapse--note > .collapse__title {
  padding: 10px 40px 10px 20px;
  font-size: 15px;
  color: #555555;
}

.collapse--note > .collapse__title:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 15px;
  background-image: url("../../content/images/icon-collapse-note.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 20px 40px;
}

.collapse--note > .collapse__title.on:after {
  background-position: 0 -20px;
}

.collapse--note > .collapse__content {
  padding: 10px 20px;
}

.collapse__content {
  border-top: solid 1px #E6E6E6;
  display: none;
}

.collapse__content.open {
  display: block;
}

.CUBList {
  margin: 0;
  padding: 0 10px;
  list-style: none;
}

.CUBList > li {
  margin-bottom: 5px;
}

ul.CUBList--sequence_disc {
  list-style: disc;
  margin: 0 10px;
  padding: 0 10px;
}

.CUBList--sequence_disc > li {
  position: relative;
  font-size: 14px;
  padding-left: 0px;
}

.CUBList--sequence p {
  font-size: 14px;
}

.CUBList--sequence > li {
  position: relative;
  padding-left: 60px;
}

.CUBList--sequence > li:before {
  content: attr(data-sequence);
  display: block;
  position: absolute;
  width: 20px;
  line-height: 1.52;
  top: 0;
  left: 0;
  text-align: right;
}

.CUBList--sequence > li.bg-round-gray {
  line-height: 24px;
  margin: 0;
  padding-left: 25px;
}
.CUBList--sequence > li.bg-round-gray:before {
  content: attr(data-sequence);
  display: block;
  position: absolute;
  width: 20px;
  top: 2px;
  left: 0;
  border-radius: 50%;
  background-color: #bebebe;
  color: #ffffff;
  font-size: 14px;
}

.CUBList--sequence_2 {
  padding: 0;
}

.CUBList--sequence_2 > li {
  position: relative;
  font-size: 14px;
  padding-left: 40px;
}

.CUBList--sequence_2 > li:before {
  content: attr(data-sequence);
  display: block;
  position: absolute;
  width: 40px;
  font-size: 14px;
  top: 0;
  left: 0;
  text-align: right;
}

.CUBList--none > li {
  position: relative;
  font-size: 14px;
  padding-left: 45px;
}

.CUBList.CUBList--out_explanatory > li {
  padding-left: 30px;
}
.CUBList.CUBList--out_explanatory > li:before {
  width: 30px;
}
@media screen and (max-width: 768px) {
  .CUBList.CUBList--out_explanatory > li {
    font-size: 18px;
    padding-left: 15px;
  }
  .CUBList.CUBList--out_explanatory > li:before {
    font-size: 18px;
    width: 15px;
  }
}

.checkGroup__list {
  padding: 0 0 0 20px;
  margin: 0;
}

.checkGroup__list li {
  margin-top: 15px;
  list-style: none;
}

@media only screen and (max-width: 767px) {
  .checkGroup__list {
    padding-left: 10px;
  }
}
.checkGroup--bold .checkGroup__list {
  padding: 0;
}

.checkGroup--bold .checkGroup__list li {
  font-size: 18px;
  font-weight: bold;
  color: #4a4a4a;
}

.paymentResult {
  margin: 30px 0;
  text-align: center;
}

.paymentResult__title {
  font-size: 24px;
  font-weight: bold;
}

.paymentResult__title + span {
  font-size: 14px;
}

.alertInfo {
  padding-left: 35px;
  position: relative;
}

.alertInfo:before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../../content/images/alertInfo.png");
  background-position-x: 0;
  background-size: 30px 60px;
}

@media only screen and (max-width: 767px) {
  .alertInfo:before {
    background-image: url("../../content/images/alertInfo@3x.png");
  }
}
.alertInfo--error .alertInfo__title {
  color: #f71732;
}

.alertInfo--error:before {
  background-position-y: -30px;
}

.alertInfo--success .alertInfo__title {
  color: #00994e;
}

.alertInfo--success:before {
  background-position-y: 0;
}

.alertInfo__title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .alertInfo__title {
    font-size: 18px;
  }
}
.alertInfo__content ul {
  margin: 0;
  padding: 0;
}

.alertInfo__content ul li {
  list-style: none;
  font-size: 14px;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.telLink {
  display: inline-block;
  cursor: default;
  pointer-events: none;
}

/* Prevent callout */
.nocallout {
  -webkit-touch-callout: none;
}

.pressed {
  background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none;
}

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}

.ir br {
  display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearLeft {
  clear: left;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 960px) {
  .inputGroup__label {
    width: 165px;
    font-size: 16px;
  }
  .inputGroup__control {
    margin-left: 165px;
  }
  .slider .bx-wrapper .bx-controls {
    width: 100vw;
  }
}
@media only screen and (max-width: 767px) {
  /*---------- cardProgress ----------*/
  .inputGroup--inside .inputGroup__control {
    width: 100%;
  }
  .cardProgress {
    max-width: none;
  }
  .cardProgress > li {
    padding: 20px 10px;
  }
  .cardProgress__card {
    width: 45%;
  }
  .cardProgress__info {
    width: 55%;
    padding-left: 10px;
  }
  .cardProgress__title {
    margin-bottom: 10px;
  }
  /*---------- popoup ----------*/
  .sms__input {
    display: block !important;
  }
  .sms__clock {
    margin-top: 10px;
    margin-left: 80px !important;
  }
  /*---------- popoup ----------*/
  .popup {
    margin: 0 !important;
  }
  .popup__container {
    max-width: 100vw;
    max-height: 80vh;
    padding: 20px;
  }
  .popup__image {
    text-align: center;
    padding: 0;
  }
  /*---------- section ----------*/
  .section {
    /*padding: 10px 0;*/
    /*    margin-bottom:20px;*/
  }
  .section__title {
    font-size: 18px;
    font-weight: bold;
    color: #4a4a4a;
    margin-bottom: 10px;
  }
  /*---------- list ----------*/
  .gridHalf > li, .gridThree > li, .gridFour > li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  /*---------- title ----------*/
  .title--28px {
    font-size: 20px;
  }
  /*---------- button ----------*/
  .btn {
    width: 100%;
    padding: 11px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .btn--s {
    padding: 5px 0;
    line-height: normal;
  }
  /*---------- form ----------*/
  .fancyRadio__label {
    font-size: 18px;
    padding: 8px 0;
  }
  .form {
    padding: 0;
  }
  .form__action {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .form__title {
    width: 100% !important;
    text-align: left;
    font-size: 18px;
  }
  .form__section + .form__section {
    margin-top: 20px;
  }
  .form__section--service > .inputGroup > .inputGroup__label i {
    width: 50px;
  }
  .form__notice {
    margin-top: 20px;
    margin-left: 0;
  }
  .inputGroup {
    display: block;
    font-size: 16px;
  }
  .inputGroup__label {
    display: block;
    position: relative;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 5px;
    text-align: left;
    padding-right: 20px;
  }
  .inputGroup__control {
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .inputGroup__control--radio {
    display: table;
  }
  .inputGroup__control--tel input:first-child {
    width: 22%;
  }
  .inputGroup__control--tel input:last-child {
    width: 70%;
  }
  .inputGroup__control--tel > div {
    width: 8%;
  }
  .inputGroup__control--companyTel input:first-child {
    width: 20%;
  }
  .inputGroup__control--companyTel input:nth-child(3).box80 {
    width: 74%;
  }
  .inputGroup__control--companyTel input:nth-child(3) {
    width: 48%;
  }
  .inputGroup__control--companyTel input:last-child {
    width: 24%;
  }
  .inputGroup__control--companyTel > div {
    width: 6%;
  }
  .inputGroup + .inputGroup {
    margin-top: 30px;
  }
  .inputGroup.required .inputGroup__label:after {
    position: relative;
    top: 0;
    right: 0;
    margin-left: 3px;
  }
  .inputGroup--inside {
    display: block;
  }
  .inputGroup--inside .inputGroup__label {
    width: 100%;
    display: block;
    text-align: left;
  }
  .inputGroup--inside .inputGroup__control:not(.inputGroup__control--checkbox) {
    margin-left: 0;
    display: block;
  }
  .inputGroup__info {
    right: 0;
    top: 0;
    margin-top: 0;
  }
  .inputGroup + .inputGroup--closer {
    margin-top: 10px;
  }
  .fancyRadio--img .fancyRadio__label {
    padding: 10px 0;
  }
  .trans-element-checkbox + label {
    min-height: auto;
    padding-top: 0px;
  }
  .trans-element-checkbox.checked {
    /*    background-position: 0 -20px;*/
  }
  /*---------- pc goback ----------*/
  a.goback {
    display: none;
    height: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*---------- accordionForm ----------*/
  .agreement {
    margin-top: 0;
  }
  .agreement .accordionForm__title {
    padding: 15px 60px 15px 15px;
  }
  .agreement .accordionForm__title:before {
    top: 15px;
    right: 15px;
  }
  .agreement .accordionForm--checkbox .accordionForm__title {
    padding: 20px 40px 20px 15px;
  }
  .agreement .accordionForm--checkbox .accordionForm__title:before {
    top: 50%;
    right: 15px;
    margin-top: -10px;
  }
  .agreement .accordionForm--checkbox .trans-element-checkbox {
    width: 30px;
    height: 30px;
    background-size: 30px 60px;
  }
  .agreement .accordionForm--checkbox label {
    font-size: 14px;
    margin-left: 35px;
    font-size: 18px;
    line-height: 30px;
  }
  .agreement .accordionForm__content:after {
    left: 0;
    right: 0;
  }
  .agreement .accordionForm__content article {
    word-wrap: break-word;
  }
  /*---------- errorMsg ----------*/
  .errorMsg {
    margin-bottom: 30px;
  }
  /*---------- otherNations ----------*/
  .otherNations__ul:before, .otherNations__ul:after {
    content: "";
    display: table;
  }
  .otherNations__ul:after {
    clear: both;
  }
  .otherNations__ul > li {
    width: 30.66%;
  }
  .otherNations .otherNations__ul > li {
    margin-right: 2%;
  }
  .otherNations .otherNations__ul > li:nth-child(4n+1) {
    margin-left: 2%;
    clear: none;
  }
  .otherNations .otherNations__ul > li:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
  .otherNations__input {
    width: 30%;
    float: left;
    margin-left: 0;
    margin-right: 5%;
  }
  .otherNations__input:last-child {
    margin-right: 0;
  }
  .otherNations__link {
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: left;
    padding-left: 15px;
  }
  /*---------- cards ----------*/
  .cards__photo {
    width: 40%;
  }
  .cards__desc {
    width: 60%;
  }
  .cardPhoto img {
    width: 100%;
  }
  /*---------- confirm ----------*/
  .confirm__list > li {
    width: 100%;
    padding-right: 0;
  }
  .confirm__list > li.pushRight {
    margin-right: 0;
  }
  .confirm__item + .confirm__item {
    margin-top: 30px;
  }
  /*---------- actionArea ----------*/
  .actionArea {
    padding-left: 0;
    padding-right: 0;
  }
  .actionArea a {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    /*& + a {
      margin-top: 20px;
    }*/
  }
  .actionArea--2btns a.btn {
    float: left;
    width: 48%;
    margin: 0 1%;
  }
  /*---------- upload ----------*/
  .upload__title .mobileHide {
    display: inline;
  }
  .upload__item {
    padding: 15px 18px;
    border-radius: 10px;
  }
  .upload__info {
    top: 15px;
  }
  .upload__label {
    width: 180px;
    margin-left: 25px;
  }
  .upload__checked {
    margin-left: 0;
  }
  .upload__delete {
    margin-left: 25px;
  }
  .upload .actionArea {
    height: 60px;
    padding-left: 80px;
    padding-right: 80px;
  }
  /*---------- index icon ----------*/
  .iSpriteCards__gas:before, .iSpriteCards__movie:before, .iSpriteCards__all:before, .iSpriteCards__cash:before, .iSpriteCards__flight:before, .iSpriteCards__gas:after, .iSpriteCards__movie:after, .iSpriteCards__all:after, .iSpriteCards__cash:after, .iSpriteCards__flight:after {
    width: 30px;
    height: 30px;
    background-image: url("../../content/images/sprite--cards@3x.png");
    background-size: 60px 150px;
  }
  .active .iSpriteCards__gas:before, .active .iSpriteCards__movie:before, .active .iSpriteCards__all:before, .active .iSpriteCards__cash:before, .active .iSpriteCards__flight:before, .active .iSpriteCards__gas:after, .active .iSpriteCards__movie:after, .active .iSpriteCards__all:after, .active .iSpriteCards__cash:after, .active .iSpriteCards__flight:after {
    background-position-x: -30px;
  }
  .iSpriteCards__gas:before, .iSpriteCards__gas:after {
    background-position-y: 0;
  }
  .iSpriteCards__movie:before, .iSpriteCards__movie:after {
    background-position-y: -30px;
  }
  .iSpriteCards__all:before, .iSpriteCards__all:after {
    background-position-y: -60px;
  }
  .iSpriteCards__cash:before, .iSpriteCards__cash:after {
    background-position-y: -90px;
  }
  .iSpriteCards__flight:before, .iSpriteCards__flight:after {
    background-position-y: -120px;
  }
}
@media only screen and (max-width: 480px) {
  .telLink {
    cursor: pointer;
    pointer-events: auto;
  }
  .upload__title {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .upload__title .mobileHide {
    display: none;
  }
  /*---------- slider ----------*/
  .slider__ul > li {
    width: 90px;
    height: 90px;
  }
  .slider .bx-wrapper {
    width: 90px;
  }
  .slider .bx-wrapper .bx-controls-direction a {
    width: 30px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  label.error:before {
    background-size: 15px;
    background-image: url("../../content/images/sprite--30@3x.png");
  }
  .iSprite30__warning:before, .iSprite30__clock:before, .iSprite30__checked:before, .iSprite30__delete:before, .iSprite30__warning:after, .iSprite30__clock:after, .iSprite30__checked:after, .iSprite30__delete:after, .inputGroup__control--date:after, .inputGroup__control--creditCard:after {
    background-image: url("../../content/images/sprite--30@3x.png");
    background-size: 30px;
  }
  .iSprite20__edit:before, .iSprite20__checked:before, .iSprite20__warning:before, .iSprite20__plus:before, .iSprite20__edit:after, .iSprite20__checked:after, .iSprite20__warning:after, .iSprite20__plus:after {
    background-image: url("../../content/images/sprite--20@3x.png");
    background-size: 20px;
  }
  .iInfo:before, .iInfo:after {
    width: 20px;
    height: 20px;
    background-image: url("../../content/images/iInfo@3x.png");
    background-size: 20px;
  }
  .iSpriteLabel__account:before, .iSpriteLabel__car:before, .iSpriteLabel__loan:before, .iSpriteLabel__eTag:before, .iSpriteLabel__easycard:before, .iSpriteLabel__account:after, .iSpriteLabel__car:after, .iSpriteLabel__loan:after, .iSpriteLabel__eTag:after, .iSpriteLabel__easycard:after {
    width: 40px;
    height: 40px;
    background-image: url("../../content/images/spriteLabel.png");
    background-size: 40px;
    background-position-x: 0;
  }
  .iSpriteLabel__account:before, .iSpriteLabel__account:after {
    background-position-y: 0;
  }
  .iSpriteLabel__car:before, .iSpriteLabel__car:after {
    background-position-y: -40px;
  }
  .iSpriteLabel__loan:before, .iSpriteLabel__loan:after {
    background-position-y: -80px;
  }
  .iSpriteLabel__eTag:before, .iSpriteLabel__eTag:after {
    background-position-y: -120px;
  }
  .iSpriteLabel__easycard:before, .iSpriteLabel__easycard:after {
    background-position-y: -160px;
  }
  .iPrint__print:before, .iPrint__doc:before, .iPrint__mail:before, .iPrint__print:after, .iPrint__doc:after, .iPrint__mail:after {
    background-image: url("../../content/images/iPrint@3x.png");
    background-size: 70px 210px;
  }
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.modal-mask {
  position: fixed;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  opacity: 0.6;
  background: #6d6d6d;
  display: none;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  outline: 0;
}
@media all and (max-width: 768px) {
  .modal.modal-rwd-bottom {
    padding: 0 !important;
  }
  .modal.modal-rwd-bottom .modal-dialog-scroll {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
}

.modal.maxlightbox {
  width: 100%;
}

.modal.maxlightbox {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  border-radius: 4px;
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  padding: 50px 0px 0;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
  z-index: 99999;
}

.modal .modalcontent {
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  padding: 10px 50px;
}

.emailwrap {
  max-width: 780px;
  margin: 0px auto 30px;
}

.modal-dialog {
  position: relative;
  width: 100%;
  margin: 0.5rem;
  pointer-events: none;
}
.modal-dialog.modal-dialog-scroll {
  border-radius: 10px;
  overflow-y: hidden;
}
.modal-dialog.modal-dialog-scroll .modal-content {
  height: 80vh;
  overflow-y: auto;
}
.modal-dialog.modal-dialog-scroll .modal-body {
  overflow-y: auto;
  padding: 30px 50px;
}
@media all and (max-width: 768px) {
  .modal-dialog.modal-dialog-scroll .modal-body {
    padding: 30px 20px;
  }
}

.emailwrap_button .actionArea {
  text-align: center;
  direction: inherit;
}
.emailwrap_button .actionArea .btn {
  border: 1px solid #00283d;
}
@media (max-width: 767px) {
  .emailwrap_button .actionArea .btn {
    width: auto;
  }
}
.emailwrap_button .actionArea .btn-cancel {
  background: #fff;
  color: #00283d;
  border: 1px solid #00283d;
}
.emailwrap_button .actionArea .btn-cancel a:active > span {
  color: #00283d;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
  padding: 0 1rem;
}

.modal-content.bgTransparent {
  padding: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 0;
  margin: -0.75rem -1rem -1rem;
  background: transparent;
  border: none;
}
.modal-header .close span {
  font-size: 33px;
  color: #888888;
}

.modal-title {
  margin-top: 0;
  font-size: 20px;
  color: #333;
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding: 1rem 0;
  color: #333;
}

.modal-rwd-bottom .modal-header {
  color: #00994e;
  border: none;
  background: #e4efdc;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 0;
  border-radius: 0;
}
.modal-rwd-bottom .modal-header h5 {
  margin: 10px auto;
  font-size: 20px;
}
.modal-rwd-bottom .modal-header .close {
  background: url("../../content/images/close-icon.png");
  width: 30px;
  height: 30px;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 10px;
  border: none;
  padding: 15px;
  margin: auto;
  outline: none;
}
.modal-rwd-bottom .modal-title {
  margin-bottom: auto;
}
.modal-rwd-bottom .modal-body {
  padding: 30px 50px 50px;
  font-size: 1rem;
}
.modal-rwd-bottom .modal-body .btn {
  width: 235px;
  margin: 0;
}
.modal-rwd-bottom .modal-body .btn:last-child {
  margin-right: 20px;
}
.modal-rwd-bottom .modal-body .actionArea {
  margin-top: 30px;
  margin-bottom: 0;
}

.modal-footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 1rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog.modal-dialog-scroll {
    max-width: 600px;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl,
  .modal-dialog-scroll.modal-lg {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.detectBox {
  background: #ffffff;
  width: 100%;
}
.detectBox table {
  margin: 16px 0px 0px;
  width: 532px;
  border: solid 1px #e8e8e7;
}
.detectBox table thead {
  background-color: #f9fbf7;
  height: 50px;
}
.detectBox table td {
  padding: 15px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.44px;
  color: #333333;
  vertical-align: middle;
  border-right: solid 1px #e8e8e7;
}
.detectBox table .normalButton {
  width: 86px;
}

.detectTitle {
  min-height: 50px;
  background-color: #e5f0d9;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #333333;
  padding: 10px 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#pointsNotEnough .detectContent p {
  font-size: 19px;
}

@media all and (max-width: 640px) {
  .detectContent {
    padding: 15px 20px;
  }
}
.detectContent p {
  font-size: 14px;
  line-height: 1.31;
  letter-spacing: 0.5px;
}
@media all and (max-width: 640px) {
  .detectContent p {
    font-size: 13px;
  }
}

.modal-content.bgTransparent {
  background-color: transparent;
  border: 0px;
}

.closeIcon {
  cursor: pointer;
}
.closeIcon img {
  width: 33px;
}

.redPointsBox {
  border-radius: 1px;
  background-color: #f8f8f8;
  padding: 15px 20px;
}

.inputGroup__control--point {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  min-height: 40px;
}

.inputGroup__control--divided {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inputGroup__control--divided .prefix-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inputGroup__control--divided .prefix-code {
  position: absolute;
  left: 12px;
  top: 8px;
}
.inputGroup__control--divided .countBg {
  min-width: 140px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .inputGroup__control--divided .prefix-code {
    top: 8px;
  }
  .inputGroup__control--divided .countBg {
    min-width: 120px;
  }
}

.redPointLabel {
  padding-left: 16px;
  padding-top: 8px;
  font-size: 17px;
}

.redPointsDetail {
  border: 1px solid #dddddd;
  border-radius: 5px;
}
.redPointsDetail li {
  list-style: none;
  border-bottom: 1px solid #ddd;
}
.redPointsDetail li p {
  letter-spacing: 0;
}
.redPointsDetail li:last-child {
  border: none;
}

.detectContent p.awareWord {
  color: #6d6d6d;
  font-size: 14px;
}

.form__section {
  margin-bottom: 20px;
  margin: 0 auto;
  max-width: 800px;
}

.errorMsg:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 20px;
  vertical-align: middle;
  background-image: url("../../content/images/sprite--30.png");
}

.unclickable {
  background-color: #dfdfdf;
  cursor: default;
  color: #a7a7a7;
}

@media (max-width: 768px) {
  .modal-open .modal {
    overflow: hidden;
  }
  .discountModal.modal {
    padding-right: 0px !important;
  }
  .discountModal.modal .modal-dialog {
    max-width: 100%;
    margin: 1.75rem auto;
  }
  .discountModal.modal .detectContent {
    margin: 50px 0;
  }
  .discountModal.modal .detectBox {
    margin: 0;
  }
  .discountModal.modal .detectTitle {
    display: none;
  }
  .discountModal.modal .modal-dialog-centered {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .discountModal.modal .redPointsBox .inputGroup.flexStartJustify.filterGroup {
    display: block;
  }
  .discountModal.modal .redPointsBox .redPointLabel {
    padding: 5px 0px 0px 0px;
  }
}
#otpConfirm {
  padding-right: 0px !important;
}
#otpConfirm .modal-dialog {
  max-width: 100%;
  margin: 0 auto;
}
#otpConfirm .detectContent {
  margin: 50px 0 75px;
}
@media all and (max-width: 768px) {
  #otpConfirm .detectContent {
    margin: 20px 0;
  }
}
#otpConfirm .detectBox {
  margin: 0;
  max-width: 100%;
}
#otpConfirm .modal-dialog-centered {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 100%;
}
#otpConfirm .disabledPhone {
  border: solid 2px #d6d6d6;
  background-color: #ededed;
  padding: 7px;
  text-align: left;
  padding-left: 15px;
}
@media all and (max-width: 767px) {
  #otpConfirm .disabledPhone {
    text-align: center;
  }
}
#otpConfirm .colorBall {
  width: 20px;
  height: 20px;
  background-color: #bebebe;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}

.modal.bottom.fade .modal-dialog {
  bottom: -100px;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.bottom.fade.show .modal-dialog {
  bottom: 0px;
}

.modal.bottom {
  overflow-y: hidden !important;
}

.ul-counter-grey {
  list-style: none;
  counter-reset: counterGrey;
  padding: 10px 0;
}
.ul-counter-grey > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  counter-increment: counterGrey;
  margin-bottom: 5px;
}
.ul-counter-grey > li:before {
  content: counter(counterGrey);
  display: block;
  background-color: #bebebe;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 9px;
  margin-top: 2px;
}
.ul-counter-grey > li ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*
	Generated by Image Sprites (https://marketplace.visualstudio.com/items?itemName=gurayyarar.imagesprites)
	Author: Güray Yarar (https://github.com/gurayyarar)
*/
.icon120 {
  background-image: url("../images/icons/120/sprites/icon120.sprite.png?v=TTicjAkFQbfxOjD98kJWid1YKNjihO6HZVK1z");
  background-repeat: no-repeat;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.icon120.icon-application-download {
  background-position: 0px -60px;
}
.icon120.icon-apply-online {
  background-position: 0px -60px;
}
.icon120.icon-bank-account {
  background-position: 0px -120px;
}
.icon120.icon-bonus-discount {
  background-position: 0px -180px;
}
.icon120.icon-bonus-in-account {
  background-position: 0px -240px;
}
.icon120.icon-bonus-prograss {
  background-position: 0px -300px;
}
.icon120.icon-cash-loan {
  background-position: 0px -360px;
}
.icon120.icon-confirm {
  background-position: 0px -420px;
}
.icon120.icon-consent {
  background-position: 0px -480px;
}
.icon120.icon-copy-5 {
  background-position: 0px -540px;
}
.icon120.icon-deposit-book-1 {
  background-position: 0px -600px;
}
.icon120.icon-deposit-book-2 {
  background-position: 0px -660px;
}
.icon120.icon-event-closed {
  background-position: 0px -720px;
}
.icon120.icon-extension {
  background-position: 0px -780px;
}
.icon120.icon-fill-paper-1 {
  background-position: 0px -840px;
}
.icon120.icon-hrs-customer-service {
  background-position: 0px -900px;
}
.icon120.icon-id-verify {
  background-position: 0px -960px;
}
.icon120.icon-investment-target {
  background-position: 0px -1020px;
}
.icon120.icon-investment {
  background-position: 0px -1080px;
}
.icon120.icon-loan-percentage {
  background-position: 0px -1140px;
}
.icon120.icon-paper-prepare {
  background-position: 0px -1200px;
}
.icon120.icon-postage {
  background-position: 0px -1260px;
}
.icon120.icon-prepare-paper {
  background-position: 0px -1320px;
}
.icon120.icon-printer {
  background-position: 0px -1380px;
}
.icon120.icon-process {
  background-position: 0px -1440px;
}
.icon120.icon-save-temporary {
  background-position: 0px -1500px;
}
.icon120.icon-smile {
  background-position: 0px -1560px;
}
.icon120.icon-sms-inform {
  background-position: 0px -1620px;
}
.icon120.icon-success {
  background-position: 0px -1680px;
}
.icon120.icon-telecom-fee {
  background-position: 0px -1740px;
}
.icon120.icon-use-bonus {
  background-position: 0px -1800px;
}
.icon120.icon-use-credit-card {
  background-position: 0px -1860px;
}
.icon120.icon-wait-for-upload {
  background-position: 0px -1920px;
}
.icon120.icon-file-no-found {
  background-position: 0px -1980px;
}
.icon120.icon-pay-bill {
  background-position: 0px -2040px;
}
.icon120.icon-online-upload-files {
  background-position: 0px -2100px;
}
.icon120.icon-coupon {
  background-position: 0px -2160px;
}
.icon120.icon-no-result {
  background-position: 0px -2220px;
}

@media all and (max-width: 1024px) {
  .icon120 {
    background-image: url("../images/icons/120/sprites/icon120.sprite.png?v=TTicjAkFQbfxOjD98kJWid1YKNjihO6HZVK1z");
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: cover;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .icon120.icon-application-download {
    background-position: 0px -80px;
  }
  .icon120.icon-apply-online {
    background-position: 0px -80px;
  }
  .icon120.icon-bank-account {
    background-position: 0px -160px;
  }
  .icon120.icon-bonus-discount {
    background-position: 0px -240px;
  }
  .icon120.icon-bonus-in-account {
    background-position: 0px -320px;
  }
  .icon120.icon-bonus-prograss {
    background-position: 0px -400px;
  }
  .icon120.icon-cash-loan {
    background-position: 0px -480px;
  }
  .icon120.icon-confirm {
    background-position: 0px -560px;
  }
  .icon120.icon-consent {
    background-position: 0px -640px;
  }
  .icon120.icon-copy-5 {
    background-position: 0px -720px;
  }
  .icon120.icon-deposit-book-1 {
    background-position: 0px -800px;
  }
  .icon120.icon-deposit-book-2 {
    background-position: 0px -880px;
  }
  .icon120.icon-event-closed {
    background-position: 0px -960px;
  }
  .icon120.icon-extension {
    background-position: 0px -1040px;
  }
  .icon120.icon-fill-paper-1 {
    background-position: 0px -1120px;
  }
  .icon120.icon-hrs-customer-service {
    background-position: 0px -1200px;
  }
  .icon120.icon-id-verify {
    background-position: 0px -1280px;
  }
  .icon120.icon-investment-target {
    background-position: 0px -1360px;
  }
  .icon120.icon-investment {
    background-position: 0px -1440px;
  }
  .icon120.icon-loan-percentage {
    background-position: 0px -1520px;
  }
  .icon120.icon-paper-prepare {
    background-position: 0px -1600px;
  }
  .icon120.icon-postage {
    background-position: 0px -1680px;
  }
  .icon120.icon-prepare-paper {
    background-position: 0px -1760px;
  }
  .icon120.icon-printer {
    background-position: 0px -1840px;
  }
  .icon120.icon-process {
    background-position: 0px -1920px;
  }
  .icon120.icon-save-temporary {
    background-position: 0px -2000px;
  }
  .icon120.icon-smile {
    background-position: 0px -2080px;
  }
  .icon120.icon-sms-inform {
    background-position: 0px -2160px;
  }
  .icon120.icon-success {
    background-position: 0px -2240px;
  }
  .icon120.icon-telecom-fee {
    background-position: 0px -2320px;
  }
  .icon120.icon-use-bonus {
    background-position: 0px -2400px;
  }
  .icon120.icon-use-credit-card {
    background-position: 0px -2480px;
  }
  .icon120.icon-wait-for-upload {
    background-position: 0px -2560px;
  }
  .icon120.icon-file-no-found {
    background-position: 0px -2640px;
  }
  .icon120.icon-pay-bill {
    background-position: 0px -2720px;
  }
  .icon120.icon-online-upload-files {
    background-position: 0px -2800px;
  }
  .icon120.icon-coupon {
    background-position: 0px -2880px;
  }
  .icon120.icon-no-result {
    background-position: 0px -2960px;
  }
}
@media all and (max-width: 768px) {
  .icon120 {
    background-image: url("../images/icons/120/sprites/icon120.sprite.png?v=TTicjAkFQbfxOjD98kJWid1YKNjihO6HZVK1z");
    background-repeat: no-repeat;
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: cover;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .icon120.icon-application-download {
    background-position: 0px -60px;
  }
  .icon120.icon-apply-online {
    background-position: 0px -60px;
  }
  .icon120.icon-bank-account {
    background-position: 0px -120px;
  }
  .icon120.icon-bonus-discount {
    background-position: 0px -180px;
  }
  .icon120.icon-bonus-in-account {
    background-position: 0px -240px;
  }
  .icon120.icon-bonus-prograss {
    background-position: 0px -300px;
  }
  .icon120.icon-cash-loan {
    background-position: 0px -360px;
  }
  .icon120.icon-confirm {
    background-position: 0px -420px;
  }
  .icon120.icon-consent {
    background-position: 0px -480px;
  }
  .icon120.icon-copy-5 {
    background-position: 0px -540px;
  }
  .icon120.icon-deposit-book-1 {
    background-position: 0px -600px;
  }
  .icon120.icon-deposit-book-2 {
    background-position: 0px -660px;
  }
  .icon120.icon-event-closed {
    background-position: 0px -720px;
  }
  .icon120.icon-extension {
    background-position: 0px -780px;
  }
  .icon120.icon-fill-paper-1 {
    background-position: 0px -840px;
  }
  .icon120.icon-hrs-customer-service {
    background-position: 0px -900px;
  }
  .icon120.icon-id-verify {
    background-position: 0px -960px;
  }
  .icon120.icon-investment-target {
    background-position: 0px -1020px;
  }
  .icon120.icon-investment {
    background-position: 0px -1080px;
  }
  .icon120.icon-loan-percentage {
    background-position: 0px -1140px;
  }
  .icon120.icon-paper-prepare {
    background-position: 0px -1200px;
  }
  .icon120.icon-postage {
    background-position: 0px -1260px;
  }
  .icon120.icon-prepare-paper {
    background-position: 0px -1320px;
  }
  .icon120.icon-printer {
    background-position: 0px -1380px;
  }
  .icon120.icon-process {
    background-position: 0px -1440px;
  }
  .icon120.icon-save-temporary {
    background-position: 0px -1500px;
  }
  .icon120.icon-smile {
    background-position: 0px -1560px;
  }
  .icon120.icon-sms-inform {
    background-position: 0px -1620px;
  }
  .icon120.icon-success {
    background-position: 0px -1680px;
  }
  .icon120.icon-telecom-fee {
    background-position: 0px -1740px;
  }
  .icon120.icon-use-bonus {
    background-position: 0px -1800px;
  }
  .icon120.icon-use-credit-card {
    background-position: 0px -1860px;
  }
  .icon120.icon-wait-for-upload {
    background-position: 0px -1920px;
  }
  .icon120.icon-file-no-found {
    background-position: 0px -1980px;
  }
  .icon120.icon-pay-bill {
    background-position: 0px -2040px;
  }
  .icon120.icon-online-upload-files {
    background-position: 0px -2100px;
  }
  .icon120.icon-coupon {
    background-position: 0px -2160px;
  }
  .icon120.icon-no-result {
    background-position: 0px -2220px;
  }
}
.imgUploadLoading {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 50%;
  margin-left: -35px;
  top: 50%;
  margin-top: -20px;
  text-align: center;
}

.imgUploadLoading p {
  position: absolute;
  bottom: 0px;
  font-size: 14px;
  color: #00a94f;
  width: 100%;
}

.imgUploadLoading .outerCircle {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  border-top: 6px solid #00a94f;
  border-bottom: 6px solid #00a94f;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-radius: 40px;
  -webkit-box-shadow: 0 0 20px #00a94f;
  box-shadow: 0 0 20px #00a94f;
  -webkit-animation: cwSpin 0.666s linear 0.2s infinite;
  animation: cwSpin 0.666s linear 0.2s infinite;
}

.imgUploadLoading .outerCircle {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 6px solid #e1e0e1;
  border-bottom: 6px solid #00a94f;
  border-left: 6px solid #00a94f;
  border-right: 6px solid #e1e0e1;
  -webkit-animation: cwSpin 0.666s linear 0.2s infinite;
  animation: cwSpin 0.666s linear 0.2s infinite;
}

.upload__delete {
  opacity: 0;
  position: absolute;
}

.upload__delete .i24__delete:hover:before, .upload__delete .i24__delete:hover:after {
  -webkit-box-shadow: 0px 1px 2px #b3b3b3;
  box-shadow: 0px 1px 2px #b3b3b3;
  border-radius: 50%;
}

.upload__delete .i24__delete:before, .upload__delete .i24__delete:after {
  width: 24px;
  height: 24px;
  background: url("../../content/images/i24__delete.png");
  background-size: 24px 24px;
}

.upload__info {
  top: auto;
}

.iInfo:hover:before, .iInfo:hover:after {
  -webkit-box-shadow: 0px 1px 2px #b3b3b3;
  box-shadow: 0px 1px 2px #b3b3b3;
  border-radius: 50%;
}

.iInfo:before, .iInfo:after {
  width: 24px;
  height: 24px;
  background: url("../../content/images/i24__info.png");
  background-size: 24px 24px;
}

.upload__item.checked .upload__checked {
  display: block;
}

.checked .upload__delete {
  opacity: 1;
}

.upload__item_footer {
  display: none;
}

.upload__item {
  padding: 20px 10px;
}

.upload__item.upload__again {
  padding: 20px 0 0 0;
  overflow: hidden;
}
.upload__item.upload__again .upload__reload {
  color: #555;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.upload__item.upload__again .upload__checked {
  display: block;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
}
.upload__item.upload__again .upload__item_footer {
  display: block;
  margin-top: 20px;
  padding: 15px 15px 20px 15px;
  background-color: #fff2f2;
  border-top: 1px solid #dddddd;
}
.upload__item.upload__again .upload__item_footer .actionArea {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  margin-top: 16px;
}
.upload__item.upload__again .upload__item_footer .actionArea .btn {
  margin: 0;
}

.upload__item.checked .upload__label {
  border: 1px solid #b6b6b6 !important;
}

.upload__item.error {
  border: 1px solid #ea9393;
}

.upload__item.error .upload__label .iUpload__icon {
  width: 42px;
  height: 42px;
  background: url("../../content/images/upload_r.svg");
  background-size: 42px 42px;
  -webkit-transition: all 0.5s linear 0.2s;
  transition: all 0.5s linear 0.2s;
}

.upload__item.error .upload__error {
  color: #e00b00;
  display: block;
  width: 250px;
  text-align: center;
  margin: 10px 0 0 180px;
  font-size: 14px;
  line-height: 24px;
}

.upload__item:hover .upload__label {
  border: 1px solid #00994e;
  -webkit-transition: all 0.5s linear 0.2s;
  transition: all 0.5s linear 0.2s;
}

.upload__item:hover .upload__label .vam {
  color: #00994e;
  -webkit-transition: all 0.5s linear 0.2s;
  transition: all 0.5s linear 0.2s;
}

.upload__item:hover .upload__label .iUpload__icon {
  background: url("../../content/images/upload_hover.svg");
  -webkit-transition: background 0.5s linear 0.2s;
  transition: background 0.5s linear 0.2s;
  background-size: contain;
}

.upload__item.error:hover .upload__label .iUpload__icon {
  background: url("../../content/images/upload_r_hover.svg");
  -webkit-transition: background 0.5s linear 0.2s;
  transition: background 0.5s linear 0.2s;
  background-size: contain;
}

.upload__item .upload__title {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  font-family: "微軟正黑體";
  color: #4a4a4a;
  padding: 5px;
  width: 180px;
  padding-left: 20px;
}

.upload__item .upload__label {
  margin-left: 10px;
  position: relative;
  background: #fff;
  padding: 5px;
  border-radius: 8px;
  border: 1px solid #fff;
}

.upload__item .upload__label .vam {
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  font-family: "微軟正黑體";
  color: #4a4a4a;
  display: block;
}

.upload__item .upload__label .upload__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -28px;
  margin-left: -28px;
}

.upload__item .upload__label .iUpload__icon {
  width: 40px;
  height: 40px;
  background: url("../../content/images/upload.svg");
  background-size: 40px 40px;
  opacity: 1;
}

.upload__item .upload__checked {
  color: #00994e;
  display: block;
  width: 250px;
  text-align: center;
  margin: 10px 0 0 180px;
  display: none;
  font-size: 14px;
  line-height: 24px;
}
.upload__item .upload__checked.text-gray {
  color: #555555;
}

.program__box {
  line-height: 36px;
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #4a4a4a;
}

.program__box span {
  color: #ff6000;
}

a.link__g,
a.link__g:active,
a.link__g:hover,
a.link__g:visited,
a.link__g:focus {
  color: #00994e;
  text-decoration: underline;
  font-size: 20px;
}

.uploadBtn__box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.complete__info--short {
  padding-top: 100px;
  font-size: 20px;
  line-height: 36px;
  width: 300px;
  font-weight: 600;
  color: #4a4a4a;
}

.complete__info--short span {
  color: #ff6000;
}

.min--heightgray {
  min-height: 500px;
}

.imgUploadLoading .outerCircle {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 6px solid #e1e0e1;
  border-bottom: 6px solid #00a94f;
  border-left: 6px solid #00a94f;
  border-right: 6px solid #e1e0e1;
  -webkit-animation: cwSpin 0.666s linear 0.2s infinite;
  animation: cwSpin 0.666s linear 0.2s infinite;
}

@media only screen and (max-width: 767px) {
  .upload__item .upload__label .iUpload__icon {
    width: 42px;
    height: 42px;
    background-size: 42px 42px;
    opacity: 0.6;
  }
  .program__box {
    font-size: 20px;
    line-height: 30px;
  }
  .upload__item.error .upload__error {
    margin: 10px 0 0 0px;
    width: 100%;
  }
  .upload__item .upload__info {
    top: 20px;
  }
  .upload__item .upload__delete {
    right: 70px;
    top: 20px;
    margin-top: 0px;
  }
  .upload__item .upload__title {
    width: 100%;
    padding: 0 0 10px;
    text-align: center;
  }
  .upload__item .upload__label {
    margin: 0 auto;
    display: block;
    width: 220px;
  }
  .upload__item .upload__checked {
    margin: 10px 0 0 0px;
    width: 100%;
  }
  .form_box {
    max-width: 100%;
    width: 100%;
    padding: 15px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border: 0px;
  }
  .complete__info--short {
    padding-top: 40px;
    width: 100%;
  }
  .min--heightgray {
    min-height: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .time_count_text {
    width: 75%;
  }
  .box__item--listbox li {
    text-align: center;
  }
  .box__item--listbox li span {
    display: block;
  }
}
.upload__text {
  max-width: 600px;
  margin: 0 auto 10px;
}

.fileNo {
  position: absolute;
  bottom: 25px;
  right: 70px;
  font-size: 12px;
  color: #a4a4a4;
}

.finish__checked {
  width: 24px;
  height: 24px;
  background: url("../../content/images/finish__checked.png");
  background-size: 24px 24px;
  margin-right: 8px;
}

/*---------- table ----------*/
table th,
table td {
  padding: 5px 10px;
}

.table {
  width: 100%;
  border: 1px solid #e8e8e8;
  /*parking*/
}
.table thead {
  background: #00994e;
}
.table th {
  color: #fff;
  background: #00994e;
  white-space: nowrap;
}
.table th, .table td {
  padding: 16px 1px;
  text-align: center;
}
.table td.carNumber span {
  display: block;
}

.table-rwd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: solid 1px #dddddd;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table-rwd .tr {
  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;
}
.table-rwd .td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-rwd .td.tabletextleft {
  text-align: left;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding-left: 30px;
}
@media all and (max-width: 960px) {
  .table-rwd .td.tabletextleft {
    padding: 10px 0;
  }
}
.table-rwd .td:first-child {
  border-bottom: solid 1px #dddddd;
  background-color: #f9fbf7;
  width: 100%;
}
.table-rwd .td:nth-child(2) {
  height: 100%;
}
.table-rwd .td .inputGroup__control {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.table-rwd .td .inputGroup__control .transformSelect {
  width: 100%;
}
.table-rwd .td .inputGroup__control span {
  color: #4a4a4a;
}
.table-rwd .td.creditcard img {
  width: 180px;
  height: 114px;
}
.table-rwd .flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.table-rwd .flex-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.table-rwd .flex-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.table-rwd .td-btn {
  display: block;
}
.table-rwd .td-btn .btn {
  width: calc(50% - 5px);
  height: 40px;
  font-size: 14px;
  margin: 0;
  float: left;
}
.table-rwd .td-btn .btn:nth-child(2n) {
  margin-left: 10px;
  margin-bottom: 10px;
}
.table-rwd .td-btn .btn:last-child {
  margin-bottom: 0;
}
.table-rwd.title-hide {
  border-top: 0;
}
.table-rwd.title-hide .td:first-child {
  display: none;
}

@media only screen and (max-width: 960px) {
  .table-rwd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px;
  }
  .table-rwd .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: dashed 1px #dddddd;
  }
  .table-rwd .tr:first-child .td {
    padding-top: 0;
  }
  .table-rwd .tr:last-child {
    border-bottom: 0;
  }
  .table-rwd .tr:last-child .td {
    padding-bottom: 0;
  }
  .table-rwd .tr.mobile-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table-rwd .tr.mb-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .table-rwd .td {
    padding: 10px 0;
    text-align: left;
  }
  .table-rwd .td:first-child {
    border-bottom: 0;
    background-color: #fff;
    max-width: 105px;
  }
  .table-rwd .td:first-child:first-child {
    display: block;
  }
  .table-rwd .td:nth-child(2) {
    text-align: right;
  }
  .table-rwd .td.creditcard {
    margin: 0 auto;
  }
  .table-rwd .td.creditcard img {
    width: 255px;
    height: 161px;
  }
  .table-rwd.title-hide {
    margin-top: 20px;
    border-top: 1px solid #dddddd;
  }
  .table-rwd.title-hide .td:first-child {
    display: block;
  }
}
.table--tal td {
  text-align: left;
}

.table--checkbox[type=checkbox] {
  display: none;
}
.table--checkbox[type=checkbox] + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.table--checkbox[type=checkbox] + label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/checkbtn.png);
  background-position-x: 0;
  background-position-y: 0;
  background-size: 20px 80px;
}
.table--checkbox[type=checkbox]:checked + label {
  color: #fea81a;
}
.table--checkbox[type=checkbox]:checked + label:before {
  background-position-y: 60px;
}
.table--checkbox[type=radio] {
  display: none;
}
.table--checkbox[type=radio] + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.table--checkbox[type=radio] + label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/checkbtn.png);
  background-position-x: 0;
  background-position-y: 40px;
  background-size: 20px 80px;
}
.table--checkbox[type=radio]:checked + label {
  color: #fea81a;
  background: transparent !important;
}
.table--checkbox[type=radio]:checked + label:before {
  background-position-y: 20px;
}
.table--checkbox tr td:first-child, .table--checkbox tr th:first-child {
  padding-right: 25px;
  padding-left: 25px;
  text-align: left;
}
.table--checkbox tr td:first-child:before {
  content: none;
}
.table--checkbox .discountBox {
  border-radius: 15.5px;
  background-color: transparent;
  font-size: 14px;
  min-width: 80px;
  max-width: 120px;
  padding: 4px 13px;
  margin: 10px auto;
  background-color: #a7a7a7;
  color: #00994e;
  border: 1px solid #00994e;
  border-radius: 32px;
}
.table--checkbox .discountBox.active {
  background-color: transparent;
  cursor: pointer;
}
@media all and (max-width: 960px) {
  .table--checkbox .discountBox {
    margin: 0px;
    text-align: center;
    padding: 10px 0px;
    max-width: 100%;
  }
}
.table--checkbox .discountBox a {
  color: #00994e;
}

@media (max-width: 960px) {
  /*---------- table ----------*/
  .table--dataTh {
    border: 0;
  }
  .table--dataTh thead {
    display: none;
  }
  .table--dataTh tbody {
    display: block;
  }
  .table--dataTh tbody tr {
    display: table;
    width: 100%;
    border: 1px solid #dadada;
    margin-bottom: 30px;
  }
  .table--dataTh tbody tr:last-child {
    margin-bottom: 0;
  }
  .table--dataTh tbody td {
    display: table-row;
    border-top: 1px solid #dadada;
  }
  .table--dataTh tbody td:first-child {
    border-top: 0;
  }
  .table--dataTh tbody td:before {
    content: attr(data-title);
    display: table-cell;
    color: #333;
    padding: 15px 15px;
    width: 100px;
  }
  .table--dataTh tbody td:last-child:not(.td-last-Keep-attr):before {
    content: "";
    display: table-cell;
    color: #333;
    padding: 15px 15px;
    width: 100px;
  }
  .table--dataTh tbody td span {
    display: table-cell;
    padding: 15px 15px;
    color: #606060;
    text-align: right;
  }
  .tableBtn {
    text-align: center;
    margin: 20px 0px;
    margin-right: 15px;
    margin-left: -110px;
  }
}
.table-responsive {
  font-size: 14px;
  margin-bottom: 70px;
}
@media all and (max-width: 960px) {
  .table-responsive {
    margin-bottom: 0px;
  }
}
.table-responsive .table th {
  background-color: #f9fbf7;
  color: #4a4a4a;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 500;
}
.table-responsive .table td {
  padding: 0px 20px;
  border-bottom: 1px solid #e8e8e8;
  color: #4a4a4a;
  font-weight: 500;
}
@media all and (max-width: 960px) {
  .table-responsive .table td.textCenter {
    text-align: left;
  }
}
.table-responsive .table .textRight {
  text-align: right;
}
.table-responsive .table .textLeft {
  text-align: left;
}
.table-responsive tr:nth-child(odd) {
  background-color: #fff;
}
.table-responsive tr:nth-child(even) {
  background-color: #f8f8f8;
}
@media all and (max-width: 960px) {
  .table-responsive tr:nth-child(even) {
    background-color: #fff;
  }
}

.equation-table .collapse--note {
  overflow: auto;
}
.equation-table table {
  width: 100%;
  max-width: 640px;
  background-color: #eeeeee;
  border: 1px solid #fafafa;
}
.equation-table th {
  background-color: #f3fff7;
}
.equation-table th, .equation-table td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.equation-table tbody tr {
  background-color: #fafafa;
}
.equation-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
@media screen and (max-width: 540px) {
  .equation-table td, .equation-table th {
    font-size: 14px;
    font-weight: bolder;
    word-break: keep-all;
  }
}

.dropdown-menu {
  padding: 8px;
  z-index: 9999;
}
.dropdown-menu > li.checkbox-row {
  padding: 7px 10px;
}
.dropdown-menu li.checkbox-row {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu li.checkbox-row label {
  font-weight: normal;
  padding-left: 25px;
  position: relative;
}
.dropdown-menu li.checkbox-row label:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -25px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #bebebe;
}
.dropdown-menu li.checkbox-row label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 11px;
  height: 7px;
  -webkit-transform: rotate(310deg);
          transform: rotate(310deg);
  border-radius: 1px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: #fff;
}
.dropdown-menu li.checkbox-row input[type=checkbox] {
  width: 0;
  height: 0;
}
.dropdown-menu li.checkbox-row input:checked ~ label:before {
  background: #26a862;
  border: 1px solid #26a862;
}
.dropdown-menu li.checkbox-row input:checked ~ label:after {
  display: block;
}
.dropdown-menu li.checkbox-row:hover,
.dropdown-menu li.checkbox-row input:hover,
.dropdown-menu li.checkbox-row label:hover {
  cursor: pointer;
}
.no-touch .dropdown-menu > .checkbox-row:hover, .no-touch .dropdown-menu > .checkbox-row:active {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.table-wrapper {
  width: 100%;
}

.btn-toolbar {
  margin-bottom: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.btn-toolbar button {
  border: 1px solid #bebebe;
}
.btn-toolbar button:hover, .btn-toolbar button:active {
  color: #fff;
  background: #26a862;
  border: 1px solid #26a862;
}
.btn-toolbar button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.lt-ie8 .btn-toolbar {
  display: none;
}

.table-responsive {
  margin-bottom: 20px;
}
.table-responsive > .table {
  margin-bottom: 0;
}
.table-responsive > .table th {
  background: #f3fff7;
  border-top: 0;
  border-bottom: 0;
}
.table-responsive > .table-bordered {
  border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
.table-responsive > .table-bordered td,
.table-responsive > .table-bordered th {
  border-color: #ddd;
  padding: 25px 20px;
  border-top: none;
  border-bottom: none;
}
.table-responsive .btn {
  width: 90px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 30px;
  padding: 0;
  max-width: 90px;
  min-width: 90px;
}
.table-responsive .select2 {
  max-width: 160px;
}
.table-responsive .select-box {
  width: 160px;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .table-responsive .select-box.select-size-sm {
    max-width: 100px;
    width: 100px;
  }
  .table-responsive .select-box.select-size-sm .select2 {
    max-width: 100px;
    width: 100px;
  }
  .table-responsive .select-box.select-size-md {
    max-width: 120px;
    width: 120px;
  }
  .table-responsive .select-box.select-size-md .select2 {
    max-width: 120px;
    width: 120px;
  }
}
.table-responsive .btn.btn-small {
  width: 64px;
}
@media screen and (max-width: 960px) {
  .table-responsive .btn.btn-small {
    width: 160px;
  }
}
.table-responsive.table-mb-col-fixed td:first-child,
.table-responsive.table-mb-col-fixed th:first-child {
  position: sticky;
  left: 0;
  /* 首行永遠固定於左 */
  z-index: 1;
}
.table-responsive.table-mb-col-fixed th:first-child {
  z-index: 2;
}
.table-responsive .w-100px {
  width: 100px;
  white-space: normal !important;
}
.table-responsive.has-collapse tr td {
  background-color: #fff;
}
.table-responsive.has-collapse .table td {
  border-top: 1px solid #ddd;
}
.table-responsive.has-collapse .detail-btn {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: block;
  background: url(../images/down.png);
  background-size: 100%;
  margin: 0 auto;
}
.table-responsive.has-collapse .detail-btn.open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 960px) {
  .table-responsive.has-collapse .detail-btn:not(.select2) {
    padding: 0;
    margin-right: 10px;
  }
}
.table-responsive.has-collapse .detail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 10px;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .table-responsive.has-collapse .detail-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.table-responsive.has-collapse tbody td > span:not(.select2),
.table-responsive.has-collapse tbody td > div:not(.select2) {
  font-weight: 400;
}
@media screen and (max-width: 960px) {
  .table-responsive.has-collapse .collapse.show {
    margin-top: -30px;
    border-top: 0;
  }
  .table-responsive.has-collapse .collapse.show td:before {
    width: 0;
    padding: 0;
  }
  .table-responsive.has-collapse .detail-block {
    margin-bottom: 20px;
  }
  .table-responsive.has-collapse .detail-block:last-child {
    margin-bottom: 0;
  }
}

.table-responsive[data-pattern=priority-columns] {
  width: 100%;
  margin-bottom: 20px;
  overflow-y: hidden;
  overflow-x: auto;
  border-radius: 3px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #dddddd;
  -webkit-overflow-scrolling: touch;
}
.table-responsive[data-pattern=priority-columns] > .table {
  margin-bottom: 0;
}
.table-responsive[data-pattern=priority-columns] > .table > thead > tr > th, .table-responsive[data-pattern=priority-columns] > .table > tbody > tr > th, .table-responsive[data-pattern=priority-columns] > .table > tfoot > tr > th {
  white-space: nowrap;
}
.table-responsive[data-pattern=priority-columns].width-specify > .table > thead > tr > th, .table-responsive[data-pattern=priority-columns].width-specify > .table > thead > tr > td, .table-responsive[data-pattern=priority-columns].width-specify > .table > tbody > tr > th, .table-responsive[data-pattern=priority-columns].width-specify > .table > tbody > tr > td, .table-responsive[data-pattern=priority-columns].width-specify > .table > tfoot > tr > th, .table-responsive[data-pattern=priority-columns].width-specify > .table > tfoot > tr > td {
  white-space: initial;
}
.table-responsive[data-pattern=priority-columns] > .table.max-td-width {
  margin-bottom: 0;
}
.table-responsive[data-pattern=priority-columns] > .table.max-td-width > thead > tr > th, .table-responsive[data-pattern=priority-columns] > .table.max-td-width > thead > tr > td, .table-responsive[data-pattern=priority-columns] > .table.max-td-width > tbody > tr > th, .table-responsive[data-pattern=priority-columns] > .table.max-td-width > tbody > tr > td, .table-responsive[data-pattern=priority-columns] > .table.max-td-width > tfoot > tr > th, .table-responsive[data-pattern=priority-columns] > .table.max-td-width > tfoot > tr > td {
  white-space: inherit;
  max-width: 300px;
  min-width: 100px;
}
.table-responsive[data-pattern=priority-columns] > .table-bordered {
  border: 0;
}
.table-responsive[data-pattern=priority-columns] > .table-bordered > thead > tr > th:first-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > thead > tr > td:first-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tbody > tr > th:first-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tbody > tr > td:first-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tfoot > tr > th:first-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-responsive[data-pattern=priority-columns] > .table-bordered > thead > tr > th:last-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > thead > tr > td:last-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tbody > tr > th:last-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tbody > tr > td:last-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tfoot > tr > th:last-child, .table-responsive[data-pattern=priority-columns] > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-responsive[data-pattern=priority-columns] > .table-bordered > tbody > tr:last-child > th, .table-responsive[data-pattern=priority-columns] > .table-bordered > tbody > tr:last-child > td, .table-responsive[data-pattern=priority-columns] > .table-bordered > tfoot > tr:last-child > th, .table-responsive[data-pattern=priority-columns] > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.table-responsive.absolute-solution {
  position: relative;
}

.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="-1"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="-1"],
.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="0"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="0"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="1"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="1"],
.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="2"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="2"],
.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="3"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="3"],
.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="4"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="4"],
.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="5"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="5"],
.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="6"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="6"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="-1"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="-1"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="0"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="0"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
  display: none;
}
.mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 th[data-priority="1"], .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 td[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header.lt-ie9 th[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header.lt-ie9 td[data-priority="1"] {
  display: inline;
}
.mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="1"],
.mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
  display: table-cell;
}
@media screen and (min-width: 480px) {
  .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 th[data-priority="2"], .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 td[data-priority="2"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 th[data-priority="2"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 td[data-priority="2"] {
    display: inline;
  }
  .mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="2"],
  .mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="2"],
  .mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],
  .mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
    display: table-cell;
  }
}
@media screen and (min-width: 640px) {
  .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 th[data-priority="3"], .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 td[data-priority="3"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 th[data-priority="3"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 td[data-priority="3"] {
    display: inline;
  }
  .mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="3"],
  .mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="3"],
  .mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],
  .mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
    display: table-cell;
  }
}
@media screen and (min-width: 800px) {
  .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 th[data-priority="4"], .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 td[data-priority="4"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 th[data-priority="4"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 td[data-priority="4"] {
    display: inline;
  }
  .mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="4"],
  .mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="4"],
  .mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],
  .mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
    display: table-cell;
  }
}
@media screen and (min-width: 960px) {
  .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 th[data-priority="5"], .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 td[data-priority="5"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 th[data-priority="5"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 td[data-priority="5"] {
    display: inline;
  }
  .mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="5"],
  .mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="5"],
  .mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],
  .mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
    display: table-cell;
  }
}
@media screen and (min-width: 1120px) {
  .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 th[data-priority="6"], .mq.js .table-responsive[data-pattern=priority-columns].lt-ie9 td[data-priority="6"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 th[data-priority="6"],
  .mq.js.lt-ie10 .sticky-table-header.lt-ie9 td[data-priority="6"] {
    display: inline;
  }
  .mq.js .table-responsive[data-pattern=priority-columns] th[data-priority="6"],
  .mq.js .table-responsive[data-pattern=priority-columns] td[data-priority="6"],
  .mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],
  .mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
    display: table-cell;
  }
}
.mq.js .table-responsive[data-pattern=priority-columns] th.cell-hide,
.mq.js .table-responsive[data-pattern=priority-columns] td.cell-hide,
.mq.js.lt-ie10 .sticky-table-header th.cell-hide,
.mq.js.lt-ie10 .sticky-table-header td.cell-hide {
  display: none;
}
.mq.js .table-responsive[data-pattern=priority-columns] th.cell-show,
.mq.js .table-responsive[data-pattern=priority-columns] td.cell-show,
.mq.js.lt-ie10 .sticky-table-header th.cell-show,
.mq.js.lt-ie10 .sticky-table-header td.cell-show {
  display: table-cell;
}
.lt-ie9 .mq.js .table-responsive[data-pattern=priority-columns] th.cell-show, .lt-ie9 .mq.js .table-responsive[data-pattern=priority-columns] td.cell-show,
.lt-ie9 .mq.js.lt-ie10 .sticky-table-header th.cell-show,
.lt-ie9 .mq.js.lt-ie10 .sticky-table-header td.cell-show {
  display: inline;
}
.lt-ie9 .mq.js .table-responsive[data-pattern=priority-columns].display-all th,
.lt-ie9 .mq.js .table-responsive[data-pattern=priority-columns].display-all td,
.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th,
.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td {
  display: inline !important;
}
.mq.js .table-responsive[data-pattern=priority-columns] table.display-all th,
.mq.js .table-responsive[data-pattern=priority-columns] table.display-all td,
.mq.js.lt-ie10 .sticky-table-header table.display-all th,
.mq.js.lt-ie10 .sticky-table-header table.display-all td {
  display: table-cell !important;
}

table.table-small-font {
  font-size: 12px;
  -webkit-text-size-adjust: none;
  line-height: 1.5em;
}
table.focus-on tbody tr:hover, table.focus-on tfoot tr:hover {
  cursor: pointer;
}
table.focus-on tbody tr.unfocused th,
table.focus-on tbody tr.unfocused td, table.focus-on tfoot tr.unfocused th,
table.focus-on tfoot tr.unfocused td {
  color: #777777;
  color: rgba(0, 0, 0, 0.4);
}
table.focus-on tbody tr.focused th,
table.focus-on tbody tr.focused td, table.focus-on tfoot tr.focused th,
table.focus-on tfoot tr.focused td {
  background-color: #5bc0de;
  color: #000;
}

.sticky-table-header {
  background-color: #fff;
  border: none;
  border-radius: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  visibility: hidden;
  z-index: 990;
  overflow: hidden;
}
.fixed-solution .sticky-table-header {
  position: fixed;
  min-width: 0;
}
.absolute-solution .sticky-table-header {
  position: absolute;
  min-width: 100%;
  top: 0;
}
.sticky-table-header.border-radius-fix {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.sticky-table-header > .table {
  margin-bottom: 0;
}
.sticky-table-header > .table > thead > tr > th, .sticky-table-header > .table > thead > tr > td, .sticky-table-header > .table > tbody > tr > th, .sticky-table-header > .table > tbody > tr > td, .sticky-table-header > .table > tfoot > tr > th, .sticky-table-header > .table > tfoot > tr > td {
  white-space: nowrap;
}
.sticky-table-header > .table-bordered {
  border: 0;
}
.sticky-table-header > .table-bordered > thead > tr > th:first-child, .sticky-table-header > .table-bordered > thead > tr > td:first-child, .sticky-table-header > .table-bordered > tbody > tr > th:first-child, .sticky-table-header > .table-bordered > tbody > tr > td:first-child, .sticky-table-header > .table-bordered > tfoot > tr > th:first-child, .sticky-table-header > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.sticky-table-header > .table-bordered > thead > tr > th:last-child, .sticky-table-header > .table-bordered > thead > tr > td:last-child, .sticky-table-header > .table-bordered > tbody > tr > th:last-child, .sticky-table-header > .table-bordered > tbody > tr > td:last-child, .sticky-table-header > .table-bordered > tfoot > tr > th:last-child, .sticky-table-header > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.sticky-table-header > .table-bordered > tbody > tr:last-child > th, .sticky-table-header > .table-bordered > tbody > tr:last-child > td, .sticky-table-header > .table-bordered > tfoot > tr:last-child > th, .sticky-table-header > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: #fff;
}

.table-striped tbody tr:nth-of-type(even) {
  background: #fafafa;
}

.table-col {
  width: 100%;
  text-align: center;
  margin: 10px 0 30px;
}
.table-col thead {
  background: #f3fff7;
}
.table-col tbody tr:nth-child(even) {
  background: #fafafa;
}
.table-col th,
.table-col td {
  border: 1px solid #dddddd;
  padding: 10px;
}

.table-result {
  width: 75%;
  border-top: solid 1px #dddddd;
  margin: 0 auto;
  font-size: 14px;
  color: #333;
}
.table-result .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
}
.table-result .tr:nth-child(even) {
  background: #fafafa;
}
.table-result .tr .td {
  font-size: 14px;
  padding: 15px;
  border-right: solid 1px #dddddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-result .tr .td:first-child {
  background: #f3fff7;
  min-width: 210px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-result .tr .td:last-child {
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding-left: 50px;
}
.table-result img {
  margin-right: 15px;
}

@media only screen and (max-width: 960px) {
  .table-result {
    font-size: 14px;
    width: 100%;
  }
  .table-result .tr .td {
    padding: 10px;
  }
  .table-result .tr .td:first-child {
    min-width: 110px;
    max-width: 110px;
    text-align: center;
  }
  .table-result .tr .td:last-child {
    padding-left: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
  }
  .fixed-solution .sticky-table-header {
    margin-top: 10px;
  }
}
@media screen and (max-width: 960px) {
  /*---------- table ----------*/
  .table--dataTh {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
  }
  .table--dataTh thead {
    display: none;
  }
  .table--dataTh tbody {
    display: block;
  }
  .table--dataTh tbody tr {
    display: table;
    width: 100%;
    border: 1px solid #dadada;
    margin-bottom: 20px;
  }
  .table--dataTh tbody td {
    display: table-row;
    border-top: 1px solid #dadada;
  }
  .table--dataTh tbody td:first-child {
    border-top: 0;
  }
  .table--dataTh tbody td:before {
    content: attr(data-title);
    display: table-cell;
    color: #333;
    padding: 15px 0 15px 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    white-space: pre-wrap;
    width: 50%;
  }
  .table--dataTh tbody td > span:not(.select2), .table--dataTh tbody td > div:not(.select2) {
    display: table-cell;
    padding: 15px 10px 15px 5px;
    text-align: right;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    color: #000;
    vertical-align: middle;
    white-space: normal;
  }
  .table--dataTh tbody td > span.no-bottom {
    border-bottom: 0px;
  }
  .table--dataTh tbody td .select-box {
    padding: 15px 10px;
  }
  .table--dataTh tbody td:first-child:before {
    border-top-left-radius: 5px;
  }
  .table--dataTh tbody td:first-child > span:not(.select2) {
    border-top-right-radius: 5px;
    width: 100px;
  }
  .table--dataTh tbody td:last-child > span:not(.select2) {
    border-bottom-right-radius: 5px;
  }
  .table--dataTh tbody td:last-child:before {
    border-bottom-left-radius: 5px;
  }
  .table--dataTh tbody td:last-child:before, .table--dataTh tbody td:last-child > span:not(.select2), .table--dataTh tbody td:last-child > div:not(.select2) {
    border-bottom: 0;
    border-radius: 5px;
  }
  .table--dataTh.table-mb-title-narrow tbody td:before {
    width: 50px;
  }
  .tableBtn {
    text-align: center;
    margin: 20px 0px;
    margin-right: 15px;
    margin-left: -110px;
  }
}
.table-responsive {
  margin: 10px 0;
  text-align: center;
}
.table-responsive * {
  font-size: 14px;
}
.table-responsive .table th,
.table-responsive .table td {
  padding: 10px;
  vertical-align: middle;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .table-responsive .table th,
  .table-responsive .table td {
    padding: 10px 5px;
  }
}
.table-responsive .table th:last-child,
.table-responsive .table td:last-child {
  border-right: 0;
}
.table-responsive .table th {
  background-color: #f3fff7;
  color: #333;
  border-right: 1px solid #ddd;
  font-weight: 600;
}
.table-responsive .table td {
  border-right: 1px solid #ddd;
  border-top: 0;
  color: #333;
  font-weight: normal;
}
.table-responsive .table .textRight {
  text-align: right;
}

.table-responsive tr:nth-child(even) td {
  background-color: #fafafa;
}
.table-responsive tr:nth-child(odd) td, .table-responsive tr.total td {
  background-color: #fff;
}
.table-responsive tr.total {
  background-color: #fff;
  border-top: 1px solid #ddd;
  word-break: keep-all;
}
.table-responsive tr.total td {
  border-right: none;
  font-weight: bold;
  background-color: #fff;
}
.table-responsive tr.total td:last-child {
  text-align: right;
}
.table-responsive tr.total td:last-child span {
  width: 100%;
  border-bottom: none;
}
.table-responsive tr.foreign_total {
  background-color: #fff;
  border-top: 1px solid #ddd;
}
.table-responsive tr.foreign_total table {
  margin: 0;
  border-radius: 5px;
}
.table-responsive tr.foreign_total th,
.table-responsive tr.foreign_total td {
  padding: 5px;
  border-right: none;
  background: #fff;
}
.table-responsive tr.foreign_total th > span, .table-responsive tr.foreign_total th:before,
.table-responsive tr.foreign_total td > span,
.table-responsive tr.foreign_total td:before {
  border-bottom: 0;
}
.table-responsive tr.foreign_total_title {
  display: none;
}
.table-responsive.table-mb-col-fixed tr:nth-child(odd) td {
  background-color: #fff;
}
.table-responsive.table-mb-col-fixed tr:nth-child(even) td {
  background-color: #fafafa;
}
.table-responsive.sortable tr.ui-sortable-handle {
  cursor: pointer;
}
.table-responsive.sortable tr.sortable-placeholder:nth-child(odd) td, .table-responsive.sortable tr.sortable-placeholder:nth-child(even) td {
  background-color: #00994e;
}
.table-responsive.sortable tr.ui-sortable-helper {
  opacity: 0.8;
}
.table-responsive.sortable tr.ui-sortable-helper:nth-child(odd) td, .table-responsive.sortable tr.ui-sortable-helper:nth-child(even) td {
  background-color: #78cb9e;
}

@media screen and (max-width: 960px) {
  .table-responsive.mb-card {
    margin-bottom: 0;
    border: 0;
  }
  .table-responsive.mb-card .table td:not(:last-child) {
    border-bottom: 2px dotted #e8e8e8;
  }
  .table-responsive.mb-card .table td.textCenter {
    text-align: left;
  }
  .table-responsive.mb-card .table tr {
    border-radius: 5px;
  }
  .table-responsive.mb-card .table tr.total td {
    display: none;
  }
  .table-responsive.mb-card .table tr.total td:before {
    font-weight: bold;
    min-width: 140px;
  }
  .table-responsive.mb-card .table tr.total td:last-child {
    background-color: #f3fff7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    padding: 0;
  }
  .table-responsive.mb-card .table tr.foreign_total {
    border-radius: 0;
    margin-bottom: 0;
  }
  .table-responsive.mb-card .table tr.foreign_total .mb-none {
    display: none;
  }
  .table-responsive.mb-card .table tr.foreign_total table tr {
    border: none;
    border-bottom: 1px solid #dadada;
  }
  .table-responsive.mb-card .table tr.foreign_total table tr:last-child {
    border: none;
  }
  .table-responsive.mb-card .table tr.foreign_total tr {
    border-radius: 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: 0;
    padding: 5px 0;
  }
  .table-responsive.mb-card .table tr.foreign_total > td:before {
    display: none;
  }
  .table-responsive.mb-card .table tr.foreign_total td:before {
    padding: 5px 0 5px 10px;
  }
  .table-responsive.mb-card .table tr.foreign_total td > span:not(.select2) {
    padding: 5px 10px 5px 0;
  }
  .table-responsive.mb-card .table tr.foreign_total + .total {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .table-responsive.mb-card .table tr.foreign_total + .total td:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .table-responsive.mb-card .table tr.foreign_total_title {
    display: block;
    margin: 0;
    padding: 20px 20px 10px 10px;
    font-size: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }
  .table-responsive.mb-card .table tr.foreign_total_title td {
    font-weight: bold;
  }
  .table-responsive.mb-card .table tr.foreign_total_title td:before {
    display: none;
  }
  .table-responsive.mb-card .table tr:nth-child(even) td {
    background: #fff;
  }
  .table-responsive.mb-card .select-box {
    width: 175px;
  }
  .pc-only {
    display: none;
  }
  td[data-title]:not(.td-select) {
    white-space: pre-line !important;
    word-wrap: break-word;
  }
}
.modal .table-responsive.mb-card .table th,
.modal .table-responsive.mb-card .table td {
  padding: 10px;
  text-align: center;
}
.modal .table-responsive.mb-card .table tr:nth-child(even) td:nth-child(even) {
  background-color: #fafafa;
}
.modal .table--dataTh tbody td:before {
  background: #f3fff7;
  font-weight: 500;
}
.modal .table-responsive[data-pattern=priority-columns] {
  border-radius: 0;
}
.modal .table--dataTh tbody td > span:not(.select2) {
  text-align: center;
  font-weight: 400;
  color: #333;
}

.mb-only {
  display: none;
  height: 1px;
}

.mb-period {
  display: none;
}

@media screen and (max-width: 960px) {
  .mb-period {
    display: contents;
    float: left;
  }
  .pc-period {
    display: none;
  }
  .modal .table--dataTh tbody td:before, .modal .table--dataTh tbody td > span:not(.select2) {
    padding: 10px;
    vertical-align: middle;
    width: 100px;
  }
  .modal .table--dataTh tbody td:nth-child(even) {
    background: #fafafa;
  }
  .modal .table--dataTh tbody td > span:not(.select2) {
    border-left: 1px solid #ddd;
  }
  .modal .table--dataTh tbody td:last-child > span:not(.select2) {
    border-bottom: 0;
  }
  .modal .table-responsive.mb-card .table tr {
    border-radius: 0;
  }
  .mb-only {
    display: block;
  }
}
@media screen and (max-width: 1080px) {
  .modal .table-responsive.mb-card .table th,
  .modal .table-responsive.mb-card .table td,
  .modal .table--dataTh tbody td > span:not(.select2) {
    padding: 5px;
    font-size: 12px;
  }
}
.sticky-table-header {
  background-color: #fff;
  border: none;
  border-radius: 0;
  visibility: hidden;
  z-index: 99;
  overflow: hidden;
  border: 1px solid #ddd;
}

.fixed-solution .sticky-table-header {
  position: fixed;
  min-width: 0;
}

.absolute-solution .sticky-table-header {
  position: absolute;
  min-width: 100%;
  top: 0;
}

.sticky-table-header.border-radius-fix {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.sticky-table-header > .table {
  margin-bottom: 0;
}

.sticky-table-header > .table > thead > tr > th,
.sticky-table-header > .table > tbody > tr > th,
.sticky-table-header > .table > tfoot > tr > th,
.sticky-table-header > .table > thead > tr > td,
.sticky-table-header > .table > tbody > tr > td,
.sticky-table-header > .table > tfoot > tr > td {
  white-space: nowrap;
}

.sticky-table-header > .table-bordered {
  border: 0;
}

.sticky-table-header > .table-bordered > thead > tr > th:first-child,
.sticky-table-header > .table-bordered > tbody > tr > th:first-child,
.sticky-table-header > .table-bordered > tfoot > tr > th:first-child,
.sticky-table-header > .table-bordered > thead > tr > td:first-child,
.sticky-table-header > .table-bordered > tbody > tr > td:first-child,
.sticky-table-header > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.sticky-table-header > .table-bordered > thead > tr > th:last-child,
.sticky-table-header > .table-bordered > tbody > tr > th:last-child,
.sticky-table-header > .table-bordered > tfoot > tr > th:last-child,
.sticky-table-header > .table-bordered > thead > tr > td:last-child,
.sticky-table-header > .table-bordered > tbody > tr > td:last-child,
.sticky-table-header > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.sticky-table-header > .table-bordered > tbody > tr:last-child > th,
.sticky-table-header > .table-bordered > tfoot > tr:last-child > th,
.sticky-table-header > .table-bordered > tbody > tr:last-child > td,
.sticky-table-header > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.td-checkbox {
  position: relative;
  min-height: 40px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.td-checkbox .form-check-label {
  width: 20px;
  height: 20px;
  padding-left: 20px;
  text-align: center;
  margin: 0 auto;
  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;
}

.mb-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 960px) {
  .mb-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.iSprite20__edit:before, .iSprite20__checked:before, .iSprite20__warning:before, .iSprite20__plus:before, .iSprite20__edit:after, .iSprite20__checked:after, .iSprite20__warning:after, .iSprite20__plus:after {
  width: 20px;
  height: 20px;
  background-image: url("../../content/images/sprite--20.png");
}

.red_span {
  color: #fd596d;
}

.cub_bold {
  color: #00283d;
  font-weight: 700;
  padding-bottom: 1px;
  border-bottom: 1px solid #00283d;
}

.label_red {
  background-color: #ea9393;
  color: #fff;
  font-size: 14px;
  display: inline;
  border-radius: 2px;
  padding: 0 8px;
  margin-left: 10px;
}

/*---------- confirm ----------*/
.program__box {
  line-height: 36px;
  font-size: 22px;
  margin-bottom: 40px;
  font-weight: 600;
}
.program__box span.original {
  color: #4a4a4a;
}

form .program__box {
  max-width: 960px;
  margin: 0 auto;
}

.confirm {
  padding: 20px 40px 40px;
  border-radius: 5px;
  border: solid 1px #ddd;
  background-color: #fff;
}
@media all and (max-width: 767px) {
  .confirm {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 20px 15px 40px;
  }
}
.confirm .confirm__item .confirm_title {
  padding: 0;
  font-weight: 500;
  color: #333333;
  font-size: 22px;
  text-align: center;
}
.confirm .confirm__item .confirm_date {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
.confirm .confirm__item .confirm_right {
  text-align: right;
}
.confirm .confirm__item .content_text {
  text-align: left;
  font-size: 16px;
  color: #333333;
}
.confirm .confirm__item .confirm__list {
  margin: 0px 15px 20px;
}
.confirm .confirm__item .confirm__list h5 {
  color: #00283d;
}
.confirm .confirm__item .confirm__list .confirm__list_title, .confirm .confirm__item .confirm__list .confirm__listitem {
  display: inline-block;
}
@media all and (max-width: 767px) {
  .confirm .confirm__item .confirm__list {
    margin: 0 0 20px;
  }
  .confirm .confirm__item .confirm__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .confirm .confirm__item .confirm__list li .confirm__list_title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
  .confirm .confirm__item .confirm__list li .confirm__list_title::after {
    content: " ";
  }
  .confirm .confirm__item .confirm__list li .confirm__listitem {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
  }
}
.confirm .confirm__item .confirm-list-column-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.confirm .confirm__item .confirm-list-column-box .confirm__list {
  width: 100%;
}
.confirm .confirm__item .confirm-list-column-box li {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .confirm .confirm__item .confirm-list-column-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.confirm .confirm__item .confirm__agree {
  margin: 15px 15px 20px;
  font-size: 18px;
}
.confirm .confirm__item .confirm__agree span.itembox {
  color: #00283d;
  text-decoration: underline;
}
.confirm .confirm__item .confirm__agree .CUBList.CUBList--sequence {
  font-size: 18px;
}
.confirm .confirm__item .confirm__tit {
  background: #f2f2f2;
  margin: 0px 15px 0px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #111111;
}
.confirm .confirm__item .confirm__tit > div {
  width: 100%;
}
.confirm .confirm__item .confirm__tit > div + div {
  padding-left: 10px;
}
@media all and (max-width: 767px) {
  .confirm .confirm__item .confirm__tit {
    margin: 0;
  }
}
.confirm .confirm__half__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 767px) {
  .confirm .confirm__half__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.confirm .confirm__half__wrapper .confirm__half, .confirm .confirm__half__wrapper .confirm__list > li {
  width: 100%;
}
.confirm .confirm__half__wrapper .confirm__half:first-child .confirm__tit {
  padding-right: 0;
  margin-right: 0;
}
.confirm .confirm__half__wrapper .confirm__half:last-child .confirm__list, .confirm .confirm__half__wrapper .confirm__half:last-child .confirm__tit {
  margin-left: 0;
}
.confirm .confirm__title {
  font-size: 20px;
  line-height: 40px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #333333;
  padding: 0 15px;
}
@media all and (max-width: 768px) {
  .confirm .confirm__title {
    padding: 0;
  }
}

.confirm__code {
  margin-bottom: 20px;
}

.confirm__item + .confirm__item {
  margin-top: 40px;
}
@media all and (max-width: 767px) {
  .confirm__item + .confirm__item {
    margin-top: 0;
  }
}

.confirm__edit {
  display: inline-block;
  padding: 0 10px;
  color: #00994e !important;
  line-height: 40px;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media all and (max-width: 768px) {
  .confirm__edit {
    padding: 0;
  }
}

.confirm__edit > i {
  margin-right: 3px;
}

.confirm__edit:hover, .confirm__edit:focus, .confirm__edit:active {
  color: #00994e;
  opacity: 1;
}

.confirm__header:before, .confirm__header:after {
  content: "";
  display: table;
}

.confirm__header:after {
  clear: both;
}

.confirm__title {
  float: left;
  font-weight: bold;
  font-size: 20px;
  color: #111111;
}

.confirm__edit {
  float: right;
}

.confirm__list {
  padding: 0;
  margin: 0;
}

.confirm__list:before, .confirm__list:after {
  content: "";
  display: table;
}

.confirm__list:after {
  clear: both;
}

.confirm__list > li {
  color: #111111;
  float: left;
  width: 50%;
  margin-top: 15px;
  list-style: none;
  padding-right: 20px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 768px) {
  .confirm__list > li {
    width: 100%;
  }
}

.confirm__list > li.confirmtext {
  width: 100%;
}
.confirm__list > li.confirmtext.bolder {
  font-weight: 600;
}

.confirm__list--lv2 > li {
  width: 100%;
}

.confirm__subTitle {
  font-weight: bold;
  font-size: 18px;
  padding-top: 15px;
}

.agreement__checkbox {
  margin-bottom: 15px;
  display: block;
}

.agreement .accordionForm__title.active + .accordionForm__content {
  padding: 20px 10px 5px 10px;
  background: #fff;
}

@media only screen and (max-width: 960px) {
  .agreement .accordionForm__title.active + .accordionForm__content {
    padding: 20px 20px 30px 20px;
    margin-top: 10px;
  }
}
.confirmtable {
  border: solid 1px #ddd;
  padding: 15px 1px 0 0;
  width: 100%;
  background: #ffffff;
  font-size: 14px;
}
.confirmtable td {
  border: solid 1px #ddd;
  padding: 15px 20px;
}
@media all and (max-width: 767px) {
  .confirmtable td {
    padding: 15px 5px;
  }
}
.confirmtable td.title {
  background: #f3fff7;
  color: #333;
  max-width: 210px;
  text-align: center;
  line-height: 1;
}
@media all and (max-width: 767px) {
  .confirmtable td.title {
    width: 100px;
  }
}
.confirmtable td.text {
  padding-left: 40px;
  color: #333333;
}
.confirmtable td.text.bgodd {
  background: #fafafa;
}
@media all and (max-width: 960px) {
  .confirmtable td.text {
    padding-left: 10px;
  }
}

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

.rule p {
  color: #333333;
  font-size: 14px;
}

.rule h3 {
  color: #333333;
  font-size: 18px;
  font-weight: 600;
}

.rwd-progress .complete ul.checkout .step.active:last-child:after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  border-bottom: 2px solid #afb3b9;
  border-color: #e4e4e4;
}
.rwd-progress .complete ul.checkout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  padding-top: 30px;
  text-align: center;
  list-style: none;
  margin-bottom: 150px;
  counter-reset: num;
}
.rwd-progress .complete ul.checkout .step {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  height: 30px;
  position: relative;
  counter-increment: num;
}
.rwd-progress .complete ul.checkout .step:before,
.rwd-progress .complete ul.checkout .step:after {
  position: absolute;
  content: " ";
  top: 50%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  border-bottom: 2px solid #afb3b9;
  border-color: #e4e4e4;
}
.rwd-progress .complete ul.checkout .step.active:after,
.rwd-progress .complete ul.checkout .step.active:before {
  position: absolute;
  content: " ";
  top: 50%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  border-bottom: 2px solid #00994e;
  border-color: #00994e;
  z-index: 1;
}
.rwd-progress .complete ul.checkout .step.active.lastbox:after {
  position: absolute;
  content: " ";
  top: 50%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  border-bottom: 2px solid #afb3b9;
  border-color: #e4e4e4;
}
.rwd-progress .complete ul.checkout .step:before {
  left: 0;
  right: 50%;
}
.rwd-progress .complete ul.checkout .step:after {
  left: 50%;
  right: 0;
}
.rwd-progress .complete ul.checkout .step:last-child:after {
  right: 50%;
}
.rwd-progress .complete ul.checkout .step:first-child:before {
  left: 50%;
}
.rwd-progress .complete ul.checkout .step-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #e4e4e4;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.rwd-progress .complete ul.checkout .step.active .step-icon:after {
  position: absolute;
  width: 40px;
  height: 40px;
  content: "";
  top: -1px;
  left: -1px;
  background: #00994e;
  border-radius: 50%;
  z-index: 10;
}
.rwd-progress .complete ul.checkout .step.active.lastbox .step-icon:after {
  position: absolute;
  width: 35px;
  height: 35px;
  top: -1px;
  left: -1px;
  background: #fff;
  border: 5px solid #00994e;
  border-radius: 50%;
  z-index: 10;
  content: counter(num);
  line-height: 33px;
  color: #00994e;
}
.rwd-progress .complete ul.checkout .step.completed .step-icon {
  background: #e4e4e4;
  border-color: #e4e4e4;
}
.rwd-progress .complete ul.checkout .step-label {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #bebebe;
}
.rwd-progress .complete ul.checkout .step-label_s {
  position: absolute;
  top: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #4a4a4a;
  font-size: 14px;
}
.rwd-progress .complete ul.checkout .step.active .step-label {
  color: #00994e;
  font-weight: bold;
  visibility: visible;
}
@media screen and (max-width: 760px) {
  .rwd-progress .complete__write li {
    width: 100%;
    text-align: center;
    float: none;
    max-width: 390px;
    margin: 0 auto;
    list-style: none;
    position: relative;
    border-bottom: solid 1px #d8d8d8;
  }
  .rwd-progress .complete__write li .complete__wtDesc {
    padding: 10px 0 0 100px;
    color: #4a4a4a;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 60px;
    text-align: left;
  }
  .rwd-progress .complete__write li .complete__wtDesc.f_top {
    padding: 10px 0 0 100px;
  }
  .rwd-progress .complete__write li .complete__wtDesc span.step {
    color: #9d9d9d;
    font-size: 18px;
    width: 50px;
  }
  .rwd-progress .complete__write li .complete__wtDesc .br_box {
    margin-left: 60px;
    font-size: 4.5vw;
    color: #4a4a4a;
  }
  .rwd-progress .complete__write li .complete__action {
    font-size: 4.5vw;
    text-align: left;
    color: #4a4a4a;
  }
  .rwd-progress .complete__write li .complete__action .title_g {
    font-size: 16px;
    color: #00a94f;
  }
  .rwd-progress .complete__write li .complete__action a.green_on {
    text-decoration: underline;
    color: #00994e;
  }
  .rwd-progress .complete__write li:after {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .rwd-progress .inputGroup__control--captcha .tableDiv > div:first-child {
    width: 100%;
    display: block;
  }
  .rwd-progress .inputGroup__control .bg_block {
    width: 40%;
    margin-top: 10px;
    margin-left: 0;
    float: left;
  }
  .rwd-progress .form .sms__actionArea {
    margin-top: 10px;
  }
  .rwd-progress .complete ul.checkout {
    display: block;
    padding-left: 0;
    padding-top: 0px;
    text-align: left;
    margin-bottom: 0px;
  }
  .rwd-progress .complete ul.checkout .step {
    height: 30px;
    min-height: 80px;
    position: relative;
  }
  .rwd-progress .complete ul.checkout .step:after {
    position: absolute;
    content: "";
    top: 0%;
    -webkit-transform: translatex(14px);
    transform: translatex(14px);
    border-bottom: 2px solid #afb3b9;
    border-color: #e4e4e4;
    z-index: 1;
    width: 3px;
    height: 100px;
    background: #e4e4e4;
  }
  .rwd-progress .complete ul.checkout .step:before {
    display: none;
  }
  .rwd-progress .complete ul.checkout .step.active:after {
    position: absolute;
    content: "";
    top: 0%;
    -webkit-transform: translatex(14px);
    transform: translatex(14px);
    z-index: 1;
    width: 3px;
    height: 100px;
    background: #00994e;
  }
  .rwd-progress .complete ul.checkout .step.active:before {
    display: none;
  }
  .rwd-progress .complete ul.checkout .step:before {
    left: 0;
    right: 50%;
  }
  .rwd-progress .complete ul.checkout .step.active.lastbox:after {
    position: absolute;
    content: "";
    top: 0%;
    -webkit-transform: translatex(14px);
    transform: translatex(14px);
    border-bottom: 2px solid #afb3b9;
    border-color: #e4e4e4;
    z-index: 1;
    width: 3px;
    height: 100px;
    background: #e4e4e4;
  }
  .rwd-progress .complete ul.checkout .step:first-child:before {
    left: 50%;
  }
  .rwd-progress .complete ul.checkout .step:last-child:after {
    display: none;
  }
  .rwd-progress .complete ul.checkout .step:after {
    left: 0%;
    right: 0;
  }
  .rwd-progress .complete ul.checkout .step-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #e4e4e4;
    border-radius: 50%;
    position: relative;
    z-index: 2;
  }
  .rwd-progress .complete ul.checkout .step.active .step-icon:after {
    position: absolute;
    width: 32px;
    height: 32px;
    content: "";
    top: -1px;
    left: -1px;
    background: #00994e;
    border-radius: 50%;
    z-index: 10;
  }
  .rwd-progress .complete ul.checkout .step.active.lastbox .step-icon:after {
    position: absolute;
    width: 24px;
    height: 24px;
    top: -1px;
    left: -1px;
    background: #fff;
    border: 5px solid #00994e;
    border-radius: 50%;
    line-height: 22px;
    text-align: center;
  }
  .rwd-progress .complete ul.checkout .checkout .step.completed:after,
  .rwd-progress .complete ul.checkout .checkout .step.completed + li:before {
    border-color: #00994e;
  }
  .rwd-progress .complete ul.checkout .step.completed .step-icon {
    background: #e4e4e4;
    border-color: #e4e4e4;
  }
  .rwd-progress .complete ul.checkout .step.completed .step-icon:after {
    position: absolute;
    content: "";
    top: 45%;
    width: 60%;
    height: 35%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    background: transparent;
  }
  .rwd-progress .complete ul.checkout .text__step {
    text-align: left;
  }
  .rwd-progress .complete ul.checkout .text__step .step-label {
    position: absolute;
    top: 5px;
    left: 50px;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    color: #bebebe;
    letter-spacing: 1.5px;
  }
  .rwd-progress .complete ul.checkout .text__step .step-label_s {
    position: absolute;
    top: 30px;
    left: 50px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    color: #4a4a4a;
    font-size: 14px;
    letter-spacing: 1.5px;
  }
  .rwd-progress .complete ul.checkout .text__step .step.active .step-label {
    color: #00994e;
    font-weight: bold;
    visibility: visible;
  }
}

.complete__write {
  background: #fff;
  padding: 30px;
  margin: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.complete__write:before {
  content: "";
  display: table;
}
.complete__write:after {
  content: "";
  display: table;
  clear: both;
}
.complete__write li {
  width: calc((100% - 5px) / 3);
  text-align: center;
  display: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  position: relative;
  display: inline-block;
}
.complete__write li .complete__wtDesc {
  padding: 0 30px;
  font-size: 24px;
  color: #00994e;
  font-weight: 600;
  margin-bottom: 0px;
}
.complete__write li .complete__wtDesc .br_box {
  margin-left: 45px;
  font-size: 18px;
  color: #4a4a4a;
}
.complete__write li .complete__wtDesc .step {
  color: #00994e;
  font-size: 16px;
  font-weight: 600;
  display: block;
}
.complete__write li .complete__action {
  font-size: 14px;
  text-align: center;
  color: #4a4a4a;
  padding: 0px 0 0;
}
.complete__write li .complete__action .title_g {
  font-size: 16px;
  color: #00a94f;
}
.complete__write li .complete__action a.green_on {
  text-decoration: underline;
  color: #00994e;
}
.complete__write li:after {
  width: 35px;
  height: 35px;
  background: url(../images/icon_p.png);
  content: " ";
  position: absolute;
  right: -20px;
  top: 120px;
}
.complete__write li:last-child {
  border-bottom: 0px;
}
.complete__write li:last-child:after {
  display: none;
}
.complete__write.complete-border-item {
  padding: 20px 50px 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.complete__write.complete-border-item .complete__writetIcon {
  padding-top: 0px;
  padding-bottom: 15px;
}
.complete__write.complete-border-item li {
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
}
.complete__write.complete-border-item li:after {
  background: #d8d8d8;
  width: 1px;
  height: 80%;
  top: 0;
  bottom: 0;
  right: -18%;
  margin: auto;
}
.complete__write.complete-border-item .complete__info {
  direction: inherit;
}
.complete__write.complete-border-item.complete-border-item-more li:after {
  right: 0;
}
@media screen and (max-width: 960px) {
  .complete__write.complete-border-item li:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .complete__write.complete-border-item {
    padding: 20px;
  }
  .complete__write.complete-border-item .complete__writetIcon {
    position: static;
    padding-bottom: 5px;
  }
  .complete__write.complete-border-item li {
    display: block;
    max-width: 100%;
    padding: 20px 0 20px;
  }
  .complete__write.complete-border-item li:first-child {
    padding-top: 0;
  }
  .complete__write.complete-border-item li:last-child {
    padding-bottom: 0;
  }
}

.complete__writetIcon {
  padding: 30px;
}

@media screen and (max-width: 767px) {
  .complete__writetIcon {
    padding: 0px;
    position: absolute;
  }
  .complete__writetIcon {
    padding: 10px 0;
  }
  .complete__write {
    display: block;
    padding: 0 30px;
  }
  .complete__write li {
    width: 100%;
    text-align: center;
    max-width: 767px;
    margin: 0 auto;
    padding: 10px 0 30px;
    list-style: none;
    position: relative;
    border-bottom: solid 1px #d8d8d8;
  }
  .complete__write li .complete__wtDesc {
    padding: 20px 0 0 100px;
    font-size: 20px;
    font-weight: 600;
    min-height: auto;
    text-align: left;
  }
  .complete__write li .complete__wtDesc.f_top {
    padding: 10px 0 0 100px;
  }
  .complete__write li .complete__wtDesc .br_box {
    margin-left: 50px;
    font-size: 18px;
    color: #4a4a4a;
  }
  .complete__write li .complete__wtDesc .step {
    color: #00994e;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
  }
  .complete__write li .complete__action {
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
    margin-left: 100px;
  }
  .complete__write li .complete__action .title_g {
    font-size: 16px;
    color: #00a94f;
  }
  .complete__write li .complete__action a.green_on {
    text-decoration: underline;
    color: #00994e;
  }
  .complete__write li .arrow_b_int {
    width: 0px;
    height: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: #d8d8d8 transparent transparent transparent;
    position: absolute;
    bottom: -16px;
    right: 50%;
    margin-right: -4px;
  }
  .complete__write li .arrow_b_out {
    width: 0px;
    height: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: #fafafa transparent transparent transparent;
    position: absolute;
    bottom: -14px;
    right: 50%;
    margin-right: -4px;
  }
  .complete__write li:last-child .arrow_b_int, .complete__write li:last-child .arrow_b_out {
    display: none;
  }
  .complete__write li:after {
    display: none;
  }
}
/*---------- intro progress ----------*/
.intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.intro-progress {
  width: 75%;
  margin: 89px auto 0;
}
.intro-progress .intro-section {
  height: 60vh;
}
@media screen and (max-width: 768px) {
  .intro-progress .intro-section {
    height: 80vh;
  }
}
.intro-progress .pc-only {
  border-bottom: 1px solid #bebebe;
  margin-bottom: 37px;
}
.intro-progress .pc-only h3 {
  font-size: 38px;
  font-weight: 550;
}
.intro-progress .pc-only p {
  font-size: 30px;
}
.intro-progress .intro-progress-box {
  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;
  list-style: none;
}
.intro-progress .intro-progress-item {
  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;
  position: relative;
  -ms-flex-item-align: normal;
      -ms-grid-row-align: normal;
      align-self: normal;
  top: 0;
  left: 0;
}
.intro-progress .intro-progress-item p {
  color: #555555;
  max-width: 210px;
}
.intro-progress .intro-progress-item img:nth-child(2) {
  background: #fafafa;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.intro-progress .intro-progress-item h5 {
  text-align: center;
}
.intro-progress .intro-progress-item:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 5px;
  left: 70%;
  bottom: 0;
  margin: auto;
  background-color: #bebebe;
  z-index: -1;
}
.intro-progress .intro-progress-item:last-child:before {
  display: none;
}
@media screen and (max-width: 1300px) {
  .intro-progress {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .intro-progress p {
    text-align: center;
  }
  .intro-progress .intro-progress-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto !important;
    width: 335px;
  }
  .intro-progress .intro-progress-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
  .intro-progress .intro-progress-item img:nth-child(1) {
    width: 50px;
  }
  .intro-progress .intro-progress-item img:nth-child(2) {
    width: 30px;
  }
  .intro-progress .intro-progress-item h5, .intro-progress .intro-progress-item p {
    text-align: left;
  }
  .intro-progress .intro-progress-item:before {
    width: 1px;
    height: 100%;
    top: 70%;
    left: 80px;
    bottom: auto;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .intro-progress .intro-progress-box {
    width: auto;
  }
}

/* 原_main.scss */
.icon {
  display: inline-block;
}

.icon:before, .icon:after {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.icon:before {
  content: "";
}

.icon > .icon__text {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.icon.icon--a:before {
  content: none;
}

.icon.icon--a:after {
  content: "";
}

.icon.icon--a > .icon__text {
  margin-left: 0;
  margin-right: 3px;
}

.icon.icon--b:after {
  content: none;
}

.icon.icon--b:before {
  content: "";
}

.icon.icon--b > .icon__text {
  margin-left: 0;
  margin-right: 3px;
}

/*---------- icon - sample ----------*/
.iSprite30__clock {
  vertical-align: bottom;
}

.iSprite30__warning:before, .iSprite30__clock:before, .iSprite30__checked:before, .iSprite30__delete:before, .iSprite30__warning:after, .iSprite30__clock:after, .iSprite30__checked:after, .iSprite30__delete:after, .inputGroup__control--date:after, .inputGroup__control--creditCard:after {
  width: 30px;
  height: 30px;
  background-image: url("../../content/images/sprite--30.png");
}

.iSprite30__warning:before, .iSprite30__warning:after {
  background-position: 0 0;
}

.iSprite30__clock:before, .iSprite30__clock:after {
  background-position: 0 -60px;
}

.iSprite30__checked:before, .iSprite30__checked:after {
  background-position: 0 -90px;
}

.iSprite30__delete:before, .iSprite30__delete:after {
  background-position: 0 -120px;
}

.iSprite30__copied:before {
  background-image: url("../../content/images/copied-icon.png");
  width: 30px;
  height: 30px;
  background-size: contain;
  position: relative;
  top: 0;
  left: 0;
}
.iSprite30__copied:after {
  content: "已複製";
  width: 100%;
  height: 100%;
  line-height: 27px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.iSprite30__copied:active:after {
  opacity: 1;
  -webkit-transition: opacity 0s ease-in;
  transition: opacity 0s ease-in;
}

.iSprite30__fb:before {
  background-image: url("../../content/images/fb-icon.png");
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
}

.iSprite30__line:before {
  background-image: url("../../content/images/line-icon.png");
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
}

.iSprite20__edit:before, .iSprite20__checked:before, .iSprite20__warning:before, .iSprite20__edit:after, .iSprite20__checked:after, .iSprite20__warning:after, .iSprite20__plus:after {
  width: 20px;
  height: 20px;
  background-image: url("../../content/images/sprite--20.png");
}

.iSprite20__info {
  width: 20px;
  height: 20px;
  background-image: url("../../content/images/info_1.png");
  background-size: cover;
}

.iSprite20__plus:before {
  background-image: url("../../content/images/accordion--pc.png");
  width: 30px;
  height: 30px;
}

.iSprite20__success:before {
  background-image: url("../../content/images/success-icon.png");
  width: 26px;
  height: 25px;
  background-size: contain;
}

.icon-talk {
  background: url("../../content/images/talk.png");
  background-repeat: no-repeat;
}

.icon-customer {
  background: url("../../content/images/customer.png");
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}

i.iSprite20__edit:before, i.iSprite20__edit:after {
  background-image: url("../../content/images/icon-edit.png");
  background-size: 15px;
  background-position: 2px 0;
}

.iSprite20__checked:before, .iSprite20__checked:after {
  background-position: 0 -20px;
}

.iSprite20__warning:before, .iSprite20__warning:after {
  background-position: 0 -40px;
}

.iSpriteCards__gas:before, .iSpriteCards__movie:before, .iSpriteCards__all:before, .iSpriteCards__cash:before, .iSpriteCards__flight:before, .iSpriteCards__gas:after, .iSpriteCards__movie:after, .iSpriteCards__all:after, .iSpriteCards__cash:after, .iSpriteCards__flight:after {
  width: 60px;
  height: 60px;
  background-image: url("../../content/images/sprite--cards.png");
  background-position-x: 0;
}

.active .iSpriteCards__gas:before, .active .iSpriteCards__movie:before, .active .iSpriteCards__all:before, .active .iSpriteCards__cash:before, .active .iSpriteCards__flight:before, .active .iSpriteCards__gas:after, .active .iSpriteCards__movie:after, .active .iSpriteCards__all:after, .active .iSpriteCards__cash:after, .active .iSpriteCards__flight:after {
  background-position-x: -60px;
}

.iSpriteCards__gas:before, .iSpriteCards__gas:after {
  background-position-y: 0;
}

.iSpriteCards__movie:before, .iSpriteCards__movie:after {
  background-position-y: -60px;
}

.iSpriteCards__all:before, .iSpriteCards__all:after {
  background-position-y: -120px;
}

.iSpriteCards__cash:before, .iSpriteCards__cash:after {
  background-position-y: -180px;
}

.iSpriteCards__flight:before, .iSpriteCards__flight:after {
  background-position-y: -240px;
}

.iInfo:before, .iInfo:after {
  width: 30px;
  height: 30px;
  background-image: url("../../content/images/iInfo.png");
}

[data-fancybox]:hover, [data-fancybox]:focus {
  outline: none;
}

.iSpriteLabel__account:before, .iSpriteLabel__car:before, .iSpriteLabel__loan:before, .iSpriteLabel__eTag:before, .iSpriteLabel__easycard:before, .iSpriteLabel__account:after, .iSpriteLabel__car:after, .iSpriteLabel__loan:after, .iSpriteLabel__eTag:after, .iSpriteLabel__easycard:after {
  width: 60px;
  height: 60px;
  background-image: url("../../content/images/spriteLabel.png");
  background-position-x: 0;
}

.active .iSpriteLabel__account:before, .active .iSpriteLabel__car:before, .active .iSpriteLabel__loan:before, .active .iSpriteLabel__eTag:before, .active .iSpriteLabel__easycard:before, .active .iSpriteLabel__account:after, .active .iSpriteLabel__car:after, .active .iSpriteLabel__loan:after, .active .iSpriteLabel__eTag:after, .active .iSpriteLabel__easycard:after {
  background-position-x: -60px;
}

.iSpriteLabel__account:before, .iSpriteLabel__account:after {
  background-position-y: 0;
}

.iSpriteLabel__car:before, .iSpriteLabel__car:after {
  background-position-y: -60px;
}

.iSpriteLabel__loan:before, .iSpriteLabel__loan:after {
  background-position-y: -120px;
}

.iSpriteLabel__eTag:before, .iSpriteLabel__eTag:after {
  background-position-y: -180px;
}

.iSpriteLabel__easycard:before, .iSpriteLabel__easycard:after {
  background-position-y: -240px;
}

.iPrint__print:before, .iPrint__doc:before, .iPrint__mail:before, .iPrint__print:after, .iPrint__doc:after, .iPrint__mail:after {
  width: 70px;
  height: 70px;
  background-image: url("../../content/images/iPrint.png");
  background-position-x: 0;
}

.iPrint__print:before, .iPrint__print:after {
  background-position-y: 0;
}

.iPrint__doc:before, .iPrint__doc:after {
  background-position-y: -70px;
}

.iPrint__mail:before, .iPrint__mail:after {
  background-position-y: -140px;
}

.iUpload__IDFront:before, .iUpload__IDBack:before, .iUpload__financialProof:before, .iUpload__businessCard:before, .iUpload__costco:before, .iUpload__other:before, .iUpload__IDFront:after, .iUpload__IDBack:after, .iUpload__financialProof:after, .iUpload__businessCard:after, .iUpload__costco:after, .iUpload__other:after {
  width: 120px;
  height: 120px;
  background-image: url("../../content/images/iUpload.png");
  background-position-x: 0;
}

.iUpload__IDFront:before, .iUpload__IDFront:after {
  background-position-y: 0;
}

.iUpload__IDBack:before, .iUpload__IDBack:after {
  background-position-y: -120px;
}

.iUpload__financialProof:before, .iUpload__financialProof:after {
  background-position-y: -240px;
}

.iUpload__businessCard:before, .iUpload__businessCard:after {
  background-position-y: -360px;
}

.iUpload__costco:before, .iUpload__costco:after {
  background-position-y: -480px;
}

.iUpload__other:before, .iUpload__other:after {
  background-position-y: -600px;
}

.iRefreshCaptcha:before, .iRefreshCaptcha:after {
  width: 30px;
  height: 30px;
  background-image: url("../../content/images/icon-refreshCaptcha.png");
  background-size: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  label.error:before {
    background-size: 15px;
    background-image: url("../../content/images/sprite--30@3x.png");
  }
  .iSprite30__warning:before, .iSprite30__clock:before, .iSprite30__checked:before, .iSprite30__delete:before, .iSprite30__warning:after, .iSprite30__clock:after, .iSprite30__checked:after, .iSprite30__delete:after, .inputGroup__control--date:after, .inputGroup__control--creditCard:after {
    background-image: url("../../content/images/sprite--30@3x.png");
    background-size: 30px;
  }
  .iSprite20__edit:before, .iSprite20__checked:before, .iSprite20__warning:before, .iSprite20__plus:before, .iSprite20__edit:after, .iSprite20__checked:after, .iSprite20__warning:after, .iSprite20__plus:after {
    background-image: url("../../content/images/sprite--20@3x.png");
    background-size: 20px;
  }
  .iInfo:before, .iInfo:after {
    width: 20px;
    height: 20px;
    background-image: url("../../content/images/iInfo@3x.png");
    background-size: 20px;
  }
  .iSpriteLabel__account:before, .iSpriteLabel__car:before, .iSpriteLabel__loan:before, .iSpriteLabel__eTag:before, .iSpriteLabel__easycard:before, .iSpriteLabel__account:after, .iSpriteLabel__car:after, .iSpriteLabel__loan:after, .iSpriteLabel__eTag:after, .iSpriteLabel__easycard:after {
    width: 40px;
    height: 40px;
    background-image: url("../../content/images/spriteLabel.png");
    background-size: 40px;
    background-position-x: 0;
  }
  .iSpriteLabel__account:before, .iSpriteLabel__account:after {
    background-position-y: 0;
  }
  .iSpriteLabel__car:before, .iSpriteLabel__car:after {
    background-position-y: -40px;
  }
  .iSpriteLabel__loan:before, .iSpriteLabel__loan:after {
    background-position-y: -80px;
  }
  .iSpriteLabel__eTag:before, .iSpriteLabel__eTag:after {
    background-position-y: -120px;
  }
  .iSpriteLabel__easycard:before, .iSpriteLabel__easycard:after {
    background-position-y: -160px;
  }
  .iPrint__print:before, .iPrint__doc:before, .iPrint__mail:before, .iPrint__print:after, .iPrint__doc:after, .iPrint__mail:after {
    background-image: url("../../content/images/iPrint@3x.png");
    background-size: 70px 210px;
  }
}
/* 原_main.scss */
.completeIcon {
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid #bebebe;
}
@media screen and (max-width: 768px) {
  .completeIcon {
    padding: 10px;
  }
}

.iconDisplayFlex {
  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;
}

.iconFlexBox {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon120 {
  margin: 10px 25px 10px 10px;
}
.icon120.real-size {
  width: 60px;
  height: 60px;
}
.icon120.icon-peolple {
  background-image: url("../../content/images/icons/icon_people.svg");
}
.icon120.icon-warning {
  background-image: url("../../content/images/icons/icon_warning.svg");
}
.icon120.icon-credit-card {
  background-image: url("../../content/images/icons/credit-card.svg");
}
.icon120.icon-qm {
  background-image: url("../../content/images/icons/icon-qm.svg");
}
.icon120.icon-computed {
  background-image: url("../../content/images/icons/icon_computed.svg");
}
.icon120.icon-email-not-saved {
  background-image: url("../../content/images/icons/icon-email-not-saved.svg");
}
.icon120.icon-flag-2 {
  background-image: url("../../content/images/icons/icon-flag-2.svg");
}
.icon120.icon-failed {
  background-image: url("../../content/images/icons/icon_people.svg");
}
.icon120.icon-coupon-result {
  background-image: url("../../content/images/icons/120/icon-coupon-result.png");
}
.icon120.icon-credit-card-load {
  background-image: url("../../content/images/icons/120/icon-credit-card-load.png");
}
.icon120.icon-atm {
  background-image: url("../../content/images/icons/120/icon-atm.png");
}
.icon120.icon-fail {
  background-image: url("../../content/images/icons/120/icon-fail.png");
}
.icon120.icon-search {
  background-image: url("../../content/images/icons/icon-search.svg");
}
.icon120.icon-info-2 {
  background-image: url("../../content/images/icons/icon-info-2.svg");
}
.icon120.icon-print {
  background-image: url("../../content/images/icons/icon-print.svg");
}
@media all and (max-width: 640px) {
  .icon120 {
    margin: 5px;
  }
}

.icon100 {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-size: 100%;
}
.icon100.step-atm {
  background-image: url("../../content/images/icons/120/step-atm.png");
}
.icon100.step-share-link {
  background-image: url("../../content/images/icons/120/step-share-link.png");
}
.icon100.step-shopping-bag {
  background-image: url("../../content/images/icons/120/step-shopping-bag.png");
}
.icon100.step-sms-inform {
  background-image: url("../../content/images/icons/120/step-sms-inform.png");
}
.icon100.desktop-upload {
  background-image: url("../../content/images/icons/120/desktop-upload.png");
}
.icon100.printer {
  background-image: url("../../content/images/icons/120/printer.png");
}
.icon100.customer-service {
  background-image: url("../../content/images/icons/120/customer-service.png");
}
.icon100.apply-online {
  background-image: url("../../content/images/icons/120/apply-online.png");
}
.icon100.atm {
  background-image: url("../../content/images/icons/120/atm.png");
}
.icon100.extension {
  background-image: url("../../content/images/icons/120/extension.png");
}
.icon100.dev-link {
  background-image: url("../../content/images/icons/120/dev-link.png");
}

.icon50 {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-size: 100%;
}
.icon50.icon-pay-pen {
  background-image: url("../../content/images/icons/icon-pay-pen.svg");
}
.icon50.icon-pay-month {
  background-image: url("../../content/images/icons/icon-pay-month.svg");
}

.icon60 {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background-size: 100%;
}
.icon60.icon-staging-project {
  vertical-align: middle;
  background-image: url("../../content/images/icons/icon-staging-project.svg");
}

.icon70 {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  background-size: 100%;
}
.icon70.printer {
  background-image: url("../../content/images/icons/120/printer.png");
}
.icon70.dev-link {
  background-image: url("../../content/images/icons/120/dev-link.png");
}
.icon70.icon-credit-card {
  background-image: url("../../content/images/icons/icon-credit-card.svg");
}
.icon70.id-deposit-account {
  background-image: url("../../content/images/icons/id-deposit-account.svg");
}
.icon70.pc-bank {
  background-image: url("../../content/images/icons/120/pc-bank.png");
}
.icon70.icon-atm {
  background-image: url("../../content/images/icons/120/icon-atm.png");
}
.icon70.icon-ask {
  background-image: url("../../content/images/icons/120/icon-ask.png");
}
.icon70.icon-qa {
  background-image: url("../../content/images/icons/120/icon-qa.png");
}

.icon20 {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
}
.icon20.icon-error-msg {
  background-image: url("../../content/images/icons/icon-error-msg.svg");
}
.icon20.icon-remind {
  background-image: url("../../content/images/icons/icon_remind.svg");
}
.icon20.icon-error-success {
  background-image: url("../../content/images/icons/icon-error-success.svg");
}
.icon20.icon-dog {
  background-image: url("../../content/images/icons/icon-dog.svg");
}
.icon20.icon-red-warring {
  margin-right: 10px;
  margin-left: -10px;
  background-image: url("../../content/images/icons/icon-red-warring.svg");
}
.icon20.icon-success {
  background-image: url("../../content/images/icons/icon-success.svg");
}
.icon20.icon-resend {
  background-image: url("../../content/images/icons/icon-resend.svg");
}

@media all and (max-width: 960px) {
  .iconFlexBox {
    width: 33.3%;
  }
  .icon100 {
    width: 80px;
    height: 80px;
  }
}
@media all and (max-width: 768px) {
  .iconFlexBox {
    width: 50%;
  }
}
.icon-20 {
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.orange_bell {
  margin-right: 10px;
  background-image: url("../../content/images/orange_bell.png");
  background-repeat: no-repeat;
  display: inline-block;
}

.box_icon {
  margin-top: 0px;
  margin-bottom: 10px;
  height: 30px;
}

.icon_delete:before,
.icon_delete:after {
  width: 30px;
  height: 30px;
  background-image: url(../../../Content/AML/images/account_img.png);
  margin-left: 10px;
  margin-right: 10px;
  background-position-y: -30px;
  cursor: pointer;
}

.icon_add:before,
.icon_add:after {
  width: 30px;
  height: 30px;
  background-image: url(../../../Content/AML/images/account_img.png);
  margin-left: 10px;
  margin-right: 10px;
  background-position-y: 0;
  cursor: pointer;
}

.iInfo_g.mt6:before {
  margin-top: -6px;
  margin-right: 5px;
}

.iInfo_g:before,
.iInfo_g:after {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url("../../content/images/prompt_icon.png");
  margin-left: 5px;
}

.iwrite__pen:before,
.iwrite__doc:before,
.iPrint__bank:before,
.iwrite__pen:after,
.iwrite__doc:after,
.iPrint__bank:after {
  width: 120px;
  height: 120px;
  background-image: url("../../content/images/iwrite.png");
  background-position-x: 0;
}

.iwrite__pen:before,
.iwrite__pen:after {
  background-position-y: 0;
}

.iwrite__doc:before,
.iwrite__doc:after {
  background-position-y: -120px;
}

.iPrint__bank:before,
.iPrint__bank:after {
  background-position-y: -240px;
}

.loaction_i:before,
.ticket_i:before,
.loaction_i:after,
.ticket_i:after {
  width: 60px;
  height: 60px;
  background-image: url(../../../Content/AML/images/complete_img.png);
  background-position-x: 0;
}

.loaction_i:before,
.loaction_i:after {
  background-position-y: 0;
}

.ticket_i:before,
.ticket_i:after {
  background-position-y: -60px;
}

.backBtn_icon {
  background-image: url("../../content/images/back.png");
  width: 100px;
  height: 60px;
  position: fixed;
  background-repeat: no-repeat;
  z-index: 22;
  bottom: 40px;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  .backBtn_icon {
    display: none;
  }
}
.backBtn_icon:hover {
  background-image: url("../../content/images/backhover.png");
}

.icon_item:after,
.icon_item:before {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url("../../content/images/gray_success.png");
  margin-right: 5px;
}

.mobileSearchIcon {
  border-radius: 32px;
  background-color: #ff6000;
  font-size: 20px;
  letter-spacing: 0.6px;
  text-align: center;
  margin: 10px auto 0px;
  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;
  color: #fff;
  cursor: pointer;
  outline: none;
}

.searchIcon {
  width: 44px;
}

.resultSuccessIcon span:before {
  content: "";
  background-size: contain;
  width: 80px;
  height: 80px;
  background-image: url("../../content/images/success_check.png");
}

.maintainIcon span:before {
  content: "";
  background-size: contain;
  width: 80px;
  height: 80px;
  background-image: url("../../content/images/maintain_icon.png");
}

.iwriteIcon4 {
  background-image: url("../../content/images/iwriteIcon4.png");
}

.iapplys_one:before,
.iapplys_two:before,
.iapplys_three:before,
.iapplys_one:after,
.iapplys_two:after,
.iapplys_three:after {
  width: 120px;
  height: 120px;
  background-image: url(../../../Content/AML/images/iapply_star.png);
  background-position-x: 0;
}

.iapplys_one:before,
.iapplys_one:after {
  background-position-y: 0;
}

.iapplys_two:before,
.iapplys_two:after {
  background-position-y: -120px;
}

.iapplys_three:before,
.iapplys_three:after {
  background-position-y: -240px;
}

@media only screen and (max-width: 767px) {
  .iapplys_one:before,
  .iapplys_two:before,
  .iapplys_three:before,
  .iapplys_one:after,
  .iapplys_two:after,
  .iapplys_three:after {
    width: 80px;
    height: 80px;
    background-size: 80px 240px;
    background-image: url(../../../Content/AML/images/iapply_star.png);
    background-position-x: 0;
  }
  .iapplys_one:before,
  .iapplys_one:after {
    background-position-y: 0;
  }
  .iapplys_two:before,
  .iapplys_two:after {
    background-position-y: -80px;
  }
  .iapplys_three:before,
  .iapplys_three:after {
    background-position-y: -160px;
  }
  .iwrite__pen:before,
  .iwrite__doc:before,
  .iPrint__bank:before,
  .iwrite__pen:after,
  .iwrite__doc:after,
  .iPrint__bank:after {
    width: 80px;
    height: 80px;
    background-position-x: 0;
    background-size: 80px;
  }
  .iwrite__pen:before,
  .iwrite__pen:after {
    background-position-y: 0;
  }
  .iwrite__doc:before,
  .iwrite__doc:after {
    background-position-y: -80px;
  }
  .iPrint__bank:before,
  .iPrint__bank:after {
    background-position-y: -160px;
  }
}
.warning-20 {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-top: 2px;
  background: url("../../content/images/warning-100.png");
  background-size: 100%;
}

.reminder-20 {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-top: 2px;
  background: url("../../content/images/orange_bell.png");
  background-size: 100%;
}

.form_box .icon120.icon-hrs-customer-service {
  width: 80px;
  height: 80px;
  background: url("../../content/images/icons/120/icon-hrs-customer-service.png");
  background-size: 100%;
}

.time_count {
  width: 50px;
  height: 50px;
  background-image: url("../../content/images/time_count.png");
  background-size: 50px 50px;
  display: inline-block;
  float: left;
  margin-right: 5px;
}

.time__box {
  padding-top: 5px;
}

.time_count_text {
  padding: 0;
  display: inline-block;
  float: left;
  margin: 0;
  margin-bottom: 30px;
}

.countBg {
  border-radius: 30px;
  overflow: hidden;
  padding: 0px;
  color: #00283d;
}
.countBg:before {
  content: "重新發送";
  position: absolute;
  width: 100%;
  left: 0;
  background: transparent;
}

.countBgBar {
  width: 100%;
  background-color: #fff;
  height: 100%;
}

.sms__actionArea span {
  color: #6d6d6d;
}

@media screen and (max-width: 860px) {
  .time_count_text {
    width: 80%;
  }
  .time_count_text .btn_all_print {
    width: 100%;
    text-align: right;
    margin: 25px 0;
  }
}
@media screen and (max-width: 640px) {
  .time_count_text {
    width: 75%;
  }
}
.accordion__title {
  display: block;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 20px 50px;
  position: relative;
  color: #111111;
}

.addmbbox {
  margin-bottom: 80px;
}
@media all and (max-width: 640px) {
  .addmbbox {
    margin-bottom: 10px;
  }
}

.completeIcon span {
  font-size: 28px;
}

.br {
  display: block;
}
@media all and (max-width: 640px) {
  .br {
    display: inline-block;
  }
}

.open_form {
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
  background-color: #f2f2f2;
  padding: 30px 0;
  text-align: center;
}
.open_form img {
  vertical-align: middle;
}
.open_form > span {
  color: #00994e;
  font-weight: 600;
}

.more_one_in {
  margin: 25px 0;
}

.delete {
  margin: 30px 0 50px;
  width: 100%;
  text-align: center;
}
.delete > a {
  min-width: 150px;
  padding: 5px 25px;
  height: 35px;
  border-radius: 32px;
  border: solid 1px #00994e;
  background-color: #ffffff;
  line-height: 35px;
  color: #00994e;
}

.box_true, .box_False {
  margin-top: 25px;
}

.boxitem {
  margin-top: 25px;
}

.otherNations__ul > li:nth-of-type(1) {
  margin-left: 0%;
}

.query_title {
  font-size: 22px;
  line-height: 1.64;
  font-weight: 500;
  margin-bottom: 10px;
}

.title-left-border {
  border-left: 4px solid #00283D;
  padding-left: 16px;
}

.select_in {
  position: relative;
  width: 100%;
  float: left;
}
.select_in .select_box {
  width: 100%;
  float: left;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 9px 15px;
  line-height: 20px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  background: #ffffff no-repeat url("../../content/images/transformselect.png") right center;
  background-size: 25px 22px;
  border: 1px solid #ccc;
}

.iwriteIcon1 {
  width: 120px;
  height: 120px;
  background: url("../../content/images/icons/css_sprites.png") 0 0;
}

.iwriteIcon2 {
  width: 120px;
  height: 120px;
  background: url("../../content/images/icons/css_sprites.png") 0px -120px;
}

.iwriteIcon3 {
  width: 120px;
  height: 120px;
  background: url("../../content/images/icons/css_sprites.png") 0px -240px;
}

@media all and (max-width: 768px) {
  .iwriteIcon {
    width: 70px;
    height: 70px;
    margin: 10px;
  }
  .iwriteIcon1 {
    background: url("../../content/images/icons/css_sprites.png") 0 0;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .iwriteIcon2 {
    background: url("../../content/images/icons/css_sprites.png") 0px -70px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .iwriteIcon3 {
    background: url("../../content/images/icons/css_sprites.png") 0px -140px;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.mb30 {
  margin-bottom: 30px;
}

.confirm_credit_text {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 2;
  font-weight: 600;
  color: #4a4a4a;
}
.confirm_credit_text span {
  color: #ff6000;
}

.confirmBOX {
  padding: 0 15px;
}
@media all and (max-width: 768px) {
  .confirmBOX {
    padding: 0;
  }
}

.color_Wildbox {
  margin-top: 25px;
  font-size: 14px;
}

.singleselect {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #4a4a4a;
  margin: 0 10px;
}

.singleselectBox {
  display: inline-block;
  min-height: 30px;
  cursor: pointer;
  padding-left: 40px;
  line-height: 40px;
}

.agreement__checkbox_singleselect {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}

.agreement__checkbox {
  margin: 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: #111111;
}

.wrap {
  margin: 0 auto 15px;
}

@media screen and (min-width: 959px) {
  .header-fixed .daterangepicker {
    margin-top: 0px;
  }
}
@media screen and (min-width: 1300px) {
  .header-fixed .daterangepicker {
    margin-top: -116px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header-fixed .daterangepicker {
    margin-top: 16px;
  }
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #00994e;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  width: auto;
  max-width: none;
  padding: 0;
  margin-top: 16px;
  top: 100px;
  left: 20px;
  z-index: 99;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}
.daterangepicker select {
  /*移除箭頭樣式*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*改變右邊箭頭樣式*/
  background: transparent;
  background-size: 20px;
  border: 0px;
  width: 100%;
  padding-left: 2px;
  padding-right: 40px;
  background-color: #F6F7F7;
  color: gray;
  cursor: pointer;
}
.daterangepicker select::-ms-expand {
  display: none;
}
.daterangepicker select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid #00994e;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 42px;
  width: 42px;
  height: 39px;
  line-height: 39px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #e1f5e9;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #bebebe;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 5px 0 0 5px;
}

.daterangepicker td.end-date {
  border-radius: 0 5px 5px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 5px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #00994e;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 16px;
  padding: 0 10px;
  height: 42px;
  margin: 0;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #bebebe;
  background-color: #fff;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
/*new add*/
.daterangepicker-box {
  width: 100%;
}

.datepicker.form-group {
  width: 100%;
}
.datepicker.form-group input:focus {
  border: 1px solid #00994e;
}

.daterangepicker .monthselect-box {
  position: relative;
  width: 78px;
  display: inline-block;
}

.daterangepicker .yearselect-box {
  position: relative;
  width: 120px;
  display: inline-block;
  margin-right: 10px;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  width: 100%;
  position: relative;
}

.daterangepicker .selection__arrow:before {
  content: "";
  height: 10px;
  width: 10px;
  right: 10px;
  top: 12px;
  position: absolute;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-color: #00994e;
  color: #00994e;
  background: #fff;
  border-top: 3px solid;
  border-right: 3px solid;
  border-radius: 1.5px;
  pointer-events: none;
}

body {
  font-family: "NotoSansTC-VariableFont", sans-serif;
  line-height: 1.6;
  background: #fafafa;
}

/* 原_style.scss */
a.link_g,
a.link_g:active,
a.link_g:hover,
a.link_g:visited,
a.link_g:focus {
  color: #00994e;
  text-decoration: underline;
}

.box_Depositor_y,
.box_Depositor_n {
  margin-top: 25px;
}

.error_ml0 {
  margin-left: 0 !important;
  margin-top: 5px;
}

.box_inlebox {
  line-height: 40px;
  margin-top: -5px;
}

.mobile-show {
  display: none;
}
@media all and (max-width: 780px) {
  .mobile-show {
    display: block;
  }
}

.line_li_mb_20 {
  margin: 20px 0 5px;
  font-size: 18px;
}

.icom_errorMsg {
  text-align: center;
  margin-top: 15px;
}
.icom_errorMsg .confirm__code_text {
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #f61732;
  text-align: center;
}
.icom_errorMsg .confirm__code_text:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  background-image: url("../../content/images/thankicon.png");
  background-size: 80px 80px;
}

.notice {
  font-size: 14px;
  color: #6d6d6d;
  line-height: 25px;
}

.li_s {
  padding-left: 10px;
}

.rel {
  position: relative;
}

.border_top {
  border-top: 1px solid #d2d2d2;
  padding-top: 18px;
}

.box_border {
  border: 1px solid #bebebe;
  border-radius: 3px;
  padding: 0px 15px;
  margin-bottom: 13px;
  width: 100%;
  background: #fff;
  cursor: pointer;
}
.box_border.on {
  background: #00994e;
  color: #fff;
}

.br_block {
  display: inline;
}

.border {
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  max-width: 350px;
  border-radius: 3px;
  margin: 20px auto 10px;
}

.agreement .accordionForm__title.p_block:before {
  background-image: url("../../content/images/accordion--pblock.png");
}

.check_pdf {
  margin: 30px 0;
}

.box_inline {
  position: relative;
  width: 100%;
  line-height: 35px;
  font-size: 18px;
  font-weight: 600;
  color: #111111;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 20px;
}
.box_inline:last-child {
  padding: 0;
}
.box_inline.error--img:before {
  content: " ";
  width: 80px;
  height: 102px;
  position: absolute;
  background: url(../../../Content/AML/images/error_img.png);
  background-size: 80px 102px;
}
.box_inline .text__box {
  font-size: 20px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
}
.box_inline .text__box span.size36 {
  font-size: 36px;
}
.box_inline .text__box span.size30 {
  font-size: 30px;
}
.box_inline .text__box span.size25 {
  font-size: 25px;
}
.box_inline .text__box span.gray_18 {
  font-size: 18px;
  color: #6d6d6d;
  font-weight: 500;
}
.box_inline .text__box span {
  font-weight: 600;
  font-size: 22px;
}
.box_inline span.loan_o {
  color: #ff7313;
  font-size: 22px;
  font-weight: 600;
}
.box_inline span.loan_g {
  color: #4a4a4a;
  font-size: 22px;
  font-weight: 600;
}
.box_inline.mb_10 {
  margin-bottom: 10px;
}
.box_inline.mt_20 {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
}
.box_inline .icon_float {
  float: left;
}
.box_inline .ml_95 {
  margin-left: 95px;
}
.box_inline .ml_95.b20 {
  font-size: 18px;
  color: #6d6d6d;
}
.box_inline .icon {
  margin-right: 20px;
}

.box_inline2 {
  position: relative;
  width: 100%;
  line-height: 35px;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
}

.addData {
  padding-bottom: 20px;
  position: relative;
}
.addData .delete {
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url("../../content/images/cancel.png");
  background-size: 15px 15px;
  position: absolute;
  right: -30px;
  top: 10px;
  z-index: 10;
}

.more {
  float: right;
  cursor: pointer;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #00994e;
}

.collapse--note > .collapse__title {
  padding: 10px 40px 10px 55px;
  border-bottom: solid 1px #E6E6E6;
}

.collapse__content {
  border-top: none;
}

.collapse--note {
  cursor: pointer;
  margin-bottom: 45px;
}
.collapse--note.loan_table .collapse__title {
  padding: 10px 40px 10px 10px;
  font-size: 13px;
  color: #6d6d6d;
}
.collapse--note.loan_table .collapse__title:after {
  left: 100px;
}

.wrap_button {
  width: 100%;
}
.wrap_button.loginCenter {
  padding-left: 200px;
}

.bannerNew__img {
  position: relative;
  background: url(../../Content/images/pcnew.png);
  height: 250px;
  background-position: top right;
  background-repeat: no-repeat;
}
.bannerNew__img .banner_title {
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -480px;
  max-width: 960px;
  text-align: left;
  z-index: 99;
  font-size: 42px;
  line-height: 50px;
  color: #fff;
  font-weight: 600;
}
.bannerNew__img .banner_title .br {
  display: inline-block;
}
.bannerNew__img .banner_title p {
  line-height: 1.33;
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 25px;
}

a.btn_box {
  width: 200px;
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0);
  border: solid 1px #ffffff;
  text-align: center;
  float: left;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
}

.box_location {
  width: 360px;
  max-width: 360px;
  margin: 0 26px 0 0;
  float: left;
  padding: 15px 0;
  min-height: 180px;
  text-align: center;
}
.box_location .loaction_tit {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 1.18;
  margin-bottom: 10px;
}

.box_ticket {
  width: 540px;
  max-width: 540px;
  margin: 0 0 0 0;
  float: left;
  padding: 15px 0;
  min-height: 180px;
  text-align: center;
}
.box_ticket .box_l {
  float: left;
  margin-left: 50px;
}
.box_ticket .box_l .s_text {
  font-size: 12px;
  margin-top: 10px;
}
.box_ticket .img_qrcode {
  margin-right: 28px;
  float: right;
  width: 164px;
  height: 164px;
  background-size: 164px 164px;
  background: url(../../../Content/AML/images/qr.png);
  margin-top: -15px;
}
.box_ticket .ticket_tit {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 1.18;
  margin-bottom: 0px;
}

.box_notice {
  font-size: 16px;
  line-height: 26px;
  margin: 60px 0;
  color: #111111;
  font-weight: 600;
}

.box_list_50 {
  width: 50%;
  float: left;
}
.box_list_50 ul {
  width: 100%;
  padding: 0;
  margin: 0;
}

.box_list_50 ul > li {
  float: left;
  width: 100%;
  margin-top: 15px;
  list-style: none;
  padding-right: 20px;
}

.notice_text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  font-family: "微軟正黑體";
  color: #111111;
}

.confirm__list > li.line_li {
  width: 100%;
}

.confirm__list > li.line_li {
  width: 100%;
}

.box_HasCardOrAccountY,
.box_HasCardOrAccountN {
  margin-top: 25px;
}

.detail_agree_text {
  margin-top: 8px;
  margin-left: 40px;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 25px;
  font-weight: normal;
  font-family: "微軟正黑體";
  color: #111111;
}

.content_text {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 25px;
}

.time__box {
  text-align: right;
  line-height: 30px;
  margin-bottom: 20px;
}
.time__box span {
  font-size: 16px;
  color: #111111;
}
.time__box span#time__count {
  color: #ff6000;
  font-weight: 600;
}

.form_box {
  border: solid 1px #d5d5d5;
  background: #fff;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  padding: 30px 90px;
}
.form_box.warning-text {
  border-left: 3px solid #ff2828;
  padding: 20px 25px;
  line-height: 22px;
  font-size: 14px;
  margin-bottom: 30px;
}
@media all and (max-width: 768px) {
  .form_box.warning-text {
    margin-bottom: 20px;
  }
}

.program__box {
  line-height: 36px;
  font-size: 22px;
  margin-bottom: 40px;
  font-weight: 500;
}
@media all and (max-width: 767px) {
  .program__box {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.program__box span {
  color: #ff6000;
}
.program__box ul {
  margin: 0;
  padding-left: 60px;
}
@media all and (max-width: 767px) {
  .program__box ul {
    padding-left: 50px;
  }
}

.box_loan__result {
  border-top: solid 1px #d5d5d5;
  text-align: center;
  margin: 30px 0;
  padding: 30px 0 0;
}
.box_loan__result p {
  font-size: 16px;
}
.box_loan__result p span.tit {
  font-weight: 600;
  color: #000;
}

.otherNations__ul > li {
  margin-right: 4%;
}
.otherNations__ul > li.Education_li {
  margin-right: 1.5%;
  width: 15%;
}
.otherNations__ul > li.Education_li:first-child {
  margin-left: 0%;
}
.otherNations__ul > li.Education_li:nth-child(7) {
  margin-left: 0%;
}
.otherNations__ul > li.Education_li:nth-child(13) {
  margin-left: 0%;
}
.otherNations__ul > li.Education_li:nth-child(4n) {
  margin-right: 1.5%;
}
.otherNations__ul > li.loan_li {
  width: 22%;
}
.otherNations__ul > li.loan_li:first-child {
  margin-left: 0%;
}
.otherNations__ul > li.loan_li:nth-child(7) {
  margin-left: 0%;
}
.otherNations__ul > li.loan_li:nth-child(13) {
  margin-left: 0%;
}
.otherNations__ul > li:nth-child(4n) {
  margin-right: 0%;
}

.box_remind {
  margin: 40px 0;
  padding: 0 50px;
  color: #111111;
  line-height: 30px;
}

.box_remind2 {
  margin: 10px 0 30px;
  padding: 0 0px;
  color: #111111;
  line-height: 30px;
}

.form.bg_w {
  background: #fff;
  padding: 35px 15px;
  border: solid 1px #d5d5d5;
}

.footer {
  width: 100%;
  float: left;
}

@media screen and (max-width: 992px) {
  .wrap_button.loginCenter .btn {
    width: 200px;
  }
  .box_location {
    width: 40%;
    max-width: 40%;
    margin: 0 1% 0 0;
  }
  .box_ticket {
    width: 59%;
    max-width: 59%;
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 960px) {
  .wrap_button.loginCenter {
    padding-left: 165px;
  }
  .wrap_button.loginCenter .btn {
    width: 200px;
  }
  .agreement .accordionForm__title.active + .accordionForm__content {
    padding: 0px 10px 0px 10px;
  }
  .agreement .accordionForm__content article {
    padding: 0px;
  }
  .accordionForm__title.active + .accordionForm__content {
    padding: 10px 15px 60px 15px;
  }
  .li_s {
    padding-left: 0px;
  }
  .banner__img {
    position: relative;
  }
  .banner__img .banner_title {
    position: absolute;
    top: 45px;
    left: 0%;
    margin-left: 10px;
    width: 40%;
    max-width: 40%;
    text-align: left;
    z-index: 99;
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .banner__img .banner_title .br {
    display: inline-block;
  }
  .banner__img .banner_title p {
    line-height: 1.5;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
  }
  .box_location {
    width: 35%;
    max-width: 35%;
    margin: 0 1% 0 0;
    float: left;
    padding: 15px 0;
    min-height: 180px;
    text-align: center;
  }
  .box_location .loaction_tit {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 1.18;
    margin-bottom: 10px;
  }
  .box_ticket {
    width: 64%;
    max-width: 64%;
    margin: 0 0 0 0;
    float: left;
    padding: 15px 0;
    min-height: 180px;
    text-align: center;
  }
  .box_ticket .box_l {
    float: left;
    margin-left: 20px;
  }
  .box_ticket .box_l .s_text {
    font-size: 12px;
    margin-top: 10px;
  }
  .box_ticket .img_qrcode {
    margin-right: 30px;
    float: right;
    width: 120px;
    height: 120px;
    background: url(../../../Content/AML/images/qr.png);
    background-size: cover;
    margin-top: 0px;
  }
  .box_ticket .ticket_tit {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 1.18;
    margin-bottom: 0px;
  }
  .line_box {
    width: 100%;
    float: left;
    padding-left: 50px;
  }
  .pl_40 {
    padding-left: 0;
  }
  .more {
    padding-left: 165px;
  }
}
@media screen and (max-width: 767px) {
  .wrap_button.loginCenter {
    padding-left: 0px;
  }
  .wrap_button.loginCenter .btn {
    float: left;
    width: 48%;
    margin: 0 1%;
  }
  .addData .delete {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: url("../../content/images/cancel.png");
    background-size: 15px 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
  }
  .section.intro_box {
    padding: 10px 10px;
  }
  .more {
    padding-left: 0;
  }
  .agreement .accord_white_bg.active + .accordionForm__content {
    padding: 20px 15px 20px 15px;
    margin-top: 0;
  }
  .accordionForm__content {
    position: relative;
  }
  .accordionForm__content .only_box {
    right: 25px;
  }
  .box_list_50 {
    width: 100%;
    float: left;
  }
  .box_list_50 ul {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .icom_errorMsg .confirm__code_text {
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #ff2828;
    text-align: center;
  }
  .icom_errorMsg .confirm__code_text span {
    display: block;
  }
  .icom_errorMsg .confirm__code_text:before {
    content: "";
    display: block;
    vertical-align: middle;
    width: 55px;
    height: 55px;
    background-image: url("../../content/images/warning-100-px@2x.png");
    background-size: 55px 55px;
    margin: 0 auto 20px;
  }
  .otherNations__ul > li.Education_li {
    width: 30.66%;
  }
  .otherNations__ul > li.loan_li {
    width: 30.66%;
  }
  .form_box {
    border: solid 1px #d5d5d5;
    background: #fff;
    padding: 40px 10px;
  }
  .box_inline {
    position: relative;
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #111111;
    padding: 10px 20px;
  }
  .box_inline.error--img:before {
    display: block;
    position: relative;
    margin: 0 auto 30px;
  }
  .box_inline .text__box {
    padding-left: 0px;
    display: block;
    text-align: center;
  }
  .box_inline .text__box span {
    display: inline;
    padding-left: 0;
  }
  .box_inline.mb_10 {
    margin-bottom: 10px;
  }
  .box_inline.mt_20 {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
  }
  .box_inline .ml_95 {
    margin-left: 28px;
  }
  .box_inline .ml_95.b20 {
    font-size: 18px;
    color: #6d6d6d;
  }
  .mt5 {
    margin-top: -2px;
    position: absolute;
    top: 0;
    left: 110px;
  }
  .collapse--note > .collapse__title {
    padding: 10px 40px 10px 10px;
  }
  .collapse--note > .collapse__content {
    padding: 10px 0px;
  }
  .CUBList--sequence > li {
    position: relative;
    font-size: 14px;
    padding-left: 60px;
  }
  .CUBList--sequence > li:before {
    content: attr(data-sequence);
    display: block;
    position: absolute;
    width: 60px;
    line-height: 1.4;
    font-size: 14px;
    top: 0;
    left: 0;
    text-align: right;
  }
  .CUBList--sequence > li .br_block {
    display: inline-block;
  }
  .banner__img {
    position: relative;
    background: url(../../../Content/AML/images/kv_mobile.jpg);
    width: 100%;
    min-height: 300px;
    height: 0;
    padding-bottom: 30vh;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .banner__img .banner_title {
    position: absolute;
    width: 38%;
    top: 10vw;
    margin-top: 0px;
    text-align: left;
    z-index: 99;
    font-size: 4vw;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    margin-left: 5px;
  }
  .banner__img .banner_title .br {
    display: inline-block;
  }
  .banner__img .banner_title p {
    line-height: 1.33;
    font-size: 4vw;
    font-weight: 600;
    color: #ffffff;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
  .box_location {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
    float: left;
    padding: 15px 0;
    min-height: 165px;
    text-align: center;
  }
  .box_location .loaction_tit {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 1.18;
    margin-bottom: 10px;
  }
  .box_ticket {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0;
    float: left;
    padding: 15px 0;
    min-height: 165px;
    text-align: center;
  }
  .box_ticket .box_l {
    float: none;
    margin: 0 auto;
  }
  .box_ticket .box_l .s_text {
    font-size: 12px;
    margin-top: 10px;
  }
  .box_ticket .img_qrcode {
    display: none;
  }
  .box_ticket .ticket_tit {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 1.18;
    margin-bottom: 0px;
  }
  a.btn_box {
    width: 100%;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #ffffff;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
  }
}
@media screen and (max-width: 480px) {
  .w_230 {
    width: 60%;
    margin: 0 2%;
    display: inline-block;
    position: relative;
  }
  .w_230 .w_a_box {
    position: absolute;
    top: -25px;
    width: 100%;
  }
  .pl_40 {
    padding-left: 0px;
    float: left;
    display: block;
    width: 100%;
  }
  .banner__img {
    min-height: 180px;
  }
  .complete__write li {
    width: 100%;
    text-align: center;
    float: none;
    max-width: 390px;
    margin: 0 auto;
    list-style: none;
    position: relative;
    border-bottom: solid 1px #d8d8d8;
  }
  .complete__write li .complete__wtDesc {
    padding: 10px 0 0 100px;
    font-size: 5vw;
    color: #4a4a4a;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 10px;
    min-height: auto;
    text-align: left;
  }
  .complete__write li .complete__wtDesc.f_top {
    padding: 10px 0 0 100px;
  }
  .complete__write li .complete__wtDesc span.step {
    color: #9d9d9d;
    font-size: 18px;
    width: 50px;
  }
  .complete__write li .complete__wtDesc .br_box {
    margin-left: 60px;
    font-size: 4.5vw;
    color: #4a4a4a;
  }
  .complete__write li .complete__action {
    font-size: 4.5vw;
    text-align: left;
    color: #4a4a4a;
    padding: 0;
  }
  .complete__write li .complete__action .title_g {
    font-size: 16px;
    color: #00a94f;
  }
  .complete__write li .complete__action a.green_on {
    text-decoration: underline;
    color: #00994e;
  }
  .complete__write li:after {
    display: none;
  }
  .complete__write.complete__method li {
    border-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .section--bgWhite {
    margin-bottom: 0;
  }
}
.img_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -109.5px;
  margin-top: -61.5px;
}

/* 原_style.scss end */
.main {
  min-height: calc(100vh - 70px);
}
.main.intro-main {
  min-height: calc(100vh - 54px);
}
.main.intro-maincreditcard {
  min-height: calc(100vh - 173px);
}

.clean {
  display: inline-block;
}

.agree__box {
  padding: 80px 0;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #4a4a4a;
}

.complete {
  margin: 50px auto;
}

.CUB__box {
  margin: 0px 0 10px;
}
.CUB__box .CUB_title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #00994e;
  padding: 20px 0;
}
.CUB__box .img_card {
  margin: 0 0px 30px 250px;
}
.CUB__box .img_card img {
  max-width: 250px;
}
.CUB__box .textarea {
  height: 70px;
  word-break: break-all;
  width: 100%;
  padding: 10px;
  border: 1px solid #9b8989;
  resize: vertical;
  overflow: hidden;
}
.CUB__box .textarea:empty:before {
  content: attr(placeholder);
  color: #bbb;
}
.CUB__box .URLbox {
  display: inline-block;
  margin-top: 10px;
  left: 0;
}
.CUB__box .URLbox .copy_link {
  width: 35px;
  height: 35px;
  background: url("../../content/images/copy@2x.png");
  background-size: 35px 35px;
  border: 0;
  display: inline-block;
}
.CUB__box .URLbox .line_link {
  width: 35px;
  height: 35px;
  background: url("../../content/images/line@2x.png");
  background-size: 35px 35px;
  display: inline-block;
}
.CUB__box .URLbox .fb_link {
  width: 35px;
  height: 35px;
  background: url("../../content/images/fb@2x.png");
  background-size: 35px 35px;
  display: inline-block;
}
.CUB__box .table_recommend table {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #adadad;
}
.CUB__box .table_recommend table th {
  color: #333333;
  background: #f8f8f8;
  border-bottom: solid 1px #e5e5e5;
  padding: 10px 10px;
  font-size: 14px;
}
.CUB__box .table_recommend table td {
  color: #333333;
  background: #fff;
  border-bottom: solid 1px #e5e5e5;
  padding: 10px 10px;
  font-size: 14px;
  text-align: center;
}

.indexpage {
  padding: 10px;
}

.validation-summary-errors {
  max-width: 960px;
  margin: 0 auto;
  margin: 5px auto 0;
  background: #fbe2e0;
  padding: 20px;
}
.validation-summary-errors p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #F44336;
}
.validation-summary-errors ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.validation-summary-errors ul li {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #F44336;
}
.validation-summary-errors .icon_item_e:before,
.validation-summary-errors .icon_item_e:after {
  background-position: 0 -40px;
  width: 20px;
  height: 20px;
  background-image: url("../../../../content/images/sprite--20.png");
  margin-right: 5px;
}

.validation-summary-errors ul li:before {
  content: "";
  padding-right: 20px;
  background-position: 0 -40px;
  width: 20px;
  height: 20px;
  background-image: url("../../../../content/images/sprite--20.png");
  margin-right: 5px;
}

.messages_box {
  display: none;
}
.messages_box > div {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #ff2828;
}

.fail_box {
  font-size: 20px;
  line-height: 36px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #4a4a4a;
  margin: 30px 0;
}
.fail_box span {
  color: #ff6000;
}

.complete_box {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  font-size: 22px;
  line-height: 36px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #4a4a4a;
  margin-bottom: 30px;
}
.complete_box img {
  margin-right: 20px;
}
.complete_box .text__16 {
  line-height: 1.5;
}
@media all and (max-width: 640px) {
  .complete_box.displayFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.complete_box.errorImg {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  font-size: 22px;
  line-height: 36px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #4a4a4a;
  padding: 50px 0 30px 300px;
  min-height: 280px;
}
.complete_box.errorImg:before {
  content: " ";
  position: absolute;
  width: 260px;
  height: 187px;
  background: url("../../content/images/result_fail.png");
  background-size: 260px 187px;
  left: 0;
  top: 0;
}

.complete_box.thanks:before {
  content: " ";
  width: 260px;
  height: 187px;
  background: url("../../content/images/result_thanks.png");
  background-size: 260px 187px;
}

.complete_box.noPoint:before {
  content: " ";
  width: 260px;
  height: 187px;
  background: url("../../content/images/nopoint.png");
  background-size: 260px 187px;
}

.more {
  float: right;
  padding-left: 0px;
  cursor: pointer;
  padding-left: 260px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  font-family: "微軟正黑體";
  color: #00994e;
}

.more_one__in,
.more_two__in,
.more_three__in {
  margin-top: 10px;
}

.box__list {
  margin: 0 auto;
  max-width: 960px;
}
.box__list .box__list_in {
  margin-top: 40px;
  float: left;
}

@media all and (max-width: 767px) {
  .accordionForm__title {
    text-align: center;
    padding: 15px;
    font-size: 20px;
  }
}

.accordionForm_box_circle {
  border-radius: 10px;
  border: 1px solid #e4e4e4;
  max-width: 960px;
  min-height: 468px;
  padding: 40px 0px;
  margin: 0 auto 70px;
}

.accordionForm_box {
  max-width: 960px;
  margin: 0 auto;
}
.accordionForm_box .header_tit {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  margin: 40px 0 10px;
}
.accordionForm_box .header_tit .basic_tit {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #111111;
  float: left;
}
.accordionForm_box .accordionForm_in {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
}
.accordionForm_box .accordionForm_in .accordionForm_write {
  display: block;
  background: #f2f2f2;
  border-top: solid 1px #e2e2e2;
  padding: 25px 0 40px;
}
.accordionForm_box .accordionForm_in .accordionForm_write.active {
  display: block;
}
.accordionForm_box .accordionForm_in .accordionForm_write .form {
  padding-right: 0px;
  width: 90%;
  margin: 0 10% 0 0;
  padding: 0 10px;
}
.accordionForm_box .accordionForm_in .accordionForm_confirm {
  display: block;
  background: #fafafa;
  border-top: solid 1px #e2e2e2;
  padding: 10px 0;
}
.accordionForm_box .accordionForm_in .accordionForm_confirm.disable {
  display: none;
}
.accordionForm_box .accordionForm_in .accordionForm_confirm .form {
  padding-right: 0px;
}
.accordionForm_box .accordionForm_in .accordionForm_confirm .confirm_list {
  padding: 0;
  margin: 0;
}
.accordionForm_box .accordionForm_in .accordionForm_confirm .confirm_list > li {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  font-family: "微軟正黑體";
  color: #111111;
  float: left;
  width: 100%;
  margin-top: 10px;
  list-style: none;
}

.complete .complete__info p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #4a4a4a;
}
@media all and (max-width: 767px) {
  .complete .complete__info p {
    font-size: 18px;
    line-height: 30px;
  }
}
.complete .complete__info span {
  color: #ff6000;
}
.complete .complete__info span.textGreen {
  color: #00994e;
}
.complete .complete__info.complete__step {
  margin-left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.complete .complete__info.complete__step p {
  margin: 0;
  text-align: left;
}

.complete .complete__info_s {
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #4a4a4a;
  margin: 15px 0;
  padding: 0 45px;
}

.complete__main {
  background: #fafafa;
  padding: 0 30px 30px;
  margin: 0 0;
}
.complete__main:before {
  content: "";
  display: table;
}
.complete__main:after {
  content: "";
  display: table;
  clear: both;
}
.complete__main li {
  width: 33.3%;
  text-align: center;
  float: left;
  list-style: none;
  position: relative;
}
.complete__main li .complete__wtDesc {
  padding: 0 30px;
  font-size: 20px;
  color: #4a4a4a;
  font-weight: 600;
  min-height: 40px;
}
.complete__main li .complete__wtDesc span.step {
  color: #9d9d9d;
  font-size: 16px;
}
.complete__main li .complete__wtDesc .br_box {
  margin-left: 45px;
  font-size: 18px;
  color: #4a4a4a;
}
.complete__main li .complete__action {
  font-size: 14px;
  text-align: center;
  color: #4a4a4a;
  padding: 0 0px;
  width: 200px;
  margin: 0 auto;
}
.complete__main li .complete__action span {
  color: #ff6000;
}
.complete__main li .complete__action a.green_on {
  text-decoration: underline;
  color: #00994e;
}
.complete__main li:after {
  width: 35px;
  height: 35px;
  background: url("../../../../content/images/icon_p.png");
  content: " ";
  position: absolute;
  right: -20px;
  top: 175px;
}
.complete__main li:nth-child(3):after {
  display: none;
}

.complete__apply {
  padding: 30px;
}

.CUBList--sequence > li:before {
  text-align: center;
}

.collapse--note > .collapse__title {
  padding: 10px 40px 10px 45px;
  border-bottom: solid 1px #E6E6E6;
}

.agreement {
  max-width: 960px;
  margin: 0 auto;
}

.notice_item {
  margin-bottom: 50px;
  font-size: 16px;
}

.pc_boxshow {
  display: block;
}

@media only screen and (max-width: 767px) {
  .pcblock,
  .pc-only {
    display: none;
  }
  .pc_btn {
    display: none;
  }
  .complete {
    margin: 20px auto 0;
  }
  .section {
    padding: 0px;
  }
  .CUB__box {
    margin: 25px 0 20px;
  }
  .CUB__box .CUB_title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #00994e;
    padding: 20px 0;
  }
  .CUB__box .img_card {
    margin: 0 auto 30px;
    text-align: center;
  }
  .CUB__box .img_card img {
    max-width: 40%;
  }
  .CUB__box .URLbox .copy_link {
    width: 35px;
    height: 35px;
    background: url("../../content/images/copy@2x.png");
    background-size: 35px 35px;
    border: 0;
    display: inline-block;
  }
  .wrap_button {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .accordionForm {
    margin-top: 20px;
  }
  .accordionForm__title:before {
    top: 17px;
    right: 15px;
  }
  .accordionForm__title.active + .accordionForm__content {
    padding: 0 15px 20px;
  }
  .accordionForm_box_circle {
    padding: 40px 10px;
    width: 100%;
    display: block;
    float: left;
  }
  .agreement .accordionForm {
    margin-top: 0;
  }
  .pc_boxshow {
    display: none;
  }
  .more {
    padding-left: 0px;
    width: 100%;
    text-align: center;
    border: 1px solid;
    margin: 5px 0px;
    border-radius: 50px;
  }
  .form {
    padding: 10px 0;
  }
  .agree__box {
    padding: 50px 0;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #4a4a4a;
    width: 100%;
    float: left;
  }
  .complete_box {
    font-size: 18px;
    line-height: 1.44;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #4a4a4a;
    padding: 0;
    min-height: auto;
  }
  .complete_box.errorImg {
    font-size: 22px;
    line-height: 1.44;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #4a4a4a;
    padding: 0px 0 30px 0px;
    min-height: auto;
  }
  .complete_box.errorImg:before {
    content: " ";
    position: relative;
    width: 260px;
    height: 187px;
    background: url("../../content/images/result_fail.png");
    background-size: 260px 187px;
    left: 0;
    top: 0;
  }
  .accordionForm_box .accordionForm_in .accordionForm_write .form {
    padding-right: 0px;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 10px;
  }
  .accordionForm_box .accordionForm_in .accordionForm_confirm .form {
    padding-right: 0px;
  }
  .accordionForm_box .accordionForm_in .accordionForm_confirm .confirm_list {
    padding: 0;
    margin: 0;
  }
  .accordionForm_box .accordionForm_in .accordionForm_confirm .confirm_list > li {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    font-family: "微軟正黑體";
    color: #111111;
    float: left;
    width: 100%;
    margin-top: 10px;
    list-style: none;
  }
  .banner__img {
    position: relative;
    background: url("../../content/images/kv_mobile.jpg");
    width: 100%;
    min-height: auto;
    height: 0;
    padding-bottom: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .banner__img .banner_title {
    position: absolute;
    width: 38%;
    top: 10vw;
    margin-top: 0px;
    text-align: left;
    z-index: 99;
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    margin-left: 5px;
  }
  .banner__img .banner_title p {
    font-size: 18px;
    font-weight: 500;
  }
  .banner__img .banner_title h3 {
    line-height: 30px;
  }
  .banner__img a.btn_box {
    width: 90%;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #ffffff;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
  }
  .sms__actionArea_box .btn--s {
    padding: 0 10px;
    line-height: 40px;
    max-width: 120px;
    width: 100%;
  }
  .section.idp_box {
    padding: 15px 20px;
  }
  .section.idp_box .wrap {
    padding: 0;
  }
  .section.idp_box .table td {
    padding: 5px 1px;
  }
  .complete .complete__info_s {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #4a4a4a;
    padding: 0 25px;
  }
  .complete__main {
    background: #fafafa;
    padding: 0px 0;
    margin: 0px 0;
  }
  .complete__main li {
    width: 100%;
    text-align: center;
    float: none;
    max-width: 700px;
    margin: 0 auto;
    padding: 0px 10px 10px;
    list-style: none;
    position: relative;
    border-bottom: solid 1px #d8d8d8;
  }
  .complete__main li .complete__apply {
    padding: 0px;
    position: absolute;
  }
  .complete__main li .complete__wtDesc {
    padding: 20px 0 0 100px;
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 10px;
    min-height: 80px;
    text-align: left;
  }
  .complete__main li .complete__wtDesc.f_top {
    padding: 15px 0 0 100px;
  }
  .complete__main li .complete__wtDesc span.step {
    color: #9d9d9d;
    font-size: 16px;
    width: 50px;
  }
  .complete__main li .complete__wtDesc .br_box {
    margin-left: 50px;
    font-size: 18px;
    color: #4a4a4a;
  }
  .complete__main li .complete__action {
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
    margin-left: 0;
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
  }
  .complete__main li .complete__action .title_g {
    font-size: 16px;
    color: #00a94f;
  }
  .complete__main li .complete__action a.green_on {
    text-decoration: underline;
    color: #00994e;
  }
  .complete__main li:after {
    display: none;
  }
  .collapse--note {
    margin-bottom: 10px;
  }
  .collapse--note > .collapse__title {
    padding: 10px 40px 10px 25px;
  }
  .CUBList--sequence > li {
    position: relative;
    font-size: 14px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 500px) {
  .banner__img {
    position: relative;
    background: url("../../content/images/kv_mobile.jpg");
    width: 100%;
    min-height: auto;
    height: 0;
    padding-bottom: 55%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .banner__img .banner_title {
    position: absolute;
    width: 38%;
    top: 14vw;
    margin-top: 0px;
    text-align: left;
    z-index: 99;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    margin-left: 5px;
  }
  .banner__img .banner_title p {
    font-size: 14px;
    font-weight: 500;
  }
  .banner__img a.btn_box {
    width: 90%;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #ffffff;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
  }
}
.stepWrap {
  background-color: #fafafa;
}

.aware {
  margin: 64px 0px 32px;
}
@media all and (max-width: 6408px) {
  .aware {
    margin: 25px 0px 25px;
  }
}
.aware hr {
  border-top: solid 1px #d8d8d8;
}
.aware a {
  color: #00994e;
}
.aware a:hover {
  text-decoration: underline;
}

.backBtn a {
  color: #00994e;
  text-decoration: underline;
  font-size: 20px;
}

.errorColor {
  color: #f61732;
}

.completeIcon.errorColor span,
.complete_box span.errorColor {
  color: #f61732;
}

.completeIcon.completeIcon--present span:before {
  background-image: url("../../content/images/present_icon.png");
  background-size: contain;
}

.completeIcon.completeIcon--shape span:before {
  background-image: url("../../content/images/shape.png");
  background-size: contain;
}

.sectionTitle {
  font-size: 22px;
  color: #333333;
}
@media all and (max-width: 767px) {
  .sectionTitle {
    margin: 9px 0px;
    font-size: 18px;
  }
}

.displayFlex {
  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;
}

.flexSpaceBetween {
  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;
}

.flexSpaceAround {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flexStartJustify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flexEndJustify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flexStartAlign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.searchSection {
  border-radius: 3px;
  background-color: #f3fff7;
  padding: 25px 24px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.searchSection .inputGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchSection .inputGroup + .inputGroup {
  margin-top: 0;
}
.searchSection .inputGroup__label {
  position: static;
  width: auto;
  padding: 0 20px 0;
}
.searchSection .inputGroup__label .inputGroup__label--star {
  vertical-align: baseline;
}
.searchSection .inputGroup__control {
  margin-left: 0;
  min-height: auto;
}
.searchSection .transformSelect {
  min-width: 207px;
}
.searchSection .radiobox-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchSection .radiobox-wrap.radiobox-wrap-four .radiobox {
  width: auto;
}
.searchSection .radiobox-wrap.radiobox-wrap-four .radiobox .custom-control-label {
  padding: 0;
  width: 90px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  border-color: #00283d;
  color: #00283d;
}
.searchSection .radiobox-wrap.radiobox-wrap-four .radiobox .custom-control-label:before, .searchSection .radiobox-wrap.radiobox-wrap-four .radiobox .custom-control-label:after {
  display: none;
}
.searchSection .radiobox-wrap.radiobox-wrap-four .radiobox .custom-control-input:checked ~ .custom-control-label {
  color: #ffffff;
  border-color: #00283d;
  background-color: #00283d;
}
.searchSection .multi-checkbox {
  width: auto;
  margin-right: 25px;
}
.searchSection .multi-checkbox .multi-check-label {
  padding: 0;
  width: 90px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.searchSection .multi-checkbox .multi-check-label:before, .searchSection .multi-checkbox .multi-check-label:after {
  display: none;
}
@media screen and (max-width: 960px) {
  .searchSection {
    display: block;
  }
  .searchSection .inputGroup__control {
    width: 100%;
  }
  .searchSection .inputGroup, .searchSection .radiobox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.labelText {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #333333;
  margin-right: 16px;
}

@media all and (max-width: 767px) {
  .transformSelect {
    width: 100%;
  }
}

.tableForm span:first-of-type {
  margin-left: 0px;
}

@media all and (max-width: 767px) {
  .selectBoxGroup {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .selectBoxGroup .selectBox {
    margin: 3px;
  }
}

.searchResultTitle {
  color: #00283d;
}

.searchRemark {
  color: #333;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media all and (max-width: 767px) {
  .searchRemark.flexSpaceBetween {
    display: block;
  }
}
.searchRemark .transformSelect {
  min-width: 260px;
}

.smallInfo {
  word-break: keep-all;
  font-size: 14px;
  color: #888888;
}

@media all and (max-width: 767px) {
  .searchCriteria .flexStartJustify {
    display: inline-block;
    width: 100%;
  }
  .searchCriteria .mobileTable li {
    border-color: #dddddd;
    border-radius: 5px;
    background-color: #ffffff;
  }
  .searchCriteria .mobileTable li:nth-child(odd) {
    background-color: #ffffff;
  }
  .searchCriteria .mobileTable li .searchCriteria-date {
    letter-spacing: 0.6px;
  }
}

ul.mobileTable {
  padding: 0px;
}
ul.mobileTable li {
  list-style: none;
  border: 1px solid #f0f0f0;
  padding: 14px;
}
ul.mobileTable li:nth-child(odd) {
  background: #f8f8f8;
}
ul.mobileTable hr {
  margin: 5px 0;
}

.unclickable {
  background-color: #dfdfdf;
  cursor: default;
  color: #a7a7a7;
  border: 1px solid #bcbcbc;
}

.errorMsg:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 20px;
  vertical-align: middle;
  background-image: url("../../content/images/sprite--30.png");
}

.field-validation-error {
  display: contents;
}

.pt-5 {
  padding-top: 5px;
}

ul.smsTable {
  list-style: none;
  border: solid 1px #d8d8d8;
  padding-left: 0px;
  padding: 10px;
}
ul.smsTable li {
  border-bottom: dashed 1px #d8d8d8;
  padding: 13px 10px;
}
ul.smsTable li:last-of-type {
  border: 0;
}
ul.smsTable li .smsTableTitle {
  font-size: 14px;
  font-weight: 600;
  color: #4a4a4a;
}

.smsPointChange {
  text-align: center;
}
.smsPointChange p {
  text-align: left;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.smsPointChange img {
  width: 150px;
}

.light {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  color: #4a4a4a;
  position: relative;
  margin-left: 25px;
  margin-top: 20px;
}
.light:before {
  content: "";
  position: absolute;
  background-image: url("../../content/images/light.png");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -25px;
  top: 5px;
}

.smsBox {
  margin-bottom: 0px;
  padding-bottom: 10px;
}

@media all and (max-width: 767px) {
  .resultPage .form_box {
    text-align: center;
  }
}

@media all and (max-width: 767px) {
  .box_inline .text__box span.size36.textOrange {
    display: block;
    margin-top: 10px;
  }
}

@media all and (max-width: 767px) {
  .box_inline .text__box span.size36.orange_span {
    font-size: 22px;
  }
}

@media all and (max-width: 640px) {
  .btn_all_print a {
    border-radius: 50px;
    display: inline-block;
    width: 40%;
  }
}

@media all and (max-width: 767px) {
  .box_inline.loan.displayFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

a.linkGreen,
a.linkGreen:active,
a.linkGreen:hover,
a.linkGreen:visited,
a.linkGreen:focus {
  color: #00994e;
  text-decoration: underline;
}

.section.idp_box {
  margin-top: 50px;
}
@media all and (max-width: 767px) {
  .section.idp_box {
    margin-top: 0px;
  }
}

@media all and (max-width: 767px) {
  .breakLine {
    display: block;
  }
}

.financialPlan {
  color: #111;
  line-height: 50px;
}
.financialPlan input[type=text],
.financialPlan input[type=text][disabled] {
  width: auto;
  font-size: 16px;
  margin: 0px 5px;
  width: 170px;
}
.financialPlan input[type=text].input_width70,
.financialPlan input[type=text][disabled].input_width70 {
  width: 70px;
}
@media all and (max-width: 767px) {
  .financialPlan input[type=text].input_width70,
  .financialPlan input[type=text][disabled].input_width70 {
    width: 170px;
  }
}
.financialPlan .transformSelect {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
}
.financialPlan .greyBox {
  background-color: #fafafa;
  padding: 25px;
}

@media all and (max-width: 767px) {
  .relationshipPerson .inputGroup__control--half input,
  .relationshipPerson .inputGroup__control--half .transformSelect,
  .relationshipPerson .inputGroup__control--third input,
  .relationshipPerson .inputGroup__control--third .transformSelect,
  .relationshipPerson .inputGroup__control--four input,
  .relationshipPerson .inputGroup__control--four .transformSelect {
    float: left;
    width: 48%;
    margin-left: 4%;
    width: 100%;
    margin: 10px 0px;
  }
}

.rule ul {
  list-style: none;
  padding-left: 0;
}
.rule ul tr {
  background-color: #fff;
}
.rule ul td {
  border: 1px solid #ddd;
}

.agreement .accordionForm__content article .rule ul table {
  width: auto;
}

.accordionForm__content {
  position: relative;
}
.accordionForm__content .only_box {
  position: absolute;
  top: 10px;
  right: 80px;
  width: 100px;
  height: 50px;
  background: url(../../../Content/AML/images/only_bg.png);
  background-size: 100px 50px;
  background-size: 100px 50px;
  text-align: center;
  font-size: 18px;
  line-height: 45px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #fff;
}
.accordionForm__content .agree_text_content {
  font-size: 14px;
}
.accordionForm__content ul.itemNum {
  list-style: decimal;
}

.accordionForm__box {
  position: relative;
  top: 0;
  left: 0;
}
.accordionForm__box:after {
  content: "";
  display: block;
  margin: 25px auto;
  margin-left: 40px;
  border-bottom: 1px solid #dddddd;
}
.accordionForm__box.last:after {
  display: none;
}
@media screen and (max-width: 960px) {
  .accordionForm__box:after {
    margin: 20px 0;
  }
}

.completeIcon span {
  vertical-align: middle;
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  color: #333333;
}
.completeIcon span.color_Red_Orange {
  color: #ff2828;
}
@media all and (max-width: 767px) {
  .completeIcon span {
    font-size: 20px;
  }

}

.resultContent {
  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;
}
.resultContent:before {
  content: " ";
  width: 255px;
  height: 170px;
  background: url("../../content/images/illustrator/thank-you.png");
  background-size: contain;
  left: 0;
  top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.resultContent.credit-card:before {
  content: " ";
  background: url("../../content/images/illustrator/card-front.png");
  background-size: 100%;
  width: 360px;
  height: 227px;
  border: 1px solid #BDBDBD;
  border-radius: 12px;
  -webkit-transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
          transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media all and (max-width: 767px) {
  .resultContent.credit-card:before {
    width: 260px;
    height: 164px;
  }
}
.resultContent.system-error:before {
  background: url("../../content/images/illustrator/system-error.png");
  background-size: 100%;
}
.resultContent.point-to-dollar:before {
  background: url("../../content/images/illustrator/point-to-dollar.png");
  background-size: 100%;
}
.resultContent.error-incompatible:before {
  background: url("../../content/images/illustrator/error-incompatible.png");
  background-size: 100%;
}
.resultContent.error-maximum:before {
  background: url("../../content/images/illustrator/error-maximum.png");
  background-size: 100%;
}
.resultContent.error-account:before {
  background: url("../../content/images/illustrator/error-account.png");
  background-size: 100%;
}
.resultContent.error-systembusy:before {
  background: url("../../content/images/illustrator/error-systembusy.png");
  background-size: 100%;
}
.resultContent.error-find-fail:before {
  background: url("../../content/images/illustrator/error-find-fail.png");
  background-size: 100%;
}
.resultContent.general-error:before {
  background: url("../../content/images/illustrator/general-error.png");
  background-size: 100%;
}
.resultContent.computed-thanks:before {
  background: url("../../content/images/illustrator/computed-thanks.png");
  background-size: 100%;
}
.resultContent.error-invalid:before {
  background: url("../../content/images/illustrator/error-invalid.png");
  background-size: 100%;
}
.resultContent.error-fourzerofour:before {
  background: url("../../content/images/illustrator/error-fourzerofour.png");
  background-size: 100%;
}
.resultContent.error-link-expires:before {
  background: url("../../content/images/illustrator/error-link-expires.png");
  background-size: 100%;
}
.resultContent.error-find-fail:before {
  background: url("../../content/images/illustrator/error-find-fail.png");
  background-size: 100%;
}
.resultContent.computed-thanks:before {
  background: url("../../content/images/illustrator/computed-thanks.png");
  background-size: 100%;
}
.resultContent.quick-account-open:before {
  background: url("../../content/images/illustrator/quick-account-open.png");
  background-size: 100%;
}
.resultContent.app-bank:before {
  background: url("../../content/images/illustrator/app-bank.png");
  background-size: 100%;
}
.resultContent.bank-id:before {
  background: url("../../content/images/illustrator/bank-id.png");
  background-size: 100%;
}
.resultContent.card-finish:before {
  background: url("../../content/images/illustrator/card_finish.svg");
  background-size: 100%;
}
.resultContent.card-finish2:before {
  background: url("../../content/images/illustrator/card_finish2.svg");
  background-size: 100%;
}
.resultContent.card-finish3:before {
  width: 240px;
  height: 160px;
  background-image: url("../../content/images/illustrator/card-finish3.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.resultContent.card-finish4:before {
  width: 240px;
  height: 160px;
  background-image: url("../../content/images/illustrator/card-finish4.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.resultContent.card-finish5:before {
  width: 240px;
  height: 160px;
  background-image: url("../../content/images/illustrator/card_finish5.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.resultContent.illustrator-puzzle:before {
  background: url("../../content/images/illustrator/illustrator-puzzle.svg");
  background-size: 100%;
}
.resultContent.illustrator-search-not-found:before {
  background: url("../../content/images/illustrator/illustrator-search-not-found.svg");
  background-size: 100%;
}
.resultContent.no-information-found:before {
  background: url("../../content/images/illustrator/no-information-found.png");
  background-size: 100%;
}
.resultContent .resultContent_title {
  font-size: 24px;
  color: #00283d;
}
.resultContent .resultContent_title .text-red {
  font-size: 30px;
}
.resultContent .resultContent_word {
  max-width: 605px;
  padding-left: 60px;
  font-size: 20px;
}
.resultContent.result_wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.resultContent.result_wrap .resultContent_word {
  width: 100%;
  max-width: none;
  margin-top: 30px;
  padding-left: 0;
  text-align: center;
}
@media all and (max-width: 767px) {
  .resultContent {
    -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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .resultContent:before {
    background: url("../../content/images/illustrator/thank-you-by-phone.png");
  }
  .resultContent .resultContent_title {
    font-size: 22px;
  }
  .resultContent .resultContent_title .text-red {
    font-size: 28px;
  }
  .resultContent .resultContent_word {
    max-width: none;
    padding-left: 0;
    font-size: 18px;
  }
}

.printA4 {
  width: 515px;
  height: 802px;
  margin: 20px 40px;
}
.printA4 .printMain {
  height: 100%;
  padding-bottom: 16px;
}
.printA4 .printFooter {
  height: 16px;
  position: relative;
  margin-top: -16px;
}

.custom--sequence {
  padding: 0;
  margin: 0;
  list-style: none;
}
.custom--sequence > li {
  position: relative;
  padding-left: 35px;
}
.custom--sequence > li:before {
  content: attr(data-sequence);
  display: block;
  position: absolute;
  width: 35px;
  font-size: 11px;
  top: 0;
  left: 0;
  text-align: right;
}

.img-e-stamp {
  margin: -50px 7px -6px 7px;
}

.box_inline .text__box.inline {
  display: inline-block;
  width: 90%;
  text-align: left;
}
@media all and (max-width: 767px) {
  .box_inline .text__box.inline {
    text-align: left;
    width: 85%;
  }
}

.box_inline .icon_item {
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .box_inline .icon {
    margin-right: 0px;
  }
  .box_inline:last-child {
    padding: 10px 0px;
  }
  .box_inline {
    padding: 10px 0px;
  }
}
.pwm-field-icon {
  display: none;
}

.center-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}
.center-line:before, .center-line:after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background-color: #bebebe;
}
.center-line:before {
  margin-right: 20px;
}
.center-line:after {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .center-line {
    display: block;
    padding: 0;
  }
  .center-line:before, .center-line:after {
    display: none;
  }
}

.rounded-list {
  background-color: #bebebe;
  color: #ffffff;
  padding: 0px 7px;
  border-radius: 30px;
  margin-top: 3px;
}

.feature-card {
  border-radius: 5px;
  border: solid 1px #dddddd;
  padding: 20px 90px;
  background: #ffffff;
}
@media screen and (max-width: 960px) {
  .feature-card {
    padding: 20px;
  }
}
.feature-card-content {
  border-left: 1px solid #dddddd;
  padding-left: 20px;
  margin-left: 20px;
}
@media screen and (max-width: 960px) {
  .feature-card-content {
    border-left: 0px solid transparent;
    border-top: 1px solid #dddddd;
    padding-left: 0px;
    padding-top: 10px;
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 960px) {
  .feature-card-img {
    width: 50px;
    height: 50px;
  }
}

.keep-all {
  word-break: keep-all;
}

.break-all {
  word-break: break-all;
}

.credit-card-form .credit-card-item {
  max-width: 362px;
  width: 100%;
  height: 229px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  font-size: 20px;
}
@media all and (max-width: 767px) {
  .credit-card-form .credit-card-item {
    max-width: 260px;
    height: 164px;
    font-size: 14px;
  }
}
.credit-card-form .credit-card-item .card-item-side {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
          transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  transition: -webkit-transform 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  transition: transform 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  transition: transform 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85), -webkit-transform 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.credit-card-form .credit-card-item .credit-card-item-cover {
  position: absolute;
  top: 0;
  left: 0;
}
.credit-card-form .credit-card-item .credit-card-item-wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 4;
}
.credit-card-form .credit-card-item .credit-card-item-cvc {
  min-height: 24px;
}
.credit-card-form .credit-card-item .credit-card-item-front .credit-card-item-wrapper {
  padding-left: 11%;
  padding-top: 50%;
}
.credit-card-form .credit-card-item .credit-card-item-back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
          transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
  z-index: 2;
  padding: 0;
}
.credit-card-form .credit-card-item .credit-card-item-back .credit-card-item-wrapper {
  padding-left: 65%;
  padding-top: 25%;
}
.credit-card-form .credit-card-item .credit-card-item-back .credit-card-item-date {
  text-indent: -11%;
}
.credit-card-form .credit-card-item.flipped .credit-card-item-front {
  -webkit-transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
          transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}
.credit-card-form .credit-card-item.flipped .credit-card-item-back {
  -webkit-transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
          transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}