@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%;
    }
}

.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;
    }
}
@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;
}

.alert-green {
    border-radius: 12px;
    background-color: #f3fff7;
    color: #333333;
    border: 2px solid #caeed9;
    padding: 10px;
    border-radius: 5px;
}
.alert-green span {
    font-size: 16px;
}

@media only screen and (max-width: 960px) {
    .alert {
        height: auto;
    }
    .alert-dark {
        padding: 10px;
    }
}
@media screen and (max-width: 768px) {
    .m-disabled {
        display: none;
    }
}
.text-red {
    color: #e87c07;
}

: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("../../../pip/Cube/images/transformselect-down.png") 98% center;
    background-size: 20px;
    width: 20px;
    height: 20px;
}
form .icon-calendar.single,
.form .icon-calendar.single {
    background-image: url("../../../pip/Cube/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.radioboxitem_max,
.form .radiobox-wrap.radioboxitem_max {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
}
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: 16px;
}
form .radiobox-wrap .radiobox.radioboxitem4,
.form .radiobox-wrap .radiobox.radioboxitem4 {
    max-width: 156px;
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    form .radiobox-wrap .radiobox.radioboxitem4,
    .form .radiobox-wrap .radiobox.radioboxitem4 {
        width: 50%;
        max-width: 50%;
        margin-right: 0;
        padding-right: 10px;
    }
    form .radiobox-wrap .radiobox.radioboxitem4:nth-child(even),
    .form .radiobox-wrap .radiobox.radioboxitem4:nth-child(even) {
        padding-right: 0px;
    }
}
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%;
        margin-right: 0;
    }
}
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: 768px) {
    .m-textCenter {
        text-align: center;
    }
}
/*---------- 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;
    border: 1px solid #00283d;
}
.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 5px;
    }
}
.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 auto;
    }
}
.actionArea .btn.border-none {
    border: 0;
    text-decoration: underline;
}
.actionArea .btn.disabled {
    border-color: #bebebe;
    background-color: #bebebe;
    border-width: inherit;
}
.actionArea .btn.nextbtn {
    color: #fff;
    background: #00283d;
    border: 1px solid #00283d;
}

.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 {
    border: 1px solid #00283d;
}
.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 {
        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;
    }
}
@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: 0 5px;
}
.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("../../../pip/Cube/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("../../../pip/Cube/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: 6px;
}

.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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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;
}

.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("../../../pip/Cube/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("../../../pip/Cube/images/header__goback.png");
    background-size: 15px 25px;
    width: 15px;
    height: 25px;
}

/* ==========================================================================
   gotop
   ========================================================================== */
.gotop {
    position: fixed;
    display: none;
    width: 40px;
    height: 40px;
    background: url("../../../pip/Cube/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("../../../pip/Cube/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;
}

.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;
}

@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;
    }
}
.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: bold;
}

.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;
}

.noticeerror {
    display: none;
}
.noticeerror.on {
    display: block;
}

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: 20px;
}

.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;
}

.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("../../../pip/Cube/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__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 .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: #a4a4a4;
}

.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;
    }
    .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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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: #26a862;
    color: #fff;
}
.fancyRadio__input:checked + label.rdoIcon {
    background: none;
}
.fancyRadio__input:checked + label.rdoIcon:before {
    background: #26a862;
}

.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: 22px;
    height: 22px;
    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: 1rem;
    height: 1rem;
    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("../../../pip/Cube/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;
    }
}

.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 {
    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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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;
    }
}
@media screen and (max-width: 767px) {
    .control-group__label_b {
        width: 165px;
    }
}
@media screen and (max-width: 767px) {
    .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;
    }
}

