@charset "UTF-8";
/* 不改變文字單位 */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap");
* {
  box-sizing: border-box;
}

*::after, *::before {
  box-sizing: border-box;
}

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 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 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

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

/**
 * 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 styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * 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), .web_aside .help img:not(:root), header.web_header .head_data .user img:not(:root), header.web_header .head_data .setup img:not(:root), header.web_header .head_data .help img:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * 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;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 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 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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


/* ==========================================================================
   Typography
   ========================================================================== */
body {
  font-family: "Noto Sans TC", "Microsoft Jhenghei", "微軟正黑體", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  -webkit-text-size-adjust: none;
  text-rendering: optimizeLegibility;
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  color: #444;
  letter-spacing: 1px;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
  margin-bottom: vr(1);
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
  margin-bottom: vr(1);
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
  margin-bottom: vr(1);
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
  margin-bottom: vr(1);
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p, li {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: vr(1);
}

p:last-child, li:last-child {
  margin-bottom: 0;
}

th, td {
  font-size: 1rem;
}

.small {
  font-size: 0.95rem;
  line-height: 1.5;
}

ul {
  line-height: 1;
}
ul li {
  margin-bottom: vr(0.25);
}
ul li:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   form
   ========================================================================== */
/* ====================  input  ==================== */
input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=mail]::-moz-placeholder {
  color: #aaa;
}
input[type=text]::placeholder, input[type=tel]::placeholder, input[type=mail]::placeholder {
  color: #aaa;
}

/* ==================== checkbox, radio ==================== */
input.full[type=checkbox], input.full[type=radio] {
  -moz-appearance: none;
  border-radius: inherit;
  cursor: pointer;
  height: 100%;
  left: 0px;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  outline: 0 none;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2;
}

input[type=checkbox]:checked, input[type=radio]:checked {
  background-color: #EF7C00;
  border-color: #EF7C00;
}

/* ==================== Select ==================== */
select::-moz-placeholder {
  color: #aaa;
}
select::placeholder {
  color: #aaa;
}

/* ==================== textarea ==================== */
textarea::-moz-placeholder {
  color: #aaa;
}
textarea::placeholder {
  color: #aaa;
}

/* ==================== Button ==================== */
button:hover[type=button], input:hover[type=button], input:hover[type=submit], input:hover[type=reset] {
  transform: scale(0.95);
}

/* ==========================================================================
   mixins
   ========================================================================== */
.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

img.center {
  margin: 0 auto;
  display: block;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*************************************
*              表格
**************************************/
table.style_table {
  width: 100%;
  margin: 0 0 20px 0;
  border-top: #fff 1px solid;
  border-left: #fff 1px solid;
}
table.style_table th, table.style_table td {
  padding: 8px 10px;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
}
table.style_table thead tr th {
  text-align: center;
  color: #444;
  font-weight: normal;
  background-color: #D9D9D9;
  white-space: nowrap;
}
table.style_table thead tr td {
  text-align: center;
  font-weight: bold;
  background-color: #D9D9D9;
}
table.style_table tbody tr td {
  text-align: center;
  border-bottom: #D9D9D9 1px solid;
}
table.style_table tbody tr td a {
  display: block;
}
table.style_table tbody tr td span {
  display: block;
}
table.style_table tbody tr td .red {
  color: #DC3545;
}
table.style_table tr.odd {
  background: white;
}
table.style_table a {
  color: #444;
}
table.style_table .danger {
  color: #DC3545;
}
table.style_table .success {
  color: #198754;
}

table.style_table_left {
  margin: 0 auto 20px auto;
  border-top: #fff 1px solid;
  border-left: #fff 1px solid;
}
table.style_table_left th, table.style_table_left td {
  padding: 8px 10px;
  text-align: center;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
}
table.style_table_left th {
  color: #fff;
  background-color: #D9D9D9;
}
table.style_table_left th.two {
  color: #fff;
  background-color: silver;
}
table.style_table_left td.one {
  background-color: #eee;
}
table.style_table_left tr.odd {
  background: white;
}

/*************************************
*              RWD
**************************************/
/*************************************
*              特效
**************************************/
/*************************************
*              動畫
**************************************/
/* ==========================================================================
   Layout
   ========================================================================== */
.layout_1 {
  margin-bottom: 20px;
  display: grid;
  gap: 0px;
  grid-template-columns: repeat(1, 1fr);
}

.layout_auto {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, auto);
}
@media screen and (max-width: 992px) {
  .layout_auto {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_auto {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: auto;
  }
}

.layout_3-a-a-1, .layout_4-1-1-1-a, .layout_3-1-a-a {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: auto auto 1fr;
}
@media screen and (max-width: 992px) {
  .layout_3-a-a-1, .layout_4-1-1-1-a, .layout_3-1-a-a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_3-a-a-1, .layout_4-1-1-1-a, .layout_3-1-a-a {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_3-1-a-a {
  grid-template-columns: 1fr auto auto;
}
@media screen and (max-width: 992px) {
  .layout_3-1-a-a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_3-1-a-a {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_4-1-1-1-a {
  grid-template-columns: 1fr 1fr 1fr auto;
}
@media screen and (max-width: 992px) {
  .layout_4-1-1-1-a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_4-1-1-1-a {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_2 {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 992px) {
  .layout_2 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_2 {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_2-a-1 {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 992px) {
  .layout_2-a-1 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_2-a-1 {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_2-1-a {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 992px) {
  .layout_2-1-a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_2-1-a {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_3, .layout_5, .layout_4-1-a-a-a, .layout_4 {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 992px) {
  .layout_3, .layout_5, .layout_4-1-a-a-a, .layout_4 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_3, .layout_5, .layout_4-1-a-a-a, .layout_4 {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_3-1-a-a {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr auto auto;
}
@media screen and (max-width: 992px) {
  .layout_3-1-a-a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_3-1-a-a {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_3-1-a-1 {
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr auto 1fr;
}
@media screen and (max-width: 992px) {
  .layout_3-1-a-1 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_3-1-a-1 {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 992px) {
  .layout_4 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_4 {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_4-1-a-a-a {
  grid-template-columns: 1fr auto auto auto;
}
@media screen and (max-width: 992px) {
  .layout_4-1-a-a-a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .layout_4-1-a-a-a {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.layout_5 {
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 576px) {
  .layout_5 {
    margin-bottom: 0px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
}

.alignCenter {
  align-items: center;
}

/* ************************************/
/*              body                  */
/**************************************/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.row {
  box-sizing: border-box;
}
.row::after {
  display: block;
  clear: both;
  content: "";
}

#content {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  gap: 0 20px;
  grid-template-columns: 280px 1fr;
}
#content::after {
  display: block;
  clear: both;
  content: "";
}

aside {
  background-color: #F9F9F9;
}

main {
  width: 1440px -20 -280;
  margin: 25px 0 40px;
}
main h2 {
  margin-bottom: 40px;
}
main .btn.h2Message {
  padding: 0;
  margin: 0;
  border: 0px none;
  background-color: transparent;
}
main .btn.h2Message:hover {
  border: 0px none;
  background-color: transparent;
}
main .btn.h2Message svg, main .btn.h2Message .web_aside .help img, .web_aside .help main .btn.h2Message img, main .btn.h2Message header.web_header .head_data .user img, header.web_header .head_data .user main .btn.h2Message img, main .btn.h2Message header.web_header .head_data .setup img, header.web_header .head_data .setup main .btn.h2Message img, main .btn.h2Message header.web_header .head_data .help img, header.web_header .head_data .help main .btn.h2Message img {
  width: 30px;
  height: 30px;
}
main .btn.h2Message svg path, main .btn.h2Message .web_aside .help img path, .web_aside .help main .btn.h2Message img path, main .btn.h2Message header.web_header .head_data .user img path, header.web_header .head_data .user main .btn.h2Message img path, main .btn.h2Message header.web_header .head_data .setup img path, header.web_header .head_data .setup main .btn.h2Message img path, main .btn.h2Message header.web_header .head_data .help img path, header.web_header .head_data .help main .btn.h2Message img path {
  fill: #EF7C00;
}
main .main_top_bar {
  width: 35%;
  margin-bottom: 20px;
}
main .main_top_bar .form_item label, main .main_top_bar .form_item_nflex label, main .main_top_bar .form_item-if label {
  text-align: right;
}
main .main_top_bar .form_item .input-group input, main .main_top_bar .form_item_nflex .input-group input, main .main_top_bar .form_item-if .input-group input {
  margin-right: 0;
}
main .main_top_bar .form_item-if {
  display: inline-flex !important;
}
main .main_top_bar.w70 {
  width: 70%;
}
main .main_top_bar.w70 .form_item-if label {
  min-width: auto;
}
main .main_bar, main .bottom_bar {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .main_bar .left_box.w100, main .bottom_bar .left_box.w100 {
  width: 100%;
}
main .main_bar .left_box.w100 .input-group input, main .bottom_bar .left_box.w100 .input-group input {
  border-radius: 4px 0 0 4px !important;
}
main .main_bar .left_box.w100 .input-group button, main .bottom_bar .left_box.w100 .input-group button {
  border-radius: 0 4px 4px 0 !important;
}
main .main_bar .left_box.w100 .input-group button + input, main .bottom_bar .left_box.w100 .input-group button + input {
  margin-left: 10px !important;
}
main .main_bar .left_box.w100 .form_item select, main .main_bar .left_box.w100 .form_item_nflex select, main .bottom_bar .left_box.w100 .form_item select, main .bottom_bar .left_box.w100 .form_item_nflex select, main .main_bar .left_box.w100 .main_top_bar .form_item-if select, main .bottom_bar .left_box.w100 .main_top_bar .form_item-if select, main .main_top_bar .main_bar .left_box.w100 .form_item-if select, main .main_top_bar .bottom_bar .left_box.w100 .form_item-if select {
  margin-right: 15px;
}
main .main_bar .left_box.w50.input-group, main .bottom_bar .left_box.w50.input-group {
  width: 60%;
}
main .main_bar .left_box, main .bottom_bar .left_box {
  width: 35%;
}
main .main_bar .left_box .form_item label, main .main_bar .left_box .form_item_nflex label, main .bottom_bar .left_box .form_item label, main .bottom_bar .left_box .form_item_nflex label, main .main_bar .left_box .main_top_bar .form_item-if label, main .bottom_bar .left_box .main_top_bar .form_item-if label, main .main_top_bar .main_bar .left_box .form_item-if label, main .main_top_bar .bottom_bar .left_box .form_item-if label {
  min-width: auto;
  text-align: left;
}
main .main_bar .left_box .form_item .input-group input, main .main_bar .left_box .form_item_nflex .input-group input, main .bottom_bar .left_box .form_item .input-group input, main .bottom_bar .left_box .form_item_nflex .input-group input, main .main_bar .left_box .main_top_bar .form_item-if .input-group input, main .bottom_bar .left_box .main_top_bar .form_item-if .input-group input, main .main_top_bar .main_bar .left_box .form_item-if .input-group input, main .main_top_bar .bottom_bar .left_box .form_item-if .input-group input {
  margin-right: 0;
}
main .main_bar .right_box, main .bottom_bar .right_box {
  width: 30%;
}
main .main_bar .right_box .form_item .link, main .main_bar .right_box .form_item_nflex .link, main .bottom_bar .right_box .form_item .link, main .bottom_bar .right_box .form_item_nflex .link, main .main_bar .right_box .main_top_bar .form_item-if .link, main .bottom_bar .right_box .main_top_bar .form_item-if .link, main .main_top_bar .main_bar .right_box .form_item-if .link, main .main_top_bar .bottom_bar .right_box .form_item-if .link {
  margin-right: 10px;
}
main .main_bar .right_box.w70, main .bottom_bar .right_box.w70 {
  width: 70%;
}
main .main_bar .right_box.w70 input:nth-child(3n), main .bottom_bar .right_box.w70 input:nth-child(3n) {
  width: 50%;
}
main .main_bar .text_box, main .bottom_bar .text_box {
  padding: 5px 20px;
  margin: 0;
  display: inline-block;
  font-size: 1.1rem;
  color: #727171;
  background-color: #f9f9f9;
  border-radius: 5rem;
}
main .main_bar .text_box span, main .bottom_bar .text_box span {
  margin-left: 20px;
  display: inline-block;
}
main .main_bar .text_box input[type=text], main .bottom_bar .text_box input[type=text] {
  width: 50px;
  padding: 0px;
  margin: 0 5px;
  font-size: 1.4rem;
  display: inline-block;
  text-align: center;
  color: #EF7C00;
  border: 0px none;
  background-color: transparent;
}
main .main_bar .modal-body > h5, main .bottom_bar .modal-body > h5 {
  color: #EF7C00;
}
main .main_bar .modal-body > h6, main .bottom_bar .modal-body > h6 {
  padding: 5px;
  color: #fff;
  background-color: #36B58F;
  border-radius: 4px;
}
main .main_bar .modal-body .button_box, main .bottom_bar .modal-body .button_box {
  margin: 0 auto 10px;
}
main .bottom_bar {
  margin-bottom: 0;
  justify-content: center;
}
main .bottom_bar button.btn {
  width: 150px;
}
main p {
  margin-bottom: 0px;
}
@media screen and (max-width: 992px) {
  main {
    padding: 0 10px;
  }
  main .main_top_bar, main .main_bar, main .bottom_bar {
    width: 100%;
    display: block;
  }
  main .main_top_bar p, main .main_bar p, main .bottom_bar p {
    margin-bottom: 5px;
  }
  main .main_top_bar button.btn, main .main_bar button.btn, main .bottom_bar button.btn {
    width: 100%;
  }
  main .main_top_bar .left_box.w100 .input-group input, main .main_bar .left_box.w100 .input-group input, main .bottom_bar .left_box.w100 .input-group input {
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box.w100 .input-group button, main .main_bar .left_box.w100 .input-group button, main .bottom_bar .left_box.w100 .input-group button {
    margin: 0;
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box.w100 .input-group button + input, main .main_bar .left_box.w100 .input-group button + input, main .bottom_bar .left_box.w100 .input-group button + input {
    margin: 15px 0 5px 0 !important;
  }
  main .main_top_bar .left_box, main .main_bar .left_box, main .bottom_bar .left_box {
    width: 100%;
    margin-bottom: 10px;
  }
  main .main_top_bar .left_box .form_item .input-group input, main .main_top_bar .left_box .form_item_nflex .input-group input, main .main_top_bar .left_box .form_item-if .input-group input, main .main_bar .left_box .form_item .input-group input, main .main_bar .left_box .form_item_nflex .input-group input, main .bottom_bar .left_box .form_item .input-group input, main .bottom_bar .left_box .form_item_nflex .input-group input, main .main_bar .left_box .main_top_bar .form_item-if .input-group input, main .bottom_bar .left_box .main_top_bar .form_item-if .input-group input {
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box .form_item .input-group button.btn, main .main_top_bar .left_box .form_item_nflex .input-group button.btn, main .main_top_bar .left_box .form_item-if .input-group button.btn, main .main_bar .left_box .form_item .input-group button.btn, main .main_bar .left_box .form_item_nflex .input-group button.btn, main .bottom_bar .left_box .form_item .input-group button.btn, main .bottom_bar .left_box .form_item_nflex .input-group button.btn, main .main_bar .left_box .main_top_bar .form_item-if .input-group button.btn, main .bottom_bar .left_box .main_top_bar .form_item-if .input-group button.btn {
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box .form_item button.btn, main .main_top_bar .left_box .form_item_nflex button.btn, main .main_top_bar .left_box .form_item-if button.btn, main .main_bar .left_box .form_item button.btn, main .main_bar .left_box .form_item_nflex button.btn, main .bottom_bar .left_box .form_item button.btn, main .bottom_bar .left_box .form_item_nflex button.btn, main .main_bar .left_box .main_top_bar .form_item-if button.btn, main .bottom_bar .left_box .main_top_bar .form_item-if button.btn {
    margin: 0;
  }
  main .main_top_bar .left_box > button.btn, main .main_bar .left_box > button.btn, main .bottom_bar .left_box > button.btn {
    margin: 0 0 10px 0;
  }
  main .main_top_bar .right_box, main .main_bar .right_box, main .bottom_bar .right_box {
    width: 100%;
  }
  main .main_top_bar .right_box .form_item label, main .main_top_bar .right_box .form_item_nflex label, main .main_top_bar .right_box .form_item-if label, main .main_bar .right_box .form_item label, main .main_bar .right_box .form_item_nflex label, main .bottom_bar .right_box .form_item label, main .bottom_bar .right_box .form_item_nflex label, main .main_bar .right_box .main_top_bar .form_item-if label, main .bottom_bar .right_box .main_top_bar .form_item-if label {
    min-width: auto;
  }
  main .main_top_bar .right_box .form_item input, main .main_top_bar .right_box .form_item_nflex input, main .main_top_bar .right_box .form_item-if input, main .main_bar .right_box .form_item input, main .main_bar .right_box .form_item_nflex input, main .bottom_bar .right_box .form_item input, main .bottom_bar .right_box .form_item_nflex input, main .main_bar .right_box .main_top_bar .form_item-if input, main .bottom_bar .right_box .main_top_bar .form_item-if input {
    margin-bottom: 5px;
  }
  main .main_top_bar .right_box .form_item .link, main .main_top_bar .right_box .form_item_nflex .link, main .main_top_bar .right_box .form_item-if .link, main .main_bar .right_box .form_item .link, main .main_bar .right_box .form_item_nflex .link, main .bottom_bar .right_box .form_item .link, main .bottom_bar .right_box .form_item_nflex .link, main .main_bar .right_box .main_top_bar .form_item-if .link, main .bottom_bar .right_box .main_top_bar .form_item-if .link {
    width: 20%;
    margin-right: 7px;
    display: block;
    text-align: center;
  }
  main .main_top_bar .right_box button.btn, main .main_bar .right_box button.btn, main .bottom_bar .right_box button.btn {
    margin: 0;
  }
  main .main_top_bar .right_box.w70, main .main_bar .right_box.w70, main .bottom_bar .right_box.w70 {
    width: 100%;
  }
  main .main_top_bar .right_box.w70 .form_item label, main .main_top_bar .right_box.w70 .form_item_nflex label, main .main_top_bar .right_box.w70 .form_item-if label, main .main_bar .right_box.w70 .form_item label, main .main_bar .right_box.w70 .form_item_nflex label, main .bottom_bar .right_box.w70 .form_item label, main .bottom_bar .right_box.w70 .form_item_nflex label, main .main_bar .right_box.w70 .main_top_bar .form_item-if label, main .bottom_bar .right_box.w70 .main_top_bar .form_item-if label {
    margin-bottom: 5px;
  }
  main .main_top_bar .right_box.w70 input:nth-child(3n), main .main_bar .right_box.w70 input:nth-child(3n), main .bottom_bar .right_box.w70 input:nth-child(3n) {
    width: 100%;
  }
  main .main_top_bar .input-group input, main .main_bar .input-group input, main .bottom_bar .input-group input {
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  main .main_top_bar .input-group button.btn, main .main_bar .input-group button.btn, main .bottom_bar .input-group button.btn {
    margin: 0;
    border-radius: 4px !important;
  }
  main .main_top_bar .modal .modal-dialog, main .main_bar .modal .modal-dialog, main .bottom_bar .modal .modal-dialog {
    max-width: 100%;
  }
  main .main_top_bar .modal input, main .main_bar .modal input, main .bottom_bar .modal input {
    margin-right: 0;
  }
  main .main_top_bar .modal button, main .main_bar .modal button, main .bottom_bar .modal button {
    width: auto;
    margin-right: 10px;
  }
  main .main_top_bar.w70 {
    width: 100%;
  }
  main .main_top_bar.w70 .form_item-if {
    display: block !important;
  }
  main .main_top_bar.w70 .form_item-if label {
    min-width: auto;
    margin-bottom: 5px;
  }
  main .bottom_bar button.btn {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  main {
    padding: 0 10px;
  }
  main .main_top_bar, main .main_bar, main .bottom_bar {
    width: 100%;
    display: block;
  }
  main .main_top_bar p, main .main_bar p, main .bottom_bar p {
    margin-bottom: 10px;
  }
  main .main_top_bar button, main .main_bar button, main .bottom_bar button {
    width: 100%;
  }
  main .main_top_bar .left_box.w100 .input-group input, main .main_bar .left_box.w100 .input-group input, main .bottom_bar .left_box.w100 .input-group input {
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box.w100 .input-group button, main .main_bar .left_box.w100 .input-group button, main .bottom_bar .left_box.w100 .input-group button {
    margin: 0;
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box.w100 .input-group button + input, main .main_bar .left_box.w100 .input-group button + input, main .bottom_bar .left_box.w100 .input-group button + input {
    margin: 15px 0 5px 0 !important;
  }
  main .main_top_bar .left_box.w100 .form_item select, main .main_top_bar .left_box.w100 .form_item_nflex select, main .main_top_bar .left_box.w100 .form_item-if select, main .main_bar .left_box.w100 .form_item select, main .main_bar .left_box.w100 .form_item_nflex select, main .bottom_bar .left_box.w100 .form_item select, main .bottom_bar .left_box.w100 .form_item_nflex select, main .main_bar .left_box.w100 .main_top_bar .form_item-if select, main .bottom_bar .left_box.w100 .main_top_bar .form_item-if select {
    margin-bottom: 0px;
    margin-right: 0px;
  }
  main .main_top_bar .left_box.w100 .form_item select + label, main .main_top_bar .left_box.w100 .form_item_nflex select + label, main .main_top_bar .left_box.w100 .form_item-if select + label, main .main_bar .left_box.w100 .form_item select + label, main .main_bar .left_box.w100 .form_item_nflex select + label, main .bottom_bar .left_box.w100 .form_item select + label, main .bottom_bar .left_box.w100 .form_item_nflex select + label, main .main_bar .left_box.w100 .main_top_bar .form_item-if select + label, main .bottom_bar .left_box.w100 .main_top_bar .form_item-if select + label {
    margin: 15px 0 5px 0 !important;
  }
  main .main_top_bar .left_box.w100 .form_item select + button, main .main_top_bar .left_box.w100 .form_item_nflex select + button, main .main_top_bar .left_box.w100 .form_item-if select + button, main .main_bar .left_box.w100 .form_item select + button, main .main_bar .left_box.w100 .form_item_nflex select + button, main .bottom_bar .left_box.w100 .form_item select + button, main .bottom_bar .left_box.w100 .form_item_nflex select + button, main .main_bar .left_box.w100 .main_top_bar .form_item-if select + button, main .bottom_bar .left_box.w100 .main_top_bar .form_item-if select + button {
    margin-top: 5px;
  }
  main .main_top_bar .left_box.w50.input-group, main .main_bar .left_box.w50.input-group, main .bottom_bar .left_box.w50.input-group {
    width: 100%;
    display: block;
  }
  main .main_top_bar .left_box.w50.input-group select, main .main_bar .left_box.w50.input-group select, main .bottom_bar .left_box.w50.input-group select {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box, main .main_bar .left_box, main .bottom_bar .left_box {
    width: 100%;
    margin-bottom: 10px;
  }
  main .main_top_bar .left_box .form_item .input-group input, main .main_top_bar .left_box .form_item_nflex .input-group input, main .main_top_bar .left_box .form_item-if .input-group input, main .main_bar .left_box .form_item .input-group input, main .main_bar .left_box .form_item_nflex .input-group input, main .bottom_bar .left_box .form_item .input-group input, main .bottom_bar .left_box .form_item_nflex .input-group input, main .main_bar .left_box .main_top_bar .form_item-if .input-group input, main .bottom_bar .left_box .main_top_bar .form_item-if .input-group input {
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box .form_item .input-group button.btn, main .main_top_bar .left_box .form_item_nflex .input-group button.btn, main .main_top_bar .left_box .form_item-if .input-group button.btn, main .main_bar .left_box .form_item .input-group button.btn, main .main_bar .left_box .form_item_nflex .input-group button.btn, main .bottom_bar .left_box .form_item .input-group button.btn, main .bottom_bar .left_box .form_item_nflex .input-group button.btn, main .main_bar .left_box .main_top_bar .form_item-if .input-group button.btn, main .bottom_bar .left_box .main_top_bar .form_item-if .input-group button.btn {
    border-radius: 4px !important;
  }
  main .main_top_bar .left_box .form_item button.btn, main .main_top_bar .left_box .form_item_nflex button.btn, main .main_top_bar .left_box .form_item-if button.btn, main .main_bar .left_box .form_item button.btn, main .main_bar .left_box .form_item_nflex button.btn, main .bottom_bar .left_box .form_item button.btn, main .bottom_bar .left_box .form_item_nflex button.btn, main .main_bar .left_box .main_top_bar .form_item-if button.btn, main .bottom_bar .left_box .main_top_bar .form_item-if button.btn {
    margin: 0;
  }
  main .main_top_bar .left_box button.btn, main .main_bar .left_box button.btn, main .bottom_bar .left_box button.btn {
    width: 100%;
  }
  main .main_top_bar .left_box button.btn + button.btn, main .main_bar .left_box button.btn + button.btn, main .bottom_bar .left_box button.btn + button.btn {
    margin-top: 10px;
  }
  main .main_top_bar .right_box, main .main_bar .right_box, main .bottom_bar .right_box {
    width: 100%;
  }
  main .main_top_bar .right_box .form_item input, main .main_top_bar .right_box .form_item_nflex input, main .main_top_bar .right_box .form_item-if input, main .main_bar .right_box .form_item input, main .main_bar .right_box .form_item_nflex input, main .bottom_bar .right_box .form_item input, main .bottom_bar .right_box .form_item_nflex input, main .main_bar .right_box .main_top_bar .form_item-if input, main .bottom_bar .right_box .main_top_bar .form_item-if input {
    margin-bottom: 5px;
  }
  main .main_top_bar .right_box .form_item .link, main .main_top_bar .right_box .form_item_nflex .link, main .main_top_bar .right_box .form_item-if .link, main .main_bar .right_box .form_item .link, main .main_bar .right_box .form_item_nflex .link, main .bottom_bar .right_box .form_item .link, main .bottom_bar .right_box .form_item_nflex .link, main .main_bar .right_box .main_top_bar .form_item-if .link, main .bottom_bar .right_box .main_top_bar .form_item-if .link {
    width: 100%;
    margin-right: 0;
    display: block;
    text-align: center;
  }
  main .main_top_bar .right_box button.btn, main .main_bar .right_box button.btn, main .bottom_bar .right_box button.btn {
    margin: 0;
  }
  main .main_top_bar .right_box.w70, main .main_bar .right_box.w70, main .bottom_bar .right_box.w70 {
    width: 100%;
  }
  main .main_top_bar .right_box.w70 input:nth-child(3n), main .main_bar .right_box.w70 input:nth-child(3n), main .bottom_bar .right_box.w70 input:nth-child(3n) {
    width: 100%;
  }
  main .main_top_bar .input-group input, main .main_bar .input-group input, main .bottom_bar .input-group input {
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  main .main_top_bar .input-group button.btn, main .main_bar .input-group button.btn, main .bottom_bar .input-group button.btn {
    margin: 0;
    border-radius: 4px !important;
  }
  main .main_top_bar .modal button, main .main_bar .modal button, main .bottom_bar .modal button {
    width: auto;
  }
  main .main_top_bar.w70 {
    width: 100%;
  }
  main .main_top_bar.w70 .form_item-if {
    display: block !important;
  }
  main .main_top_bar.w70 .form_item-if label {
    min-width: auto;
    margin-bottom: 5px;
  }
  main .text_box {
    width: 100%;
  }
  main .bottom_bar button.btn {
    margin-bottom: 10px;
  }
}

/* ************************************/
/*              header                */
/**************************************/
.header_bg {
  width: 100%;
  border-top: #EF7C00 4px solid;
  border-bottom: #36B58F 4px solid;
}

header.web_header {
  max-width: 1440px;
  padding: 10px 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.web_header .head_company button {
  display: none;
  border: 0px none;
  background-color: transparent;
  transform: scale(1);
}
header.web_header .head_company button svg, header.web_header .head_company button .web_aside .help img, .web_aside .help header.web_header .head_company button img, header.web_header .head_company button .head_data .user img, header.web_header .head_data .user .head_company button img, header.web_header .head_company button .head_data .setup img, header.web_header .head_data .setup .head_company button img, header.web_header .head_company button .head_data .help img, header.web_header .head_data .help .head_company button img, header.web_header .head_company button img {
  width: 35px;
  height: 35px;
}
header.web_header .head_company button svg path, header.web_header .head_company button .web_aside .help img path, .web_aside .help header.web_header .head_company button img path, header.web_header .head_company button .head_data .user img path, header.web_header .head_data .user .head_company button img path, header.web_header .head_company button .head_data .setup img path, header.web_header .head_data .setup .head_company button img path, header.web_header .head_company button .head_data .help img path, header.web_header .head_data .help .head_company button img path, header.web_header .head_company button img path {
  fill: #6C757D;
}
header.web_header .head_company .logo {
  width: 230px;
  height: 42px;
  vertical-align: middle;
  display: inline-block;
  background: url(../images/wowalink_LOGO-1.svg) no-repeat 0px 0px/cover;
}
header.web_header .head_data .user, header.web_header .head_data .setup, header.web_header .head_data .help {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
header.web_header .head_data .user svg, header.web_header .head_data .user img, header.web_header .head_data .setup svg, header.web_header .head_data .setup img, header.web_header .head_data .help svg, header.web_header .head_data .help img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
header.web_header .head_data .user svg path, header.web_header .head_data .user img path, header.web_header .head_data .setup svg path, header.web_header .head_data .setup img path, header.web_header .head_data .help svg path, header.web_header .head_data .help img path {
  fill: #444;
}
header.web_header .head_data .user img, header.web_header .head_data .setup img, header.web_header .head_data .help img {
  width: 40px;
  height: 40px;
  border-radius: 30px;
}
header.web_header .head_data .user a, header.web_header .head_data .setup a, header.web_header .head_data .help a {
  color: #444;
  text-decoration: none;
}
header.web_header .head_data .setup > a {
  padding: 0;
  border: 0px none;
  background-color: transparent;
}
header.web_header .head_data .setup svg path, header.web_header .head_data .setup img path {
  fill: #36B58F;
}
header.web_header .head_data .setup .dropdown-menu {
  border: #EF7C00 1px solid;
}
header.web_header .head_data .setup .dropdown-menu a:hover {
  color: #fff;
  background-color: #EF7C00;
}
header.web_header .head_data .help {
  margin-right: 0;
}
header.web_header .head_data .help svg path, header.web_header .head_data .help img path {
  fill: #36B58F;
}
header.web_header .offcanvas-header svg path, header.web_header .offcanvas-header .web_aside .help img path, .web_aside .help header.web_header .offcanvas-header img path, header.web_header .offcanvas-header .head_data .user img path, header.web_header .head_data .user .offcanvas-header img path, header.web_header .offcanvas-header .head_data .setup img path, header.web_header .head_data .setup .offcanvas-header img path, header.web_header .offcanvas-header .head_data .help img path, header.web_header .head_data .help .offcanvas-header img path {
  fill: #36B58F;
}
header.web_header .offcanvas-body {
  width: 99%;
  padding-left: 0;
  padding-right: 0;
}

/* ************************************/
/*              nav               */
/**************************************/
#D1:before, #D2:before, #D3:before, #D4:before {
  display: block;
  content: " ";
  margin-top: -60px;
  height: 60px;
  visibility: hidden;
}

/* ************************************/
/*              footer                */
/**************************************/
footer {
  padding: 15px 0;
  background-color: #000;
  opacity: 0.8;
}
footer::after {
  display: block;
  clear: both;
  content: "";
}
footer p {
  color: #666;
}

.copyright_box {
  padding: 5px 10px;
  text-align: center;
  color: #999;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  color: #444;
  border-color: #84e8ba;
  background: #84e8ba;
}

.ui-widget-header {
  color: #fff;
  border-color: #EF7C00;
  background: #EF7C00;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.ui-state-hover, ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
  color: #fff;
  border-color: rgb(255, 236, 26);
  background: rgb(255, 236, 26);
}

.danger {
  color: #DC3545 !important;
}

.success {
  color: #198754 !important;
}

.unconfirmed {
  color: #356EDC !important;
}

.popover {
  border-color: #EF7C00;
}

.popover-body {
  font-size: 1.1rem;
  color: #727171;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
  border-right-color: #EF7C00;
}

.w100 {
  width: 100%;
}

.form_item, .form_item_nflex, .page_form .form_item_nflex, .top.form_item_nflex, .form_item.top, .page_form .form_item, main .main_top_bar .form_item-if {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  /* Colors: Default */
  /* Rounded switch corners 圓角開關 */
  /* //////////////////////////
  CORE STYLES BELOW - NO TOUCHY 核心風格
  ////////////////////////// */
  /* Labels 標籤 */
  /* Show / Hide 顯示/隱藏 */
  /* Transitions 過渡動畫 */
  /* Size: Extra Large 尺寸設定 */
}
.form_item img, .form_item_nflex img, .page_form .form_item_nflex img, .top.form_item_nflex img, .form_item.top img, .page_form .form_item img, main .main_top_bar .form_item-if img {
  margin-right: 10px;
}
.form_item .small, .form_item_nflex .small, main .main_top_bar .form_item-if .small {
  margin-bottom: 0 !important;
  flex: 0 0 160px;
}
.form_item > label, .form_item_nflex > label, .page_form .form_item_nflex > label, .top.form_item_nflex > label, .form_item.top > label, .page_form .form_item > label, main .main_top_bar .form_item-if > label {
  min-width: 90px;
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #727171;
  text-align: right;
  white-space: nowrap;
}
.form_item > label svg, .form_item > label .web_aside .help img, .web_aside .help .form_item > label img, .form_item_nflex > label svg, .form_item_nflex > label .web_aside .help img, .web_aside .help .form_item_nflex > label img, .page_form .form_item_nflex > label svg, .top.form_item_nflex > label svg, .form_item.top > label svg, .page_form .form_item > label svg, main .main_top_bar .form_item-if > label svg, .form_item > label header.web_header .head_data .user img, .form_item_nflex > label header.web_header .head_data .user img, header.web_header .head_data .user .form_item > label img, header.web_header .head_data .user .form_item_nflex > label img, main .main_top_bar header.web_header .head_data .user .top.form_item-if > label img, .page_form main .main_top_bar header.web_header .head_data .user .form_item-if > label img, main .main_top_bar .page_form header.web_header .head_data .user .form_item-if > label img, main .main_top_bar .form_item-if > label header.web_header .head_data .user img, header.web_header .head_data .user main .main_top_bar .form_item-if > label img, .form_item > label header.web_header .head_data .setup img, .form_item_nflex > label header.web_header .head_data .setup img, header.web_header .head_data .setup .form_item > label img, header.web_header .head_data .setup .form_item_nflex > label img, main .main_top_bar header.web_header .head_data .setup .top.form_item-if > label img, .page_form main .main_top_bar header.web_header .head_data .setup .form_item-if > label img, main .main_top_bar .page_form header.web_header .head_data .setup .form_item-if > label img, main .main_top_bar .form_item-if > label header.web_header .head_data .setup img, header.web_header .head_data .setup main .main_top_bar .form_item-if > label img, .form_item > label header.web_header .head_data .help img, .form_item_nflex > label header.web_header .head_data .help img, header.web_header .head_data .help .form_item > label img, header.web_header .head_data .help .form_item_nflex > label img, main .main_top_bar header.web_header .head_data .help .top.form_item-if > label img, .page_form main .main_top_bar header.web_header .head_data .help .form_item-if > label img, main .main_top_bar .page_form header.web_header .head_data .help .form_item-if > label img, main .main_top_bar .form_item-if > label header.web_header .head_data .help img, header.web_header .head_data .help main .main_top_bar .form_item-if > label img, .form_item > label img, .form_item_nflex > label img, .page_form .form_item_nflex > label img, .top.form_item_nflex > label img, .form_item.top > label img, .page_form .form_item > label img, main .main_top_bar .form_item-if > label img {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: baseline;
}
.form_item > label svg path, .form_item > label .web_aside .help img path, .web_aside .help .form_item > label img path, .form_item_nflex > label svg path, .form_item_nflex > label .web_aside .help img path, .web_aside .help .form_item_nflex > label img path, .page_form .form_item_nflex > label svg path, .top.form_item_nflex > label svg path, .form_item.top > label svg path, .page_form .form_item > label svg path, main .main_top_bar .form_item-if > label svg path, .form_item > label header.web_header .head_data .user img path, .form_item_nflex > label header.web_header .head_data .user img path, header.web_header .head_data .user .form_item > label img path, header.web_header .head_data .user .form_item_nflex > label img path, main .main_top_bar header.web_header .head_data .user .top.form_item-if > label img path, .page_form main .main_top_bar header.web_header .head_data .user .form_item-if > label img path, main .main_top_bar .page_form header.web_header .head_data .user .form_item-if > label img path, main .main_top_bar .form_item-if > label header.web_header .head_data .user img path, header.web_header .head_data .user main .main_top_bar .form_item-if > label img path, .form_item > label header.web_header .head_data .setup img path, .form_item_nflex > label header.web_header .head_data .setup img path, header.web_header .head_data .setup .form_item > label img path, header.web_header .head_data .setup .form_item_nflex > label img path, main .main_top_bar header.web_header .head_data .setup .top.form_item-if > label img path, .page_form main .main_top_bar header.web_header .head_data .setup .form_item-if > label img path, main .main_top_bar .page_form header.web_header .head_data .setup .form_item-if > label img path, main .main_top_bar .form_item-if > label header.web_header .head_data .setup img path, header.web_header .head_data .setup main .main_top_bar .form_item-if > label img path, .form_item > label header.web_header .head_data .help img path, .form_item_nflex > label header.web_header .head_data .help img path, header.web_header .head_data .help .form_item > label img path, header.web_header .head_data .help .form_item_nflex > label img path, main .main_top_bar header.web_header .head_data .help .top.form_item-if > label img path, .page_form main .main_top_bar header.web_header .head_data .help .form_item-if > label img path, main .main_top_bar .page_form header.web_header .head_data .help .form_item-if > label img path, main .main_top_bar .form_item-if > label header.web_header .head_data .help img path, header.web_header .head_data .help main .main_top_bar .form_item-if > label img path, .form_item > label img path, .form_item_nflex > label img path, .page_form .form_item_nflex > label img path, .top.form_item_nflex > label img path, .form_item.top > label img path, .page_form .form_item > label img path, main .main_top_bar .form_item-if > label img path {
  fill: #DC3545;
}
.form_item .toggle-switchy, .form_item_nflex .toggle-switchy, main .main_top_bar .form_item-if .toggle-switchy {
  color: #fff;
}
.form_item .toggle-switchy > input + .toggle:before, .form_item_nflex .toggle-switchy > input + .toggle:before, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:before {
  content: "ON";
}
.form_item .toggle-switchy > input + .toggle:after, .form_item_nflex .toggle-switchy > input + .toggle:after, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:after {
  content: "OFF";
}
.form_item .toggle-switchy > input + .toggle > .switch, .form_item_nflex .toggle-switchy > input + .toggle > .switch, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle > .switch {
  background: #fff;
}
.form_item .toggle-switchy > input + .toggle + .label, .form_item_nflex .toggle-switchy > input + .toggle + .label, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle + .label {
  color: #000;
}
.form_item .toggle-switchy > input:checked + .toggle, .form_item_nflex .toggle-switchy > input:checked + .toggle, main .main_top_bar .form_item-if .toggle-switchy > input:checked + .toggle {
  background: #198754;
}
.form_item .toggle-switchy > input:checked + .toggle > .switch, .form_item_nflex .toggle-switchy > input:checked + .toggle > .switch, main .main_top_bar .form_item-if .toggle-switchy > input:checked + .toggle > .switch {
  border: 3px solid #198754;
}
.form_item .toggle-switchy > input:not(:checked) + .toggle, .form_item_nflex .toggle-switchy > input:not(:checked) + .toggle, main .main_top_bar .form_item-if .toggle-switchy > input:not(:checked) + .toggle {
  background: #dc3545;
}
.form_item .toggle-switchy > input:not(:checked) + .toggle > .switch, .form_item_nflex .toggle-switchy > input:not(:checked) + .toggle > .switch, main .main_top_bar .form_item-if .toggle-switchy > input:not(:checked) + .toggle > .switch {
  border: 3px solid #dc3545;
}
.form_item .toggle-switchy > input + .toggle, .form_item_nflex .toggle-switchy > input + .toggle, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle {
  border-radius: 4px;
}
.form_item .toggle-switchy > input + .toggle .switch, .form_item_nflex .toggle-switchy > input + .toggle .switch, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle .switch {
  border-radius: 6px;
}
.form_item .toggle-switchy, .form_item_nflex .toggle-switchy, main .main_top_bar .form_item-if .toggle-switchy {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.form_item .toggle-switchy:hover, .form_item_nflex .toggle-switchy:hover, main .main_top_bar .form_item-if .toggle-switchy:hover {
  cursor: pointer;
}
.form_item .toggle-switchy > input, .form_item_nflex .toggle-switchy > input, main .main_top_bar .form_item-if .toggle-switchy > input {
  position: absolute;
  opacity: 0;
}
.form_item .toggle-switchy > input + .toggle, .form_item_nflex .toggle-switchy > input + .toggle, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle {
  align-items: center;
  position: relative;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.form_item .toggle-switchy > input + .toggle > .switch, .form_item_nflex .toggle-switchy > input + .toggle > .switch, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle > .switch {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 3;
}
.form_item .toggle-switchy > input[disabled] + .toggle, .form_item_nflex .toggle-switchy > input[disabled] + .toggle, main .main_top_bar .form_item-if .toggle-switchy > input[disabled] + .toggle {
  opacity: 0.5;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.form_item .toggle-switchy > input[disabled] + .toggle:hover, .form_item_nflex .toggle-switchy > input[disabled] + .toggle:hover, main .main_top_bar .form_item-if .toggle-switchy > input[disabled] + .toggle:hover {
  cursor: not-allowed;
}
.form_item .toggle-switchy > input + .toggle:before, .form_item_nflex .toggle-switchy > input + .toggle:before, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:before, .form_item .toggle-switchy > input + .toggle:after, .form_item_nflex .toggle-switchy > input + .toggle:after, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:after {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 2;
  height: 100%;
}
.form_item .toggle-switchy > input + .toggle:before, .form_item_nflex .toggle-switchy > input + .toggle:before, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:before {
  right: 55%;
}
.form_item .toggle-switchy > input + .toggle:after, .form_item_nflex .toggle-switchy > input + .toggle:after, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:after {
  left: 50%;
}
.form_item .toggle-switchy > input + .toggle + .label, .form_item_nflex .toggle-switchy > input + .toggle + .label, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle + .label {
  margin-left: 10px;
}
.form_item .toggle-switchy[data-label=left] > input + .toggle, .form_item_nflex .toggle-switchy[data-label=left] > input + .toggle, main .main_top_bar .form_item-if .toggle-switchy[data-label=left] > input + .toggle {
  order: 2;
}
.form_item .toggle-switchy[data-label=left] > input + .toggle + .label, .form_item_nflex .toggle-switchy[data-label=left] > input + .toggle + .label, main .main_top_bar .form_item-if .toggle-switchy[data-label=left] > input + .toggle + .label {
  order: 1;
  margin-left: 0;
  margin-right: 10px;
}
.form_item .toggle-switchy > input + .toggle:before, .form_item_nflex .toggle-switchy > input + .toggle:before, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:before {
  opacity: 0;
}
.form_item .toggle-switchy > input:checked + .toggle:before, .form_item_nflex .toggle-switchy > input:checked + .toggle:before, main .main_top_bar .form_item-if .toggle-switchy > input:checked + .toggle:before {
  opacity: 1;
}
.form_item .toggle-switchy > input:checked + .toggle:after, .form_item_nflex .toggle-switchy > input:checked + .toggle:after, main .main_top_bar .form_item-if .toggle-switchy > input:checked + .toggle:after {
  opacity: 0;
}
.form_item .toggle-switchy > input + .toggle, .form_item_nflex .toggle-switchy > input + .toggle, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle {
  transition: background 200ms linear, box-shadow 200ms linear;
}
.form_item .toggle-switchy > input + .toggle > .switch, .form_item_nflex .toggle-switchy > input + .toggle > .switch, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle > .switch {
  transition: right 200ms linear, border-color 200ms linear;
}
.form_item .toggle-switchy > input + .toggle:before, .form_item_nflex .toggle-switchy > input + .toggle:before, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:before, .form_item .toggle-switchy > input + .toggle:after, .form_item_nflex .toggle-switchy > input + .toggle:after, main .main_top_bar .form_item-if .toggle-switchy > input + .toggle:after {
  transition: all 200ms linear;
}
.form_item .toggle-switchy[data-size=xl] > input + .toggle, .form_item_nflex .toggle-switchy[data-size=xl] > input + .toggle, main .main_top_bar .form_item-if .toggle-switchy[data-size=xl] > input + .toggle {
  width: 85px;
  height: 30px;
}
.form_item .toggle-switchy[data-size=xl] > input + .toggle > .switch, .form_item_nflex .toggle-switchy[data-size=xl] > input + .toggle > .switch, main .main_top_bar .form_item-if .toggle-switchy[data-size=xl] > input + .toggle > .switch {
  width: 40px;
}
.form_item .toggle-switchy[data-size=xl] > input + .toggle:before, .form_item_nflex .toggle-switchy[data-size=xl] > input + .toggle:before, main .main_top_bar .form_item-if .toggle-switchy[data-size=xl] > input + .toggle:before, .form_item .toggle-switchy[data-size=xl] > input + .toggle:after, .form_item_nflex .toggle-switchy[data-size=xl] > input + .toggle:after, main .main_top_bar .form_item-if .toggle-switchy[data-size=xl] > input + .toggle:after {
  font-size: 1.2rem;
}
.form_item .toggle-switchy[data-size=xl] > input:not(:checked) + .toggle > .switch, .form_item_nflex .toggle-switchy[data-size=xl] > input:not(:checked) + .toggle > .switch, main .main_top_bar .form_item-if .toggle-switchy[data-size=xl] > input:not(:checked) + .toggle > .switch {
  right: calc(100% - 40px);
}
.form_item button, .form_item_nflex button, .page_form .form_item_nflex button, .top.form_item_nflex button, .form_item.top button, .page_form .form_item button, main .main_top_bar .form_item-if button {
  white-space: nowrap;
}
.form_item .color, .form_item_nflex .color, main .main_top_bar .form_item-if .color {
  inline-size: 50px;
  padding: 1px 2px;
  vertical-align: middle;
  color: buttontext;
  background-color: buttonface;
  border: buttonborder 1px solid;
  -o-border-image: initial;
     border-image: initial;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  cursor: default;
  border-radius: 4px;
  cursor: pointer;
}
.form_item .w100 select, .form_item_nflex .w100 select, main .main_top_bar .form_item-if .w100 select {
  margin-bottom: 5px;
}
.form_item .form-control + .form-control, .form_item_nflex .form-control + .form-control, main .main_top_bar .form_item-if .form-control + .form-control {
  margin-left: 10px;
}
.form_item .form-control + .link, .form_item_nflex .form-control + .link, main .main_top_bar .form_item-if .form-control + .link {
  margin-left: 10px;
}
@media screen and (max-width: 576px) {
  .form_item, .form_item_nflex, .page_form .form_item_nflex, .top.form_item_nflex, .form_item.top, .page_form .form_item, main .main_top_bar .form_item-if {
    display: block;
    text-align: left;
  }
  .form_item img, .form_item_nflex img, .page_form .form_item_nflex img, .top.form_item_nflex img, .form_item.top img, .page_form .form_item img, main .main_top_bar .form_item-if img {
    margin-right: 0px;
  }
  .form_item label, .form_item_nflex label, .page_form .form_item_nflex label, .top.form_item_nflex label, .form_item.top label, .page_form .form_item label, main .main_top_bar .form_item-if label {
    min-width: auto;
    margin: 0 0 5px 0;
    white-space: break-spaces;
  }
  .form_item label img, .form_item_nflex label img, .page_form .form_item_nflex label img, .top.form_item_nflex label img, .form_item.top label img, .page_form .form_item label img, main .main_top_bar .form_item-if label img {
    margin-right: 5px;
  }
  .form_item label a, .form_item_nflex label a, .page_form .form_item_nflex label a, .top.form_item_nflex label a, .form_item.top label a, .page_form .form_item label a, main .main_top_bar .form_item-if label a {
    display: inline-block;
  }
  .form_item .form-control + .form-control, .form_item_nflex .form-control + .form-control, main .main_top_bar .form_item-if .form-control + .form-control {
    margin-left: 0px;
  }
  .form_item .form-control + .link, .form_item_nflex .form-control + .link, main .main_top_bar .form_item-if .form-control + .link {
    margin-left: 0px;
  }
}

.form_item.top, .top.form_item_nflex, main .main_top_bar .top.form_item-if {
  align-items: flex-start;
}

.form_item_nflex {
  display: block;
}
.form_item_nflex > label {
  min-width: auto;
  margin-bottom: 5px;
  display: inline-flex;
  justify-content: center;
}
.form_item_nflex > label a {
  color: #EF7C00;
  text-decoration: none;
}
.form_item_nflex > label span {
  color: #6C757D;
  font-size: 1rem;
}
.form_item_nflex svg, .form_item_nflex .web_aside .help img, .web_aside .help .form_item_nflex img, .form_item_nflex header.web_header .head_data .user img, header.web_header .head_data .user .form_item_nflex img, .form_item_nflex header.web_header .head_data .setup img, header.web_header .head_data .setup .form_item_nflex img, .form_item_nflex header.web_header .head_data .help img, header.web_header .head_data .help .form_item_nflex img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: baseline;
}
.form_item_nflex svg path, .form_item_nflex .web_aside .help img path, .web_aside .help .form_item_nflex img path, .form_item_nflex header.web_header .head_data .user img path, header.web_header .head_data .user .form_item_nflex img path, .form_item_nflex header.web_header .head_data .setup img path, header.web_header .head_data .setup .form_item_nflex img path, .form_item_nflex header.web_header .head_data .help img path, header.web_header .head_data .help .form_item_nflex img path {
  fill: #DC3545;
}
.form_item_nflex svg.video, .form_item_nflex .web_aside .help img.video, .web_aside .help .form_item_nflex img.video, .form_item_nflex header.web_header .head_data .user img.video, header.web_header .head_data .user .form_item_nflex img.video, .form_item_nflex header.web_header .head_data .setup img.video, header.web_header .head_data .setup .form_item_nflex img.video, .form_item_nflex header.web_header .head_data .help img.video, header.web_header .head_data .help .form_item_nflex img.video {
  margin-left: 30px;
  vertical-align: sub;
}
.form_item_nflex svg.video path, .form_item_nflex .web_aside .help img.video path, .web_aside .help .form_item_nflex img.video path, .form_item_nflex header.web_header .head_data .user img.video path, header.web_header .head_data .user .form_item_nflex img.video path, .form_item_nflex header.web_header .head_data .setup img.video path, header.web_header .head_data .setup .form_item_nflex img.video path, .form_item_nflex header.web_header .head_data .help img.video path, header.web_header .head_data .help .form_item_nflex img.video path {
  fill: #EF7C00;
}
.form_item_nflex .note {
  color: #EF7C00;
}
.form_item_nflex .small.note {
  margin-left: 10px;
  color: #36B58F;
}
.form_item_nflex .form-check {
  display: flex;
  align-items: center;
}
.form_item_nflex .form-check .form-check-input {
  margin-right: 4px;
}
.form_item_nflex .form-check .form-check-label {
  min-width: auto;
  margin-right: 5px;
}
.form_item_nflex .form-check .form-control.Dib {
  width: auto;
  display: inline-block;
}
.form_item_nflex .form-select[multiple=multiple] {
  min-height: 200px;
}
.form_item_nflex .form-select[multiple=multiple] > optgroup {
  margin-bottom: 10px;
  color: #36B58F;
}
.form_item_nflex .form-select[multiple=multiple] option {
  color: #444;
}
.form_item_nflex .form-select[multiple=multiple] option:checked {
  background-color: rgba(54, 181, 143, 0.3);
}
.form_item_nflex .form-check + .btn.unconfirmed {
  margin-top: 10px;
}
@media screen and (max-width: 576px) {
  .form_item_nflex label {
    display: block;
    text-align: left;
    white-space: normal;
  }
  .form_item_nflex label a {
    display: block;
  }
  .form_item_nflex svg, .form_item_nflex .web_aside .help img, .web_aside .help .form_item_nflex img, .form_item_nflex header.web_header .head_data .user img, header.web_header .head_data .user .form_item_nflex img, .form_item_nflex header.web_header .head_data .setup img, header.web_header .head_data .setup .form_item_nflex img, .form_item_nflex header.web_header .head_data .help img, header.web_header .head_data .help .form_item_nflex img {
    margin-right: 0;
  }
  .form_item_nflex .small.note {
    display: block;
  }
  .form_item_nflex .form-check {
    display: block;
  }
  .form_item_nflex .form-check .form-control.Dib {
    width: 100%;
    margin-bottom: 5px;
    display: block;
  }
}

.form-check.form-switch {
  padding-left: 0;
  margin-left: 0;
  display: inline-flex;
  align-items: center;
}
.form-check.form-switch .form-check-input {
  width: 2.5rem;
  height: 20px;
  float: none;
  margin: 0 5px 0 0;
}
.form-check.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-label {
  min-width: auto;
  margin: 0;
}
.form-check.form-switch .form-check-input:checked ~ .active {
  display: block;
}
.form-check.form-switch .form-check-input:checked ~ .noActive {
  display: none;
}
.form-check.form-switch .form-check-input ~ .active {
  display: none;
}
.form-check.form-switch .form-check-input ~ .noActive {
  display: block;
}

.button_box {
  margin: 40px auto;
  text-align: center;
}
.button_box button.btn {
  padding-left: 70px;
  padding-right: 70px;
  margin: 0 5px;
  color: #EF7C00;
  background-color: #F8F9FA;
  border: #EF7C00 1px solid;
}
.button_box button.btn:hover, .button_box button.btn:active {
  color: #EF7C00;
  background-color: #ffebd6;
  border: #EF7C00 1px solid;
}
@media screen and (max-width: 576px) {
  .button_box {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
  }
  .button_box button.btn {
    padding-left: 50px;
    padding-right: 50px;
  }
}

button.btn {
  margin: 0 3px;
  text-align: center;
  color: #6C757D;
  border: #CED4DA 1px solid;
  background-color: #F8F9FA;
}
button.btn:hover, button.btn:active {
  color: #6C757D;
  border: #CED4DA 1px solid;
  background-color: #F8F9FA;
}

.btn:first-child:active, :not(.btn-check) + .btn:active {
  color: #6C757D;
  border: #CED4DA 1px solid;
  background-color: #F8F9FA;
}

button.btn.success {
  border-color: #198754;
}
button.btn.success:hover, button.btn.success:active {
  border-color: #198754;
  background-color: #aff0d2;
}

button.btn.danger {
  border-color: #DC3545;
}
button.btn.danger:hover, button.btn.danger:active {
  border-color: #DC3545;
  background-color: #fae3e5;
}

button.btn.unconfirmed {
  border-color: #356EDC;
}
button.btn.unconfirmed:hover, button.btn.unconfirmed:active {
  border-color: #356EDC;
  background-color: #e3ebfa;
}

nav.web_pagination {
  margin-top: 40px;
}
nav.web_pagination a {
  color: #EF7C00;
  border-color: #EF7C00;
}
nav.web_pagination a:hover {
  color: #EF7C00;
  border-color: #EF7C00;
  background-color: #ffebd6;
}
nav.web_pagination .active > .page-link, nav.web_pagination .page-link.active {
  background-color: #EF7C00;
  border-color: #EF7C00;
}
nav.web_pagination .active > .page-link:hover, nav.web_pagination .page-link.active:hover {
  color: #fff;
}
nav.web_pagination .page-link:focus {
  color: #EF7C00;
}

p.red {
  color: #DC3545;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
p.red svg, p.red .web_aside .help img, .web_aside .help p.red img, p.red header.web_header .head_data .user img, header.web_header .head_data .user p.red img, p.red header.web_header .head_data .setup img, header.web_header .head_data .setup p.red img, p.red header.web_header .head_data .help img, header.web_header .head_data .help p.red img, p.red img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
p.red svg path, p.red .web_aside .help img path, .web_aside .help p.red img path, p.red header.web_header .head_data .user img path, header.web_header .head_data .user p.red img path, p.red header.web_header .head_data .setup img path, header.web_header .head_data .setup p.red img path, p.red header.web_header .head_data .help img path, header.web_header .head_data .help p.red img path, p.red img path {
  fill: #DC3545;
}

.nav.nav-tabs {
  padding-left: 20px;
}
.nav.nav-tabs button {
  transform: scale(1);
}
.nav.nav-tabs button.nav-link {
  margin-right: 10px;
  color: #aaa;
  background-color: #D9D9D9;
  border-top: #EF7C00 4px solid;
  border-left: #dee2e6 1px solid;
  border-right: #dee2e6 1px solid;
}
.nav.nav-tabs button.nav-link.active {
  color: #444;
  background-color: #fff;
}

#card-DM.nav.nav-tabs button.nav-link {
  margin-right: 10px;
  color: #aaa;
  background-color: #D9D9D9;
  border-top: 0px none;
}
#card-DM.nav.nav-tabs button.nav-link.active {
  color: #444;
  background-color: #f9f9f9;
  border-bottom-color: #f9f9f9;
  border-top: #dee2e6 1px solid;
}

.tab-content {
  padding: 20px 0;
}

.label__AddEdit {
  padding: 10px;
  margin-bottom: 15px;
  background-color: #f9f9f9;
  border-radius: 5px;
}
.label__AddEdit .layout_3-1-a-a {
  margin-bottom: 10px;
  border-bottom: #aaa 1px dotted;
}
.label__AddEdit .layout_2-1-a {
  margin-bottom: 5px;
}

/* ********************************************************/
/*                         Login                          */
/**********************************************************/
body {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
}

body.register {
  background: #F9F9F9 url(../images/login_bg_img.png) no-repeat fixed 0px bottom/100%;
}

.login_bg, .register_bg {
  width: 100vw;
  height: 80vh;
  display: grid;
  place-items: center;
}

.login_box h3 {
  padding-bottom: 15px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: #EF7C00 2px solid;
}
.login_box .form_item input, .login_box main .main_top_bar .form_item-if input, main .main_top_bar .login_box .form_item-if input, .login_box .form_item_nflex input {
  margin-right: 10px;
}
.login_box .form_item a, .login_box main .main_top_bar .form_item-if a, main .main_top_bar .login_box .form_item-if a, .login_box .form_item_nflex a {
  display: block;
}
.login_box .form_item a svg, .login_box .form_item a .web_aside .help img, .web_aside .help .login_box .form_item a img, .login_box main .main_top_bar .form_item-if a svg, .login_box main .main_top_bar .form_item-if a .web_aside .help img, .web_aside .help .login_box main .main_top_bar .form_item-if a img, main .main_top_bar .login_box .form_item-if a svg, main .main_top_bar .login_box .form_item-if a .web_aside .help img, .web_aside .help main .main_top_bar .login_box .form_item-if a img, .login_box .page_form .form_item a svg, .login_box .page_form .form_item a .web_aside .help img, .web_aside .help .login_box .page_form .form_item a img, .page_form .login_box .form_item a svg, .page_form .login_box .form_item a .web_aside .help img, .web_aside .help .page_form .login_box .form_item a img, .login_box .page_form main .main_top_bar .form_item-if a svg, .login_box .page_form main .main_top_bar .form_item-if a .web_aside .help img, .web_aside .help .login_box .page_form main .main_top_bar .form_item-if a img, .page_form main .main_top_bar .login_box .form_item-if a svg, .page_form main .main_top_bar .login_box .form_item-if a .web_aside .help img, .web_aside .help .page_form main .main_top_bar .login_box .form_item-if a img, .login_box main .main_top_bar .page_form .form_item-if a svg, .login_box main .main_top_bar .page_form .form_item-if a .web_aside .help img, .web_aside .help .login_box main .main_top_bar .page_form .form_item-if a img, main .main_top_bar .page_form .login_box .form_item-if a svg, main .main_top_bar .page_form .login_box .form_item-if a .web_aside .help img, .web_aside .help main .main_top_bar .page_form .login_box .form_item-if a img, .login_box .form_item.top a svg, .login_box .form_item.top a .web_aside .help img, .web_aside .help .login_box .form_item.top a img, .login_box main .main_top_bar .top.form_item-if a svg, .login_box main .main_top_bar .top.form_item-if a .web_aside .help img, .web_aside .help .login_box main .main_top_bar .top.form_item-if a img, main .main_top_bar .login_box .top.form_item-if a svg, main .main_top_bar .login_box .top.form_item-if a .web_aside .help img, .web_aside .help main .main_top_bar .login_box .top.form_item-if a img, .login_box .page_form .form_item.top a svg, .login_box .page_form .form_item.top a .web_aside .help img, .web_aside .help .login_box .page_form .form_item.top a img, .page_form .login_box .form_item.top a svg, .page_form .login_box .form_item.top a .web_aside .help img, .web_aside .help .page_form .login_box .form_item.top a img, .login_box .page_form main .main_top_bar .top.form_item-if a svg, .login_box .page_form main .main_top_bar .top.form_item-if a .web_aside .help img, .web_aside .help .login_box .page_form main .main_top_bar .top.form_item-if a img, .page_form main .main_top_bar .login_box .top.form_item-if a svg, .page_form main .main_top_bar .login_box .top.form_item-if a .web_aside .help img, .web_aside .help .page_form main .main_top_bar .login_box .top.form_item-if a img, .login_box main .main_top_bar .page_form .top.form_item-if a svg, .login_box main .main_top_bar .page_form .top.form_item-if a .web_aside .help img, .web_aside .help .login_box main .main_top_bar .page_form .top.form_item-if a img, main .main_top_bar .page_form .login_box .top.form_item-if a svg, main .main_top_bar .page_form .login_box .top.form_item-if a .web_aside .help img, .web_aside .help main .main_top_bar .page_form .login_box .top.form_item-if a img, .login_box .form_item_nflex a svg, .login_box .form_item_nflex a .web_aside .help img, .web_aside .help .login_box .form_item_nflex a img, .login_box .page_form .form_item_nflex a svg, .login_box .page_form .form_item_nflex a .web_aside .help img, .web_aside .help .login_box .page_form .form_item_nflex a img, .page_form .login_box .form_item_nflex a svg, .page_form .login_box .form_item_nflex a .web_aside .help img, .web_aside .help .page_form .login_box .form_item_nflex a img, .login_box .top.form_item_nflex a svg, .login_box .top.form_item_nflex a .web_aside .help img, .web_aside .help .login_box .top.form_item_nflex a img, .login_box .page_form .top.form_item_nflex a svg, .login_box .page_form .top.form_item_nflex a .web_aside .help img, .web_aside .help .login_box .page_form .top.form_item_nflex a img, .page_form .login_box .top.form_item_nflex a svg, .page_form .login_box .top.form_item_nflex a .web_aside .help img, .web_aside .help .page_form .login_box .top.form_item_nflex a img, .login_box .form_item a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .form_item a img, .login_box main .main_top_bar .form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .login_box main .main_top_bar .form_item-if a img, main .main_top_bar .login_box .form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user main .main_top_bar .login_box .form_item-if a img, .login_box .page_form .form_item a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .page_form .form_item a img, .page_form .login_box .form_item a header.web_header .head_data .user img, header.web_header .head_data .user .page_form .login_box .form_item a img, .login_box .page_form main .main_top_bar .form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .page_form main .main_top_bar .form_item-if a img, .page_form main .main_top_bar .login_box .form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .page_form main .main_top_bar .login_box .form_item-if a img, .login_box main .main_top_bar .page_form .form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .login_box main .main_top_bar .page_form .form_item-if a img, main .main_top_bar .page_form .login_box .form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user main .main_top_bar .page_form .login_box .form_item-if a img, .login_box .form_item.top a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .form_item.top a img, .login_box main .main_top_bar .top.form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .login_box main .main_top_bar .top.form_item-if a img, main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user main .main_top_bar .login_box .top.form_item-if a img, .login_box .page_form .form_item.top a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .page_form .form_item.top a img, .page_form .login_box .form_item.top a header.web_header .head_data .user img, header.web_header .head_data .user .page_form .login_box .form_item.top a img, .login_box .page_form main .main_top_bar .top.form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .page_form main .main_top_bar .top.form_item-if a img, .page_form main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .page_form main .main_top_bar .login_box .top.form_item-if a img, .login_box main .main_top_bar .page_form .top.form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user .login_box main .main_top_bar .page_form .top.form_item-if a img, main .main_top_bar .page_form .login_box .top.form_item-if a header.web_header .head_data .user img, header.web_header .head_data .user main .main_top_bar .page_form .login_box .top.form_item-if a img, .login_box .form_item_nflex a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .form_item_nflex a img, .login_box .page_form .form_item_nflex a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .page_form .form_item_nflex a img, .page_form .login_box .form_item_nflex a header.web_header .head_data .user img, header.web_header .head_data .user .page_form .login_box .form_item_nflex a img, .login_box .top.form_item_nflex a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .top.form_item_nflex a img, .login_box .page_form .top.form_item_nflex a header.web_header .head_data .user img, header.web_header .head_data .user .login_box .page_form .top.form_item_nflex a img, .page_form .login_box .top.form_item_nflex a header.web_header .head_data .user img, header.web_header .head_data .user .page_form .login_box .top.form_item_nflex a img, .login_box .form_item a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .form_item a img, .login_box main .main_top_bar .form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box main .main_top_bar .form_item-if a img, main .main_top_bar .login_box .form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup main .main_top_bar .login_box .form_item-if a img, .login_box .page_form .form_item a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .page_form .form_item a img, .page_form .login_box .form_item a header.web_header .head_data .setup img, header.web_header .head_data .setup .page_form .login_box .form_item a img, .login_box .page_form main .main_top_bar .form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .page_form main .main_top_bar .form_item-if a img, .page_form main .main_top_bar .login_box .form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .page_form main .main_top_bar .login_box .form_item-if a img, .login_box main .main_top_bar .page_form .form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box main .main_top_bar .page_form .form_item-if a img, main .main_top_bar .page_form .login_box .form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup main .main_top_bar .page_form .login_box .form_item-if a img, .login_box .form_item.top a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .form_item.top a img, .login_box main .main_top_bar .top.form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box main .main_top_bar .top.form_item-if a img, main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup main .main_top_bar .login_box .top.form_item-if a img, .login_box .page_form .form_item.top a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .page_form .form_item.top a img, .page_form .login_box .form_item.top a header.web_header .head_data .setup img, header.web_header .head_data .setup .page_form .login_box .form_item.top a img, .login_box .page_form main .main_top_bar .top.form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .page_form main .main_top_bar .top.form_item-if a img, .page_form main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .page_form main .main_top_bar .login_box .top.form_item-if a img, .login_box main .main_top_bar .page_form .top.form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box main .main_top_bar .page_form .top.form_item-if a img, main .main_top_bar .page_form .login_box .top.form_item-if a header.web_header .head_data .setup img, header.web_header .head_data .setup main .main_top_bar .page_form .login_box .top.form_item-if a img, .login_box .form_item_nflex a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .form_item_nflex a img, .login_box .page_form .form_item_nflex a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .page_form .form_item_nflex a img, .page_form .login_box .form_item_nflex a header.web_header .head_data .setup img, header.web_header .head_data .setup .page_form .login_box .form_item_nflex a img, .login_box .top.form_item_nflex a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .top.form_item_nflex a img, .login_box .page_form .top.form_item_nflex a header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box .page_form .top.form_item_nflex a img, .page_form .login_box .top.form_item_nflex a header.web_header .head_data .setup img, header.web_header .head_data .setup .page_form .login_box .top.form_item_nflex a img, .login_box .form_item a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .form_item a img, .login_box main .main_top_bar .form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .login_box main .main_top_bar .form_item-if a img, main .main_top_bar .login_box .form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help main .main_top_bar .login_box .form_item-if a img, .login_box .page_form .form_item a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .page_form .form_item a img, .page_form .login_box .form_item a header.web_header .head_data .help img, header.web_header .head_data .help .page_form .login_box .form_item a img, .login_box .page_form main .main_top_bar .form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .page_form main .main_top_bar .form_item-if a img, .page_form main .main_top_bar .login_box .form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .page_form main .main_top_bar .login_box .form_item-if a img, .login_box main .main_top_bar .page_form .form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .login_box main .main_top_bar .page_form .form_item-if a img, main .main_top_bar .page_form .login_box .form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help main .main_top_bar .page_form .login_box .form_item-if a img, .login_box .form_item.top a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .form_item.top a img, .login_box main .main_top_bar .top.form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .login_box main .main_top_bar .top.form_item-if a img, main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help main .main_top_bar .login_box .top.form_item-if a img, .login_box .page_form .form_item.top a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .page_form .form_item.top a img, .page_form .login_box .form_item.top a header.web_header .head_data .help img, header.web_header .head_data .help .page_form .login_box .form_item.top a img, .login_box .page_form main .main_top_bar .top.form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .page_form main .main_top_bar .top.form_item-if a img, .page_form main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .page_form main .main_top_bar .login_box .top.form_item-if a img, .login_box main .main_top_bar .page_form .top.form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help .login_box main .main_top_bar .page_form .top.form_item-if a img, main .main_top_bar .page_form .login_box .top.form_item-if a header.web_header .head_data .help img, header.web_header .head_data .help main .main_top_bar .page_form .login_box .top.form_item-if a img, .login_box .form_item_nflex a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .form_item_nflex a img, .login_box .page_form .form_item_nflex a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .page_form .form_item_nflex a img, .page_form .login_box .form_item_nflex a header.web_header .head_data .help img, header.web_header .head_data .help .page_form .login_box .form_item_nflex a img, .login_box .top.form_item_nflex a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .top.form_item_nflex a img, .login_box .page_form .top.form_item_nflex a header.web_header .head_data .help img, header.web_header .head_data .help .login_box .page_form .top.form_item_nflex a img, .page_form .login_box .top.form_item_nflex a header.web_header .head_data .help img, header.web_header .head_data .help .page_form .login_box .top.form_item_nflex a img {
  width: 20px;
  height: 20px;
}
.login_box .form_item a svg path, .login_box .form_item a .web_aside .help img path, .web_aside .help .login_box .form_item a img path, .login_box main .main_top_bar .form_item-if a svg path, .login_box main .main_top_bar .form_item-if a .web_aside .help img path, .web_aside .help .login_box main .main_top_bar .form_item-if a img path, main .main_top_bar .login_box .form_item-if a svg path, main .main_top_bar .login_box .form_item-if a .web_aside .help img path, .web_aside .help main .main_top_bar .login_box .form_item-if a img path, .login_box .page_form .form_item a svg path, .login_box .page_form .form_item a .web_aside .help img path, .web_aside .help .login_box .page_form .form_item a img path, .page_form .login_box .form_item a svg path, .page_form .login_box .form_item a .web_aside .help img path, .web_aside .help .page_form .login_box .form_item a img path, .login_box .page_form main .main_top_bar .form_item-if a svg path, .login_box .page_form main .main_top_bar .form_item-if a .web_aside .help img path, .web_aside .help .login_box .page_form main .main_top_bar .form_item-if a img path, .page_form main .main_top_bar .login_box .form_item-if a svg path, .page_form main .main_top_bar .login_box .form_item-if a .web_aside .help img path, .web_aside .help .page_form main .main_top_bar .login_box .form_item-if a img path, .login_box main .main_top_bar .page_form .form_item-if a svg path, .login_box main .main_top_bar .page_form .form_item-if a .web_aside .help img path, .web_aside .help .login_box main .main_top_bar .page_form .form_item-if a img path, main .main_top_bar .page_form .login_box .form_item-if a svg path, main .main_top_bar .page_form .login_box .form_item-if a .web_aside .help img path, .web_aside .help main .main_top_bar .page_form .login_box .form_item-if a img path, .login_box .form_item.top a svg path, .login_box .form_item.top a .web_aside .help img path, .web_aside .help .login_box .form_item.top a img path, .login_box main .main_top_bar .top.form_item-if a svg path, .login_box main .main_top_bar .top.form_item-if a .web_aside .help img path, .web_aside .help .login_box main .main_top_bar .top.form_item-if a img path, main .main_top_bar .login_box .top.form_item-if a svg path, main .main_top_bar .login_box .top.form_item-if a .web_aside .help img path, .web_aside .help main .main_top_bar .login_box .top.form_item-if a img path, .login_box .page_form .form_item.top a svg path, .login_box .page_form .form_item.top a .web_aside .help img path, .web_aside .help .login_box .page_form .form_item.top a img path, .page_form .login_box .form_item.top a svg path, .page_form .login_box .form_item.top a .web_aside .help img path, .web_aside .help .page_form .login_box .form_item.top a img path, .login_box .page_form main .main_top_bar .top.form_item-if a svg path, .login_box .page_form main .main_top_bar .top.form_item-if a .web_aside .help img path, .web_aside .help .login_box .page_form main .main_top_bar .top.form_item-if a img path, .page_form main .main_top_bar .login_box .top.form_item-if a svg path, .page_form main .main_top_bar .login_box .top.form_item-if a .web_aside .help img path, .web_aside .help .page_form main .main_top_bar .login_box .top.form_item-if a img path, .login_box main .main_top_bar .page_form .top.form_item-if a svg path, .login_box main .main_top_bar .page_form .top.form_item-if a .web_aside .help img path, .web_aside .help .login_box main .main_top_bar .page_form .top.form_item-if a img path, main .main_top_bar .page_form .login_box .top.form_item-if a svg path, main .main_top_bar .page_form .login_box .top.form_item-if a .web_aside .help img path, .web_aside .help main .main_top_bar .page_form .login_box .top.form_item-if a img path, .login_box .form_item_nflex a svg path, .login_box .form_item_nflex a .web_aside .help img path, .web_aside .help .login_box .form_item_nflex a img path, .login_box .page_form .form_item_nflex a svg path, .login_box .page_form .form_item_nflex a .web_aside .help img path, .web_aside .help .login_box .page_form .form_item_nflex a img path, .page_form .login_box .form_item_nflex a svg path, .page_form .login_box .form_item_nflex a .web_aside .help img path, .web_aside .help .page_form .login_box .form_item_nflex a img path, .login_box .top.form_item_nflex a svg path, .login_box .top.form_item_nflex a .web_aside .help img path, .web_aside .help .login_box .top.form_item_nflex a img path, .login_box .page_form .top.form_item_nflex a svg path, .login_box .page_form .top.form_item_nflex a .web_aside .help img path, .web_aside .help .login_box .page_form .top.form_item_nflex a img path, .page_form .login_box .top.form_item_nflex a svg path, .page_form .login_box .top.form_item_nflex a .web_aside .help img path, .web_aside .help .page_form .login_box .top.form_item_nflex a img path, .login_box .form_item a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .form_item a img path, .login_box main .main_top_bar .form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box main .main_top_bar .form_item-if a img path, main .main_top_bar .login_box .form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user main .main_top_bar .login_box .form_item-if a img path, .login_box .page_form .form_item a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .page_form .form_item a img path, .page_form .login_box .form_item a header.web_header .head_data .user img path, header.web_header .head_data .user .page_form .login_box .form_item a img path, .login_box .page_form main .main_top_bar .form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .page_form main .main_top_bar .form_item-if a img path, .page_form main .main_top_bar .login_box .form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .page_form main .main_top_bar .login_box .form_item-if a img path, .login_box main .main_top_bar .page_form .form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box main .main_top_bar .page_form .form_item-if a img path, main .main_top_bar .page_form .login_box .form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user main .main_top_bar .page_form .login_box .form_item-if a img path, .login_box .form_item.top a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .form_item.top a img path, .login_box main .main_top_bar .top.form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box main .main_top_bar .top.form_item-if a img path, main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user main .main_top_bar .login_box .top.form_item-if a img path, .login_box .page_form .form_item.top a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .page_form .form_item.top a img path, .page_form .login_box .form_item.top a header.web_header .head_data .user img path, header.web_header .head_data .user .page_form .login_box .form_item.top a img path, .login_box .page_form main .main_top_bar .top.form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .page_form main .main_top_bar .top.form_item-if a img path, .page_form main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .page_form main .main_top_bar .login_box .top.form_item-if a img path, .login_box main .main_top_bar .page_form .top.form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box main .main_top_bar .page_form .top.form_item-if a img path, main .main_top_bar .page_form .login_box .top.form_item-if a header.web_header .head_data .user img path, header.web_header .head_data .user main .main_top_bar .page_form .login_box .top.form_item-if a img path, .login_box .form_item_nflex a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .form_item_nflex a img path, .login_box .page_form .form_item_nflex a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .page_form .form_item_nflex a img path, .page_form .login_box .form_item_nflex a header.web_header .head_data .user img path, header.web_header .head_data .user .page_form .login_box .form_item_nflex a img path, .login_box .top.form_item_nflex a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .top.form_item_nflex a img path, .login_box .page_form .top.form_item_nflex a header.web_header .head_data .user img path, header.web_header .head_data .user .login_box .page_form .top.form_item_nflex a img path, .page_form .login_box .top.form_item_nflex a header.web_header .head_data .user img path, header.web_header .head_data .user .page_form .login_box .top.form_item_nflex a img path, .login_box .form_item a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .form_item a img path, .login_box main .main_top_bar .form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box main .main_top_bar .form_item-if a img path, main .main_top_bar .login_box .form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup main .main_top_bar .login_box .form_item-if a img path, .login_box .page_form .form_item a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .page_form .form_item a img path, .page_form .login_box .form_item a header.web_header .head_data .setup img path, header.web_header .head_data .setup .page_form .login_box .form_item a img path, .login_box .page_form main .main_top_bar .form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .page_form main .main_top_bar .form_item-if a img path, .page_form main .main_top_bar .login_box .form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .page_form main .main_top_bar .login_box .form_item-if a img path, .login_box main .main_top_bar .page_form .form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box main .main_top_bar .page_form .form_item-if a img path, main .main_top_bar .page_form .login_box .form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup main .main_top_bar .page_form .login_box .form_item-if a img path, .login_box .form_item.top a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .form_item.top a img path, .login_box main .main_top_bar .top.form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box main .main_top_bar .top.form_item-if a img path, main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup main .main_top_bar .login_box .top.form_item-if a img path, .login_box .page_form .form_item.top a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .page_form .form_item.top a img path, .page_form .login_box .form_item.top a header.web_header .head_data .setup img path, header.web_header .head_data .setup .page_form .login_box .form_item.top a img path, .login_box .page_form main .main_top_bar .top.form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .page_form main .main_top_bar .top.form_item-if a img path, .page_form main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .page_form main .main_top_bar .login_box .top.form_item-if a img path, .login_box main .main_top_bar .page_form .top.form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box main .main_top_bar .page_form .top.form_item-if a img path, main .main_top_bar .page_form .login_box .top.form_item-if a header.web_header .head_data .setup img path, header.web_header .head_data .setup main .main_top_bar .page_form .login_box .top.form_item-if a img path, .login_box .form_item_nflex a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .form_item_nflex a img path, .login_box .page_form .form_item_nflex a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .page_form .form_item_nflex a img path, .page_form .login_box .form_item_nflex a header.web_header .head_data .setup img path, header.web_header .head_data .setup .page_form .login_box .form_item_nflex a img path, .login_box .top.form_item_nflex a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .top.form_item_nflex a img path, .login_box .page_form .top.form_item_nflex a header.web_header .head_data .setup img path, header.web_header .head_data .setup .login_box .page_form .top.form_item_nflex a img path, .page_form .login_box .top.form_item_nflex a header.web_header .head_data .setup img path, header.web_header .head_data .setup .page_form .login_box .top.form_item_nflex a img path, .login_box .form_item a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .form_item a img path, .login_box main .main_top_bar .form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box main .main_top_bar .form_item-if a img path, main .main_top_bar .login_box .form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help main .main_top_bar .login_box .form_item-if a img path, .login_box .page_form .form_item a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .page_form .form_item a img path, .page_form .login_box .form_item a header.web_header .head_data .help img path, header.web_header .head_data .help .page_form .login_box .form_item a img path, .login_box .page_form main .main_top_bar .form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .page_form main .main_top_bar .form_item-if a img path, .page_form main .main_top_bar .login_box .form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .page_form main .main_top_bar .login_box .form_item-if a img path, .login_box main .main_top_bar .page_form .form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box main .main_top_bar .page_form .form_item-if a img path, main .main_top_bar .page_form .login_box .form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help main .main_top_bar .page_form .login_box .form_item-if a img path, .login_box .form_item.top a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .form_item.top a img path, .login_box main .main_top_bar .top.form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box main .main_top_bar .top.form_item-if a img path, main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help main .main_top_bar .login_box .top.form_item-if a img path, .login_box .page_form .form_item.top a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .page_form .form_item.top a img path, .page_form .login_box .form_item.top a header.web_header .head_data .help img path, header.web_header .head_data .help .page_form .login_box .form_item.top a img path, .login_box .page_form main .main_top_bar .top.form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .page_form main .main_top_bar .top.form_item-if a img path, .page_form main .main_top_bar .login_box .top.form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .page_form main .main_top_bar .login_box .top.form_item-if a img path, .login_box main .main_top_bar .page_form .top.form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box main .main_top_bar .page_form .top.form_item-if a img path, main .main_top_bar .page_form .login_box .top.form_item-if a header.web_header .head_data .help img path, header.web_header .head_data .help main .main_top_bar .page_form .login_box .top.form_item-if a img path, .login_box .form_item_nflex a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .form_item_nflex a img path, .login_box .page_form .form_item_nflex a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .page_form .form_item_nflex a img path, .page_form .login_box .form_item_nflex a header.web_header .head_data .help img path, header.web_header .head_data .help .page_form .login_box .form_item_nflex a img path, .login_box .top.form_item_nflex a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .top.form_item_nflex a img path, .login_box .page_form .top.form_item_nflex a header.web_header .head_data .help img path, header.web_header .head_data .help .login_box .page_form .top.form_item_nflex a img path, .page_form .login_box .top.form_item_nflex a header.web_header .head_data .help img path, header.web_header .head_data .help .page_form .login_box .top.form_item_nflex a img path {
  fill: #EF7C00;
}
.login_box .login_bottom {
  margin-top: 20px;
  text-align: center;
}
.login_box .login_bottom a {
  padding: 0 5px;
  color: #EF7C00;
  text-decoration: none;
}
.login_box button {
  color: #EF7C00;
  background-color: #F8F9FA;
  border: #EF7C00 1px solid;
}
.login_box button:hover {
  color: #EF7C00;
  background-color: #F8F9FA;
  border: #EF7C00 1px solid;
}
@media screen and (max-width: 576px) {
  .login_box .code_img {
    margin: 5px 20px 0 0;
  }
  .login_box svg, .login_box .web_aside .help img, .web_aside .help .login_box img, .login_box header.web_header .head_data .user img, header.web_header .head_data .user .login_box img, .login_box header.web_header .head_data .setup img, header.web_header .head_data .setup .login_box img, .login_box header.web_header .head_data .help img, header.web_header .head_data .help .login_box img {
    vertical-align: middle;
  }
  .login_box .form_item, .login_box main .main_top_bar .form_item-if, main .main_top_bar .login_box .form_item-if, .login_box .form_item_nflex {
    display: flex;
  }
  .login_box .form_item button, .login_box main .main_top_bar .form_item-if button, main .main_top_bar .login_box .form_item-if button, .login_box .form_item_nflex button {
    width: 100%;
  }
}

/* ********************************************************/
/*                         Register                       */
/**********************************************************/
.register_bg {
  place-items: stretch center;
}
@media screen and (max-width: 576px) {
  .register_bg {
    height: 100%;
    padding-bottom: 80px;
  }
}

.register_top {
  width: 700px;
  height: 100px;
  padding: 0;
  margin: 80px 0 60px 0;
  position: relative;
  list-style-type: none;
  border-bottom: #ddd 4px solid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.register_top li {
  z-index: 999999;
}
.register_top li.one {
  left: 0px;
  top: 30px;
  position: absolute;
  transform: translateX(-50%);
}
.register_top li.two {
  left: 50%;
  top: 30px;
  position: absolute;
  transform: translateX(-50%);
}
.register_top li.three {
  right: 0px;
  top: 30px;
  position: absolute;
  transform: translateX(50%);
}
.register_top h4 {
  margin-bottom: 10px;
}
.register_top span {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  display: block;
  background: url(../images/register_top_bg_img.png) no-repeat 0px 0px/cover;
}
.register_top .active.one::before {
  content: "";
  position: absolute;
  top: 67px;
  z-index: -1;
  border-bottom: #EF7C00 3.5px solid;
  width: 170px;
  left: 0px;
  transform: translateX(50%);
}
.register_top .active.two::before {
  content: "";
  position: absolute;
  top: 67px;
  z-index: -1;
  border-bottom: #EF7C00 3.5px solid;
  width: 330px;
  right: 60px;
  transform: translateX(0%);
}
.register_top .active.two::after {
  content: "";
  position: absolute;
  top: 67px;
  z-index: -1;
  border-bottom: #EF7C00 3.5px solid;
  width: 170px;
  left: 60px;
  transform: translateX(0%);
}
.register_top .active.three::before {
  content: "";
  position: absolute;
  top: 67px;
  z-index: -1;
  border-bottom: #EF7C00 3.5px solid;
  width: 310px;
  right: 100%;
  transform: translateX(-100%);
}
.register_top .active.three::after {
  content: "";
  position: absolute;
  top: 67px;
  z-index: -1;
  border-bottom: #EF7C00 3.5px solid;
  width: 319px;
  right: 60px;
  transform: translateX(0%);
}
.register_top .active h4 {
  color: #EF7C00;
}
@media screen and (max-width: 992px) {
  .register_top {
    width: 500px;
  }
  .register_top .active.one::before {
    width: 130px;
  }
  .register_top .active.two::before {
    width: 211px;
  }
  .register_top .active.two::after {
    width: 120px;
  }
  .register_top .active.three::before {
    width: 214px;
  }
  .register_top .active.three::after {
    width: 211px;
  }
}
@media screen and (max-width: 576px) {
  .register_top {
    display: none;
  }
}

/* ============================ 行動電話驗證 ============================ */
.register_one, .register_three, .register_two {
  min-height: 620px;
  min-width: 30%;
  text-align: center;
}
.register_one .mobile, .register_three .mobile, .register_two .mobile {
  display: none;
}
.register_one h3, .register_three h3, .register_two h3 {
  margin-bottom: 40px;
  text-align: center;
}
.register_one a.small, .register_three a.small, .register_two a.small {
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #EF7C00;
  text-decoration: none;
}
.register_one .form_item, .register_three .form_item, .register_two .form_item, .register_one main .main_top_bar .form_item-if, .register_three main .main_top_bar .form_item-if, .register_two main .main_top_bar .form_item-if, main .main_top_bar .register_one .form_item-if, main .main_top_bar .register_three .form_item-if, main .main_top_bar .register_two .form_item-if, .register_one .form_item_nflex, .register_three .form_item_nflex, .register_two .form_item_nflex {
  margin-bottom: 20px;
}
.register_one .form_item input, .register_three .form_item input, .register_two .form_item input, .register_one main .main_top_bar .form_item-if input, .register_three main .main_top_bar .form_item-if input, .register_two main .main_top_bar .form_item-if input, main .main_top_bar .register_one .form_item-if input, main .main_top_bar .register_three .form_item-if input, main .main_top_bar .register_two .form_item-if input, .register_one .form_item_nflex input, .register_three .form_item_nflex input, .register_two .form_item_nflex input {
  margin-right: 10px;
}
.register_one .form_item .input-group button, .register_three .form_item .input-group button, .register_two .form_item .input-group button, .register_one main .main_top_bar .form_item-if .input-group button, .register_three main .main_top_bar .form_item-if .input-group button, .register_two main .main_top_bar .form_item-if .input-group button, main .main_top_bar .register_one .form_item-if .input-group button, main .main_top_bar .register_three .form_item-if .input-group button, main .main_top_bar .register_two .form_item-if .input-group button, .register_one .form_item_nflex .input-group button, .register_three .form_item_nflex .input-group button, .register_two .form_item_nflex .input-group button {
  width: 100px;
}
.register_one .form_item img.code_img, .register_three .form_item img.code_img, .register_two .form_item img.code_img, .register_one main .main_top_bar .form_item-if img.code_img, .register_three main .main_top_bar .form_item-if img.code_img, .register_two main .main_top_bar .form_item-if img.code_img, main .main_top_bar .register_one .form_item-if img.code_img, main .main_top_bar .register_three .form_item-if img.code_img, main .main_top_bar .register_two .form_item-if img.code_img, .register_one .form_item_nflex img.code_img, .register_three .form_item_nflex img.code_img, .register_two .form_item_nflex img.code_img {
  margin-right: 0;
}
.register_one .form_item .area_code, .register_three .form_item .area_code, .register_two .form_item .area_code, .register_one main .main_top_bar .form_item-if .area_code, .register_three main .main_top_bar .form_item-if .area_code, .register_two main .main_top_bar .form_item-if .area_code, main .main_top_bar .register_one .form_item-if .area_code, main .main_top_bar .register_three .form_item-if .area_code, main .main_top_bar .register_two .form_item-if .area_code, .register_one .form_item_nflex .area_code, .register_three .form_item_nflex .area_code, .register_two .form_item_nflex .area_code {
  width: auto;
  flex: 0 1 220px;
}
.register_one button, .register_three button, .register_two button {
  padding-left: 70px;
  padding-right: 70px;
  margin: 0 0 40px 0;
}
.register_one button:hover, .register_three button:hover, .register_two button:hover {
  border: #CED4DA 1px solid;
}
.register_one .button_box button, .register_three .button_box button, .register_two .button_box button {
  border: #EF7C00 1px solid;
}
@media screen and (max-width: 992px) {
  .register_one, .register_three, .register_two {
    width: 60%;
  }
  .register_one .form_item, .register_three .form_item, .register_two .form_item, .register_one main .main_top_bar .form_item-if, .register_three main .main_top_bar .form_item-if, .register_two main .main_top_bar .form_item-if, main .main_top_bar .register_one .form_item-if, main .main_top_bar .register_three .form_item-if, main .main_top_bar .register_two .form_item-if, .register_one .form_item_nflex, .register_three .form_item_nflex, .register_two .form_item_nflex {
    margin-bottom: 10px;
  }
  .register_one .form_item .input-group, .register_three .form_item .input-group, .register_two .form_item .input-group, .register_one main .main_top_bar .form_item-if .input-group, .register_three main .main_top_bar .form_item-if .input-group, .register_two main .main_top_bar .form_item-if .input-group, main .main_top_bar .register_one .form_item-if .input-group, main .main_top_bar .register_three .form_item-if .input-group, main .main_top_bar .register_two .form_item-if .input-group, .register_one .form_item_nflex .input-group, .register_three .form_item_nflex .input-group, .register_two .form_item_nflex .input-group {
    display: block;
  }
  .register_one .form_item .input-group select, .register_three .form_item .input-group select, .register_two .form_item .input-group select, .register_one main .main_top_bar .form_item-if .input-group select, .register_three main .main_top_bar .form_item-if .input-group select, .register_two main .main_top_bar .form_item-if .input-group select, main .main_top_bar .register_one .form_item-if .input-group select, main .main_top_bar .register_three .form_item-if .input-group select, main .main_top_bar .register_two .form_item-if .input-group select, .register_one .form_item_nflex .input-group select, .register_three .form_item_nflex .input-group select, .register_two .form_item_nflex .input-group select {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  .register_one .form_item .input-group input[type=text], .register_three .form_item .input-group input[type=text], .register_two .form_item .input-group input[type=text], .register_one main .main_top_bar .form_item-if .input-group input[type=text], .register_three main .main_top_bar .form_item-if .input-group input[type=text], .register_two main .main_top_bar .form_item-if .input-group input[type=text], main .main_top_bar .register_one .form_item-if .input-group input[type=text], main .main_top_bar .register_three .form_item-if .input-group input[type=text], main .main_top_bar .register_two .form_item-if .input-group input[type=text], .register_one .form_item_nflex .input-group input[type=text], .register_three .form_item_nflex .input-group input[type=text], .register_two .form_item_nflex .input-group input[type=text] {
    width: 100%;
    border-radius: 4px !important;
  }
}
@media screen and (max-width: 576px) {
  .register_one, .register_three, .register_two {
    width: 90%;
  }
  .register_one .mobile, .register_three .mobile, .register_two .mobile {
    margin: 20px auto 20px;
    display: block;
  }
  .register_one .mobile h4, .register_three .mobile h4, .register_two .mobile h4 {
    margin-bottom: 10px;
    color: #EF7C00;
  }
  .register_one .mobile span.tag, .register_three .mobile span.tag, .register_two .mobile span.tag {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    display: block;
    background: url(../images/register_top_bg_img.png) no-repeat 0px 0px/cover;
  }
  .register_one h3, .register_three h3, .register_two h3 {
    margin-bottom: 40px;
    font-size: 1.7rem;
  }
  .register_one .form_item, .register_three .form_item, .register_two .form_item, .register_one main .main_top_bar .form_item-if, .register_three main .main_top_bar .form_item-if, .register_two main .main_top_bar .form_item-if, main .main_top_bar .register_one .form_item-if, main .main_top_bar .register_three .form_item-if, main .main_top_bar .register_two .form_item-if, .register_one .form_item_nflex, .register_three .form_item_nflex, .register_two .form_item_nflex {
    margin-bottom: 10px;
  }
  .register_one .form_item label, .register_three .form_item label, .register_two .form_item label, .register_one main .main_top_bar .form_item-if label, .register_three main .main_top_bar .form_item-if label, .register_two main .main_top_bar .form_item-if label, main .main_top_bar .register_one .form_item-if label, main .main_top_bar .register_three .form_item-if label, main .main_top_bar .register_two .form_item-if label, .register_one .form_item_nflex label, .register_three .form_item_nflex label, .register_two .form_item_nflex label {
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .register_one .form_item label img.code_img, .register_three .form_item label img.code_img, .register_two .form_item label img.code_img, .register_one main .main_top_bar .form_item-if label img.code_img, .register_three main .main_top_bar .form_item-if label img.code_img, .register_two main .main_top_bar .form_item-if label img.code_img, main .main_top_bar .register_one .form_item-if label img.code_img, main .main_top_bar .register_three .form_item-if label img.code_img, main .main_top_bar .register_two .form_item-if label img.code_img, .register_one .form_item_nflex label img.code_img, .register_three .form_item_nflex label img.code_img, .register_two .form_item_nflex label img.code_img {
    margin-right: 10px;
  }
  .register_one .form_item label a.small, .register_three .form_item label a.small, .register_two .form_item label a.small, .register_one main .main_top_bar .form_item-if label a.small, .register_three main .main_top_bar .form_item-if label a.small, .register_two main .main_top_bar .form_item-if label a.small, main .main_top_bar .register_one .form_item-if label a.small, main .main_top_bar .register_three .form_item-if label a.small, main .main_top_bar .register_two .form_item-if label a.small, .register_one .form_item_nflex label a.small, .register_three .form_item_nflex label a.small, .register_two .form_item_nflex label a.small {
    margin: 0;
    flex: none;
  }
  .register_one .form_item .input-group, .register_three .form_item .input-group, .register_two .form_item .input-group, .register_one main .main_top_bar .form_item-if .input-group, .register_three main .main_top_bar .form_item-if .input-group, .register_two main .main_top_bar .form_item-if .input-group, main .main_top_bar .register_one .form_item-if .input-group, main .main_top_bar .register_three .form_item-if .input-group, main .main_top_bar .register_two .form_item-if .input-group, .register_one .form_item_nflex .input-group, .register_three .form_item_nflex .input-group, .register_two .form_item_nflex .input-group {
    display: block;
  }
  .register_one .form_item .input-group select, .register_three .form_item .input-group select, .register_two .form_item .input-group select, .register_one main .main_top_bar .form_item-if .input-group select, .register_three main .main_top_bar .form_item-if .input-group select, .register_two main .main_top_bar .form_item-if .input-group select, main .main_top_bar .register_one .form_item-if .input-group select, main .main_top_bar .register_three .form_item-if .input-group select, main .main_top_bar .register_two .form_item-if .input-group select, .register_one .form_item_nflex .input-group select, .register_three .form_item_nflex .input-group select, .register_two .form_item_nflex .input-group select {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 4px !important;
  }
  .register_one .form_item .input-group input[type=text], .register_three .form_item .input-group input[type=text], .register_two .form_item .input-group input[type=text], .register_one main .main_top_bar .form_item-if .input-group input[type=text], .register_three main .main_top_bar .form_item-if .input-group input[type=text], .register_two main .main_top_bar .form_item-if .input-group input[type=text], main .main_top_bar .register_one .form_item-if .input-group input[type=text], main .main_top_bar .register_three .form_item-if .input-group input[type=text], main .main_top_bar .register_two .form_item-if .input-group input[type=text], .register_one .form_item_nflex .input-group input[type=text], .register_three .form_item_nflex .input-group input[type=text], .register_two .form_item_nflex .input-group input[type=text] {
    width: 100%;
    border-radius: 4px !important;
  }
  .register_one button, .register_three button, .register_two button {
    width: 100%;
    margin: 0px 0 20px 0;
  }
}

/* ============================ 填寫資料 ============================ */
.register_two h5 {
  margin: 40px auto 30px;
  text-align: center;
}
.register_two .small {
  margin-bottom: 10px;
  color: #DC3545;
  text-align: center;
}
.register_two .small svg, .register_two .small header.web_header .head_data .user img, header.web_header .head_data .user .register_two .small img, .register_two .small header.web_header .head_data .setup img, header.web_header .head_data .setup .register_two .small img, .register_two .small header.web_header .head_data .help img, header.web_header .head_data .help .register_two .small img, .register_two .small img {
  width: 20px;
  height: 20px;
  vertical-align: baseline;
}
.register_two .small svg path, .register_two .small header.web_header .head_data .user img path, header.web_header .head_data .user .register_two .small img path, .register_two .small header.web_header .head_data .setup img path, header.web_header .head_data .setup .register_two .small img path, .register_two .small header.web_header .head_data .help img path, header.web_header .head_data .help .register_two .small img path, .register_two .small img path {
  fill: #DC3545;
}

/* ============================ 完成註冊 ============================ */
.register_three p span {
  margin-top: 1rem;
  display: block;
}
.register_three .button_box button {
  margin-bottom: 1rem;
}
.register_three p + .button_box {
  margin-top: 60px;
}

/* ********************************************************/
/*                           設定                         */
/**********************************************************/
/* ============================ 基本資料 ============================ */
h4.setup_tab_title {
  margin-top: 40px;
}

.divTable5 ul, .divTable9 ul, .divTable3 ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
  gap: 10px 0;
  grid-template-columns: repeat(5, 1fr);
  border-bottom: #D9D9D9 1px solid;
  background-color: #fff;
}
.divTable5 ul:nth-child(2n+1), .divTable9 ul:nth-child(2n+1), .divTable3 ul:nth-child(2n+1) {
  background: #f8f8f8;
}
.divTable5 li, .divTable9 li, .divTable3 li {
  padding: 10px 5px;
  border-right: #fff 1px solid;
  display: grid;
  place-items: center;
}
.divTable5 li h6, .divTable9 li h6, .divTable3 li h6 {
  display: none;
}
.divTable5 ul:first-child, .divTable9 ul:first-child, .divTable3 ul:first-child {
  border-top: 0px none;
  border-bottom: 0px none;
}
.divTable5 li:last-child, .divTable9 li:last-child, .divTable3 li:last-child {
  border-radius: 0px none;
}
.divTable5 ul.title li, .divTable9 ul.title li, .divTable3 ul.title li {
  background: #D9D9D9;
}
@media screen and (max-width: 576px) {
  .divTable5 ul, .divTable9 ul, .divTable3 ul {
    margin: 0 0 10px 0;
    gap: 0;
    grid-template-columns: 1fr;
    border-bottom: 0px none;
  }
  .divTable5 li, .divTable9 li, .divTable3 li {
    padding: 0;
    display: table;
    text-align: left;
    border-bottom: #fff 1px solid;
    background-color: #eee;
  }
  .divTable5 li h6, .divTable9 li h6, .divTable3 li h6 {
    width: 150px;
    padding: 10px;
    margin: 0 10px 0 0;
    text-align: right;
    display: table-cell;
    background-color: #D9D9D9;
  }
  .divTable5 li ol, .divTable9 li ol, .divTable3 li ol, .divTable5 li span, .divTable9 li span, .divTable3 li span {
    padding: 10px;
    display: table-cell;
  }
  .divTable5 ul.title, .divTable9 ul.title, .divTable3 ul.title {
    display: none;
  }
}

.divTable3 {
  width: 60%;
}
.divTable3 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center stretch;
}
.divTable3 ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.divTable3 ol li {
  padding: 0;
  text-align: center;
  border: 0px none;
}
.divTable3 span {
  display: block;
}
@media screen and (max-width: 576px) {
  .divTable3 {
    width: 100%;
  }
  .divTable3 ul {
    gap: 0;
    grid-template-columns: 1fr;
    border-bottom: 0px none;
  }
}

.divTable9 ul {
  grid-template-columns: 1fr 100px 1fr 100px 120px 120px 100px 150px 80px;
}
.divTable9 li span {
  word-break: break-all;
}
.divTable9 li span button, .divTable9 li span button:hover, .divTable9 li span .btn:first-child:active {
  color: #444;
  border: 0px none;
  transform: scale(1);
  background-color: transparent;
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  .divTable9 ul {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (max-width: 576px) {
  .divTable9 ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.divTable9 .modal-dialog {
  max-width: 700px;
}

.total {
  margin-top: 10px;
  background-color: #eee;
  border-radius: 5px;
}
.total h5 {
  padding: 10px 15px;
  margin: 0 10px 0 0;
  display: inline-block;
  font-size: 1.1rem;
  background-color: #D9D9D9;
  border-radius: 5px 0 0 5px;
}
.total p {
  margin: 0 20px 0 0;
  display: inline-block;
}
@media screen and (max-width: 576px) {
  .total h5 {
    width: 100%;
    text-align: center;
    border-radius: 5px 5px 0 0;
  }
  .total p {
    text-align: center;
    display: block;
    line-height: 2;
  }
}

/* ============================ 員工列表 ============================ */
.setup_modal p {
  margin-bottom: 20px;
}

/* ============================ 功能選單維護 ============================ */
dl.setupMenu {
  width: 50%;
  margin: 0 auto;
}
dl.setupMenu dt {
  padding: 10px;
  background-color: #D9D9D9;
  border-bottom: #fff 1px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
dl.setupMenu dd {
  padding: 10px 10px 10px 20px;
  margin-bottom: 0;
  background-color: #eee;
  border-bottom: #fff 1px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
dl.setupMenu label {
  width: 100%;
}
@media screen and (max-width: 576px) {
  dl.setupMenu {
    width: 100%;
  }
}

/* ********************************************************/
/*                        電子名片                         */
/**********************************************************/
/* ============================ 名片編輯 ============================ */
.card_Layout {
  display: grid;
  gap: 40px;
  grid-template-columns: 400px 740px;
}
.card_Layout .img_box img {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
}
.card_Layout .img_box h4 {
  padding: 0 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.card_Layout .img_box p {
  padding: 0 20px;
  margin-bottom: 10px;
}
.card_Layout .img_box button.btn {
  width: 96%;
  margin: 0 auto 5px;
  display: block;
  transform: scale(1);
}
.card_Layout .img_box .label {
  padding: 3px 7px;
  position: absolute;
  border-radius: 30px;
}
.card_Layout .img_box .active {
  border: #DC3545 4px solid;
}
.card_Layout .img_box .active.btn {
  color: #6C757D;
  background-color: #F8F9FA;
  border: #DC3545 4px solid !important;
  transform: scale(1);
}
.card_Layout .img_box .active.btn:hover, .card_Layout .img_box .active.btn:active {
  color: #6C757D !important;
  border: #DC3545 4px solid !important;
  background-color: #F8F9FA !important;
}
.card_Layout .img_box .img {
  top: 260px;
  right: -35px;
  z-index: 10;
  position: absolute;
}
.card_Layout .img_box .svg {
  width: 30px;
  height: 30px;
}
.card_Layout .img_box .svg path {
  fill: #DC3545;
}
.card_Layout .img_box .vr {
  opacity: 1 !important;
  background-color: transparent !important;
}
.card_Layout .edit_box {
  height: 100%;
  padding: 20px;
  background-color: #f9f9f9;
  display: grid;
  align-content: center;
}
.card_Layout .edit_box label {
  min-width: auto;
}
.card_Layout .edit_box input {
  margin: 0;
}
.card_Layout .edit_box .flr {
  float: right;
  margin-top: 20px;
}
.card_Layout .edit_box_content button {
  margin-bottom: 15px;
}
.card_Layout .edit_box_content p {
  line-height: 2;
  color: #DC3545;
}
.card_Layout .edit_box_content .form_item label, .card_Layout .edit_box_content main .main_top_bar .form_item-if label, main .main_top_bar .card_Layout .edit_box_content .form_item-if label, .card_Layout .edit_box_content .form_item_nflex label {
  min-width: auto;
}
.card_Layout .edit_box_content .form_item input, .card_Layout .edit_box_content main .main_top_bar .form_item-if input, main .main_top_bar .card_Layout .edit_box_content .form_item-if input, .card_Layout .edit_box_content .form_item_nflex input {
  margin-right: 0;
}
.card_Layout .edit_box_content p + .form_item, .card_Layout .edit_box_content main .main_top_bar p + .form_item-if, main .main_top_bar .card_Layout .edit_box_content p + .form_item-if, .card_Layout .edit_box_content p + .form_item_nflex {
  margin-top: 30px;
}
.card_Layout .edit_box_content .top_bar {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.card_Layout .edit_box_content .top_bar span {
  margin-right: 20px;
  display: inline-block;
}
.card_Layout .edit_box_content .top_bar button.btn {
  float: none;
  margin: 0;
  display: inline-block;
}
.card_Layout .edit_box_content .bottom_bar {
  margin-top: 40px;
}
@media screen and (max-width: 992px) {
  .card_Layout {
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .card_Layout .img_box .img {
    display: none;
  }
  .card_Layout .edit_box .form_item, .card_Layout .edit_box main .main_top_bar .form_item-if, main .main_top_bar .card_Layout .edit_box .form_item-if, .card_Layout .edit_box .form_item_nflex {
    display: block;
  }
  .card_Layout .edit_box .form_item label, .card_Layout .edit_box main .main_top_bar .form_item-if label, main .main_top_bar .card_Layout .edit_box .form_item-if label, .card_Layout .edit_box .form_item_nflex label {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
  }
  .card_Layout .edit_box .form_item button.btn, .card_Layout .edit_box main .main_top_bar .form_item-if button.btn, main .main_top_bar .card_Layout .edit_box .form_item-if button.btn, .card_Layout .edit_box .form_item_nflex button.btn {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .card_Layout {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .card_Layout .img_box {
    grid-row-start: 2;
  }
  .card_Layout .img_box .img {
    display: none;
  }
  .card_Layout .edit_box {
    grid-row-start: 1;
  }
  .card_Layout .edit_box .flr {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .card_Layout .edit_box_content button.btn {
    width: 100%;
  }
  .card_Layout .edit_box_content .top_bar {
    display: block;
  }
  .card_Layout .edit_box_content .top_bar button.btn {
    width: 100%;
    margin-top: 5px;
  }
}

.nav.nav-tabs.pages {
  padding-left: 20px;
}
.nav.nav-tabs.pages .desktop {
  display: block;
}
.nav.nav-tabs.pages .mobile {
  display: none;
}
.nav.nav-tabs.pages button {
  transform: scale(1);
}
.nav.nav-tabs.pages button.nav-link {
  margin-right: 10px;
  color: #aaa;
  background-color: #D9D9D9;
  border-top: #EF7C00 4px solid;
  border-left: #dee2e6 1px solid;
  border-right: #dee2e6 1px solid;
}
.nav.nav-tabs.pages button.nav-link.active {
  color: #444;
  background-color: #fff;
}
@media screen and (max-width: 576px) {
  .nav.nav-tabs.pages {
    padding-left: 0;
    border: 0px none;
  }
  .nav.nav-tabs.pages .desktop {
    display: none;
  }
  .nav.nav-tabs.pages .mobile {
    width: 100%;
    margin: 20px 0 10px 0;
    display: block;
  }
  .nav.nav-tabs.pages button.nav-link {
    margin-right: 5px;
    border-bottom: #dee2e6 1px solid;
    border-radius: 4px;
  }
}

/* ********************************************************/
/*                      圖文選單編輯                        */
/**********************************************************/
/* ============================ 圖文選單編輯 ============================ */
.text-content {
  display: grid;
  gap: 0 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 576px) {
  .text-content {
    grid-template-columns: 1fr;
  }
}

.text-content-Full {
  padding: 20px;
  margin: 20px auto;
  background-color: #F9F9F9;
}
.text-content-Full .left_text2, .text-content-Full .right_text2 {
  padding: 0;
}
.text-content-Full .right_text2 ul {
  display: grid;
  gap: 0 10px;
  grid-template-columns: 1fr 1fr;
}
.text-content-Full .right_text2 .form_item, .text-content-Full .right_text2 main .main_top_bar .form_item-if, main .main_top_bar .text-content-Full .right_text2 .form_item-if, .text-content-Full .right_text2 .form_item_nflex {
  margin-bottom: 0;
}
.text-content-Full .layout_2-a-1 {
  margin-bottom: 0;
  align-items: center;
}
.text-content-Full .layout_2-a-1 .form_item, .text-content-Full .layout_2-a-1 main .main_top_bar .form_item-if, main .main_top_bar .text-content-Full .layout_2-a-1 .form_item-if, .text-content-Full .layout_2-a-1 .form_item_nflex {
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  .text-content-Full .right_text2 ul {
    grid-template-columns: 1fr;
  }
  .text-content-Full .layout_2-a-1 .btn {
    margin-bottom: 10px;
  }
}

.left_text1, .left_text2, .right_text2, .right_text1 {
  padding: 20px;
  background-color: #F9F9F9;
  display: grid;
  gap: 20px 0;
  grid-template-rows: 1fr 1fr;
}
.left_text1 label, .left_text2 label, .right_text2 label, .right_text1 label {
  min-width: auto;
}
.left_text1 .top_box, .left_text2 .top_box, .right_text2 .top_box, .right_text1 .top_box {
  display: grid;
  place-items: center stretch;
}
.left_text1 .img_box, .left_text2 .img_box, .right_text2 .img_box, .right_text1 .img_box {
  display: grid;
  place-items: stretch center;
}
.left_text1 .item_box ul, .left_text2 .item_box ul, .right_text2 .item_box ul, .right_text1 .item_box ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.left_text1 .item_box ul.layout2, .left_text2 .item_box ul.layout2, .right_text2 .item_box ul.layout2, .right_text1 .item_box ul.layout2 {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}
.left_text1 .item_box label, .left_text2 .item_box label, .right_text2 .item_box label, .right_text1 .item_box label {
  min-width: 100px;
  padding: 3px 5px;
  background-color: #D9D9D9;
}
.left_text1 .item_box input, .left_text2 .item_box input, .right_text2 .item_box input, .right_text1 .item_box input {
  margin: 0;
}
.left_text1 .item_box .form-check, .left_text2 .item_box .form-check, .right_text2 .item_box .form-check, .right_text1 .item_box .form-check {
  padding-left: 0;
  display: flex;
  align-items: center;
}
.left_text1 .item_box .form-check input, .left_text2 .item_box .form-check input, .right_text2 .item_box .form-check input, .right_text1 .item_box .form-check input {
  margin-right: 5px;
}
.left_text1 .item_box .form-check label, .left_text2 .item_box .form-check label, .right_text2 .item_box .form-check label, .right_text1 .item_box .form-check label {
  min-width: auto;
  padding: 0;
  background-color: transparent;
}
@media screen and (max-width: 992px) {
  .left_text1, .left_text2, .right_text2, .right_text1 {
    padding: 5px 20px;
    gap: 5px 0;
    grid-template-rows: auto auto auto;
  }
  .left_text1 .img_box img, .left_text2 .img_box img, .right_text2 .img_box img, .right_text1 .img_box img {
    width: 100%;
  }
  .left_text1 .item_box ul.layout2, .left_text2 .item_box ul.layout2, .right_text2 .item_box ul.layout2, .right_text1 .item_box ul.layout2 {
    margin-bottom: 20px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
  .left_text1 .item_box label, .left_text2 .item_box label, .right_text2 .item_box label, .right_text1 .item_box label {
    min-width: auto;
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 576px) {
  .left_text1, .left_text2, .right_text2, .right_text1 {
    padding: 5px 20px;
    gap: 5px 0;
    grid-template-rows: auto auto auto;
  }
  .left_text1 .img_box img, .left_text2 .img_box img, .right_text2 .img_box img, .right_text1 .img_box img {
    width: 100%;
  }
  .left_text1 .item_box ul.layout2, .left_text2 .item_box ul.layout2, .right_text2 .item_box ul.layout2, .right_text1 .item_box ul.layout2 {
    margin-bottom: 20px;
    gap: 0px;
    grid-template-columns: 1fr;
  }
  .left_text1 .item_box label, .left_text2 .item_box label, .right_text2 .item_box label, .right_text1 .item_box label {
    min-width: auto;
    width: 100%;
    text-align: left;
  }
}

.left_text2, .right_text2 {
  grid-template-rows: 1fr;
}
.left_text2 .item_box ul.layout2, .right_text2 .item_box ul.layout2 {
  gap: 0 10px;
}
@media screen and (max-width: 992px) {
  .left_text2 .form_item, .left_text2 main .main_top_bar .form_item-if, main .main_top_bar .left_text2 .form_item-if, .left_text2 .form_item_nflex, .right_text2 .form_item, .right_text2 main .main_top_bar .form_item-if, main .main_top_bar .right_text2 .form_item-if, .right_text2 .form_item_nflex {
    display: flex;
    margin-bottom: 5px;
  }
  .left_text2 .form_item label, .left_text2 main .main_top_bar .form_item-if label, main .main_top_bar .left_text2 .form_item-if label, .left_text2 .form_item_nflex label, .right_text2 .form_item label, .right_text2 main .main_top_bar .form_item-if label, main .main_top_bar .right_text2 .form_item-if label, .right_text2 .form_item_nflex label {
    margin: 0 10px 0 0;
    flex: 0 0 100px;
  }
  .left_text2 .form_item .form-check label, .left_text2 main .main_top_bar .form_item-if .form-check label, main .main_top_bar .left_text2 .form_item-if .form-check label, .left_text2 .form_item_nflex .form-check label, .right_text2 .form_item .form-check label, .right_text2 main .main_top_bar .form_item-if .form-check label, main .main_top_bar .right_text2 .form_item-if .form-check label, .right_text2 .form_item_nflex .form-check label {
    width: auto;
    display: inline-block;
  }
  .left_text2 .form_item .form-check .form-check-input, .left_text2 main .main_top_bar .form_item-if .form-check .form-check-input, main .main_top_bar .left_text2 .form_item-if .form-check .form-check-input, .left_text2 .form_item_nflex .form-check .form-check-input, .right_text2 .form_item .form-check .form-check-input, .right_text2 main .main_top_bar .form_item-if .form-check .form-check-input, main .main_top_bar .right_text2 .form_item-if .form-check .form-check-input, .right_text2 .form_item_nflex .form-check .form-check-input {
    width: 20px;
    height: 20px;
    display: inline-block;
    flex: 0 0 20px;
  }
}
@media screen and (max-width: 576px) {
  .left_text2 .form_item, .left_text2 main .main_top_bar .form_item-if, main .main_top_bar .left_text2 .form_item-if, .left_text2 .form_item_nflex, .right_text2 .form_item, .right_text2 main .main_top_bar .form_item-if, main .main_top_bar .right_text2 .form_item-if, .right_text2 .form_item_nflex {
    display: flex;
    margin-bottom: 5px;
  }
  .left_text2 .form_item label, .left_text2 main .main_top_bar .form_item-if label, main .main_top_bar .left_text2 .form_item-if label, .left_text2 .form_item_nflex label, .right_text2 .form_item label, .right_text2 main .main_top_bar .form_item-if label, main .main_top_bar .right_text2 .form_item-if label, .right_text2 .form_item_nflex label {
    margin: 0 10px 0 0;
    flex: 0 0 100px;
    white-space: normal;
  }
  .left_text2 .form_item .form-check .form-check-input, .left_text2 main .main_top_bar .form_item-if .form-check .form-check-input, main .main_top_bar .left_text2 .form_item-if .form-check .form-check-input, .left_text2 .form_item_nflex .form-check .form-check-input, .right_text2 .form_item .form-check .form-check-input, .right_text2 main .main_top_bar .form_item-if .form-check .form-check-input, main .main_top_bar .right_text2 .form_item-if .form-check .form-check-input, .right_text2 .form_item_nflex .form-check .form-check-input {
    width: 20px;
    height: 20px;
    float: none;
    display: inline-block;
    flex: 0 0 20px;
  }
  .left_text2 .form_item .form-check label.form-check-label, .left_text2 main .main_top_bar .form_item-if .form-check label.form-check-label, main .main_top_bar .left_text2 .form_item-if .form-check label.form-check-label, .left_text2 .form_item_nflex .form-check label.form-check-label, .right_text2 .form_item .form-check label.form-check-label, .right_text2 main .main_top_bar .form_item-if .form-check label.form-check-label, main .main_top_bar .right_text2 .form_item-if .form-check label.form-check-label, .right_text2 .form_item_nflex .form-check label.form-check-label {
    width: auto;
    display: inline-block;
  }
}

@media screen and (max-width: 576px) {
  .left_text2 .item_box ul.layout2 {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 576px) {
  .right_text2 .form_item, .right_text2 main .main_top_bar .form_item-if, main .main_top_bar .right_text2 .form_item-if, .right_text2 .form_item_nflex {
    display: block;
  }
  .right_text2 .form_item > label, .right_text2 main .main_top_bar .form_item-if > label, main .main_top_bar .right_text2 .form_item-if > label, .right_text2 .form_item_nflex > label {
    margin-bottom: 10px;
  }
  .right_text2 .form_item .form-check, .right_text2 main .main_top_bar .form_item-if .form-check, main .main_top_bar .right_text2 .form_item-if .form-check, .right_text2 .form_item_nflex .form-check {
    display: inline-block;
    vertical-align: middle;
  }
  .right_text2 .form_item .form-check label, .right_text2 main .main_top_bar .form_item-if .form-check label, main .main_top_bar .right_text2 .form_item-if .form-check label, .right_text2 .form_item_nflex .form-check label {
    vertical-align: middle;
  }
  .right_text2 .form_item .form-check input, .right_text2 main .main_top_bar .form_item-if .form-check input, main .main_top_bar .right_text2 .form_item-if .form-check input, .right_text2 .form_item_nflex .form-check input {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
  }
}

/* ============================ 圖文選單模版編輯 ============================ */
.text-content-edit {
  padding: 20px;
  background-color: #F9F9F9;
}
.text-content-edit .img_box {
  margin: 0 auto 20px;
  text-align: center;
}
.text-content-edit textarea, .text-content-edit button {
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .text-content-edit button {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .text-content-edit .img_box img {
    width: 100%;
  }
  .text-content-edit button {
    width: 100%;
  }
}

/* ********************************************************/
/*                       LINE@好友                         */
/**********************************************************/
ul.label {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
ul.label li {
  display: block;
  position: relative;
}
ul.label li label {
  font-size: 1.1rem;
}
ul.label li input[type=checkbox] ~ label {
  width: 100%;
  padding: 7px 0;
  color: #6C757D;
  border: #CED4DA 1px solid;
  background-color: #F8F9FA;
  border-radius: 4px;
}
ul.label li input[type=checkbox]:checked ~ label {
  width: 100%;
  padding: 7px 0;
  color: #fff;
  border: #CED4DA 1px solid;
  background-color: #36B58F;
  border-radius: 4px;
}

.iconBtn {
  margin-top: 20px;
}
.iconBtn button.btn {
  margin-bottom: 10px;
  display: block;
}
.iconBtn button.btn svg path, .iconBtn button.btn .web_aside .help img path, .web_aside .help .iconBtn button.btn img path, .iconBtn button.btn header.web_header .head_data .user img path, header.web_header .head_data .user .iconBtn button.btn img path, .iconBtn button.btn header.web_header .head_data .setup img path, header.web_header .head_data .setup .iconBtn button.btn img path, .iconBtn button.btn header.web_header .head_data .help img path, header.web_header .head_data .help .iconBtn button.btn img path {
  fill: #36B58F;
}
.iconBtn button.btn:hover {
  background-color: #36B58F;
}
.iconBtn button.btn:hover svg path, .iconBtn button.btn:hover .web_aside .help img path, .web_aside .help .iconBtn button.btn:hover img path, .iconBtn button.btn:hover header.web_header .head_data .user img path, header.web_header .head_data .user .iconBtn button.btn:hover img path, .iconBtn button.btn:hover header.web_header .head_data .setup img path, header.web_header .head_data .setup .iconBtn button.btn:hover img path, .iconBtn button.btn:hover header.web_header .head_data .help img path, header.web_header .head_data .help .iconBtn button.btn:hover img path {
  fill: #fff;
}
.iconBtn svg, .iconBtn .web_aside .help img, .web_aside .help .iconBtn img, .iconBtn header.web_header .head_data .user img, header.web_header .head_data .user .iconBtn img, .iconBtn header.web_header .head_data .setup img, header.web_header .head_data .setup .iconBtn img, .iconBtn header.web_header .head_data .help img, header.web_header .head_data .help .iconBtn img {
  width: 20px;
  vertical-align: sub;
}

.form_item + ul.label, main .main_top_bar .form_item-if + ul.label, .form_item_nflex + ul.label {
  margin-top: 30px;
}

.navTabs-item {
  margin-bottom: 20px;
  border: #CED4DA 1px solid;
  border-radius: 4px;
}
.navTabs-item .headerBar {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f9f9f9;
  border-bottom: #CED4DA 1px solid;
  border-radius: 4px 4px 0 0;
}
.navTabs-item ul.nav {
  padding: 0;
  margin: 0 !important;
}
.navTabs-item ul.nav li {
  margin-right: 10px;
}
.navTabs-item ul.nav button, .navTabs-item ul.nav div {
  padding: 5px 10px;
  margin: 0;
  color: #6c757d;
  border: 0px none;
  border-radius: 4px;
  background-color: transparent;
}
.navTabs-item ul.nav button svg, .navTabs-item ul.nav button .web_aside .help img, .web_aside .help .navTabs-item ul.nav button img, .navTabs-item ul.nav button header.web_header .head_data .user img, header.web_header .head_data .user .navTabs-item ul.nav button img, .navTabs-item ul.nav button header.web_header .head_data .setup img, header.web_header .head_data .setup .navTabs-item ul.nav button img, .navTabs-item ul.nav button header.web_header .head_data .help img, header.web_header .head_data .help .navTabs-item ul.nav button img, .navTabs-item ul.nav div svg, .navTabs-item ul.nav div .web_aside .help img, .web_aside .help .navTabs-item ul.nav div img, .navTabs-item ul.nav div header.web_header .head_data .user img, header.web_header .head_data .user .navTabs-item ul.nav div img, .navTabs-item ul.nav div header.web_header .head_data .setup img, header.web_header .head_data .setup .navTabs-item ul.nav div img, .navTabs-item ul.nav div header.web_header .head_data .help img, header.web_header .head_data .help .navTabs-item ul.nav div img {
  margin-right: 5px;
  vertical-align: middle;
}
.navTabs-item ul.nav button.active {
  color: #6c757d;
  background-color: #D9D9D9;
}
.navTabs-item ul.nav .active {
  color: #6c757d;
  background-color: #D9D9D9;
}
.navTabs-item ul.nav svg, .navTabs-item ul.nav .web_aside .help img, .web_aside .help .navTabs-item ul.nav img, .navTabs-item ul.nav header.web_header .head_data .user img, header.web_header .head_data .user .navTabs-item ul.nav img, .navTabs-item ul.nav header.web_header .head_data .setup img, header.web_header .head_data .setup .navTabs-item ul.nav img, .navTabs-item ul.nav header.web_header .head_data .help img, header.web_header .head_data .help .navTabs-item ul.nav img {
  width: 30px;
  height: 30px;
}
.navTabs-item ul.nav svg path, .navTabs-item ul.nav .web_aside .help img path, .web_aside .help .navTabs-item ul.nav img path, .navTabs-item ul.nav header.web_header .head_data .user img path, header.web_header .head_data .user .navTabs-item ul.nav img path, .navTabs-item ul.nav header.web_header .head_data .setup img path, header.web_header .head_data .setup .navTabs-item ul.nav img path, .navTabs-item ul.nav header.web_header .head_data .help img path, header.web_header .head_data .help .navTabs-item ul.nav img path {
  fill: #6c757d;
}
.navTabs-item ul.function {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.navTabs-item .tab-content {
  padding: 20px;
}
.navTabs-item .tab-pane::after {
  display: block;
  clear: both;
  content: "";
}
.navTabs-item .text {
  float: right;
}
.navTabs-item .img-text, .navTabs-item .card-text {
  margin-bottom: 10px;
  text-align: center;
}
.navTabs-item .img-text h5, .navTabs-item .card-text h5 {
  color: #EF7C00;
  font-weight: normal;
}
.navTabs-item .img-text p, .navTabs-item .card-text p {
  text-align: left;
  color: #EF7C00;
}
.navTabs-item .img-text input[type=file], .navTabs-item .card-text input[type=file] {
  width: 100%;
  padding: 5px;
  text-align: center;
  background-color: #f8f9fa;
}
.navTabs-item .img-item {
  position: relative;
  display: inline-block;
}
.navTabs-item .img-item > button {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0;
}
.navTabs-item .cardTable {
  height: 370px;
  overflow-y: scroll;
}
.navTabs-item .responTable thead {
  top: -1px;
  position: sticky;
  z-index: 1;
}

/* ********************************************************/
/*            付費推播訊息, Notify推播訊息                    */
/**********************************************************/
table.responTable.message {
  width: 50%;
  margin: 0 0 20px 0;
  border-left: #D9D9D9 1px solid;
}
table.responTable.message thead tr th:first-child {
  width: 80px;
}
table.responTable.message thead tr th:nth-child(2) {
  width: 50px;
}
table.responTable.message tbody tr td {
  border-right: #D9D9D9 1px solid;
}
@media screen and (max-width: 576px) {
  table.responTable.message {
    width: 100%;
    border-left: 0px none;
  }
  table.responTable.message tbody tr td {
    border-right: 0px none;
  }
}

nav.web_pagination.message {
  margin-top: 0px;
  margin-bottom: 40px;
}

/* ============================ key in ============================ */
.offcanvas-header a {
  margin-right: 20px;
  color: #444;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.offcanvas-header svg, .offcanvas-header .web_aside .help img, .web_aside .help .offcanvas-header img, .offcanvas-header header.web_header .head_data .user img, header.web_header .head_data .user .offcanvas-header img, .offcanvas-header header.web_header .head_data .setup img, header.web_header .head_data .setup .offcanvas-header img, .offcanvas-header header.web_header .head_data .help img, header.web_header .head_data .help .offcanvas-header img, .offcanvas-header img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
}

.offcanvas-body {
  background-color: #F9F9F9;
}

.web_aside {
  padding: 10px 0 30px;
}
.web_aside .help {
  width: 100%;
  display: flex;
}
.web_aside .help svg, .web_aside .help header.web_header .head_data .user img, .web_aside .help header.web_header .head_data .setup img, .web_aside header.web_header .head_data .help img, header.web_header .head_data .web_aside .help img, .web_aside .help img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
.web_aside .help svg path, .web_aside .help header.web_header .head_data .user img path, .web_aside .help header.web_header .head_data .setup img path, .web_aside header.web_header .head_data .help img path, header.web_header .head_data .web_aside .help img path, .web_aside .help img path {
  fill: #444;
}
.web_aside .help img {
  width: 35px;
  height: 35px;
  border-radius: 30px;
}
.web_aside .help a {
  width: 100%;
  padding: 10px 20px;
  text-align: right;
  color: #444;
  text-decoration: none;
}
.web_aside hr {
  display: none;
  width: 94%;
  margin: 10px auto 10px;
}
.web_aside .aside_item a[aria-expanded=true] .right .down {
  display: none;
}
.web_aside .aside_item a[aria-expanded=false] .right .up {
  display: none;
}
.web_aside .aside_item a.btn {
  width: 90%;
  padding: 7px 15px;
  color: #444;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 0px none;
  border-radius: 0 50px 50px 0;
}
.web_aside .aside_item a.btn .left {
  display: flex;
  align-items: center;
}
.web_aside .aside_item a.btn .left svg, .web_aside .aside_item a.btn .left img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.web_aside .aside_item a.btn .left svg path, .web_aside .aside_item a.btn .left img path {
  fill: #EF7C00;
  animation: text 0.3s ease infinite;
}
.web_aside .aside_item a.btn .right svg, .web_aside .aside_item a.btn .right img {
  width: 20px;
  height: 20px;
  animation: text2 1s ease infinite;
}
.web_aside .aside_item a.btn .right svg path, .web_aside .aside_item a.btn .right img path {
  fill: #36B58F;
}
.web_aside .aside_item .card {
  border: 0px none;
  background-color: transparent;
}
.web_aside .aside_item .card a {
  padding: 7px 0;
  color: #444;
  text-decoration: none;
  transform: translateX(0px);
  transition: all 0.3s;
}
.web_aside .aside_item .card a:hover {
  color: #EF7C00;
  transform: translateX(10px);
  transition: all 0.3s;
}
.web_aside .aside_item .card a.active {
  color: #EF7C00;
}
.web_aside .aside_item .card a:last-child {
  margin-bottom: 0;
}
.web_aside a.back {
  display: none;
  padding: 10px 10px;
  color: #444;
  text-decoration: none;
  align-items: center;
}
.web_aside a.back svg, .web_aside a.back header.web_header .head_data .user img, header.web_header .head_data .user .web_aside a.back img, .web_aside a.back header.web_header .head_data .setup img, header.web_header .head_data .setup .web_aside a.back img, .web_aside a.back header.web_header .head_data .help img, header.web_header .head_data .help .web_aside a.back img, .web_aside a.back img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.web_aside a.back svg path, .web_aside a.back header.web_header .head_data .user img path, header.web_header .head_data .user .web_aside a.back img path, .web_aside a.back header.web_header .head_data .setup img path, header.web_header .head_data .setup .web_aside a.back img path, .web_aside a.back header.web_header .head_data .help img path, header.web_header .head_data .help .web_aside a.back img path, .web_aside a.back img path {
  fill: #36B58F;
}
@media screen and (max-width: 576px) {
  .web_aside a.back {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .web_aside {
    padding: 10px 0 0px;
  }
}

/* ==========================================================================
   Activity Page
   ========================================================================== */
/* ==========================================================================
   Plug mixins
   ========================================================================== */
.accordion {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid #afae3a;
}

.nav-more {
  content: "";
  width: 0;
  height: 0;
  margin-top: -3px;
  top: 50%;
  right: 15px;
  position: absolute;
  border-width: 6px;
  border-top-color: rgb(0, 0, 0);
  cursor: pointer;
  border-style: solid dashed dashed;
  border-color: rgb(0, 0, 0) transparent transparent;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.accordion-item.active .nav-more {
  margin-top: -9px;
  border-style: dashed dashed solid;
  border-color: transparent transparent rgb(0, 0, 0);
}

.accordion-header {
  padding: 10px;
  margin: 0;
  position: relative;
  background-color: #e4e9bc;
  cursor: pointer;
}

.accordion-content {
  display: none;
  padding: 10px;
  border-top: #afae3a 1px solid;
}

.accordion-item.active .accordion-content {
  display: block;
}

/* ==========================================================================
    responsive mixins
   ========================================================================== */
table.responTable {
  width: 100%;
  margin: 0 auto 20px auto;
  border-top: #fff 1px solid;
  border-left: #fff 1px solid;
  text-rendering: optimizeLegibility;
}
table.responTable thead tr th, table.responTable thead tr td, table.responTable tbody tr th, table.responTable tbody tr td {
  color: #444;
  padding: 8px 10px;
  font-weight: 300;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
}
table.responTable thead tr th a, table.responTable thead tr td a, table.responTable tbody tr th a, table.responTable tbody tr td a {
  min-width: 26px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: underline;
  margin: 0 5px 0 0;
  cursor: pointer;
}
table.responTable thead tr th {
  text-align: center;
  white-space: nowrap;
  background: #D9D9D9;
}
table.responTable tbody tr td {
  color: #444;
  text-align: center;
  word-wrap: break-word;
  border-bottom: #D9D9D9 1px solid;
}
table.responTable tbody tr td a {
  display: block;
}
table.responTable tbody tr td span {
  display: block;
}
table.responTable tbody tr td div ol {
  text-align: left;
}
table.responTable tr:nth-child(2n) {
  background: #f8f8f8;
}
table.responTable tr.odd {
  background: white;
}
table.responTable tbody.odd tr:nth-child(2n+2) {
  background: #fafafa;
}
table.responTable a {
  color: #444;
}
table.responTable > button, table.responTable > button:hover, table.responTable > button:active, table.responTable > .btn:first-child:active {
  padding-top: 0.175rem;
  padding-bottom: 0.175rem;
  color: #444;
  border: 0px none;
  background-color: transparent;
  transform: scale(1);
  text-decoration: underline;
}
table.responTable .red {
  color: #DC3545;
}
table.responTable ul.labelTable {
  padding: 0;
  margin: 0;
  list-style-type: disc;
}
table.responTable ul.labelTable li {
  display: inline-block;
}
table.responTable ul.labelTable li::after {
  content: "、";
  display: inline-block;
}
table.responTable ul.labelTable li:last-child::after {
  content: none;
}

@media screen and (max-width: 992px) {
  table.responTable {
    width: 100%;
    margin: 0 auto 20px auto;
    border-top: #fff 1px solid;
    border-left: #fff 1px solid;
    text-rendering: optimizeLegibility;
  }
  table.responTable thead tr th, table.responTable thead tr td, table.responTable tbody tr th, table.responTable tbody tr td {
    color: #444;
    padding: 5px;
    border-right: #fff 1px solid;
    border-bottom: #fff 1px solid;
  }
  table.responTable thead tr th a, table.responTable thead tr td a, table.responTable tbody tr th a, table.responTable tbody tr td a {
    min-width: 26px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-decoration: underline;
    margin: 0 5px 0 0;
    cursor: pointer;
  }
  table.responTable thead tr th {
    text-align: center;
    background: #D9D9D9;
  }
  table.responTable tbody tr td {
    color: #444;
    border-bottom: #D9D9D9 1px solid;
  }
  table.responTable tbody tr td span {
    display: block;
  }
  table.responTable tr.odd {
    background: white;
  }
  table.responTable tbody.odd tr:nth-child(2n+2) {
    background: white;
  }
}
@media screen and (max-width: 576px) {
  table.responTable {
    display: block;
    border: none;
  }
  table.responTable thead {
    display: none;
  }
  table.responTable tbody tr {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
  }
  table.responTable tbody tr td {
    color: #444;
    position: relative;
    margin-bottom: 0;
    background: #f9f9f9;
    display: inline-block;
    width: 100%;
    padding: 0;
    vertical-align: middle;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    border-left: #fff 1px solid;
    box-sizing: border-box;
  }
  table.responTable tbody tr td:last-child {
    border-bottom: #fff 1px solid;
  }
  table.responTable tbody tr td div {
    word-break: break-all;
    color: #444;
    display: table-cell;
    padding: 5px 10px;
    text-align: left;
    border-left: #fff 1px solid;
  }
  table.responTable tbody tr td div a {
    display: block;
    text-decoration: underline;
    margin: 0 0 5px 0;
  }
  table.responTable tbody tr td div img {
    width: 100%;
  }
  table.responTable tbody tr td div ol {
    padding-left: 20px;
    margin-bottom: 0;
  }
  table.responTable tbody tr td:before {
    width: 150px;
    margin: 0 5px 0 0;
    padding: 0 5px;
    color: #444;
    white-space: nowrap;
    background: #D9D9D9;
    content: attr(data-th);
    display: table-cell;
    left: 0; /* border-right: $t_color $t_width $t_style; */
    vertical-align: middle;
    box-sizing: border-box;
  }
  table.responTable tbody tr:not(:last-child) {
    border-right: none;
    border-bottom: none;
  }
}