@-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: 600;
    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("../../../pip/Cube/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("../../../pip/Cube/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("../images/intro/mask-people.png");
    -webkit-mask-image: url("../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("../../../pip/Cube/images/intro/aside-bg-people.png");
    background-position: 0px 130px;
}
.aside-bg .aside-bg-box .aside-bg-normal {
    width: 101%;
    background-image: url("../../../pip/Cube/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("../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;
        min-width: 210px;
    }
    .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: 20px;
}
.footer .footer__top {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
    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("../../../pip/Cube/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 16px;
}
.cube_bg .bg-billboard {
    padding: 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 12px;
}
.cube_bg .bg-warning {
    background-color: #fff8ed;
    border-color: #fcdbb3;
}
.cube_bg .bg-danger {
    background-color: #fff2f2;
    border-color: #ffbfbf;
}
.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("../../../pip/Cube/images/icons/waring.svg");
}

.icon_danger {
    background: url("../../../pip/Cube/images/icons/danger.svg");
}

.icon_location {
    width: 20px;
    height: 20px;
    background: url("../../../pip/Cube/images/icons/icon_location.svg");
}

.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.select2-results__option--highlighted {
    background-color: #26a862 !important;
    color: #fff;
}
.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-left: 40px;
    background-image: url("../../../pip/Cube/images/form/clander.svg");
    background-repeat: no-repeat;
    background-position: left 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.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("../../../pip/Cube/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("../../../pip/Cube/images/sprite--20.png");
}

.iSprite20__plus:before {
    background-image: url("../../../pip/Cube/images/accordion--pc.png");
    width: 30px;
    height: 30px;
}

.iSprite20__add:before {
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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;
}

.accordionForm__item:first-child {
    border-top: 0;
}

.accordionForm__del {
    position: absolute;
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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;
    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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/images/deco-link.png");
    background-size: 20px 120px;
    background-position: 0 0;
}

.landing__link--blank:after {
    background-image: url("../../../pip/Cube/images/deco-link.png");
    background-size: 20px 120px;
    background-position: 0 -20px;
}

.landing__link--right:after {
    background-image: url("../../../pip/Cube/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: 20px;
    background-image: url("../../../pip/Cube/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: 60px;
    line-height: 1.4;
    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: 20px;
}

.CUBList--sequence_2 > li:before {
    content: attr(data-sequence);
    display: block;
    position: absolute;
    width: 20px;
    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("../../../pip/Cube/images/alertInfo.png");
    background-position-x: 0;
    background-size: 30px 60px;
}

@media only screen and (max-width: 767px) {
    .alertInfo:before {
        background-image: url("../../../pip/Cube/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;
    }
    /*---------- 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: 20px;
    }
    .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;
        direction: rtl;
        /*& + 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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/images/sprite--20@3x.png");
        background-size: 20px;
    }
    .iInfo:before, .iInfo:after {
        width: 20px;
        height: 20px;
        background-image: url("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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;
    }
    input[type=checkbox], input[type=radio] {
        width: 25px;
        height: 25px;
        margin: 0;
        padding: 0;
        vertical-align: sub;
    }
    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;
    }
}
.selectBox_half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    width: calc(50% - 8px);
    margin-right: 16px;
}
@media screen and (max-width: 640px) {
    .selectBox_half {
        width: 100%;
        margin-right: 0px;
        margin-top: 10px;
    }
}

.selectBox_half:last-child {
    margin-right: 0;
}

.select2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.select2-container--default .select2-selection--single {
    height: 40px;
    border-radius: 4px;
    background: #ffffff no-repeat url(../../../pip/Cube/images/transformselect-down.png) 98% center;
    background-size: 20px;
    border: 1px solid #bebebe;
}

.select2-container .select2-selection--single {
    height: 40px;
}

.select2cube {
    width: 100% !important;
    float: left;
    position: relative !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 10px;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.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("../../../pip/Cube/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;
    max-width: 260px;
}
.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("../../../pip/Cube/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;
}

/*
	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: 80px;
        height: 80px;
        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("../../../pip/Cube/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("../../../pip/Cube/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;
    margin-left: 190px;
    width: 250px;
}
@media all and (max-width: 767px) {
    .upload__item.upload__again .upload__reload {
        margin-left: 0px;
        width: 100%;
    }
}
.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 .upload__label .iUpload__icon {
    width: 42px;
    height: 42px;
    background: url("../../../pip/Cube/images/iUpload_r_hover@2x.png");
    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 {
    opacity: 1;
}

.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.errorborder {
    border: 1px solid #e00b00 !important;
}

.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("../../../pip/Cube/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 190px;
    display: none;
    font-size: 14px;
    line-height: 24px;
}

.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-image: url("../../../pip/Cube/images/icons/icon-success-msg.svg");
    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 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: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 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;
    }
}

.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 5px;
    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 tbody td.mb_beforedisable:before {
        width: 0;
    }
    .mb_beforedisable .actionArea {
        width: 100%;
    }
    .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;
        width: 170px;
    }
    .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: 16px 0;
}
.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: center;
    }
    .table-responsive.mb-card .table tr {
        border-radius: 0px;
    }
    .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;
    }
}
.cubre-m-guideTable {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 20px;
    border-radius: 5px;
    border: solid 1px #ddd;
    background-color: #fff;
}
.cubre-m-guideTable .tit {
    color: #333333;
    font-weight: 600;
}
.cubre-m-guideTable th {
    width: 130px;
    font-weight: 400;
    text-align: center;
    background-color: #f3fff7;
}
.cubre-m-guideTable td, .cubre-m-guideTable th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px;
    vertical-align: middle;
    border: 1px solid #eee;
}
.cubre-m-guideTable tr:nth-child(even) td {
    background: #fafafa;
}

td.branchAddressTD {
    text-align: left;
}

.appointmentDateContainer, .cityAreaContainer {
    margin-top: 20px;
}

.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("../../../pip/Cube/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: 16px;
    border-radius: 12px;
    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: auto;
    font-weight: 600;
    font-family: "微軟正黑體";
    color: #00283d;
    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: #26a862 !important;
    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.itembox > li {
    width: 100%;
}

.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 {
        margin-bottom: 10px;
    }
    .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: 300px;
    margin: 0 auto;
}
.complete__write.complete-border-item li:after {
    background: #d8d8d8;
    width: 1px;
    height: 80%;
    top: 0;
    bottom: 0;
    right: -25%;
    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;
}
.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;
    min-width: 30%;
}
.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: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: left;
    }
    .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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/images/fb-icon.png");
    width: 30px;
    height: 30px;
    background-size: contain;
    cursor: pointer;
}

.iSprite30__line:before {
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/images/sprite--20.png");
}

.iSprite20__info {
    width: 20px;
    height: 20px;
    background-image: url("../../../pip/Cube/images/info_1.png");
    background-size: cover;
}

.iSprite20__infogray {
    width: 20px;
    height: 20px;
    background-image: url("../../../pip/Cube/images/icons/icon_20x20_info.svg");
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px;
}

.iSprite20__plus:before {
    background-image: url("../../../pip/Cube/images/accordion--pc.png");
    width: 30px;
    height: 30px;
}

.iSprite20__success:before {
    background-image: url("../../../pip/Cube/images/success-icon.png");
    width: 26px;
    height: 25px;
    background-size: contain;
}

.icon-talk {
    background: url("../../../pip/Cube/images/talk.png");
    background-repeat: no-repeat;
}

.icon-customer {
    background: url("../../../pip/Cube/images/customer.png");
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/images/sprite--20@3x.png");
        background-size: 20px;
    }
    .iInfo:before, .iInfo:after {
        width: 20px;
        height: 20px;
        background-image: url("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/images/icons/icon_people.svg");
}
.icon120.icon-warning {
    background-image: url("../../../pip/Cube/images/icons/icon_warning.svg");
}
.icon120.icon-qm {
    background-image: url("../../../pip/Cube/images/icons/icon-qm.svg");
}
.icon120.icon-computed {
    background-image: url("../../../pip/Cube/images/icons/icon_computed.svg");
}
.icon120.icon-email-not-saved {
    background-image: url("../../../pip/Cube/images/icons/icon-email-not-saved.svg");
}
.icon120.icon-flag-2 {
    background-image: url("../../../pip/Cube/images/icons/icon-flag-2.svg");
}
.icon120.icon-failed {
    background-image: url("../../../pip/Cube/images/icons/icon_people.svg");
}
.icon120.icon-coupon-result {
    background-image: url("../../../pip/Cube/images/icons/120/icon-coupon-result.png");
}
.icon120.icon-credit-card-load {
    background-image: url("../../../pip/Cube/images/icons/120/icon-credit-card-load.png");
}
.icon120.icon-atm {
    background-image: url("../../../pip/Cube/images/icons/120/icon-atm.png");
}
.icon120.icon-fail {
    background-image: url("../../../pip/Cube/images/icons/120/icon-fail.png");
}
.icon120.icon-search {
    background-image: url("../../../pip/Cube/images/icons/icon-search.svg");
}
.icon120.icon-info-2 {
    background-image: url("../../../pip/Cube/images/icons/icon-info-2.svg");
}
.icon120.icon-print {
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/images/icons/120/step-atm.png");
}
.icon100.step-share-link {
    background-image: url("../../../pip/Cube/images/icons/120/step-share-link.png");
}
.icon100.step-shopping-bag {
    background-image: url("../../../pip/Cube/images/icons/120/step-shopping-bag.png");
}
.icon100.step-sms-inform {
    background-image: url("../../../pip/Cube/images/icons/120/step-sms-inform.png");
}
.icon100.desktop-upload {
    background-image: url("../../../pip/Cube/images/icons/120/desktop-upload.png");
}
.icon100.printer {
    background-image: url("../../../pip/Cube/images/icons/120/printer.png");
}
.icon100.customer-service {
    background-image: url("../../../pip/Cube/images/icons/120/customer-service.png");
}
.icon100.apply-online {
    background-image: url("../../../pip/Cube/images/icons/120/apply-online.png");
}
.icon100.atm {
    background-image: url("../../../pip/Cube/images/icons/120/atm.png");
}
.icon100.extension {
    background-image: url("../../../pip/Cube/images/icons/120/extension.png");
}
.icon100.dev-link {
    background-image: url("../../../pip/Cube/images/icons/120/dev-link.png");
}

.icon70 {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background-size: 100%;
}
.icon70.printer {
    background-image: url("../../../pip/Cube/images/icons/120/printer.png");
}
.icon70.dev-link {
    background-image: url("../../../pip/Cube/images/icons/120/dev-link.png");
}
.icon70.icon-credit-card {
    background-image: url("../../../pip/Cube/images/icons/icon-credit-card.svg");
}
.icon70.id-deposit-account {
    background-image: url("../../../pip/Cube/images/icons/id-deposit-account.svg");
}
.icon70.pc-bank {
    background-image: url("../../../pip/Cube/images/icons/120/pc-bank.png");
}
.icon70.icon-atm {
    background-image: url("../../../pip/Cube/images/icons/120/icon-atm.png");
}
.icon70.icon-ask {
    background-image: url("../../../pip/Cube/images/icons/120/icon-ask.png");
}
.icon70.icon-qa {
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/images/icons/icon-error-msg.svg");
}
.icon20.finish__checked {
    background-image: url("../../../pip/Cube/images/icons/icon-success-msg.svg");
}
.icon20.icon-re-msg {
    background-image: url("../../../pip/Cube/images/icons/icon-re-msg.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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/images/backhover.png");
}

.icon_item:after,
.icon_item:before {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/images/success_check.png");
}

.maintainIcon span:before {
    content: "";
    background-size: contain;
    width: 80px;
    height: 80px;
    background-image: url("../../../pip/Cube/images/maintain_icon.png");
}

.iwriteIcon4 {
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/images/warning-100.png");
    background-size: 100%;
}

.reminder-20 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 2px;
    background: url("../../../pip/Cube/images/orange_bell.png");
    background-size: 100%;
}

.form_box .icon120.icon-hrs-customer-service {
    width: 80px;
    height: 80px;
    background: url("../../../pip/Cube/images/icons/120/icon-hrs-customer-service.png");
    background-size: 100%;
}

.time_count {
    width: 50px;
    height: 50px;
    background-image: url("../../../pip/Cube/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;
}

.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("../../../pip/Cube/images/transformselect.png") right center;
    background-size: 25px 22px;
    border: 1px solid #ccc;
}

.iwriteIcon1 {
    width: 120px;
    height: 120px;
    background: url("../../../pip/Cube/images/icons/css_sprites.png") 0 0;
}

.iwriteIcon2 {
    width: 120px;
    height: 120px;
    background: url("../../../pip/Cube/images/icons/css_sprites.png") 0px -120px;
}

.iwriteIcon3 {
    width: 120px;
    height: 120px;
    background: url("../../../pip/Cube/images/icons/css_sprites.png") 0px -240px;
}

@media all and (max-width: 768px) {
    .iwriteIcon {
        width: 70px;
        height: 70px;
        margin: 10px;
    }
    .iwriteIcon1 {
        background: url("../../../pip/Cube/images/icons/css_sprites.png") 0 0;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .iwriteIcon2 {
        background: url("../../../pip/Cube/images/icons/css_sprites.png") 0px -70px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .iwriteIcon3 {
        background: url("../../../pip/Cube/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 {
    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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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 ,.time__box span#ExpireTime {
    color: #ff6000;
    font-weight: 600;
}

.form_box {
    border: solid 1px #d5d5d5;
    background: #fff;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    padding: 30px 90px;
}

.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: 24px;
        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("../../../pip/Cube/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;
    }
    .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("../../../pip/Cube/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 - 50px);
}
.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("../../../pip/Cube/images/copy@2x.png");
    background-size: 35px 35px;
    border: 0;
    display: inline-block;
}
.CUB__box .URLbox .line_link {
    width: 35px;
    height: 35px;
    background: url("../../../pip/Cube/images/line@2x.png");
    background-size: 35px 35px;
    display: inline-block;
}
.CUB__box .URLbox .fb_link {
    width: 35px;
    height: 35px;
    background: url("../../../pip/Cube/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("../../../../../pip/Cube/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("../../../../../pip/Cube/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("../../../pip/Cube/images/result_fail.png");
    background-size: 260px 187px;
    left: 0;
    top: 0;
}

.complete_box.thanks:before {
    content: " ";
    width: 260px;
    height: 187px;
    background: url("../../../pip/Cube/images/result_thanks.png");
    background-size: 260px 187px;
}

.complete_box.noPoint:before {
    content: " ";
    width: 260px;
    height: 187px;
    background: url("../../../pip/Cube/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("../../../../../pip/Cube/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("../../../pip/Cube/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;
    }
    .agreement__checkbox label {
        font-size: 16px;
        line-height: 30px;
    }
    .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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/images/present_icon.png");
    background-size: contain;
}

.completeIcon.completeIcon--shape span:before {
    background-image: url("../../../pip/Cube/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("../../../pip/Cube/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("../../../pip/Cube/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: bold;
    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("../../../pip/Cube/images/illustrator/thank-you.png");
    background-size: contain;
    left: 0;
    top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.resultContent.general-error:before {
    background: url("../../../pip/Cube/images/illustrator/general-error.png");
    background-size: 100%;
}
.resultContent.busyidentityError:before {
    background: url("../../../pip/Cube/images/illustrator/busyidentityError.png");
    background-size: 100%;
}
.resultContent.busy-IDP2Fail:before {
    background: url("../../../pip/Cube/images/illustrator/busy-IDP2Fail.png");
    background-size: 100%;
}
.resultContent.DataInvalid-NoApply:before {
    background: url("../../../pip/Cube/images/illustrator/DataInvalid-NoApply.png");
    background-size: 100%;
}
.resultContent.Error-CountLimited:before {
    background: url("../../../pip/Cube/images/illustrator/Error-CountLimited.png");
    background-size: 100%;
}
.resultContent.Error-Failed:before {
    background: url("../../../pip/Cube/images/illustrator/Error-Failed.png");
    background-size: 100%;
}
.resultContent.ThankYousessionInvalid:before {
    background: url("../../../pip/Cube/images/illustrator/ThankYousessionInvalid.png");
    background-size: 100%;
}
.resultContent.system-error:before {
    background: url("../../../pip/Cube/images/illustrator/system-error.png");
    background-size: 100%;
}
.resultContent.point-to-dollar:before {
    background: url("../../../pip/Cube/images/illustrator/point-to-dollar.png");
    background-size: 100%;
}
.resultContent.error-incompatible:before {
    background: url("../../../pip/Cube/images/illustrator/error-incompatible.png");
    background-size: 100%;
}
.resultContent.error-maximum:before {
    background: url("../../../pip/Cube/images/illustrator/error-maximum.png");
    background-size: 100%;
}
.resultContent.error-account:before {
    background: url("../../../pip/Cube/images/illustrator/error-account.png");
    background-size: 100%;
}
.resultContent.error-systembusy:before {
    background: url("../../../pip/Cube/images/illustrator/error-systembusy.png");
    background-size: 100%;
}
.resultContent.error-invalid:before {
    background: url("../../../pip/Cube/images/illustrator/error-invalid.png");
    background-size: 100%;
}
.resultContent.error-fourzerofour:before {
    background: url("../../../pip/Cube/images/illustrator/error-fourzerofour.png");
    background-size: 100%;
}
.resultContent.error-link-expires:before {
    background: url("../../../pip/Cube/images/illustrator/error-link-expires.png");
    background-size: 100%;
}
.resultContent.error-link-expires:before {
    background: url("../../../pip/Cube/images/illustrator/error-link-expires.png");
    background-size: 100%;
}
.resultContent.error-find-fail:before {
    background: url("../../../pip/Cube/images/illustrator/error-find-fail.png");
    background-size: 100%;
}
.resultContent.computed-thanks:before {
    background: url("../../../pip/Cube/images/illustrator/computed-thanks.png");
    background-size: 100%;
}
.resultContent.bank-id:before {
    background: url("../../../pip/Cube/images/illustrator/bank-id.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("../../../pip/Cube/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;
    }
}

.otherServiceContainer {
    margin-top: 20px;
}


.form-title {
    font-size: 38px;
    line-height: 1.55;
    text-align: center;
    color: #00283d;
}
@media screen and (max-width: 960px) {
    .form-title {
        font-size: 22px;
        text-align: center;
    }
}
.form-user {
    max-width: 500px;
}
.form-user-bg {
    display: inline-flex;
    width: 100%;
    position: relative;
    border-radius: 12px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.form-password {
    width: 100%;
    position: relative;
}
.form .control-label {
    display: inline-block;
    line-height: 1.4;
}
.form input {
    height: 42px;
    border-radius: 5px;
    border: solid 1px #bebebe;
    padding: 10px;
}
.form input::placeholder {
    color: #bbb;
}
@media screen and (max-width: 960px) {
    .form input::placeholder {
        font-size: 14px;
    }
}
.form i {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.form .icon-eye-close {
    background-image: url("../../../pip/Cube/images/icon-eye-close.png");
    background-position: center;
    background-size: contain;
}
.form .icon-eye-open {
    background-image: url("../../../pip/Cube/images/icon-eye-open.png");
    background-position: center;
    background-size: contain;
}
.form .pwm-field-icon {
    display: none;
}

.expire_time_by_apid {
    color: #ff6000 !important;
    font-weight: 600;
}