html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font-size: 100%;
  margin: 0;
  padding: 0;
}

select, input, img, textarea {
  vertical-align: middle;
  outline: medium;
}

body:after {
  clear: both;
  content: "";
  display: block;
}

ol, ul, li {
  list-style: none;
}

html,
body,
div,
a,
ol,
ul,
li,
input,
textarea,
table,
th,
tr,
td,
span,
label,
aside,
section,
img,
audio,
video,
iframe,
select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body,
input,
select,
textarea {
  font-family: Arial, Microsoft JhengHei Revise, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif, TW-Sung-Plus, TW-Sung-Ext-B, TW-Sung;
  font-size: 12px;
}

html,
body {
  height: 100%;
  background: url(main.css) white fixed;
}

@font-face {
  font-family: Microsoft JhengHei Revise;
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local("Microsoft JhengHei");
}

color1 {
  color: #f00;
  vertical-align: middle;
}

color2 {
  color: #00f;
  vertical-align: middle;
}

color3 {
  color: #ff0;
  vertical-align: middle;
}

color4,
.color4 {
  color: #808080;
  vertical-align: middle;
}

color5 {
  color: #390;
  vertical-align: middle;
}

star {
  color: #f00;
  font-size: 14px;
  line-height: 12px;
  padding-right: 3px;
}

exclamation {
  color: #00f;
  font-size: 14px;
  line-height: 12px;
  padding-right: 3px;
}

percentage {
  color: #00f;
  font-size: 12px;
  line-height: 12px;
  padding-right: 2px;
}

keystar {
  color: #f00;
  font-size: 12px;
  line-height: 12px;
  padding-right: 2px;
}

spacing4 {
  letter-spacing: 4px;
}

spacing5 {
  letter-spacing: 5px;
}

spacing6 {
  letter-spacing: 6px;
}

spacing8 {
  letter-spacing: 8px;
}

spacing9 {
  letter-spacing: 9px;
}

spacing10 {
  letter-spacing: 10px;
}

spacing12 {
  letter-spacing: 12px;
}

spacing15 {
  letter-spacing: 15px;
}

spacing18 {
  letter-spacing: 18px;
}

spacing20 {
  letter-spacing: 20px;
}

spacing24 {
  letter-spacing: 24px;
}

.pdf,
.file-link {
  color: #960;
  cursor: pointer;
  text-decoration: underline;
}

.pdf:hover,
.file-link:hover {
  color: #f00;
  text-decoration: underline;
}

.alink {
  color: blue;
  text-decoration: underline;
}

.alink:hover {
  color: red;
  text-decoration: underline;
}

textarea {
  max-width: 100%;
  width: 100%;
  height: 60px;
}

table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  table-layout: fixed;
  text-align: center;
  word-wrap: break-word;
}

iframe {
  width: 100%;
  background: #fff;
  border: none;
  overflow: hidden;
}

.list-level1 {
  margin-left: 0.7em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-level1:before {
  width: 6px;
  height: 6px;
  float: left;
  background-color: #444;
  content: "";
  margin-right: 0.25em;
  margin-left: -0.7em;
}

.list-level2 {
  margin-left: 1.7em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-level2:before {
  width: 6px;
  height: 6px;
  float: left;
  background-color: #444;
  content: "";
  margin-right: 0.25em;
  margin-left: -0.7em;
}

.list-level3 {
  margin-left: 2.7em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-level3:before {
  width: 6px;
  height: 6px;
  float: left;
  background-color: #444;
  content: "";
  margin-right: 0.25em;
  margin-left: -0.7em;
}

.list-level4 {
  margin-left: 3.7em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-level4:before {
  width: 6px;
  height: 6px;
  float: left;
  background-color: #444;
  content: "";
  margin-right: 0.25em;
  margin-left: -0.7em;
}

.list-level5 {
  margin-left: 4.7em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-level5:before {
  width: 6px;
  height: 6px;
  float: left;
  background-color: #444;
  content: "";
  margin-right: 0.25em;
  margin-left: -0.7em;
}

.list-level2:before {
  border-radius: 50%;
}

.list-level3:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.list-level4:before {
  width: 0;
  height: 0;
  background: none;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #444;
}

.list-level5:before {
  background-color: transparent;
}

.wrapper .change-style {
  display: none;
}

.wrapper.change #top .change-style {
  width: 15px;
  height: 15px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 600;
}

.wrapper.change #top .change-style > div {
  width: 200px;
  height: 300px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  display: none;
  padding: 0 10px 10px 10px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.wrapper.change #top .change-style > div .style-title {
  border-top: 1px solid #EFEFEF;
  clear: both;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  padding-top: 10px;
}

.wrapper.change #top .change-style > div .style-title:first-of-type {
  border-top: none;
  margin-top: 0;
}

.wrapper.change #top .change-style > div input[type="radio"] {
  display: none;
}

.wrapper.change #top .change-style > div input[type="radio"]:checked + .change-color:after {
  -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
       -o-transform: scale(1.3);
          transform: scale(1.3);
}

.wrapper.change #top .change-style > div .change-font {
  width: auto;
  float: left;
  cursor: pointer;
  clear: both;
  line-height: 23px !important;
  padding-left: 28px;
  position: relative;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
}

.wrapper.change #top .change-style > div .change-font:last-of-type {
  margin-bottom: 10px;
}

.wrapper.change #top .change-style > div .change-font:before {
  width: 12px;
  height: 12px;
  border: 2px solid #EDEDED;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
}

.wrapper.change #top .change-style > div .change-font:after {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: 9px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
}

.wrapper.change #top .change-style > div .change-font.font-s {
  font-size: 10px !important;
}

.wrapper.change #top .change-style > div .change-font.font-m {
  font-size: 12px !important;
}

.wrapper.change #top .change-style > div .change-font.font-l {
  font-size: 14px !important;
}

.wrapper.change #top .change-style > div .change-font.font-xl {
  font-size: 16px !important;
}

.wrapper.change #top .change-style > div .change-font.font-xxl {
  font-size: 18px !important;
}

.wrapper.change #top .change-style > div .change-color {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
}

.wrapper.change #top .change-style > div .change-color:after {
  width: 11px;
  height: 11px;
  background-image: url("./svg(UTF8)/checkWhite.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
  z-index: 1;
}

.wrapper.change #top .change-style .version {
  font-size: 12px;
  padding-left: 10px;
  position: relative;
}

.wrapper.change #top .change-style .version:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #444;
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 3.5px;
}

.wrapper.change #top .change-style:hover div {
  display: block;
}

.wrapper.BlueBtn input[type="button"],
.wrapper.BlueBtn input[type="submit"],
.wrapper.BlueBtn input[type="reset"],
.wrapper.BlueBtn button,
.wrapper.BlueBtn .file-button {
  background-color: #b6d0ef;
}

.wrapper.BlueBtn input[type="button"]:disabled,
.wrapper.BlueBtn input[type="submit"]:disabled,
.wrapper.BlueBtn input[type="reset"]:disabled,
.wrapper.BlueBtn button:disabled,
.wrapper.BlueBtn .file-button:disabled,
.wrapper.BlueBtn input[type="button"]:hover:disabled,
.wrapper.BlueBtn input[type="submit"]:hover:disabled,
.wrapper.BlueBtn input[type="reset"]:hover:disabled,
.wrapper.BlueBtn button:hover:disabled,
.wrapper.BlueBtn .file-button:hover:disabled {
  background-color: #b6d0ef;
}

.wrapper.BlueBtn input[type="button"]:hover,
.wrapper.BlueBtn input[type="submit"]:hover,
.wrapper.BlueBtn input[type="reset"]:hover,
.wrapper.BlueBtn button:hover,
.wrapper.BlueBtn .file-button:hover {
  background-color: #deeaf9;
}

.wrapper.BlueBtn button.calendar_icon,
.wrapper.BlueBtn button.calendar_icon:hover {
  background-color: transparent;
}

.wrapper.BlueBtn .filter input[type="button"].search-btn,
.wrapper.BlueBtn .filter input[type="button"].search-btn:hover {
  background: #00adf2;
}

.wrapper.BlueBtn .filter2 input[type="button"].search-btn {
  background: #00adf2;
}

.wrapper.BlueBtn .filter2 input[type="button"].search-btn:hover {
  background: #0BC1F9;
}

.wrapper.FlaxBtn input[type="button"],
.wrapper.FlaxBtn input[type="submit"],
.wrapper.FlaxBtn input[type="reset"],
.wrapper.FlaxBtn button,
.wrapper.FlaxBtn .file-button {
  background-color: #dcd0b6;
}

.wrapper.FlaxBtn input[type="button"]:disabled,
.wrapper.FlaxBtn input[type="submit"]:disabled,
.wrapper.FlaxBtn input[type="reset"]:disabled,
.wrapper.FlaxBtn button:disabled,
.wrapper.FlaxBtn .file-button:disabled,
.wrapper.FlaxBtn input[type="button"]:hover:disabled,
.wrapper.FlaxBtn input[type="submit"]:hover:disabled,
.wrapper.FlaxBtn input[type="reset"]:hover:disabled,
.wrapper.FlaxBtn button:hover:disabled,
.wrapper.FlaxBtn .file-button:hover:disabled {
  background-color: #dcd0b6;
}

.wrapper.FlaxBtn input[type="button"]:hover,
.wrapper.FlaxBtn input[type="submit"]:hover,
.wrapper.FlaxBtn input[type="reset"]:hover,
.wrapper.FlaxBtn button:hover,
.wrapper.FlaxBtn .file-button:hover {
  background-color: #efe8da;
}

.wrapper.FlaxBtn button.calendar_icon,
.wrapper.FlaxBtn button.calendar_icon:hover {
  background-color: transparent;
}

.wrapper.FlaxBtn .filter input[type="button"].search-btn,
.wrapper.FlaxBtn .filter input[type="button"].search-btn:hover {
  background: #00adf2;
}

.wrapper.FlaxBtn .filter2 input[type="button"].search-btn {
  background: #00adf2;
}

.wrapper.FlaxBtn .filter2 input[type="button"].search-btn:hover {
  background: #0BC1F9;
}

.wrapper.OrangeBtn input[type="button"],
.wrapper.OrangeBtn input[type="submit"],
.wrapper.OrangeBtn input[type="reset"],
.wrapper.OrangeBtn button,
.wrapper.OrangeBtn .file-button {
  background-color: #fbc096;
}

.wrapper.OrangeBtn input[type="button"]:disabled,
.wrapper.OrangeBtn input[type="submit"]:disabled,
.wrapper.OrangeBtn input[type="reset"]:disabled,
.wrapper.OrangeBtn button:disabled,
.wrapper.OrangeBtn .file-button:disabled,
.wrapper.OrangeBtn input[type="button"]:hover:disabled,
.wrapper.OrangeBtn input[type="submit"]:hover:disabled,
.wrapper.OrangeBtn input[type="reset"]:hover:disabled,
.wrapper.OrangeBtn button:hover:disabled,
.wrapper.OrangeBtn .file-button:hover:disabled {
  background-color: #fbc096;
}

.wrapper.OrangeBtn input[type="button"]:hover,
.wrapper.OrangeBtn input[type="submit"]:hover,
.wrapper.OrangeBtn input[type="reset"]:hover,
.wrapper.OrangeBtn button:hover,
.wrapper.OrangeBtn .file-button:hover {
  background-color: #ffe7d7;
}

.wrapper.OrangeBtn button.calendar_icon,
.wrapper.OrangeBtn button.calendar_icon:hover {
  background-color: transparent;
}

.wrapper.OrangeBtn .filter input[type="button"].search-btn,
.wrapper.OrangeBtn .filter input[type="button"].search-btn:hover {
  background: #00adf2;
}

.wrapper.OrangeBtn .filter2 input[type="button"].search-btn {
  background: #00adf2;
}

.wrapper.OrangeBtn .filter2 input[type="button"].search-btn:hover {
  background: #0BC1F9;
}

.wrapper.PinkBtn input[type="button"],
.wrapper.PinkBtn input[type="submit"],
.wrapper.PinkBtn input[type="reset"],
.wrapper.PinkBtn button,
.wrapper.PinkBtn .file-button {
  background-color: #fcd6d2;
}

.wrapper.PinkBtn input[type="button"]:disabled,
.wrapper.PinkBtn input[type="submit"]:disabled,
.wrapper.PinkBtn input[type="reset"]:disabled,
.wrapper.PinkBtn button:disabled,
.wrapper.PinkBtn .file-button:disabled,
.wrapper.PinkBtn input[type="button"]:hover:disabled,
.wrapper.PinkBtn input[type="submit"]:hover:disabled,
.wrapper.PinkBtn input[type="reset"]:hover:disabled,
.wrapper.PinkBtn button:hover:disabled,
.wrapper.PinkBtn .file-button:hover:disabled {
  background-color: #fcd6d2;
}

.wrapper.PinkBtn input[type="button"]:hover,
.wrapper.PinkBtn input[type="submit"]:hover,
.wrapper.PinkBtn input[type="reset"]:hover,
.wrapper.PinkBtn button:hover,
.wrapper.PinkBtn .file-button:hover {
  background-color: #f9e6e4;
}

.wrapper.PinkBtn button.calendar_icon,
.wrapper.PinkBtn button.calendar_icon:hover {
  background-color: transparent;
}

.wrapper.PinkBtn .filter input[type="button"].search-btn,
.wrapper.PinkBtn .filter input[type="button"].search-btn:hover {
  background: #00adf2;
}

.wrapper.PinkBtn .filter2 input[type="button"].search-btn {
  background: #00adf2;
}

.wrapper.PinkBtn .filter2 input[type="button"].search-btn:hover {
  background: #0BC1F9;
}

.wrapper.TealBtn input[type="button"],
.wrapper.TealBtn input[type="submit"],
.wrapper.TealBtn input[type="reset"],
.wrapper.TealBtn button,
.wrapper.TealBtn .file-button {
  background-color: #d7f9ef;
}

.wrapper.TealBtn input[type="button"]:disabled,
.wrapper.TealBtn input[type="submit"]:disabled,
.wrapper.TealBtn input[type="reset"]:disabled,
.wrapper.TealBtn button:disabled,
.wrapper.TealBtn .file-button:disabled,
.wrapper.TealBtn input[type="button"]:hover:disabled,
.wrapper.TealBtn input[type="submit"]:hover:disabled,
.wrapper.TealBtn input[type="reset"]:hover:disabled,
.wrapper.TealBtn button:hover:disabled,
.wrapper.TealBtn .file-button:hover:disabled {
  background-color: #d7f9ef;
}

.wrapper.TealBtn input[type="button"]:hover,
.wrapper.TealBtn input[type="submit"]:hover,
.wrapper.TealBtn input[type="reset"]:hover,
.wrapper.TealBtn button:hover,
.wrapper.TealBtn .file-button:hover {
  background-color: #f3fffc;
}

.wrapper.TealBtn button.calendar_icon,
.wrapper.TealBtn button.calendar_icon:hover {
  background-color: transparent;
}

.wrapper.TealBtn .filter input[type="button"].search-btn,
.wrapper.TealBtn .filter input[type="button"].search-btn:hover {
  background: #00adf2;
}

.wrapper.TealBtn .filter2 input[type="button"].search-btn {
  background: #00adf2;
}

.wrapper.TealBtn .filter2 input[type="button"].search-btn:hover {
  background: #0BC1F9;
}

.wrapper.YellowBtn input[type="button"],
.wrapper.YellowBtn input[type="submit"],
.wrapper.YellowBtn input[type="reset"],
.wrapper.YellowBtn button,
.wrapper.YellowBtn .file-button {
  background-color: #ffe384;
}

.wrapper.YellowBtn input[type="button"]:disabled,
.wrapper.YellowBtn input[type="submit"]:disabled,
.wrapper.YellowBtn input[type="reset"]:disabled,
.wrapper.YellowBtn button:disabled,
.wrapper.YellowBtn .file-button:disabled,
.wrapper.YellowBtn input[type="button"]:hover:disabled,
.wrapper.YellowBtn input[type="submit"]:hover:disabled,
.wrapper.YellowBtn input[type="reset"]:hover:disabled,
.wrapper.YellowBtn button:hover:disabled,
.wrapper.YellowBtn .file-button:hover:disabled {
  background-color: #ffe384;
}

.wrapper.YellowBtn input[type="button"]:hover,
.wrapper.YellowBtn input[type="submit"]:hover,
.wrapper.YellowBtn input[type="reset"]:hover,
.wrapper.YellowBtn button:hover,
.wrapper.YellowBtn .file-button:hover {
  background-color: #fff1ca;
}

.wrapper.YellowBtn button.calendar_icon,
.wrapper.YellowBtn button.calendar_icon:hover {
  background-color: transparent;
}

.wrapper.YellowBtn .filter input[type="button"].search-btn,
.wrapper.YellowBtn .filter input[type="button"].search-btn:hover {
  background: #00adf2;
}

.wrapper.YellowBtn .filter2 input[type="button"].search-btn {
  background: #00adf2;
}

.wrapper.YellowBtn .filter2 input[type="button"].search-btn:hover {
  background: #0BC1F9;
}

/* $pink01: #9B044C;
$pink02: #FFD7EA;
$pink03: #FF7EB6;
$pink04: #680C38;
$pink05: #FFE9F4;
$pink06: #D14B8B;
$pink07: #FFC0DE;
$pink08: #F492C1;
$pink09: #BC1163;
$pink10: #FFC2DF;
$pink11: #F9BBD9;
$pink12: #F272B0;
$pink13: #FFB6D9;
$pink14: #76A0FF;
$pink15: rgba(50, 108, 237, 0.7);
$pink16: rgba(141, 176, 255, 0.8);
$pink17: rgba(50, 108, 237, 1);
$pink18: rgba(141, 176, 255, 1);
$pink19: #ACC1EF;
$pink20: rgba(235, 241, 255, 1);
$pink21: rgba(235, 241, 255, .5);
$pink22: rgba(188, 206, 247, 1);
$pink23: rgba(188, 206, 247, .5);
$pink24: #A1BEFF;
$pink25: #D9E5FF;
$pink26: #F8FAFF; */
/* $pink01: #9B0448;
$pink02: #FFD7E9;
$pink03: #FF5EA2;
$pink04: #680C36;
$pink05: #FFE9F3;
$pink06: #D14B88;
$pink07: #FFC0DD;
$pink08: #F492BE;
$pink09: #BC115F;
$pink10: #FFC2DE;
$pink11: #F9BBD8;
$pink12: #F272AC;
$pink13: #FFB6D7;
$pink14: #76A0FF;
$pink15: rgba(50, 108, 237, 0.7);
$pink16: rgba(141, 176, 255, 0.8);
$pink17: rgba(50, 108, 237, 1);
$pink18: rgba(141, 176, 255, 1);
$pink19: #ACC1EF;
$pink20: rgba(235, 241, 255, 1);
$pink21: rgba(235, 241, 255, .5);
$pink22: rgba(188, 206, 247, 1);
$pink23: rgba(188, 206, 247, .5);
$pink24: #A1BEFF;
$pink25: #D9E5FF;
$pink26: #F8FAFF; */
.wrapper.blue #top {
  background-image: url("../images/pub/banner_bg_blue_1.png");
}

.wrapper.blue #top.project-bg {
  background-image: url("../../images/pub/banner_bg_blue_1.png");
}

.wrapper.blue #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_blue_2.png") top left no-repeat, url("../../images/pub/banner_bg_blue_3.png") top left repeat;
}

.wrapper.blue #top .topbtn {
  background: url("../images/pub/banner_bg_blue_2.png") top left no-repeat, url("../images/pub/banner_bg_blue_3.png") top left repeat;
}

.wrapper.blue #top .usmenu-area ul li a:hover {
  background: #F3FCFF;
}

.wrapper.blue #top .title {
  text-shadow: 0 0 0 5px #02779e, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.blue #top .title {
    text-shadow: 2px -2px #02779e, -2px -2px #02779e, -2px -2px #02779e, -2px 2px #02779e, 2px -1px #02779e, -2px -1px #02779e, -1px -2px #02779e, -1px 2px #02779e, 2px 0px #02779e, -2px 0px #02779e, 0px -2px #02779e, 0px 2px #02779e, 2px 1px #02779e, -2px 1px #02779e, 1px -2px #02779e, 1px 2px #02779e, 2px 2px #02779e, -2px 2px #02779e, 2px -2px #02779e, 2px 2px #02779e, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.blue #top .title {
    color: red;
    text-shadow: 2px -2px #02779e, -2px -2px #02779e, -2px -2px #02779e, -2px 2px #02779e, 2px -1px #02779e, -2px -1px #02779e, -1px -2px #02779e, -1px 2px #02779e, 2px 0px #02779e, -2px 0px #02779e, 0px -2px #02779e, 0px 2px #02779e, 2px 1px #02779e, -2px 1px #02779e, 1px -2px #02779e, 1px 2px #02779e, 2px 2px #02779e, -2px 2px #02779e, 2px -2px #02779e, 2px 2px #02779e, 0 4px 4px #999;
  }
}

.wrapper.blue .home_btn {
  background: #327ccb;
}

.wrapper.blue .home_btn a {
  color: white;
}

.wrapper.blue .home_btn:hover {
  background: #0b486b;
}

.wrapper.blue .left-menu {
  background: #FFFFFF;
}

.wrapper.blue #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.blue #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.blue #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #327ccb;
}

.wrapper.blue .left-menu_switch-area {
  border-bottom-color: #bde9ff;
}

.wrapper.blue.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.blue.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.blue.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.blue.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.blue .left-menu .nav li.active > a {
  background-color: #b3e7ff;
}

.wrapper.blue .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.blue .left-menu .nav li > a.active,
.wrapper.blue .left-menu .nav li a.nav-second-current-ele {
  background: #d5f1ff;
  border-right-color: #327ccb;
  color: #327ccb;
  font-weight: bold;
}

.wrapper.blue .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.blue .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #327ccb;
}

.wrapper.blue .left-menu .nav li a:hover {
  color: #327ccb;
}

.wrapper.blue .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.blue .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #327ccb;
}

.wrapper.blue .left-menu .nav li .hide_ul.active:before {
  background-color: #b3e7ff;
}

.wrapper.blue .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.blue .left-menu .nav2 > li > a {
  background: #E1F4FF;
}

.wrapper.blue .left-menu .nav2 > li > a.active, .wrapper.blue .left-menu .nav2 > li > a:hover {
  background: #327ccb;
}

.wrapper.blue .left-menu .nav2 > li > a:before {
  background: #327ccb;
}

.wrapper.blue .left-menu .nav2 > li > ul {
  border-color: #327ccb;
}

.wrapper.blue .left-menu .nav2 li li > a:before {
  background: #327ccb;
}

.wrapper.blue .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #d5f1ff;
  color: #327ccb;
}

.wrapper.blue .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #327ccb;
}

.wrapper.blue .left-menu .fav li a:hover, .wrapper.blue .left-menu .fav li a.active,
.wrapper.blue .left-menu .sea li a:hover,
.wrapper.blue .left-menu .sea li a.active {
  color: #327ccb;
}

.wrapper.blue .left-menu .fav li a:hover:before, .wrapper.blue .left-menu .fav li a.active:before,
.wrapper.blue .left-menu .sea li a:hover:before,
.wrapper.blue .left-menu .sea li a.active:before {
  background: #2e90f1;
}

.wrapper.blue .left-menu .fav li a:before,
.wrapper.blue .left-menu .sea li a:before {
  background: #d5f1ff;
}

.wrapper.blue.show-child-list-line .hide_ul.active:before {
  background-color: #b3e7ff;
}

.wrapper.blue.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.blue .condition {
  background: #e6f7ff;
}

.wrapper.blue .area:nth-child(odd),
.wrapper.blue .tr-even-bg {
  background: #e6f7ff;
}

.wrapper.blue .data_table tbody > tr:nth-child(even),
.wrapper.blue .norwd-table tbody > tr:nth-child(even),
.wrapper.blue .table-om tbody > tr:nth-child(even),
.wrapper.blue .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.blue .border-table th {
  background: #e6f7ff;
}

.wrapper.blue .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.blue .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.blue .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.blue .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.blue .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #e6f7ff), to(rgba(230, 247, 255, 0.5)));
  background: -webkit-linear-gradient(right, #e6f7ff 50%, rgba(230, 247, 255, 0.5) 100%);
  background: -moz-linear-gradient(right, #e6f7ff 50%, rgba(230, 247, 255, 0.5) 100%);
  background: -o-linear-gradient(right, #e6f7ff 50%, rgba(230, 247, 255, 0.5) 100%);
  background: linear-gradient(270deg, #e6f7ff 50%, rgba(230, 247, 255, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #e6f7ff 50%, rgba(230, 247, 255, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #e6f7ff 50%, rgba(230, 247, 255, 0.5) 100%);
  background: -o-linear-gradient(270deg, #e6f7ff 50%, rgba(230, 247, 255, 0.5) 100%);
}

.wrapper.blue .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.blue .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.blue .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.blue .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.blue .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.blue .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.blue .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.blue .batch-edit-style5 .data-tr .data_table tr,
.wrapper.blue .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.blue .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.blue .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.blue .lb-table tbody > tr:nth-child(even) {
  background: #e6f7ff;
}

.wrapper.blue .lb-table tbody > tr:nth-child(even),
.wrapper.blue .member1,
.wrapper.blue .mb-group1,
.wrapper.blue .ui-multiselect-header {
  background: #e6f7ff;
}

.wrapper.blue .step-finish .step-arrow,
.wrapper.blue .step-finish,
.wrapper.blue .step-finish .lastarrow2 {
  background: #0f76bd;
}

.wrapper.blue .step-notyet .step-arrow,
.wrapper.blue .step-notyet,
.wrapper.blue .step-finish .lastarrow {
  background: #e6f7ff;
}

.wrapper.blue .step-ul .step-finish .step-arrow:after {
  border-left-color: #0f76bd;
}

.wrapper.blue .step-ul .step-notyet .step-arrow:after {
  border-left-color: #e6f7ff;
}

.wrapper.blue .bars span,
.wrapper.blue .bars span::before,
.wrapper.blue .bars span::after {
  background: #327ccb;
}

.wrapper.blue .bars:hover {
  border-color: #0b486b transparent transparent transparent;
}

.wrapper.blue .bars:hover span,
.wrapper.blue .bars:hover span::before,
.wrapper.blue .bars:hover span::after {
  background: #0b486b;
}

.wrapper.blue .data_table th,
.wrapper.blue .norwd-table th,
.wrapper.blue .table-om th,
.wrapper.blue .table-two-level th,
.wrapper.blue .click th:hover,
.wrapper.blue .lb-table th {
  background: #bde9ff;
}

.wrapper.blue .batch-edit-style th,
.wrapper.blue .batch-edit-style1 th,
.wrapper.blue .batch-edit-style2 th,
.wrapper.blue .batch-edit-style3 th,
.wrapper.blue .batch-edit-style4 th,
.wrapper.blue .batch-edit-style5 th,
.wrapper.blue .batch-edit-style6 th,
.wrapper.blue .batch-edit-style7 th {
  background: #bde9ff;
}

.wrapper.blue #menu-toggle,
.wrapper.blue .search_arrow {
  background: #327ccb;
}

.wrapper.blue .divider,
.wrapper.blue .divideritems {
  background: #327ccb;
}

.wrapper.blue .fake-dialog-title,
.wrapper.blue .iframe-dialog-title,
.wrapper.blue .dialog-title {
  background: #327ccb;
}

.wrapper.blue .blank,
.wrapper.blue .tabs li a,
.wrapper.blue .tabs-level2 li a:before {
  background: #c0e4ff;
}

.wrapper.blue .tabs li:hover a,
.wrapper.blue .tabs .active,
.wrapper.blue li:hover .blank,
.wrapper.blue .blankclick,
.wrapper.blue .tabs-level2 {
  background: #327ccb;
  color: #fff;
}

.wrapper.blue .form,
.wrapper.blue .fake-dialog-content {
  border-color: #327ccb;
}

.wrapper.blue .search,
.wrapper.blue .display,
.wrapper.blue .member1:nth-of-type(1) {
  border-top: 1px solid #327ccb;
}

.wrapper.blue .search,
.wrapper.blue .display,
.wrapper.blue .explanation {
  border-right: 1px solid #327ccb;
}

.wrapper.blue .data_table,
.wrapper.blue .norwd-table,
.wrapper.blue .table-om,
.wrapper.blue .table-two-level {
  border-top: 1px solid #327ccb;
}

.wrapper.blue .batch-edit-style,
.wrapper.blue .batch-edit-style1,
.wrapper.blue .batch-edit-style2,
.wrapper.blue .batch-edit-style3,
.wrapper.blue .batch-edit-style4,
.wrapper.blue .batch-edit-style5,
.wrapper.blue .batch-edit-style6,
.wrapper.blue .batch-edit-style7 {
  border-top: 1px solid #327ccb;
}

.wrapper.blue .message-style2,
.wrapper.blue .tabs,
.wrapper.blue .search,
.wrapper.blue .display,
.wrapper.blue .explanation,
.wrapper.blue .member,
.wrapper.blue .dept-member {
  border-bottom: 1px solid #327ccb;
}

.wrapper.blue .data_table,
.wrapper.blue .norwd-table,
.wrapper.blue .table-om,
.wrapper.blue .table-two-level {
  border-bottom: 1px solid #327ccb;
}

.wrapper.blue .batch-edit-style,
.wrapper.blue .batch-edit-style1,
.wrapper.blue .batch-edit-style2,
.wrapper.blue .batch-edit-style3,
.wrapper.blue .batch-edit-style4,
.wrapper.blue .batch-edit-style5,
.wrapper.blue .batch-edit-style6,
.wrapper.blue .batch-edit-style7 {
  border-bottom: 1px solid #327ccb;
}

.wrapper.blue .search,
.wrapper.blue .display,
.wrapper.blue .explanation {
  border-left: 1px solid #327ccb;
}

.wrapper.blue .click tr:not(.not-select):nth-child(n):hover,
.wrapper.blue .click-table:hover,
.wrapper.blue .click-table-om:nth-child(n):hover,
.wrapper.blue .data_table tr.active {
  background: #b9f0fa;
}

.wrapper.blue .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.blue .click-table:hover .ellipsis.eps-dot:before,
.wrapper.blue .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.blue .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #b9f0fa), to(rgba(185, 240, 250, 0.5)));
  background: -webkit-linear-gradient(right, #b9f0fa 50%, rgba(185, 240, 250, 0.5) 100%);
  background: -moz-linear-gradient(right, #b9f0fa 50%, rgba(185, 240, 250, 0.5) 100%);
  background: -o-linear-gradient(right, #b9f0fa 50%, rgba(185, 240, 250, 0.5) 100%);
  background: linear-gradient(270deg, #b9f0fa 50%, rgba(185, 240, 250, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #b9f0fa 50%, rgba(185, 240, 250, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #b9f0fa 50%, rgba(185, 240, 250, 0.5) 100%);
  background: -o-linear-gradient(270deg, #b9f0fa 50%, rgba(185, 240, 250, 0.5) 100%);
}

.wrapper.blue #menu-toggle {
  -webkit-box-shadow: 2px 0 #b9f0fa;
          box-shadow: 2px 0 #b9f0fa;
}

.wrapper.blue .current {
  background: #0b486b;
}

.wrapper.blue .liclick {
  background: #02779e !important;
}

.wrapper.blue .condition,
.wrapper.blue .search_form_table,
.wrapper.blue .form_table,
.wrapper.blue .area,
.wrapper.blue .sourcebox,
.wrapper.blue .targetbox,
.wrapper.blue .border-table,
.wrapper.blue .border-table th,
.wrapper.blue .border-table td {
  border-color: #71c0f4;
}

.wrapper.blue .member1,
.wrapper.blue .member2 .checkbox,
.wrapper.blue .member2 .blank-cb,
.wrapper.blue .member2-style2 .checkbox,
.wrapper.blue .member2-style2 .blank-cb,
.wrapper.blue .member2-name,
.wrapper.blue .blank-name {
  border-top: 1px solid #71c0f4;
}

.wrapper.blue .dept-member .mb-cb,
.wrapper.blue .dept-member .blank-cb,
.wrapper.blue .dept-member .mb-all-name,
.wrapper.blue .dept-member .mb-group-name,
.wrapper.blue .dept-member .mb-cont-name,
.wrapper.blue .dept-member .blank-name,
.wrapper.blue .dept-member .level-blank,
.wrapper.blue .dept-member .mb-all-sw,
.wrapper.blue .dept-member .mb-group-sw {
  border-top: 1px solid #71c0f4;
}

.wrapper.blue .dept-member .mb-cb,
.wrapper.blue .dept-member .blank-cb,
.wrapper.blue .dept-member .mb-cont-name,
.wrapper.blue .dept-member .blank-name,
.wrapper.blue .dept-member .level-blank,
.wrapper.blue .dept-member .mb-all-name,
.wrapper.blue .dept-member .mb-group-name {
  border-left: 1px solid #71c0f4;
}

.wrapper.blue .dept-member .mb-all {
  background: #b3e7ff;
}

.wrapper.blue .dept-member .mb-all .mb-cb,
.wrapper.blue .dept-member .mb-all .mb-all-sw,
.wrapper.blue .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #327ccb;
}

.wrapper.blue .search_btn,
.wrapper.blue .data_table,
.wrapper.blue .norwd-table,
.wrapper.blue .table-om,
.wrapper.blue .table-two-level {
  border-right: 1px solid #71c0f4;
}

.wrapper.blue .batch-edit-style,
.wrapper.blue .batch-edit-style1,
.wrapper.blue .batch-edit-style2,
.wrapper.blue .batch-edit-style3,
.wrapper.blue .batch-edit-style4,
.wrapper.blue .batch-edit-style5,
.wrapper.blue .batch-edit-style6,
.wrapper.blue .batch-edit-style7 {
  border-right: 1px solid #71c0f4;
}

.wrapper.blue .member,
.wrapper.blue .dept-member {
  border-right: 1px solid #71c0f4;
}

.wrapper.blue .search_btn,
.wrapper.blue .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #71c0f4;
}

.wrapper.blue .search_btn,
.wrapper.blue .data_table,
.wrapper.blue .norwd-table,
.wrapper.blue .table-om,
.wrapper.blue .table-two-level {
  border-left: 1px solid #71c0f4;
}

.wrapper.blue .batch-edit-style,
.wrapper.blue .batch-edit-style1,
.wrapper.blue .batch-edit-style2,
.wrapper.blue .batch-edit-style3,
.wrapper.blue .batch-edit-style4,
.wrapper.blue .batch-edit-style5,
.wrapper.blue .batch-edit-style6,
.wrapper.blue .batch-edit-style7 {
  border-left: 1px solid #71c0f4;
}

.wrapper.blue .member .checkbox,
.wrapper.blue .member .blank-cb,
.wrapper.blue .member1-name,
.wrapper.blue .member2-name,
.wrapper.blue .blank-name {
  border-left: 1px solid #71c0f4;
}

.wrapper.blue .mb-all-sw span:after, .wrapper.blue .mb-all-sw span:before {
  background: #327ccb;
}

.wrapper.blue .mb-group-sw span:after, .wrapper.blue .mb-group-sw span:before {
  background: #71c0f4;
}

.wrapper.blue .preview .area,
.wrapper.blue .preview-table,
.wrapper.blue .preview-table thead tr:nth-child(n) th,
.wrapper.blue .preview-table tbody tr td {
  border-color: #327ccb;
}

.wrapper.blue th.th-second {
  background: #71c2ff;
}

.wrapper.blue #top-btn {
  background-color: rgba(46, 144, 241, 0.7);
  border: 2px solid rgba(136, 196, 255, 0.8);
}

.wrapper.blue #top-btn i:hover,
.wrapper.blue #bottom-btn i:hover {
  background: #2e90f1;
  border: 2px solid #88c4ff;
}

.wrapper.blue .listbox .checked:nth-child(n) {
  background: #abdef4;
}

.wrapper.blue .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.blue .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.blue .display .area:nth-last-child(2),
.wrapper.blue .display .area:last-child {
  border-bottom: none;
}

.wrapper.blue .preview .area,
.wrapper.blue .print .area,
.wrapper.blue .print-table th:nth-child(n),
.wrapper.blue .print-table tbody > tr:nth-child(n),
.wrapper.blue .preview-table th:nth-child(n),
.wrapper.blue .preview-table tbody > tr:nth-child(n),
.wrapper.blue .table-one tbody > tr:nth-child(n),
.wrapper.blue .table-many tbody > tr:nth-child(n),
.wrapper.blue .click tr.switch-content:hover,
.wrapper.blue .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.blue .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.blue .print,
.wrapper.blue .print .area,
.wrapper.blue .print-table,
.wrapper.blue .print-table thead tr th,
.wrapper.blue .print-table tbody tr td,
.wrapper.blue .print ~ .explanation {
  border-color: #000;
}

.wrapper.blue .fullwidth .data_table,
.wrapper.blue .fullwidth .batch-edit-style,
.wrapper.blue .fullwidth .batch-edit-style1,
.wrapper.blue .fullwidth .batch-edit-style2,
.wrapper.blue .fullwidth .batch-edit-style3,
.wrapper.blue .fullwidth .batch-edit-style4,
.wrapper.blue .fullwidth .batch-edit-style5,
.wrapper.blue .fullwidth .batch-edit-style6,
.wrapper.blue .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.blue .search_arrow {
  -webkit-box-shadow: 0 2px 0 #0b486b;
          box-shadow: 0 2px 0 #0b486b;
}

@media screen and (max-width: 768px) {
  .wrapper.blue .leftmenu {
    border-top: 1px solid #71c0f4;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.blue .border-table tr:nth-child(1) {
    border-color: #71c0f4;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.blue .data_table tr:nth-child(1),
  .wrapper.blue .table-two-level tr:nth-child(1) {
    border-top: 1px solid #327ccb;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.blue .batch-edit-style tr:nth-child(1),
  .wrapper.blue .batch-edit-style1 tr:nth-child(1),
  .wrapper.blue .batch-edit-style2 tr:nth-child(1),
  .wrapper.blue .batch-edit-style3 tr:nth-child(1),
  .wrapper.blue .batch-edit-style4 tr:nth-child(1),
  .wrapper.blue .batch-edit-style5 tr:nth-child(1),
  .wrapper.blue .batch-edit-style6 tr:nth-child(1),
  .wrapper.blue .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #327ccb;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.blue .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #71c0f4;
  }
}

.wrapper.blue tr.switch-content td {
  padding: 0;
}

.wrapper.blue tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.blue tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.blue .upload-finish {
  background: #71c0f4;
}

.wrapper.blue .toggleTable-card-header {
  background: #9CD9FF;
  border-color: #327ccb;
}

.wrapper.blue .select-color-input:checked + .select-color-label {
  border-color: #327ccb;
}

.wrapper.blue .fixed-table-wrapper {
  border-color: #327ccb #71c0f4;
}

.wrapper.blue .fixed-table-wrapper .fixed-table-header {
  background-color: #bde9ff;
}

.wrapper.blue .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.blue .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.blue .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #327ccb;
}

.wrapper.blue .input-type-number .sub-num-btn,
.wrapper.blue .input-type-number .add-num-btn {
  background: #d5f1ff;
}

.wrapper.blue .input-type-number .sub-num-btn:before, .wrapper.blue .input-type-number .sub-num-btn:after,
.wrapper.blue .input-type-number .add-num-btn:before,
.wrapper.blue .input-type-number .add-num-btn:after {
  background: #4a98d3;
}

.wrapper.blue .input-type-number .sub-num-btn:hover,
.wrapper.blue .input-type-number .add-num-btn:hover {
  background: #e6f7ff;
}

.wrapper.blue .input-type-number .sub-num-btn:hover:before, .wrapper.blue .input-type-number .sub-num-btn:hover:after,
.wrapper.blue .input-type-number .add-num-btn:hover:before,
.wrapper.blue .input-type-number .add-num-btn:hover:after {
  background: #327ccb;
}

.wrapper.blue .input-type-number .sub-num-btn.disabled,
.wrapper.blue .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.blue .input-type-number .sub-num-btn.disabled:before, .wrapper.blue .input-type-number .sub-num-btn.disabled:after,
.wrapper.blue .input-type-number .add-num-btn.disabled:before,
.wrapper.blue .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.blue.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_blue_8.png");
}

.wrapper.blue.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_blue_8.png");
}

.wrapper.blue.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_blue_9.png") top left no-repeat, url("../../images/pub/banner_bg_blue_3.png") top left repeat;
}

.wrapper.blue.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_blue_9.png") top left no-repeat, url("../images/pub/banner_bg_blue_3.png") top left repeat;
}

.wrapper.blue.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_blue_10.png");
}

.wrapper.blue.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_blue_1.png");
}

.wrapper.blue.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_blue_11.png") top left no-repeat, url("../../images/pub/banner_bg_blue_3.png") top left repeat;
}

.wrapper.blue.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_blue_11.png") top left no-repeat, url("../images/pub/banner_bg_blue_3.png") top left repeat;
}

.wrapper.blue .page-turn .page li a:hover, .wrapper.blue .page-turn .page li a.active,
.wrapper.blue .page-turn .min-page li a:hover,
.wrapper.blue .page-turn .min-page li a.active {
  background-color: #2B86D8;
}

.wrapper.blue .page-turn .page li a.disabled:hover,
.wrapper.blue .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.blue {
  background: #327ccb;
}

.wrapper.blue #top input[type="radio"]:checked + .change-font:after {
  background: #327ccb;
}

.wrapper.blue #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #327ccb;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.blue .bars {
    background: #e6f7ff;
  }
  .wrapper.rwd.blue #top {
    background-image: url("../images/pub/banner_bg_blue_4.png");
  }
  .wrapper.rwd.blue #top.project-bg {
    background-image: url("../../images/pub/banner_bg_blue_4.png");
  }
  .wrapper.rwd.blue #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_blue_5.png") top left no-repeat, url("../../images/pub/banner_bg_blue_3.png") top left repeat;
  }
  .wrapper.rwd.blue #top .topbtn {
    background: url("../images/pub/banner_bg_blue_5.png") top left no-repeat, url("../images/pub/banner_bg_blue_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.blue .bars {
    background: none;
  }
  .wrapper.rwd.blue #top {
    background-image: url("../images/pub/banner_bg_blue_6.png");
  }
  .wrapper.rwd.blue #top.project-bg {
    background-image: url("../../images/pub/banner_bg_blue_6.png");
  }
  .wrapper.rwd.blue #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_blue_7.png") top left no-repeat, url("../../images/pub/banner_bg_blue_3.png") top left repeat;
  }
  .wrapper.rwd.blue #top .topbtn {
    background: url("../images/pub/banner_bg_blue_7.png") top left no-repeat, url("../images/pub/banner_bg_blue_3.png") top left repeat;
  }
}

.wrapper.indigo #top {
  background-image: url("../images/pub/banner_bg_indigo_1.png");
}

.wrapper.indigo #top.project-bg {
  background-image: url("../../images/pub/banner_bg_indigo_1.png");
}

.wrapper.indigo #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_indigo_2.png") top left no-repeat, url("../../images/pub/banner_bg_indigo_3.png") top left repeat;
}

.wrapper.indigo #top .topbtn {
  background: url("../images/pub/banner_bg_indigo_2.png") top left no-repeat, url("../images/pub/banner_bg_indigo_3.png") top left repeat;
}

.wrapper.indigo #top .usmenu-area ul li a:hover {
  background: #F8FAFF;
}

.wrapper.indigo #top .title {
  text-shadow: 0 0 0 5px #3A5DAA, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.indigo #top .title {
    text-shadow: 2px -2px #3A5DAA, -2px -2px #3A5DAA, -2px -2px #3A5DAA, -2px 2px #3A5DAA, 2px -1px #3A5DAA, -2px -1px #3A5DAA, -1px -2px #3A5DAA, -1px 2px #3A5DAA, 2px 0px #3A5DAA, -2px 0px #3A5DAA, 0px -2px #3A5DAA, 0px 2px #3A5DAA, 2px 1px #3A5DAA, -2px 1px #3A5DAA, 1px -2px #3A5DAA, 1px 2px #3A5DAA, 2px 2px #3A5DAA, -2px 2px #3A5DAA, 2px -2px #3A5DAA, 2px 2px #3A5DAA, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.indigo #top .title {
    color: red;
    text-shadow: 2px -2px #3A5DAA, -2px -2px #3A5DAA, -2px -2px #3A5DAA, -2px 2px #3A5DAA, 2px -1px #3A5DAA, -2px -1px #3A5DAA, -1px -2px #3A5DAA, -1px 2px #3A5DAA, 2px 0px #3A5DAA, -2px 0px #3A5DAA, 0px -2px #3A5DAA, 0px 2px #3A5DAA, 2px 1px #3A5DAA, -2px 1px #3A5DAA, 1px -2px #3A5DAA, 1px 2px #3A5DAA, 2px 2px #3A5DAA, -2px 2px #3A5DAA, 2px -2px #3A5DAA, 2px 2px #3A5DAA, 0 4px 4px #999;
  }
}

.wrapper.indigo .home_btn {
  background: #597EE6;
}

.wrapper.indigo .home_btn a {
  color: white;
}

.wrapper.indigo .home_btn:hover {
  background: #294991;
}

.wrapper.indigo .left-menu {
  background: #FFFFFF;
}

.wrapper.indigo #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.indigo #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.indigo #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #597EE6;
}

.wrapper.indigo .left-menu_switch-area {
  border-bottom-color: #CFE1F9;
}

.wrapper.indigo.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.indigo.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.indigo.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.indigo.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.indigo .left-menu .nav li.active > a {
  background-color: #B8CEFF;
}

.wrapper.indigo .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.indigo .left-menu .nav li > a.active,
.wrapper.indigo .left-menu .nav li a.nav-second-current-ele {
  background: #D9E5FF;
  border-right-color: #597EE6;
  color: #597EE6;
  font-weight: bold;
}

.wrapper.indigo .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.indigo .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #597EE6;
}

.wrapper.indigo .left-menu .nav li a:hover {
  color: #597EE6;
}

.wrapper.indigo .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.indigo .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #597EE6;
}

.wrapper.indigo .left-menu .nav li .hide_ul.active:before {
  background-color: #B8CEFF;
}

.wrapper.indigo .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.indigo .left-menu .nav2 > li > a {
  background: #E6F0FF;
}

.wrapper.indigo .left-menu .nav2 > li > a.active, .wrapper.indigo .left-menu .nav2 > li > a:hover {
  background: #597EE6;
}

.wrapper.indigo .left-menu .nav2 > li > a:before {
  background: #597EE6;
}

.wrapper.indigo .left-menu .nav2 > li > ul {
  border-color: #597EE6;
}

.wrapper.indigo .left-menu .nav2 li li > a:before {
  background: #597EE6;
}

.wrapper.indigo .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #DCE7FF;
  color: #597EE6;
}

.wrapper.indigo .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #597EE6;
}

.wrapper.indigo .left-menu .fav li a:hover, .wrapper.indigo .left-menu .fav li a.active,
.wrapper.indigo .left-menu .sea li a:hover,
.wrapper.indigo .left-menu .sea li a.active {
  color: #597EE6;
}

.wrapper.indigo .left-menu .fav li a:hover:before, .wrapper.indigo .left-menu .fav li a.active:before,
.wrapper.indigo .left-menu .sea li a:hover:before,
.wrapper.indigo .left-menu .sea li a.active:before {
  background: #326ced;
}

.wrapper.indigo .left-menu .fav li a:before,
.wrapper.indigo .left-menu .sea li a:before {
  background: #DCE7FF;
}

.wrapper.indigo.show-child-list-line .hide_ul.active:before {
  background-color: #B8CEFF;
}

.wrapper.indigo.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.indigo .condition {
  background: #EBF1FF;
}

.wrapper.indigo .area:nth-child(odd),
.wrapper.indigo .tr-even-bg {
  background: #EBF1FF;
}

.wrapper.indigo .data_table tbody > tr:nth-child(even),
.wrapper.indigo .norwd-table tbody > tr:nth-child(even),
.wrapper.indigo .table-om tbody > tr:nth-child(even),
.wrapper.indigo .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.indigo .border-table th {
  background: #EBF1FF;
}

.wrapper.indigo .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.indigo .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.indigo .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.indigo .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.indigo .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ebf1ff), to(rgba(235, 241, 255, 0.5)));
  background: -webkit-linear-gradient(right, #ebf1ff 50%, rgba(235, 241, 255, 0.5) 100%);
  background: -moz-linear-gradient(right, #ebf1ff 50%, rgba(235, 241, 255, 0.5) 100%);
  background: -o-linear-gradient(right, #ebf1ff 50%, rgba(235, 241, 255, 0.5) 100%);
  background: linear-gradient(270deg, #ebf1ff 50%, rgba(235, 241, 255, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #ebf1ff 50%, rgba(235, 241, 255, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #ebf1ff 50%, rgba(235, 241, 255, 0.5) 100%);
  background: -o-linear-gradient(270deg, #ebf1ff 50%, rgba(235, 241, 255, 0.5) 100%);
}

.wrapper.indigo .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.indigo .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.indigo .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.indigo .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.indigo .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.indigo .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.indigo .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.indigo .batch-edit-style5 .data-tr .data_table tr,
.wrapper.indigo .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.indigo .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.indigo .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.indigo .lb-table tbody > tr:nth-child(even) {
  background: #EBF1FF;
}

.wrapper.indigo .lb-table tbody > tr:nth-child(even),
.wrapper.indigo .member1,
.wrapper.indigo .mb-group1,
.wrapper.indigo .ui-multiselect-header {
  background: #EBF1FF;
}

.wrapper.indigo .step-finish .step-arrow,
.wrapper.indigo .step-finish,
.wrapper.indigo .step-finish .lastarrow2 {
  background: #1347BA;
}

.wrapper.indigo .step-notyet .step-arrow,
.wrapper.indigo .step-notyet,
.wrapper.indigo .step-finish .lastarrow {
  background: #EBF1FF;
}

.wrapper.indigo .step-ul .step-finish .step-arrow:after {
  border-left-color: #1347BA;
}

.wrapper.indigo .step-ul .step-notyet .step-arrow:after {
  border-left-color: #EBF1FF;
}

.wrapper.indigo .bars span,
.wrapper.indigo .bars span::before,
.wrapper.indigo .bars span::after {
  background: #597EE6;
}

.wrapper.indigo .bars:hover {
  border-color: #294991 transparent transparent transparent;
}

.wrapper.indigo .bars:hover span,
.wrapper.indigo .bars:hover span::before,
.wrapper.indigo .bars:hover span::after {
  background: #294991;
}

.wrapper.indigo .data_table th,
.wrapper.indigo .norwd-table th,
.wrapper.indigo .table-om th,
.wrapper.indigo .table-two-level th,
.wrapper.indigo .click th:hover,
.wrapper.indigo .lb-table th {
  background: #CFE1F9;
}

.wrapper.indigo .batch-edit-style th,
.wrapper.indigo .batch-edit-style1 th,
.wrapper.indigo .batch-edit-style2 th,
.wrapper.indigo .batch-edit-style3 th,
.wrapper.indigo .batch-edit-style4 th,
.wrapper.indigo .batch-edit-style5 th,
.wrapper.indigo .batch-edit-style6 th,
.wrapper.indigo .batch-edit-style7 th {
  background: #CFE1F9;
}

.wrapper.indigo #menu-toggle,
.wrapper.indigo .search_arrow {
  background: #597EE6;
}

.wrapper.indigo .divider,
.wrapper.indigo .divideritems {
  background: #597EE6;
}

.wrapper.indigo .fake-dialog-title,
.wrapper.indigo .iframe-dialog-title,
.wrapper.indigo .dialog-title {
  background: #597EE6;
}

.wrapper.indigo .blank,
.wrapper.indigo .tabs li a,
.wrapper.indigo .tabs-level2 li a:before {
  background: #C5D7FF;
}

.wrapper.indigo .tabs li:hover a,
.wrapper.indigo .tabs .active,
.wrapper.indigo li:hover .blank,
.wrapper.indigo .blankclick,
.wrapper.indigo .tabs-level2 {
  background: #597EE6;
  color: #fff;
}

.wrapper.indigo .form,
.wrapper.indigo .fake-dialog-content {
  border-color: #597EE6;
}

.wrapper.indigo .search,
.wrapper.indigo .display,
.wrapper.indigo .member1:nth-of-type(1) {
  border-top: 1px solid #597EE6;
}

.wrapper.indigo .search,
.wrapper.indigo .display,
.wrapper.indigo .explanation {
  border-right: 1px solid #597EE6;
}

.wrapper.indigo .data_table,
.wrapper.indigo .norwd-table,
.wrapper.indigo .table-om,
.wrapper.indigo .table-two-level {
  border-top: 1px solid #597EE6;
}

.wrapper.indigo .batch-edit-style,
.wrapper.indigo .batch-edit-style1,
.wrapper.indigo .batch-edit-style2,
.wrapper.indigo .batch-edit-style3,
.wrapper.indigo .batch-edit-style4,
.wrapper.indigo .batch-edit-style5,
.wrapper.indigo .batch-edit-style6,
.wrapper.indigo .batch-edit-style7 {
  border-top: 1px solid #597EE6;
}

.wrapper.indigo .message-style2,
.wrapper.indigo .tabs,
.wrapper.indigo .search,
.wrapper.indigo .display,
.wrapper.indigo .explanation,
.wrapper.indigo .member,
.wrapper.indigo .dept-member {
  border-bottom: 1px solid #597EE6;
}

.wrapper.indigo .data_table,
.wrapper.indigo .norwd-table,
.wrapper.indigo .table-om,
.wrapper.indigo .table-two-level {
  border-bottom: 1px solid #597EE6;
}

.wrapper.indigo .batch-edit-style,
.wrapper.indigo .batch-edit-style1,
.wrapper.indigo .batch-edit-style2,
.wrapper.indigo .batch-edit-style3,
.wrapper.indigo .batch-edit-style4,
.wrapper.indigo .batch-edit-style5,
.wrapper.indigo .batch-edit-style6,
.wrapper.indigo .batch-edit-style7 {
  border-bottom: 1px solid #597EE6;
}

.wrapper.indigo .search,
.wrapper.indigo .display,
.wrapper.indigo .explanation {
  border-left: 1px solid #597EE6;
}

.wrapper.indigo .click tr:not(.not-select):nth-child(n):hover,
.wrapper.indigo .click-table:hover,
.wrapper.indigo .click-table-om:nth-child(n):hover,
.wrapper.indigo .data_table tr.active {
  background: #BCCEF7;
}

.wrapper.indigo .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.indigo .click-table:hover .ellipsis.eps-dot:before,
.wrapper.indigo .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.indigo .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #bccef7), to(rgba(188, 206, 247, 0.5)));
  background: -webkit-linear-gradient(right, #bccef7 50%, rgba(188, 206, 247, 0.5) 100%);
  background: -moz-linear-gradient(right, #bccef7 50%, rgba(188, 206, 247, 0.5) 100%);
  background: -o-linear-gradient(right, #bccef7 50%, rgba(188, 206, 247, 0.5) 100%);
  background: linear-gradient(270deg, #bccef7 50%, rgba(188, 206, 247, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #bccef7 50%, rgba(188, 206, 247, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #bccef7 50%, rgba(188, 206, 247, 0.5) 100%);
  background: -o-linear-gradient(270deg, #bccef7 50%, rgba(188, 206, 247, 0.5) 100%);
}

.wrapper.indigo #menu-toggle {
  -webkit-box-shadow: 2px 0 #BCCEF7;
          box-shadow: 2px 0 #BCCEF7;
}

.wrapper.indigo .current {
  background: #294991;
}

.wrapper.indigo .liclick {
  background: #3A5DAA !important;
}

.wrapper.indigo .condition,
.wrapper.indigo .search_form_table,
.wrapper.indigo .form_table,
.wrapper.indigo .area,
.wrapper.indigo .sourcebox,
.wrapper.indigo .targetbox,
.wrapper.indigo .border-table,
.wrapper.indigo .border-table th,
.wrapper.indigo .border-table td {
  border-color: #739AEF;
}

.wrapper.indigo .member1,
.wrapper.indigo .member2 .checkbox,
.wrapper.indigo .member2 .blank-cb,
.wrapper.indigo .member2-style2 .checkbox,
.wrapper.indigo .member2-style2 .blank-cb,
.wrapper.indigo .member2-name,
.wrapper.indigo .blank-name {
  border-top: 1px solid #739AEF;
}

.wrapper.indigo .dept-member .mb-cb,
.wrapper.indigo .dept-member .blank-cb,
.wrapper.indigo .dept-member .mb-all-name,
.wrapper.indigo .dept-member .mb-group-name,
.wrapper.indigo .dept-member .mb-cont-name,
.wrapper.indigo .dept-member .blank-name,
.wrapper.indigo .dept-member .level-blank,
.wrapper.indigo .dept-member .mb-all-sw,
.wrapper.indigo .dept-member .mb-group-sw {
  border-top: 1px solid #739AEF;
}

.wrapper.indigo .dept-member .mb-cb,
.wrapper.indigo .dept-member .blank-cb,
.wrapper.indigo .dept-member .mb-cont-name,
.wrapper.indigo .dept-member .blank-name,
.wrapper.indigo .dept-member .level-blank,
.wrapper.indigo .dept-member .mb-all-name,
.wrapper.indigo .dept-member .mb-group-name {
  border-left: 1px solid #739AEF;
}

.wrapper.indigo .dept-member .mb-all {
  background: #B8CEFF;
}

.wrapper.indigo .dept-member .mb-all .mb-cb,
.wrapper.indigo .dept-member .mb-all .mb-all-sw,
.wrapper.indigo .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #597EE6;
}

.wrapper.indigo .search_btn,
.wrapper.indigo .data_table,
.wrapper.indigo .norwd-table,
.wrapper.indigo .table-om,
.wrapper.indigo .table-two-level {
  border-right: 1px solid #739AEF;
}

.wrapper.indigo .batch-edit-style,
.wrapper.indigo .batch-edit-style1,
.wrapper.indigo .batch-edit-style2,
.wrapper.indigo .batch-edit-style3,
.wrapper.indigo .batch-edit-style4,
.wrapper.indigo .batch-edit-style5,
.wrapper.indigo .batch-edit-style6,
.wrapper.indigo .batch-edit-style7 {
  border-right: 1px solid #739AEF;
}

.wrapper.indigo .member,
.wrapper.indigo .dept-member {
  border-right: 1px solid #739AEF;
}

.wrapper.indigo .search_btn,
.wrapper.indigo .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #739AEF;
}

.wrapper.indigo .search_btn,
.wrapper.indigo .data_table,
.wrapper.indigo .norwd-table,
.wrapper.indigo .table-om,
.wrapper.indigo .table-two-level {
  border-left: 1px solid #739AEF;
}

.wrapper.indigo .batch-edit-style,
.wrapper.indigo .batch-edit-style1,
.wrapper.indigo .batch-edit-style2,
.wrapper.indigo .batch-edit-style3,
.wrapper.indigo .batch-edit-style4,
.wrapper.indigo .batch-edit-style5,
.wrapper.indigo .batch-edit-style6,
.wrapper.indigo .batch-edit-style7 {
  border-left: 1px solid #739AEF;
}

.wrapper.indigo .member .checkbox,
.wrapper.indigo .member .blank-cb,
.wrapper.indigo .member1-name,
.wrapper.indigo .member2-name,
.wrapper.indigo .blank-name {
  border-left: 1px solid #739AEF;
}

.wrapper.indigo .mb-all-sw span:after, .wrapper.indigo .mb-all-sw span:before {
  background: #597EE6;
}

.wrapper.indigo .mb-group-sw span:after, .wrapper.indigo .mb-group-sw span:before {
  background: #739AEF;
}

.wrapper.indigo .preview .area,
.wrapper.indigo .preview-table,
.wrapper.indigo .preview-table thead tr:nth-child(n) th,
.wrapper.indigo .preview-table tbody tr td {
  border-color: #597EE6;
}

.wrapper.indigo th.th-second {
  background: #76A0FF;
}

.wrapper.indigo #top-btn {
  background-color: rgba(50, 108, 237, 0.7);
  border: 2px solid rgba(141, 176, 255, 0.8);
}

.wrapper.indigo #top-btn i:hover,
.wrapper.indigo #bottom-btn i:hover {
  background: #326ced;
  border: 2px solid #8db0ff;
}

.wrapper.indigo .listbox .checked:nth-child(n) {
  background: #ACC1EF;
}

.wrapper.indigo .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.indigo .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.indigo .display .area:nth-last-child(2),
.wrapper.indigo .display .area:last-child {
  border-bottom: none;
}

.wrapper.indigo .preview .area,
.wrapper.indigo .print .area,
.wrapper.indigo .print-table th:nth-child(n),
.wrapper.indigo .print-table tbody > tr:nth-child(n),
.wrapper.indigo .preview-table th:nth-child(n),
.wrapper.indigo .preview-table tbody > tr:nth-child(n),
.wrapper.indigo .table-one tbody > tr:nth-child(n),
.wrapper.indigo .table-many tbody > tr:nth-child(n),
.wrapper.indigo .click tr.switch-content:hover,
.wrapper.indigo .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.indigo .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.indigo .print,
.wrapper.indigo .print .area,
.wrapper.indigo .print-table,
.wrapper.indigo .print-table thead tr th,
.wrapper.indigo .print-table tbody tr td,
.wrapper.indigo .print ~ .explanation {
  border-color: #000;
}

.wrapper.indigo .fullwidth .data_table,
.wrapper.indigo .fullwidth .batch-edit-style,
.wrapper.indigo .fullwidth .batch-edit-style1,
.wrapper.indigo .fullwidth .batch-edit-style2,
.wrapper.indigo .fullwidth .batch-edit-style3,
.wrapper.indigo .fullwidth .batch-edit-style4,
.wrapper.indigo .fullwidth .batch-edit-style5,
.wrapper.indigo .fullwidth .batch-edit-style6,
.wrapper.indigo .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.indigo .search_arrow {
  -webkit-box-shadow: 0 2px 0 #294991;
          box-shadow: 0 2px 0 #294991;
}

@media screen and (max-width: 768px) {
  .wrapper.indigo .leftmenu {
    border-top: 1px solid #739AEF;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.indigo .border-table tr:nth-child(1) {
    border-color: #739AEF;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.indigo .data_table tr:nth-child(1),
  .wrapper.indigo .table-two-level tr:nth-child(1) {
    border-top: 1px solid #597EE6;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.indigo .batch-edit-style tr:nth-child(1),
  .wrapper.indigo .batch-edit-style1 tr:nth-child(1),
  .wrapper.indigo .batch-edit-style2 tr:nth-child(1),
  .wrapper.indigo .batch-edit-style3 tr:nth-child(1),
  .wrapper.indigo .batch-edit-style4 tr:nth-child(1),
  .wrapper.indigo .batch-edit-style5 tr:nth-child(1),
  .wrapper.indigo .batch-edit-style6 tr:nth-child(1),
  .wrapper.indigo .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #597EE6;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.indigo .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #739AEF;
  }
}

.wrapper.indigo tr.switch-content td {
  padding: 0;
}

.wrapper.indigo tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.indigo tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.indigo .upload-finish {
  background: #739AEF;
}

.wrapper.indigo .toggleTable-card-header {
  background: #A1BEFF;
  border-color: #597EE6;
}

.wrapper.indigo .select-color-input:checked + .select-color-label {
  border-color: #597EE6;
}

.wrapper.indigo .fixed-table-wrapper {
  border-color: #597EE6 #739AEF;
}

.wrapper.indigo .fixed-table-wrapper .fixed-table-header {
  background-color: #CFE1F9;
}

.wrapper.indigo .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.indigo .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.indigo .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #597EE6;
}

.wrapper.indigo .input-type-number .sub-num-btn,
.wrapper.indigo .input-type-number .add-num-btn {
  background: #D9E5FF;
}

.wrapper.indigo .input-type-number .sub-num-btn:before, .wrapper.indigo .input-type-number .sub-num-btn:after,
.wrapper.indigo .input-type-number .add-num-btn:before,
.wrapper.indigo .input-type-number .add-num-btn:after {
  background: #4D75CE;
}

.wrapper.indigo .input-type-number .sub-num-btn:hover,
.wrapper.indigo .input-type-number .add-num-btn:hover {
  background: #EBF1FF;
}

.wrapper.indigo .input-type-number .sub-num-btn:hover:before, .wrapper.indigo .input-type-number .sub-num-btn:hover:after,
.wrapper.indigo .input-type-number .add-num-btn:hover:before,
.wrapper.indigo .input-type-number .add-num-btn:hover:after {
  background: #597EE6;
}

.wrapper.indigo .input-type-number .sub-num-btn.disabled,
.wrapper.indigo .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.indigo .input-type-number .sub-num-btn.disabled:before, .wrapper.indigo .input-type-number .sub-num-btn.disabled:after,
.wrapper.indigo .input-type-number .add-num-btn.disabled:before,
.wrapper.indigo .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.indigo.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_indigo_8.png");
}

.wrapper.indigo.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_indigo_8.png");
}

.wrapper.indigo.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_indigo_9.png") top left no-repeat, url("../../images/pub/banner_bg_indigo_3.png") top left repeat;
}

.wrapper.indigo.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_indigo_9.png") top left no-repeat, url("../images/pub/banner_bg_indigo_3.png") top left repeat;
}

.wrapper.indigo.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_indigo_10.png");
}

.wrapper.indigo.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_indigo_1.png");
}

.wrapper.indigo.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_indigo_11.png") top left no-repeat, url("../../images/pub/banner_bg_indigo_3.png") top left repeat;
}

.wrapper.indigo.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_indigo_11.png") top left no-repeat, url("../images/pub/banner_bg_indigo_3.png") top left repeat;
}

.wrapper.indigo .page-turn .page li a:hover, .wrapper.indigo .page-turn .page li a.active,
.wrapper.indigo .page-turn .min-page li a:hover,
.wrapper.indigo .page-turn .min-page li a.active {
  background-color: #5081EF;
}

.wrapper.indigo .page-turn .page li a.disabled:hover,
.wrapper.indigo .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.indigo {
  background: #597EE6;
}

.wrapper.indigo #top input[type="radio"]:checked + .change-font:after {
  background: #597EE6;
}

.wrapper.indigo #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #597EE6;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.indigo .bars {
    background: #EBF1FF;
  }
  .wrapper.rwd.indigo #top {
    background-image: url("../images/pub/banner_bg_indigo_4.png");
  }
  .wrapper.rwd.indigo #top.project-bg {
    background-image: url("../../images/pub/banner_bg_indigo_4.png");
  }
  .wrapper.rwd.indigo #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_indigo_5.png") top left no-repeat, url("../../images/pub/banner_bg_indigo_3.png") top left repeat;
  }
  .wrapper.rwd.indigo #top .topbtn {
    background: url("../images/pub/banner_bg_indigo_5.png") top left no-repeat, url("../images/pub/banner_bg_indigo_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.indigo .bars {
    background: none;
  }
  .wrapper.rwd.indigo #top {
    background-image: url("../images/pub/banner_bg_indigo_6.png");
  }
  .wrapper.rwd.indigo #top.project-bg {
    background-image: url("../../images/pub/banner_bg_indigo_6.png");
  }
  .wrapper.rwd.indigo #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_indigo_7.png") top left no-repeat, url("../../images/pub/banner_bg_indigo_3.png") top left repeat;
  }
  .wrapper.rwd.indigo #top .topbtn {
    background: url("../images/pub/banner_bg_indigo_7.png") top left no-repeat, url("../images/pub/banner_bg_indigo_3.png") top left repeat;
  }
}

.wrapper.red #top {
  background-image: url("../images/pub/banner_bg_red_1.png");
}

.wrapper.red #top.project-bg {
  background-image: url("../../images/pub/banner_bg_red_1.png");
}

.wrapper.red #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_red_2.png") top left no-repeat, url("../../images/pub/banner_bg_red_3.png") top left repeat;
}

.wrapper.red #top .topbtn {
  background: url("../images/pub/banner_bg_red_2.png") top left no-repeat, url("../images/pub/banner_bg_red_3.png") top left repeat;
}

.wrapper.red #top .usmenu-area ul li a:hover {
  background: #FFF8F8;
}

.wrapper.red #top .title {
  text-shadow: 0 0 0 5px #8d1d0c, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.red #top .title {
    text-shadow: 2px -2px #8d1d0c, -2px -2px #8d1d0c, -2px -2px #8d1d0c, -2px 2px #8d1d0c, 2px -1px #8d1d0c, -2px -1px #8d1d0c, -1px -2px #8d1d0c, -1px 2px #8d1d0c, 2px 0px #8d1d0c, -2px 0px #8d1d0c, 0px -2px #8d1d0c, 0px 2px #8d1d0c, 2px 1px #8d1d0c, -2px 1px #8d1d0c, 1px -2px #8d1d0c, 1px 2px #8d1d0c, 2px 2px #8d1d0c, -2px 2px #8d1d0c, 2px -2px #8d1d0c, 2px 2px #8d1d0c, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.red #top .title {
    color: red;
    text-shadow: 2px -2px #8d1d0c, -2px -2px #8d1d0c, -2px -2px #8d1d0c, -2px 2px #8d1d0c, 2px -1px #8d1d0c, -2px -1px #8d1d0c, -1px -2px #8d1d0c, -1px 2px #8d1d0c, 2px 0px #8d1d0c, -2px 0px #8d1d0c, 0px -2px #8d1d0c, 0px 2px #8d1d0c, 2px 1px #8d1d0c, -2px 1px #8d1d0c, 1px -2px #8d1d0c, 1px 2px #8d1d0c, 2px 2px #8d1d0c, -2px 2px #8d1d0c, 2px -2px #8d1d0c, 2px 2px #8d1d0c, 0 4px 4px #999;
  }
}

.wrapper.red .home_btn {
  background: #b74e4e;
}

.wrapper.red .home_btn a {
  color: white;
}

.wrapper.red .home_btn:hover {
  background: #63211c;
}

.wrapper.red .left-menu {
  background: #FFFFFF;
}

.wrapper.red #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.red #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.red #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #b74e4e;
}

.wrapper.red .left-menu_switch-area {
  border-bottom-color: #ffe0de;
}

.wrapper.red.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.red.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.red.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.red.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.red .left-menu .nav li.active > a {
  background-color: #ffd0cc;
}

.wrapper.red .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.red .left-menu .nav li > a.active,
.wrapper.red .left-menu .nav li a.nav-second-current-ele {
  background: #fdeae8;
  border-right-color: #b74e4e;
  color: #b74e4e;
  font-weight: bold;
}

.wrapper.red .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.red .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #b74e4e;
}

.wrapper.red .left-menu .nav li a:hover {
  color: #b74e4e;
}

.wrapper.red .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.red .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #b74e4e;
}

.wrapper.red .left-menu .nav li .hide_ul.active:before {
  background-color: #ffd0cc;
}

.wrapper.red .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.red .left-menu .nav2 > li > a {
  background: #FFEBEB;
}

.wrapper.red .left-menu .nav2 > li > a.active, .wrapper.red .left-menu .nav2 > li > a:hover {
  background: #b74e4e;
}

.wrapper.red .left-menu .nav2 > li > a:before {
  background: #b74e4e;
}

.wrapper.red .left-menu .nav2 > li > ul {
  border-color: #b74e4e;
}

.wrapper.red .left-menu .nav2 li li > a:before {
  background: #b74e4e;
}

.wrapper.red .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #fdeae8;
  color: #b74e4e;
}

.wrapper.red .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #b74e4e;
}

.wrapper.red .left-menu .fav li a:hover, .wrapper.red .left-menu .fav li a.active,
.wrapper.red .left-menu .sea li a:hover,
.wrapper.red .left-menu .sea li a.active {
  color: #b74e4e;
}

.wrapper.red .left-menu .fav li a:hover:before, .wrapper.red .left-menu .fav li a.active:before,
.wrapper.red .left-menu .sea li a:hover:before,
.wrapper.red .left-menu .sea li a.active:before {
  background: #f02d2d;
}

.wrapper.red .left-menu .fav li a:before,
.wrapper.red .left-menu .sea li a:before {
  background: #fdeae8;
}

.wrapper.red.show-child-list-line .hide_ul.active:before {
  background-color: #ffd0cc;
}

.wrapper.red.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.red .condition {
  background: #fff4f3;
}

.wrapper.red .area:nth-child(odd),
.wrapper.red .tr-even-bg {
  background: #fff4f3;
}

.wrapper.red .data_table tbody > tr:nth-child(even),
.wrapper.red .norwd-table tbody > tr:nth-child(even),
.wrapper.red .table-om tbody > tr:nth-child(even),
.wrapper.red .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.red .border-table th {
  background: #fff4f3;
}

.wrapper.red .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.red .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.red .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.red .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.red .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff4f3), to(rgba(255, 244, 243, 0.5)));
  background: -webkit-linear-gradient(right, #fff4f3 50%, rgba(255, 244, 243, 0.5) 100%);
  background: -moz-linear-gradient(right, #fff4f3 50%, rgba(255, 244, 243, 0.5) 100%);
  background: -o-linear-gradient(right, #fff4f3 50%, rgba(255, 244, 243, 0.5) 100%);
  background: linear-gradient(270deg, #fff4f3 50%, rgba(255, 244, 243, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #fff4f3 50%, rgba(255, 244, 243, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #fff4f3 50%, rgba(255, 244, 243, 0.5) 100%);
  background: -o-linear-gradient(270deg, #fff4f3 50%, rgba(255, 244, 243, 0.5) 100%);
}

.wrapper.red .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.red .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.red .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.red .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.red .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.red .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.red .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.red .batch-edit-style5 .data-tr .data_table tr,
.wrapper.red .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.red .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.red .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.red .lb-table tbody > tr:nth-child(even) {
  background: #fff4f3;
}

.wrapper.red .lb-table tbody > tr:nth-child(even),
.wrapper.red .member1,
.wrapper.red .mb-group1,
.wrapper.red .ui-multiselect-header {
  background: #fff4f3;
}

.wrapper.red .step-finish .step-arrow,
.wrapper.red .step-finish,
.wrapper.red .step-finish .lastarrow2 {
  background: #af4343;
}

.wrapper.red .step-notyet .step-arrow,
.wrapper.red .step-notyet,
.wrapper.red .step-finish .lastarrow {
  background: #fff4f3;
}

.wrapper.red .step-ul .step-finish .step-arrow:after {
  border-left-color: #af4343;
}

.wrapper.red .step-ul .step-notyet .step-arrow:after {
  border-left-color: #fff4f3;
}

.wrapper.red .bars span,
.wrapper.red .bars span::before,
.wrapper.red .bars span::after {
  background: #b74e4e;
}

.wrapper.red .bars:hover {
  border-color: #63211c transparent transparent transparent;
}

.wrapper.red .bars:hover span,
.wrapper.red .bars:hover span::before,
.wrapper.red .bars:hover span::after {
  background: #63211c;
}

.wrapper.red .data_table th,
.wrapper.red .norwd-table th,
.wrapper.red .table-om th,
.wrapper.red .table-two-level th,
.wrapper.red .click th:hover,
.wrapper.red .lb-table th {
  background: #ffe0de;
}

.wrapper.red .batch-edit-style th,
.wrapper.red .batch-edit-style1 th,
.wrapper.red .batch-edit-style2 th,
.wrapper.red .batch-edit-style3 th,
.wrapper.red .batch-edit-style4 th,
.wrapper.red .batch-edit-style5 th,
.wrapper.red .batch-edit-style6 th,
.wrapper.red .batch-edit-style7 th {
  background: #ffe0de;
}

.wrapper.red #menu-toggle,
.wrapper.red .search_arrow {
  background: #b74e4e;
}

.wrapper.red .divider,
.wrapper.red .divideritems {
  background: #b74e4e;
}

.wrapper.red .fake-dialog-title,
.wrapper.red .iframe-dialog-title,
.wrapper.red .dialog-title {
  background: #b74e4e;
}

.wrapper.red .blank,
.wrapper.red .tabs li a,
.wrapper.red .tabs-level2 li a:before {
  background: #ffc2c2;
}

.wrapper.red .tabs li:hover a,
.wrapper.red .tabs .active,
.wrapper.red li:hover .blank,
.wrapper.red .blankclick,
.wrapper.red .tabs-level2 {
  background: #b74e4e;
  color: #fff;
}

.wrapper.red .form,
.wrapper.red .fake-dialog-content {
  border-color: #b74e4e;
}

.wrapper.red .search,
.wrapper.red .display,
.wrapper.red .member1:nth-of-type(1) {
  border-top: 1px solid #b74e4e;
}

.wrapper.red .search,
.wrapper.red .display,
.wrapper.red .explanation {
  border-right: 1px solid #b74e4e;
}

.wrapper.red .data_table,
.wrapper.red .norwd-table,
.wrapper.red .table-om,
.wrapper.red .table-two-level {
  border-top: 1px solid #b74e4e;
}

.wrapper.red .batch-edit-style,
.wrapper.red .batch-edit-style1,
.wrapper.red .batch-edit-style2,
.wrapper.red .batch-edit-style3,
.wrapper.red .batch-edit-style4,
.wrapper.red .batch-edit-style5,
.wrapper.red .batch-edit-style6,
.wrapper.red .batch-edit-style7 {
  border-top: 1px solid #b74e4e;
}

.wrapper.red .message-style2,
.wrapper.red .tabs,
.wrapper.red .search,
.wrapper.red .display,
.wrapper.red .explanation,
.wrapper.red .member,
.wrapper.red .dept-member {
  border-bottom: 1px solid #b74e4e;
}

.wrapper.red .data_table,
.wrapper.red .norwd-table,
.wrapper.red .table-om,
.wrapper.red .table-two-level {
  border-bottom: 1px solid #b74e4e;
}

.wrapper.red .batch-edit-style,
.wrapper.red .batch-edit-style1,
.wrapper.red .batch-edit-style2,
.wrapper.red .batch-edit-style3,
.wrapper.red .batch-edit-style4,
.wrapper.red .batch-edit-style5,
.wrapper.red .batch-edit-style6,
.wrapper.red .batch-edit-style7 {
  border-bottom: 1px solid #b74e4e;
}

.wrapper.red .search,
.wrapper.red .display,
.wrapper.red .explanation {
  border-left: 1px solid #b74e4e;
}

.wrapper.red .click tr:not(.not-select):nth-child(n):hover,
.wrapper.red .click-table:hover,
.wrapper.red .click-table-om:nth-child(n):hover,
.wrapper.red .data_table tr.active {
  background: #ffc2c2;
}

.wrapper.red .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.red .click-table:hover .ellipsis.eps-dot:before,
.wrapper.red .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.red .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffc2c2), to(rgba(255, 194, 194, 0.5)));
  background: -webkit-linear-gradient(right, #ffc2c2 50%, rgba(255, 194, 194, 0.5) 100%);
  background: -moz-linear-gradient(right, #ffc2c2 50%, rgba(255, 194, 194, 0.5) 100%);
  background: -o-linear-gradient(right, #ffc2c2 50%, rgba(255, 194, 194, 0.5) 100%);
  background: linear-gradient(270deg, #ffc2c2 50%, rgba(255, 194, 194, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #ffc2c2 50%, rgba(255, 194, 194, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #ffc2c2 50%, rgba(255, 194, 194, 0.5) 100%);
  background: -o-linear-gradient(270deg, #ffc2c2 50%, rgba(255, 194, 194, 0.5) 100%);
}

.wrapper.red #menu-toggle {
  -webkit-box-shadow: 2px 0 #ffc2c2;
          box-shadow: 2px 0 #ffc2c2;
}

.wrapper.red .current {
  background: #63211c;
}

.wrapper.red .liclick {
  background: #8d1d0c !important;
}

.wrapper.red .condition,
.wrapper.red .search_form_table,
.wrapper.red .form_table,
.wrapper.red .area,
.wrapper.red .sourcebox,
.wrapper.red .targetbox,
.wrapper.red .border-table,
.wrapper.red .border-table th,
.wrapper.red .border-table td {
  border-color: #f7aba1;
}

.wrapper.red .member1,
.wrapper.red .member2 .checkbox,
.wrapper.red .member2 .blank-cb,
.wrapper.red .member2-style2 .checkbox,
.wrapper.red .member2-style2 .blank-cb,
.wrapper.red .member2-name,
.wrapper.red .blank-name {
  border-top: 1px solid #f7aba1;
}

.wrapper.red .dept-member .mb-cb,
.wrapper.red .dept-member .blank-cb,
.wrapper.red .dept-member .mb-all-name,
.wrapper.red .dept-member .mb-group-name,
.wrapper.red .dept-member .mb-cont-name,
.wrapper.red .dept-member .blank-name,
.wrapper.red .dept-member .level-blank,
.wrapper.red .dept-member .mb-all-sw,
.wrapper.red .dept-member .mb-group-sw {
  border-top: 1px solid #f7aba1;
}

.wrapper.red .dept-member .mb-cb,
.wrapper.red .dept-member .blank-cb,
.wrapper.red .dept-member .mb-cont-name,
.wrapper.red .dept-member .blank-name,
.wrapper.red .dept-member .level-blank,
.wrapper.red .dept-member .mb-all-name,
.wrapper.red .dept-member .mb-group-name {
  border-left: 1px solid #f7aba1;
}

.wrapper.red .dept-member .mb-all {
  background: #ffd0cc;
}

.wrapper.red .dept-member .mb-all .mb-cb,
.wrapper.red .dept-member .mb-all .mb-all-sw,
.wrapper.red .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #b74e4e;
}

.wrapper.red .search_btn,
.wrapper.red .data_table,
.wrapper.red .norwd-table,
.wrapper.red .table-om,
.wrapper.red .table-two-level {
  border-right: 1px solid #f7aba1;
}

.wrapper.red .batch-edit-style,
.wrapper.red .batch-edit-style1,
.wrapper.red .batch-edit-style2,
.wrapper.red .batch-edit-style3,
.wrapper.red .batch-edit-style4,
.wrapper.red .batch-edit-style5,
.wrapper.red .batch-edit-style6,
.wrapper.red .batch-edit-style7 {
  border-right: 1px solid #f7aba1;
}

.wrapper.red .member,
.wrapper.red .dept-member {
  border-right: 1px solid #f7aba1;
}

.wrapper.red .search_btn,
.wrapper.red .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #f7aba1;
}

.wrapper.red .search_btn,
.wrapper.red .data_table,
.wrapper.red .norwd-table,
.wrapper.red .table-om,
.wrapper.red .table-two-level {
  border-left: 1px solid #f7aba1;
}

.wrapper.red .batch-edit-style,
.wrapper.red .batch-edit-style1,
.wrapper.red .batch-edit-style2,
.wrapper.red .batch-edit-style3,
.wrapper.red .batch-edit-style4,
.wrapper.red .batch-edit-style5,
.wrapper.red .batch-edit-style6,
.wrapper.red .batch-edit-style7 {
  border-left: 1px solid #f7aba1;
}

.wrapper.red .member .checkbox,
.wrapper.red .member .blank-cb,
.wrapper.red .member1-name,
.wrapper.red .member2-name,
.wrapper.red .blank-name {
  border-left: 1px solid #f7aba1;
}

.wrapper.red .mb-all-sw span:after, .wrapper.red .mb-all-sw span:before {
  background: #b74e4e;
}

.wrapper.red .mb-group-sw span:after, .wrapper.red .mb-group-sw span:before {
  background: #f7aba1;
}

.wrapper.red .preview .area,
.wrapper.red .preview-table,
.wrapper.red .preview-table thead tr:nth-child(n) th,
.wrapper.red .preview-table tbody tr td {
  border-color: #b74e4e;
}

.wrapper.red th.th-second {
  background: #edaba6;
}

.wrapper.red #top-btn {
  background-color: rgba(240, 45, 45, 0.7);
  border: 2px solid rgba(247, 136, 136, 0.8);
}

.wrapper.red #top-btn i:hover,
.wrapper.red #bottom-btn i:hover {
  background: #f02d2d;
  border: 2px solid #f78888;
}

.wrapper.red .listbox .checked:nth-child(n) {
  background: #f4c2c1;
}

.wrapper.red .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.red .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.red .display .area:nth-last-child(2),
.wrapper.red .display .area:last-child {
  border-bottom: none;
}

.wrapper.red .preview .area,
.wrapper.red .print .area,
.wrapper.red .print-table th:nth-child(n),
.wrapper.red .print-table tbody > tr:nth-child(n),
.wrapper.red .preview-table th:nth-child(n),
.wrapper.red .preview-table tbody > tr:nth-child(n),
.wrapper.red .table-one tbody > tr:nth-child(n),
.wrapper.red .table-many tbody > tr:nth-child(n),
.wrapper.red .click tr.switch-content:hover,
.wrapper.red .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.red .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.red .print,
.wrapper.red .print .area,
.wrapper.red .print-table,
.wrapper.red .print-table thead tr th,
.wrapper.red .print-table tbody tr td,
.wrapper.red .print ~ .explanation {
  border-color: #000;
}

.wrapper.red .fullwidth .data_table,
.wrapper.red .fullwidth .batch-edit-style,
.wrapper.red .fullwidth .batch-edit-style1,
.wrapper.red .fullwidth .batch-edit-style2,
.wrapper.red .fullwidth .batch-edit-style3,
.wrapper.red .fullwidth .batch-edit-style4,
.wrapper.red .fullwidth .batch-edit-style5,
.wrapper.red .fullwidth .batch-edit-style6,
.wrapper.red .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.red .search_arrow {
  -webkit-box-shadow: 0 2px 0 #63211c;
          box-shadow: 0 2px 0 #63211c;
}

@media screen and (max-width: 768px) {
  .wrapper.red .leftmenu {
    border-top: 1px solid #f7aba1;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.red .border-table tr:nth-child(1) {
    border-color: #f7aba1;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.red .data_table tr:nth-child(1),
  .wrapper.red .table-two-level tr:nth-child(1) {
    border-top: 1px solid #b74e4e;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.red .batch-edit-style tr:nth-child(1),
  .wrapper.red .batch-edit-style1 tr:nth-child(1),
  .wrapper.red .batch-edit-style2 tr:nth-child(1),
  .wrapper.red .batch-edit-style3 tr:nth-child(1),
  .wrapper.red .batch-edit-style4 tr:nth-child(1),
  .wrapper.red .batch-edit-style5 tr:nth-child(1),
  .wrapper.red .batch-edit-style6 tr:nth-child(1),
  .wrapper.red .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #b74e4e;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.red .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #f7aba1;
  }
}

.wrapper.red tr.switch-content td {
  padding: 0;
}

.wrapper.red tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.red tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.red .upload-finish {
  background: #f7aba1;
}

.wrapper.red .toggleTable-card-header {
  background: #FCC3C0;
  border-color: #b74e4e;
}

.wrapper.red .select-color-input:checked + .select-color-label {
  border-color: #b74e4e;
}

.wrapper.red .fixed-table-wrapper {
  border-color: #b74e4e #f7aba1;
}

.wrapper.red .fixed-table-wrapper .fixed-table-header {
  background-color: #ffe0de;
}

.wrapper.red .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.red .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.red .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #b74e4e;
}

.wrapper.red .input-type-number .sub-num-btn,
.wrapper.red .input-type-number .add-num-btn {
  background: #fdeae8;
}

.wrapper.red .input-type-number .sub-num-btn:before, .wrapper.red .input-type-number .sub-num-btn:after,
.wrapper.red .input-type-number .add-num-btn:before,
.wrapper.red .input-type-number .add-num-btn:after {
  background: #f7b1ad;
}

.wrapper.red .input-type-number .sub-num-btn:hover,
.wrapper.red .input-type-number .add-num-btn:hover {
  background: #fff4f3;
}

.wrapper.red .input-type-number .sub-num-btn:hover:before, .wrapper.red .input-type-number .sub-num-btn:hover:after,
.wrapper.red .input-type-number .add-num-btn:hover:before,
.wrapper.red .input-type-number .add-num-btn:hover:after {
  background: #b74e4e;
}

.wrapper.red .input-type-number .sub-num-btn.disabled,
.wrapper.red .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.red .input-type-number .sub-num-btn.disabled:before, .wrapper.red .input-type-number .sub-num-btn.disabled:after,
.wrapper.red .input-type-number .add-num-btn.disabled:before,
.wrapper.red .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.red.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_red_8.png");
}

.wrapper.red.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_red_8.png");
}

.wrapper.red.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_red_9.png") top left no-repeat, url("../../images/pub/banner_bg_red_3.png") top left repeat;
}

.wrapper.red.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_red_9.png") top left no-repeat, url("../images/pub/banner_bg_red_3.png") top left repeat;
}

.wrapper.red.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_red_10.png");
}

.wrapper.red.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_red_1.png");
}

.wrapper.red.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_red_11.png") top left no-repeat, url("../../images/pub/banner_bg_red_3.png") top left repeat;
}

.wrapper.red.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_red_11.png") top left no-repeat, url("../images/pub/banner_bg_red_3.png") top left repeat;
}

.wrapper.red .page-turn .page li a:hover, .wrapper.red .page-turn .page li a.active,
.wrapper.red .page-turn .min-page li a:hover,
.wrapper.red .page-turn .min-page li a.active {
  background-color: #C14949;
}

.wrapper.red .page-turn .page li a.disabled:hover,
.wrapper.red .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.red {
  background: #b74e4e;
}

.wrapper.red #top input[type="radio"]:checked + .change-font:after {
  background: #b74e4e;
}

.wrapper.red #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #b74e4e;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.red .bars {
    background: #fff4f3;
  }
  .wrapper.rwd.red #top {
    background-image: url("../images/pub/banner_bg_red_4.png");
  }
  .wrapper.rwd.red #top.project-bg {
    background-image: url("../../images/pub/banner_bg_red_4.png");
  }
  .wrapper.rwd.red #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_red_5.png") top left no-repeat, url("../../images/pub/banner_bg_red_3.png") top left repeat;
  }
  .wrapper.rwd.red #top .topbtn {
    background: url("../images/pub/banner_bg_red_5.png") top left no-repeat, url("../images/pub/banner_bg_red_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.red .bars {
    background: none;
  }
  .wrapper.rwd.red #top {
    background-image: url("../images/pub/banner_bg_red_6.png");
  }
  .wrapper.rwd.red #top.project-bg {
    background-image: url("../../images/pub/banner_bg_red_6.png");
  }
  .wrapper.rwd.red #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_red_7.png") top left no-repeat, url("../../images/pub/banner_bg_red_3.png") top left repeat;
  }
  .wrapper.rwd.red #top .topbtn {
    background: url("../images/pub/banner_bg_red_7.png") top left no-repeat, url("../images/pub/banner_bg_red_3.png") top left repeat;
  }
}

.wrapper.pink #top {
  background-image: url("../images/pub/banner_bg_pink_1.png");
}

.wrapper.pink #top.project-bg {
  background-image: url("../../images/pub/banner_bg_pink_1.png");
}

.wrapper.pink #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_pink_2.png") top left no-repeat, url("../../images/pub/banner_bg_pink_3.png") top left repeat;
}

.wrapper.pink #top .topbtn {
  background: url("../images/pub/banner_bg_pink_2.png") top left no-repeat, url("../images/pub/banner_bg_pink_3.png") top left repeat;
}

.wrapper.pink #top .usmenu-area ul li a:hover {
  background: #FFF5F8;
}

.wrapper.pink #top .title {
  text-shadow: 0 0 0 5px #AF4E60, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.pink #top .title {
    text-shadow: 2px -2px #AF4E60, -2px -2px #AF4E60, -2px -2px #AF4E60, -2px 2px #AF4E60, 2px -1px #AF4E60, -2px -1px #AF4E60, -1px -2px #AF4E60, -1px 2px #AF4E60, 2px 0px #AF4E60, -2px 0px #AF4E60, 0px -2px #AF4E60, 0px 2px #AF4E60, 2px 1px #AF4E60, -2px 1px #AF4E60, 1px -2px #AF4E60, 1px 2px #AF4E60, 2px 2px #AF4E60, -2px 2px #AF4E60, 2px -2px #AF4E60, 2px 2px #AF4E60, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.pink #top .title {
    color: red;
    text-shadow: 2px -2px #AF4E60, -2px -2px #AF4E60, -2px -2px #AF4E60, -2px 2px #AF4E60, 2px -1px #AF4E60, -2px -1px #AF4E60, -1px -2px #AF4E60, -1px 2px #AF4E60, 2px 0px #AF4E60, -2px 0px #AF4E60, 0px -2px #AF4E60, 0px 2px #AF4E60, 2px 1px #AF4E60, -2px 1px #AF4E60, 1px -2px #AF4E60, 1px 2px #AF4E60, 2px 2px #AF4E60, -2px 2px #AF4E60, 2px -2px #AF4E60, 2px 2px #AF4E60, 0 4px 4px #999;
  }
}

.wrapper.pink .home_btn {
  background: #D86B8B;
}

.wrapper.pink .home_btn a {
  color: white;
}

.wrapper.pink .home_btn:hover {
  background: #771B3C;
}

.wrapper.pink .left-menu {
  background: #FFFFFF;
}

.wrapper.pink #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.pink #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.pink #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #D86B8B;
}

.wrapper.pink .left-menu_switch-area {
  border-bottom-color: #FFC0D5;
}

.wrapper.pink.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.pink.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.pink.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.pink.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.pink .left-menu .nav li.active > a {
  background-color: #FFB6CE;
}

.wrapper.pink .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.pink .left-menu .nav li > a.active,
.wrapper.pink .left-menu .nav li a.nav-second-current-ele {
  background: #FFE6EF;
  border-right-color: #D86B8B;
  color: #D86B8B;
  font-weight: bold;
}

.wrapper.pink .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.pink .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #D86B8B;
}

.wrapper.pink .left-menu .nav li a:hover {
  color: #D86B8B;
}

.wrapper.pink .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.pink .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #D86B8B;
}

.wrapper.pink .left-menu .nav li .hide_ul.active:before {
  background-color: #FFB6CE;
}

.wrapper.pink .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.pink .left-menu .nav2 > li > a {
  background: #FFE9F0;
}

.wrapper.pink .left-menu .nav2 > li > a.active, .wrapper.pink .left-menu .nav2 > li > a:hover {
  background: #D86B8B;
}

.wrapper.pink .left-menu .nav2 > li > a:before {
  background: #D86B8B;
}

.wrapper.pink .left-menu .nav2 > li > ul {
  border-color: #D86B8B;
}

.wrapper.pink .left-menu .nav2 li li > a:before {
  background: #D86B8B;
}

.wrapper.pink .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #F7DFE1;
  color: #D86B8B;
}

.wrapper.pink .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #D86B8B;
}

.wrapper.pink .left-menu .fav li a:hover, .wrapper.pink .left-menu .fav li a.active,
.wrapper.pink .left-menu .sea li a:hover,
.wrapper.pink .left-menu .sea li a.active {
  color: #D86B8B;
}

.wrapper.pink .left-menu .fav li a:hover:before, .wrapper.pink .left-menu .fav li a.active:before,
.wrapper.pink .left-menu .sea li a:hover:before,
.wrapper.pink .left-menu .sea li a.active:before {
  background: #ef3070;
}

.wrapper.pink .left-menu .fav li a:before,
.wrapper.pink .left-menu .sea li a:before {
  background: #F7DFE1;
}

.wrapper.pink.show-child-list-line .hide_ul.active:before {
  background-color: #FFB6CE;
}

.wrapper.pink.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.pink .condition {
  background: #FFE9F0;
}

.wrapper.pink .area:nth-child(odd),
.wrapper.pink .tr-even-bg {
  background: #FFE9F0;
}

.wrapper.pink .data_table tbody > tr:nth-child(even),
.wrapper.pink .norwd-table tbody > tr:nth-child(even),
.wrapper.pink .table-om tbody > tr:nth-child(even),
.wrapper.pink .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.pink .border-table th {
  background: #FFE9F0;
}

.wrapper.pink .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.pink .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.pink .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.pink .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.pink .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffe9f0), to(rgba(255, 233, 240, 0.5)));
  background: -webkit-linear-gradient(right, #ffe9f0 50%, rgba(255, 233, 240, 0.5) 100%);
  background: -moz-linear-gradient(right, #ffe9f0 50%, rgba(255, 233, 240, 0.5) 100%);
  background: -o-linear-gradient(right, #ffe9f0 50%, rgba(255, 233, 240, 0.5) 100%);
  background: linear-gradient(270deg, #ffe9f0 50%, rgba(255, 233, 240, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #ffe9f0 50%, rgba(255, 233, 240, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #ffe9f0 50%, rgba(255, 233, 240, 0.5) 100%);
  background: -o-linear-gradient(270deg, #ffe9f0 50%, rgba(255, 233, 240, 0.5) 100%);
}

.wrapper.pink .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.pink .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.pink .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.pink .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.pink .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.pink .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.pink .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.pink .batch-edit-style5 .data-tr .data_table tr,
.wrapper.pink .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.pink .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.pink .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.pink .lb-table tbody > tr:nth-child(even) {
  background: #FFE9F0;
}

.wrapper.pink .lb-table tbody > tr:nth-child(even),
.wrapper.pink .member1,
.wrapper.pink .mb-group1,
.wrapper.pink .ui-multiselect-header {
  background: #FFE9F0;
}

.wrapper.pink .step-finish .step-arrow,
.wrapper.pink .step-finish,
.wrapper.pink .step-finish .lastarrow2 {
  background: #BC114A;
}

.wrapper.pink .step-notyet .step-arrow,
.wrapper.pink .step-notyet,
.wrapper.pink .step-finish .lastarrow {
  background: #FFE9F0;
}

.wrapper.pink .step-ul .step-finish .step-arrow:after {
  border-left-color: #BC114A;
}

.wrapper.pink .step-ul .step-notyet .step-arrow:after {
  border-left-color: #FFE9F0;
}

.wrapper.pink .bars span,
.wrapper.pink .bars span::before,
.wrapper.pink .bars span::after {
  background: #D86B8B;
}

.wrapper.pink .bars:hover {
  border-color: #771B3C transparent transparent transparent;
}

.wrapper.pink .bars:hover span,
.wrapper.pink .bars:hover span::before,
.wrapper.pink .bars:hover span::after {
  background: #771B3C;
}

.wrapper.pink .data_table th,
.wrapper.pink .norwd-table th,
.wrapper.pink .table-om th,
.wrapper.pink .table-two-level th,
.wrapper.pink .click th:hover,
.wrapper.pink .lb-table th {
  background: #FFC0D5;
}

.wrapper.pink .batch-edit-style th,
.wrapper.pink .batch-edit-style1 th,
.wrapper.pink .batch-edit-style2 th,
.wrapper.pink .batch-edit-style3 th,
.wrapper.pink .batch-edit-style4 th,
.wrapper.pink .batch-edit-style5 th,
.wrapper.pink .batch-edit-style6 th,
.wrapper.pink .batch-edit-style7 th {
  background: #FFC0D5;
}

.wrapper.pink #menu-toggle,
.wrapper.pink .search_arrow {
  background: #D86B8B;
}

.wrapper.pink .divider,
.wrapper.pink .divideritems {
  background: #D86B8B;
}

.wrapper.pink .fake-dialog-title,
.wrapper.pink .iframe-dialog-title,
.wrapper.pink .dialog-title {
  background: #D86B8B;
}

.wrapper.pink .blank,
.wrapper.pink .tabs li a,
.wrapper.pink .tabs-level2 li a:before {
  background: #FFC2D6;
}

.wrapper.pink .tabs li:hover a,
.wrapper.pink .tabs .active,
.wrapper.pink li:hover .blank,
.wrapper.pink .blankclick,
.wrapper.pink .tabs-level2 {
  background: #D86B8B;
  color: #fff;
}

.wrapper.pink .form,
.wrapper.pink .fake-dialog-content {
  border-color: #D86B8B;
}

.wrapper.pink .search,
.wrapper.pink .display,
.wrapper.pink .member1:nth-of-type(1) {
  border-top: 1px solid #D86B8B;
}

.wrapper.pink .search,
.wrapper.pink .display,
.wrapper.pink .explanation {
  border-right: 1px solid #D86B8B;
}

.wrapper.pink .data_table,
.wrapper.pink .norwd-table,
.wrapper.pink .table-om,
.wrapper.pink .table-two-level {
  border-top: 1px solid #D86B8B;
}

.wrapper.pink .batch-edit-style,
.wrapper.pink .batch-edit-style1,
.wrapper.pink .batch-edit-style2,
.wrapper.pink .batch-edit-style3,
.wrapper.pink .batch-edit-style4,
.wrapper.pink .batch-edit-style5,
.wrapper.pink .batch-edit-style6,
.wrapper.pink .batch-edit-style7 {
  border-top: 1px solid #D86B8B;
}

.wrapper.pink .message-style2,
.wrapper.pink .tabs,
.wrapper.pink .search,
.wrapper.pink .display,
.wrapper.pink .explanation,
.wrapper.pink .member,
.wrapper.pink .dept-member {
  border-bottom: 1px solid #D86B8B;
}

.wrapper.pink .data_table,
.wrapper.pink .norwd-table,
.wrapper.pink .table-om,
.wrapper.pink .table-two-level {
  border-bottom: 1px solid #D86B8B;
}

.wrapper.pink .batch-edit-style,
.wrapper.pink .batch-edit-style1,
.wrapper.pink .batch-edit-style2,
.wrapper.pink .batch-edit-style3,
.wrapper.pink .batch-edit-style4,
.wrapper.pink .batch-edit-style5,
.wrapper.pink .batch-edit-style6,
.wrapper.pink .batch-edit-style7 {
  border-bottom: 1px solid #D86B8B;
}

.wrapper.pink .search,
.wrapper.pink .display,
.wrapper.pink .explanation {
  border-left: 1px solid #D86B8B;
}

.wrapper.pink .click tr:not(.not-select):nth-child(n):hover,
.wrapper.pink .click-table:hover,
.wrapper.pink .click-table-om:nth-child(n):hover,
.wrapper.pink .data_table tr.active {
  background: #F9BBD0;
}

.wrapper.pink .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.pink .click-table:hover .ellipsis.eps-dot:before,
.wrapper.pink .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.pink .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f9bbd0), to(rgba(249, 187, 208, 0.5)));
  background: -webkit-linear-gradient(right, #f9bbd0 50%, rgba(249, 187, 208, 0.5) 100%);
  background: -moz-linear-gradient(right, #f9bbd0 50%, rgba(249, 187, 208, 0.5) 100%);
  background: -o-linear-gradient(right, #f9bbd0 50%, rgba(249, 187, 208, 0.5) 100%);
  background: linear-gradient(270deg, #f9bbd0 50%, rgba(249, 187, 208, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #f9bbd0 50%, rgba(249, 187, 208, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #f9bbd0 50%, rgba(249, 187, 208, 0.5) 100%);
  background: -o-linear-gradient(270deg, #f9bbd0 50%, rgba(249, 187, 208, 0.5) 100%);
}

.wrapper.pink #menu-toggle {
  -webkit-box-shadow: 2px 0 #F9BBD0;
          box-shadow: 2px 0 #F9BBD0;
}

.wrapper.pink .current {
  background: #771B3C;
}

.wrapper.pink .liclick {
  background: #AF4E60 !important;
}

.wrapper.pink .condition,
.wrapper.pink .search_form_table,
.wrapper.pink .form_table,
.wrapper.pink .area,
.wrapper.pink .sourcebox,
.wrapper.pink .targetbox,
.wrapper.pink .border-table,
.wrapper.pink .border-table th,
.wrapper.pink .border-table td {
  border-color: #F2729D;
}

.wrapper.pink .member1,
.wrapper.pink .member2 .checkbox,
.wrapper.pink .member2 .blank-cb,
.wrapper.pink .member2-style2 .checkbox,
.wrapper.pink .member2-style2 .blank-cb,
.wrapper.pink .member2-name,
.wrapper.pink .blank-name {
  border-top: 1px solid #F2729D;
}

.wrapper.pink .dept-member .mb-cb,
.wrapper.pink .dept-member .blank-cb,
.wrapper.pink .dept-member .mb-all-name,
.wrapper.pink .dept-member .mb-group-name,
.wrapper.pink .dept-member .mb-cont-name,
.wrapper.pink .dept-member .blank-name,
.wrapper.pink .dept-member .level-blank,
.wrapper.pink .dept-member .mb-all-sw,
.wrapper.pink .dept-member .mb-group-sw {
  border-top: 1px solid #F2729D;
}

.wrapper.pink .dept-member .mb-cb,
.wrapper.pink .dept-member .blank-cb,
.wrapper.pink .dept-member .mb-cont-name,
.wrapper.pink .dept-member .blank-name,
.wrapper.pink .dept-member .level-blank,
.wrapper.pink .dept-member .mb-all-name,
.wrapper.pink .dept-member .mb-group-name {
  border-left: 1px solid #F2729D;
}

.wrapper.pink .dept-member .mb-all {
  background: #FFB6CE;
}

.wrapper.pink .dept-member .mb-all .mb-cb,
.wrapper.pink .dept-member .mb-all .mb-all-sw,
.wrapper.pink .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #D86B8B;
}

.wrapper.pink .search_btn,
.wrapper.pink .data_table,
.wrapper.pink .norwd-table,
.wrapper.pink .table-om,
.wrapper.pink .table-two-level {
  border-right: 1px solid #F2729D;
}

.wrapper.pink .batch-edit-style,
.wrapper.pink .batch-edit-style1,
.wrapper.pink .batch-edit-style2,
.wrapper.pink .batch-edit-style3,
.wrapper.pink .batch-edit-style4,
.wrapper.pink .batch-edit-style5,
.wrapper.pink .batch-edit-style6,
.wrapper.pink .batch-edit-style7 {
  border-right: 1px solid #F2729D;
}

.wrapper.pink .member,
.wrapper.pink .dept-member {
  border-right: 1px solid #F2729D;
}

.wrapper.pink .search_btn,
.wrapper.pink .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #F2729D;
}

.wrapper.pink .search_btn,
.wrapper.pink .data_table,
.wrapper.pink .norwd-table,
.wrapper.pink .table-om,
.wrapper.pink .table-two-level {
  border-left: 1px solid #F2729D;
}

.wrapper.pink .batch-edit-style,
.wrapper.pink .batch-edit-style1,
.wrapper.pink .batch-edit-style2,
.wrapper.pink .batch-edit-style3,
.wrapper.pink .batch-edit-style4,
.wrapper.pink .batch-edit-style5,
.wrapper.pink .batch-edit-style6,
.wrapper.pink .batch-edit-style7 {
  border-left: 1px solid #F2729D;
}

.wrapper.pink .member .checkbox,
.wrapper.pink .member .blank-cb,
.wrapper.pink .member1-name,
.wrapper.pink .member2-name,
.wrapper.pink .blank-name {
  border-left: 1px solid #F2729D;
}

.wrapper.pink .mb-all-sw span:after, .wrapper.pink .mb-all-sw span:before {
  background: #D86B8B;
}

.wrapper.pink .mb-group-sw span:after, .wrapper.pink .mb-group-sw span:before {
  background: #F2729D;
}

.wrapper.pink .preview .area,
.wrapper.pink .preview-table,
.wrapper.pink .preview-table thead tr:nth-child(n) th,
.wrapper.pink .preview-table tbody tr td {
  border-color: #D86B8B;
}

.wrapper.pink th.th-second {
  background: #FF73A2;
}

.wrapper.pink #top-btn {
  background-color: rgba(239, 48, 112, 0.7);
  border: 2px solid rgba(255, 138, 177, 0.8);
}

.wrapper.pink #top-btn i:hover,
.wrapper.pink #bottom-btn i:hover {
  background: #ef3070;
  border: 2px solid #ff8ab1;
}

.wrapper.pink .listbox .checked:nth-child(n) {
  background: #F2ADC3;
}

.wrapper.pink .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.pink .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.pink .display .area:nth-last-child(2),
.wrapper.pink .display .area:last-child {
  border-bottom: none;
}

.wrapper.pink .preview .area,
.wrapper.pink .print .area,
.wrapper.pink .print-table th:nth-child(n),
.wrapper.pink .print-table tbody > tr:nth-child(n),
.wrapper.pink .preview-table th:nth-child(n),
.wrapper.pink .preview-table tbody > tr:nth-child(n),
.wrapper.pink .table-one tbody > tr:nth-child(n),
.wrapper.pink .table-many tbody > tr:nth-child(n),
.wrapper.pink .click tr.switch-content:hover,
.wrapper.pink .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.pink .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.pink .print,
.wrapper.pink .print .area,
.wrapper.pink .print-table,
.wrapper.pink .print-table thead tr th,
.wrapper.pink .print-table tbody tr td,
.wrapper.pink .print ~ .explanation {
  border-color: #000;
}

.wrapper.pink .fullwidth .data_table,
.wrapper.pink .fullwidth .batch-edit-style,
.wrapper.pink .fullwidth .batch-edit-style1,
.wrapper.pink .fullwidth .batch-edit-style2,
.wrapper.pink .fullwidth .batch-edit-style3,
.wrapper.pink .fullwidth .batch-edit-style4,
.wrapper.pink .fullwidth .batch-edit-style5,
.wrapper.pink .fullwidth .batch-edit-style6,
.wrapper.pink .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.pink .search_arrow {
  -webkit-box-shadow: 0 2px 0 #771B3C;
          box-shadow: 0 2px 0 #771B3C;
}

@media screen and (max-width: 768px) {
  .wrapper.pink .leftmenu {
    border-top: 1px solid #F2729D;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.pink .border-table tr:nth-child(1) {
    border-color: #F2729D;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.pink .data_table tr:nth-child(1),
  .wrapper.pink .table-two-level tr:nth-child(1) {
    border-top: 1px solid #D86B8B;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.pink .batch-edit-style tr:nth-child(1),
  .wrapper.pink .batch-edit-style1 tr:nth-child(1),
  .wrapper.pink .batch-edit-style2 tr:nth-child(1),
  .wrapper.pink .batch-edit-style3 tr:nth-child(1),
  .wrapper.pink .batch-edit-style4 tr:nth-child(1),
  .wrapper.pink .batch-edit-style5 tr:nth-child(1),
  .wrapper.pink .batch-edit-style6 tr:nth-child(1),
  .wrapper.pink .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #D86B8B;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.pink .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #F2729D;
  }
}

.wrapper.pink tr.switch-content td {
  padding: 0;
}

.wrapper.pink tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.pink tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.pink .upload-finish {
  background: #F2729D;
}

.wrapper.pink .toggleTable-card-header {
  background: #FF9FBF;
  border-color: #D86B8B;
}

.wrapper.pink .select-color-input:checked + .select-color-label {
  border-color: #D86B8B;
}

.wrapper.pink .fixed-table-wrapper {
  border-color: #D86B8B #F2729D;
}

.wrapper.pink .fixed-table-wrapper .fixed-table-header {
  background-color: #FFC0D5;
}

.wrapper.pink .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.pink .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.pink .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #D86B8B;
}

.wrapper.pink .input-type-number .sub-num-btn,
.wrapper.pink .input-type-number .add-num-btn {
  background: #FFE6EF;
}

.wrapper.pink .input-type-number .sub-num-btn:before, .wrapper.pink .input-type-number .sub-num-btn:after,
.wrapper.pink .input-type-number .add-num-btn:before,
.wrapper.pink .input-type-number .add-num-btn:after {
  background: #D14B78;
}

.wrapper.pink .input-type-number .sub-num-btn:hover,
.wrapper.pink .input-type-number .add-num-btn:hover {
  background: #FFE9F0;
}

.wrapper.pink .input-type-number .sub-num-btn:hover:before, .wrapper.pink .input-type-number .sub-num-btn:hover:after,
.wrapper.pink .input-type-number .add-num-btn:hover:before,
.wrapper.pink .input-type-number .add-num-btn:hover:after {
  background: #D86B8B;
}

.wrapper.pink .input-type-number .sub-num-btn.disabled,
.wrapper.pink .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.pink .input-type-number .sub-num-btn.disabled:before, .wrapper.pink .input-type-number .sub-num-btn.disabled:after,
.wrapper.pink .input-type-number .add-num-btn.disabled:before,
.wrapper.pink .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.pink.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_pink_8.png");
}

.wrapper.pink.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_pink_8.png");
}

.wrapper.pink.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_pink_9.png") top left no-repeat, url("../../images/pub/banner_bg_pink_3.png") top left repeat;
}

.wrapper.pink.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_pink_9.png") top left no-repeat, url("../images/pub/banner_bg_pink_3.png") top left repeat;
}

.wrapper.pink.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_pink_10.png");
}

.wrapper.pink.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_pink_1.png");
}

.wrapper.pink.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_pink_11.png") top left no-repeat, url("../../images/pub/banner_bg_pink_3.png") top left repeat;
}

.wrapper.pink.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_pink_11.png") top left no-repeat, url("../images/pub/banner_bg_pink_3.png") top left repeat;
}

.wrapper.pink .page-turn .page li a:hover, .wrapper.pink .page-turn .page li a.active,
.wrapper.pink .page-turn .min-page li a:hover,
.wrapper.pink .page-turn .min-page li a.active {
  background-color: #E06890;
}

.wrapper.pink .page-turn .page li a.disabled:hover,
.wrapper.pink .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.pink {
  background: #D86B8B;
}

.wrapper.pink #top input[type="radio"]:checked + .change-font:after {
  background: #D86B8B;
}

.wrapper.pink #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #D86B8B;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.pink .bars {
    background: #FFE9F0;
  }
  .wrapper.rwd.pink #top {
    background-image: url("../images/pub/banner_bg_pink_4.png");
  }
  .wrapper.rwd.pink #top.project-bg {
    background-image: url("../../images/pub/banner_bg_pink_4.png");
  }
  .wrapper.rwd.pink #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_pink_5.png") top left no-repeat, url("../../images/pub/banner_bg_pink_3.png") top left repeat;
  }
  .wrapper.rwd.pink #top .topbtn {
    background: url("../images/pub/banner_bg_pink_5.png") top left no-repeat, url("../images/pub/banner_bg_pink_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.pink .bars {
    background: none;
  }
  .wrapper.rwd.pink #top {
    background-image: url("../images/pub/banner_bg_pink_6.png");
  }
  .wrapper.rwd.pink #top.project-bg {
    background-image: url("../../images/pub/banner_bg_pink_6.png");
  }
  .wrapper.rwd.pink #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_pink_7.png") top left no-repeat, url("../../images/pub/banner_bg_pink_3.png") top left repeat;
  }
  .wrapper.rwd.pink #top .topbtn {
    background: url("../images/pub/banner_bg_pink_7.png") top left no-repeat, url("../images/pub/banner_bg_pink_3.png") top left repeat;
  }
}

.wrapper.green #top {
  background-image: url("../images/pub/banner_bg_green_1.png");
}

.wrapper.green #top.project-bg {
  background-image: url("../../images/pub/banner_bg_green_1.png");
}

.wrapper.green #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_green_2.png") top left no-repeat, url("../../images/pub/banner_bg_green_3.png") top left repeat;
}

.wrapper.green #top .topbtn {
  background: url("../images/pub/banner_bg_green_2.png") top left no-repeat, url("../images/pub/banner_bg_green_3.png") top left repeat;
}

.wrapper.green #top .usmenu-area ul li a:hover {
  background: #FBFFF3;
}

.wrapper.green #top .title {
  text-shadow: 0 0 0 5px #3b6801, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.green #top .title {
    text-shadow: 2px -2px #3b6801, -2px -2px #3b6801, -2px -2px #3b6801, -2px 2px #3b6801, 2px -1px #3b6801, -2px -1px #3b6801, -1px -2px #3b6801, -1px 2px #3b6801, 2px 0px #3b6801, -2px 0px #3b6801, 0px -2px #3b6801, 0px 2px #3b6801, 2px 1px #3b6801, -2px 1px #3b6801, 1px -2px #3b6801, 1px 2px #3b6801, 2px 2px #3b6801, -2px 2px #3b6801, 2px -2px #3b6801, 2px 2px #3b6801, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.green #top .title {
    color: red;
    text-shadow: 2px -2px #3b6801, -2px -2px #3b6801, -2px -2px #3b6801, -2px 2px #3b6801, 2px -1px #3b6801, -2px -1px #3b6801, -1px -2px #3b6801, -1px 2px #3b6801, 2px 0px #3b6801, -2px 0px #3b6801, 0px -2px #3b6801, 0px 2px #3b6801, 2px 1px #3b6801, -2px 1px #3b6801, 1px -2px #3b6801, 1px 2px #3b6801, 2px 2px #3b6801, -2px 2px #3b6801, 2px -2px #3b6801, 2px 2px #3b6801, 0 4px 4px #999;
  }
}

.wrapper.green .home_btn {
  background: #76a328;
}

.wrapper.green .home_btn a {
  color: white;
}

.wrapper.green .home_btn:hover {
  background: #244805;
}

.wrapper.green .left-menu {
  background: #FFFFFF;
}

.wrapper.green #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.green #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.green #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #76a328;
}

.wrapper.green .left-menu_switch-area {
  border-bottom-color: #c7e2a1;
}

.wrapper.green.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.green.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.green.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.green.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.green .left-menu .nav li.active > a {
  background-color: #dbecc6;
}

.wrapper.green .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.green .left-menu .nav li > a.active,
.wrapper.green .left-menu .nav li a.nav-second-current-ele {
  background: #e4f4cb;
  border-right-color: #76a328;
  color: #76a328;
  font-weight: bold;
}

.wrapper.green .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.green .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #76a328;
}

.wrapper.green .left-menu .nav li a:hover {
  color: #76a328;
}

.wrapper.green .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.green .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #76a328;
}

.wrapper.green .left-menu .nav li .hide_ul.active:before {
  background-color: #dbecc6;
}

.wrapper.green .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.green .left-menu .nav2 > li > a {
  background: #F8FFE6;
}

.wrapper.green .left-menu .nav2 > li > a.active, .wrapper.green .left-menu .nav2 > li > a:hover {
  background: #76a328;
}

.wrapper.green .left-menu .nav2 > li > a:before {
  background: #76a328;
}

.wrapper.green .left-menu .nav2 > li > ul {
  border-color: #76a328;
}

.wrapper.green .left-menu .nav2 li li > a:before {
  background: #76a328;
}

.wrapper.green .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #e4f4cb;
  color: #76a328;
}

.wrapper.green .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #76a328;
}

.wrapper.green .left-menu .fav li a:hover, .wrapper.green .left-menu .fav li a.active,
.wrapper.green .left-menu .sea li a:hover,
.wrapper.green .left-menu .sea li a.active {
  color: #76a328;
}

.wrapper.green .left-menu .fav li a:hover:before, .wrapper.green .left-menu .fav li a.active:before,
.wrapper.green .left-menu .sea li a:hover:before,
.wrapper.green .left-menu .sea li a.active:before {
  background: #75d324;
}

.wrapper.green .left-menu .fav li a:before,
.wrapper.green .left-menu .sea li a:before {
  background: #e4f4cb;
}

.wrapper.green.show-child-list-line .hide_ul.active:before {
  background-color: #dbecc6;
}

.wrapper.green.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.green .condition {
  background: #f0f7e7;
}

.wrapper.green .area:nth-child(odd),
.wrapper.green .tr-even-bg {
  background: #f0f7e7;
}

.wrapper.green .data_table tbody > tr:nth-child(even),
.wrapper.green .norwd-table tbody > tr:nth-child(even),
.wrapper.green .table-om tbody > tr:nth-child(even),
.wrapper.green .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.green .border-table th {
  background: #f0f7e7;
}

.wrapper.green .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.green .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.green .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.green .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.green .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f0f7e7), to(rgba(240, 247, 231, 0.5)));
  background: -webkit-linear-gradient(right, #f0f7e7 50%, rgba(240, 247, 231, 0.5) 100%);
  background: -moz-linear-gradient(right, #f0f7e7 50%, rgba(240, 247, 231, 0.5) 100%);
  background: -o-linear-gradient(right, #f0f7e7 50%, rgba(240, 247, 231, 0.5) 100%);
  background: linear-gradient(270deg, #f0f7e7 50%, rgba(240, 247, 231, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #f0f7e7 50%, rgba(240, 247, 231, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #f0f7e7 50%, rgba(240, 247, 231, 0.5) 100%);
  background: -o-linear-gradient(270deg, #f0f7e7 50%, rgba(240, 247, 231, 0.5) 100%);
}

.wrapper.green .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.green .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.green .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.green .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.green .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.green .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.green .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.green .batch-edit-style5 .data-tr .data_table tr,
.wrapper.green .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.green .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.green .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.green .lb-table tbody > tr:nth-child(even) {
  background: #f0f7e7;
}

.wrapper.green .lb-table tbody > tr:nth-child(even),
.wrapper.green .member1,
.wrapper.green .mb-group1,
.wrapper.green .ui-multiselect-header {
  background: #f0f7e7;
}

.wrapper.green .step-finish .step-arrow,
.wrapper.green .step-finish,
.wrapper.green .step-finish .lastarrow2 {
  background: #6d9620;
}

.wrapper.green .step-notyet .step-arrow,
.wrapper.green .step-notyet,
.wrapper.green .step-finish .lastarrow {
  background: #f0f7e7;
}

.wrapper.green .step-ul .step-finish .step-arrow:after {
  border-left-color: #6d9620;
}

.wrapper.green .step-ul .step-notyet .step-arrow:after {
  border-left-color: #f0f7e7;
}

.wrapper.green .bars span,
.wrapper.green .bars span::before,
.wrapper.green .bars span::after {
  background: #76a328;
}

.wrapper.green .bars:hover {
  border-color: #244805 transparent transparent transparent;
}

.wrapper.green .bars:hover span,
.wrapper.green .bars:hover span::before,
.wrapper.green .bars:hover span::after {
  background: #244805;
}

.wrapper.green .data_table th,
.wrapper.green .norwd-table th,
.wrapper.green .table-om th,
.wrapper.green .table-two-level th,
.wrapper.green .click th:hover,
.wrapper.green .lb-table th {
  background: #c7e2a1;
}

.wrapper.green .batch-edit-style th,
.wrapper.green .batch-edit-style1 th,
.wrapper.green .batch-edit-style2 th,
.wrapper.green .batch-edit-style3 th,
.wrapper.green .batch-edit-style4 th,
.wrapper.green .batch-edit-style5 th,
.wrapper.green .batch-edit-style6 th,
.wrapper.green .batch-edit-style7 th {
  background: #c7e2a1;
}

.wrapper.green #menu-toggle,
.wrapper.green .search_arrow {
  background: #76a328;
}

.wrapper.green .divider,
.wrapper.green .divideritems {
  background: #76a328;
}

.wrapper.green .fake-dialog-title,
.wrapper.green .iframe-dialog-title,
.wrapper.green .dialog-title {
  background: #76a328;
}

.wrapper.green .blank,
.wrapper.green .tabs li a,
.wrapper.green .tabs-level2 li a:before {
  background: #cef28f;
}

.wrapper.green .tabs li:hover a,
.wrapper.green .tabs .active,
.wrapper.green li:hover .blank,
.wrapper.green .blankclick,
.wrapper.green .tabs-level2 {
  background: #76a328;
  color: #fff;
}

.wrapper.green .form,
.wrapper.green .fake-dialog-content {
  border-color: #76a328;
}

.wrapper.green .search,
.wrapper.green .display,
.wrapper.green .member1:nth-of-type(1) {
  border-top: 1px solid #76a328;
}

.wrapper.green .search,
.wrapper.green .display,
.wrapper.green .explanation {
  border-right: 1px solid #76a328;
}

.wrapper.green .data_table,
.wrapper.green .norwd-table,
.wrapper.green .table-om,
.wrapper.green .table-two-level {
  border-top: 1px solid #76a328;
}

.wrapper.green .batch-edit-style,
.wrapper.green .batch-edit-style1,
.wrapper.green .batch-edit-style2,
.wrapper.green .batch-edit-style3,
.wrapper.green .batch-edit-style4,
.wrapper.green .batch-edit-style5,
.wrapper.green .batch-edit-style6,
.wrapper.green .batch-edit-style7 {
  border-top: 1px solid #76a328;
}

.wrapper.green .message-style2,
.wrapper.green .tabs,
.wrapper.green .search,
.wrapper.green .display,
.wrapper.green .explanation,
.wrapper.green .member,
.wrapper.green .dept-member {
  border-bottom: 1px solid #76a328;
}

.wrapper.green .data_table,
.wrapper.green .norwd-table,
.wrapper.green .table-om,
.wrapper.green .table-two-level {
  border-bottom: 1px solid #76a328;
}

.wrapper.green .batch-edit-style,
.wrapper.green .batch-edit-style1,
.wrapper.green .batch-edit-style2,
.wrapper.green .batch-edit-style3,
.wrapper.green .batch-edit-style4,
.wrapper.green .batch-edit-style5,
.wrapper.green .batch-edit-style6,
.wrapper.green .batch-edit-style7 {
  border-bottom: 1px solid #76a328;
}

.wrapper.green .search,
.wrapper.green .display,
.wrapper.green .explanation {
  border-left: 1px solid #76a328;
}

.wrapper.green .click tr:not(.not-select):nth-child(n):hover,
.wrapper.green .click-table:hover,
.wrapper.green .click-table-om:nth-child(n):hover,
.wrapper.green .data_table tr.active {
  background: #d0eda2;
}

.wrapper.green .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.green .click-table:hover .ellipsis.eps-dot:before,
.wrapper.green .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.green .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #d0eda2), to(rgba(208, 237, 162, 0.5)));
  background: -webkit-linear-gradient(right, #d0eda2 50%, rgba(208, 237, 162, 0.5) 100%);
  background: -moz-linear-gradient(right, #d0eda2 50%, rgba(208, 237, 162, 0.5) 100%);
  background: -o-linear-gradient(right, #d0eda2 50%, rgba(208, 237, 162, 0.5) 100%);
  background: linear-gradient(270deg, #d0eda2 50%, rgba(208, 237, 162, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #d0eda2 50%, rgba(208, 237, 162, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #d0eda2 50%, rgba(208, 237, 162, 0.5) 100%);
  background: -o-linear-gradient(270deg, #d0eda2 50%, rgba(208, 237, 162, 0.5) 100%);
}

.wrapper.green #menu-toggle {
  -webkit-box-shadow: 2px 0 #d0eda2;
          box-shadow: 2px 0 #d0eda2;
}

.wrapper.green .current {
  background: #244805;
}

.wrapper.green .liclick {
  background: #3b6801 !important;
}

.wrapper.green .condition,
.wrapper.green .search_form_table,
.wrapper.green .form_table,
.wrapper.green .area,
.wrapper.green .sourcebox,
.wrapper.green .targetbox,
.wrapper.green .border-table,
.wrapper.green .border-table th,
.wrapper.green .border-table td {
  border-color: #b7dd80;
}

.wrapper.green .member1,
.wrapper.green .member2 .checkbox,
.wrapper.green .member2 .blank-cb,
.wrapper.green .member2-style2 .checkbox,
.wrapper.green .member2-style2 .blank-cb,
.wrapper.green .member2-name,
.wrapper.green .blank-name {
  border-top: 1px solid #b7dd80;
}

.wrapper.green .dept-member .mb-cb,
.wrapper.green .dept-member .blank-cb,
.wrapper.green .dept-member .mb-all-name,
.wrapper.green .dept-member .mb-group-name,
.wrapper.green .dept-member .mb-cont-name,
.wrapper.green .dept-member .blank-name,
.wrapper.green .dept-member .level-blank,
.wrapper.green .dept-member .mb-all-sw,
.wrapper.green .dept-member .mb-group-sw {
  border-top: 1px solid #b7dd80;
}

.wrapper.green .dept-member .mb-cb,
.wrapper.green .dept-member .blank-cb,
.wrapper.green .dept-member .mb-cont-name,
.wrapper.green .dept-member .blank-name,
.wrapper.green .dept-member .level-blank,
.wrapper.green .dept-member .mb-all-name,
.wrapper.green .dept-member .mb-group-name {
  border-left: 1px solid #b7dd80;
}

.wrapper.green .dept-member .mb-all {
  background: #dbecc6;
}

.wrapper.green .dept-member .mb-all .mb-cb,
.wrapper.green .dept-member .mb-all .mb-all-sw,
.wrapper.green .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #76a328;
}

.wrapper.green .search_btn,
.wrapper.green .data_table,
.wrapper.green .norwd-table,
.wrapper.green .table-om,
.wrapper.green .table-two-level {
  border-right: 1px solid #b7dd80;
}

.wrapper.green .batch-edit-style,
.wrapper.green .batch-edit-style1,
.wrapper.green .batch-edit-style2,
.wrapper.green .batch-edit-style3,
.wrapper.green .batch-edit-style4,
.wrapper.green .batch-edit-style5,
.wrapper.green .batch-edit-style6,
.wrapper.green .batch-edit-style7 {
  border-right: 1px solid #b7dd80;
}

.wrapper.green .member,
.wrapper.green .dept-member {
  border-right: 1px solid #b7dd80;
}

.wrapper.green .search_btn,
.wrapper.green .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #b7dd80;
}

.wrapper.green .search_btn,
.wrapper.green .data_table,
.wrapper.green .norwd-table,
.wrapper.green .table-om,
.wrapper.green .table-two-level {
  border-left: 1px solid #b7dd80;
}

.wrapper.green .batch-edit-style,
.wrapper.green .batch-edit-style1,
.wrapper.green .batch-edit-style2,
.wrapper.green .batch-edit-style3,
.wrapper.green .batch-edit-style4,
.wrapper.green .batch-edit-style5,
.wrapper.green .batch-edit-style6,
.wrapper.green .batch-edit-style7 {
  border-left: 1px solid #b7dd80;
}

.wrapper.green .member .checkbox,
.wrapper.green .member .blank-cb,
.wrapper.green .member1-name,
.wrapper.green .member2-name,
.wrapper.green .blank-name {
  border-left: 1px solid #b7dd80;
}

.wrapper.green .mb-all-sw span:after, .wrapper.green .mb-all-sw span:before {
  background: #76a328;
}

.wrapper.green .mb-group-sw span:after, .wrapper.green .mb-group-sw span:before {
  background: #b7dd80;
}

.wrapper.green .preview .area,
.wrapper.green .preview-table,
.wrapper.green .preview-table thead tr:nth-child(n) th,
.wrapper.green .preview-table tbody tr td {
  border-color: #76a328;
}

.wrapper.green th.th-second {
  background: #bbdb8d;
}

.wrapper.green #top-btn {
  background-color: rgba(117, 211, 36, 0.7);
  border: 2px solid rgba(197, 242, 64, 0.8);
}

.wrapper.green #top-btn i:hover,
.wrapper.green #bottom-btn i:hover {
  background: #75d324;
  border: 2px solid #c5f240;
}

.wrapper.green .listbox .checked:nth-child(n) {
  background: #bfd88d;
}

.wrapper.green .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.green .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.green .display .area:nth-last-child(2),
.wrapper.green .display .area:last-child {
  border-bottom: none;
}

.wrapper.green .preview .area,
.wrapper.green .print .area,
.wrapper.green .print-table th:nth-child(n),
.wrapper.green .print-table tbody > tr:nth-child(n),
.wrapper.green .preview-table th:nth-child(n),
.wrapper.green .preview-table tbody > tr:nth-child(n),
.wrapper.green .table-one tbody > tr:nth-child(n),
.wrapper.green .table-many tbody > tr:nth-child(n),
.wrapper.green .click tr.switch-content:hover,
.wrapper.green .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.green .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.green .print,
.wrapper.green .print .area,
.wrapper.green .print-table,
.wrapper.green .print-table thead tr th,
.wrapper.green .print-table tbody tr td,
.wrapper.green .print ~ .explanation {
  border-color: #000;
}

.wrapper.green .fullwidth .data_table,
.wrapper.green .fullwidth .batch-edit-style,
.wrapper.green .fullwidth .batch-edit-style1,
.wrapper.green .fullwidth .batch-edit-style2,
.wrapper.green .fullwidth .batch-edit-style3,
.wrapper.green .fullwidth .batch-edit-style4,
.wrapper.green .fullwidth .batch-edit-style5,
.wrapper.green .fullwidth .batch-edit-style6,
.wrapper.green .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.green .search_arrow {
  -webkit-box-shadow: 0 2px 0 #244805;
          box-shadow: 0 2px 0 #244805;
}

@media screen and (max-width: 768px) {
  .wrapper.green .leftmenu {
    border-top: 1px solid #b7dd80;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.green .border-table tr:nth-child(1) {
    border-color: #b7dd80;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.green .data_table tr:nth-child(1),
  .wrapper.green .table-two-level tr:nth-child(1) {
    border-top: 1px solid #76a328;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.green .batch-edit-style tr:nth-child(1),
  .wrapper.green .batch-edit-style1 tr:nth-child(1),
  .wrapper.green .batch-edit-style2 tr:nth-child(1),
  .wrapper.green .batch-edit-style3 tr:nth-child(1),
  .wrapper.green .batch-edit-style4 tr:nth-child(1),
  .wrapper.green .batch-edit-style5 tr:nth-child(1),
  .wrapper.green .batch-edit-style6 tr:nth-child(1),
  .wrapper.green .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #76a328;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.green .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #d0eda2;
  }
}

.wrapper.green tr.switch-content td {
  padding: 0;
}

.wrapper.green tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.green tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.green .upload-finish {
  background: #b7dd80;
}

.wrapper.green .toggleTable-card-header {
  background: #CEEAA7;
  border-color: #76a328;
}

.wrapper.green .select-color-input:checked + .select-color-label {
  border-color: #76a328;
}

.wrapper.green .fixed-table-wrapper {
  border-color: #76a328 #b7dd80;
}

.wrapper.green .fixed-table-wrapper .fixed-table-header {
  background-color: #c7e2a1;
}

.wrapper.green .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.green .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.green .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #76a328;
}

.wrapper.green .input-type-number .sub-num-btn,
.wrapper.green .input-type-number .add-num-btn {
  background: #e4f4cb;
}

.wrapper.green .input-type-number .sub-num-btn:before, .wrapper.green .input-type-number .sub-num-btn:after,
.wrapper.green .input-type-number .add-num-btn:before,
.wrapper.green .input-type-number .add-num-btn:after {
  background: #80ad40;
}

.wrapper.green .input-type-number .sub-num-btn:hover,
.wrapper.green .input-type-number .add-num-btn:hover {
  background: #f0f7e7;
}

.wrapper.green .input-type-number .sub-num-btn:hover:before, .wrapper.green .input-type-number .sub-num-btn:hover:after,
.wrapper.green .input-type-number .add-num-btn:hover:before,
.wrapper.green .input-type-number .add-num-btn:hover:after {
  background: #76a328;
}

.wrapper.green .input-type-number .sub-num-btn.disabled,
.wrapper.green .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.green .input-type-number .sub-num-btn.disabled:before, .wrapper.green .input-type-number .sub-num-btn.disabled:after,
.wrapper.green .input-type-number .add-num-btn.disabled:before,
.wrapper.green .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.green.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_green_8.png");
}

.wrapper.green.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_green_8.png");
}

.wrapper.green.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_green_9.png") top left no-repeat, url("../../images/pub/banner_bg_green_3.png") top left repeat;
}

.wrapper.green.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_green_9.png") top left no-repeat, url("../images/pub/banner_bg_green_3.png") top left repeat;
}

.wrapper.green.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_green_10.png");
}

.wrapper.green.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_green_1.png");
}

.wrapper.green.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_green_11.png") top left no-repeat, url("../../images/pub/banner_bg_green_3.png") top left repeat;
}

.wrapper.green.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_green_11.png") top left no-repeat, url("../images/pub/banner_bg_green_3.png") top left repeat;
}

.wrapper.green .page-turn .page li a:hover, .wrapper.green .page-turn .page li a.active,
.wrapper.green .page-turn .min-page li a:hover,
.wrapper.green .page-turn .min-page li a.active {
  background-color: #7BAA22;
}

.wrapper.green .page-turn .page li a.disabled:hover,
.wrapper.green .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.green {
  background: #76a328;
}

.wrapper.green #top input[type="radio"]:checked + .change-font:after {
  background: #76a328;
}

.wrapper.green #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #76a328;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.green .bars {
    background: #f0f7e7;
  }
  .wrapper.rwd.green #top {
    background-image: url("../images/pub/banner_bg_green_4.png");
  }
  .wrapper.rwd.green #top.project-bg {
    background-image: url("../../images/pub/banner_bg_green_4.png");
  }
  .wrapper.rwd.green #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_green_5.png") top left no-repeat, url("../../images/pub/banner_bg_green_3.png") top left repeat;
  }
  .wrapper.rwd.green #top .topbtn {
    background: url("../images/pub/banner_bg_green_5.png") top left no-repeat, url("../images/pub/banner_bg_green_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.green .bars {
    background: none;
  }
  .wrapper.rwd.green #top {
    background-image: url("../images/pub/banner_bg_green_6.png");
  }
  .wrapper.rwd.green #top.project-bg {
    background-image: url("../../images/pub/banner_bg_green_6.png");
  }
  .wrapper.rwd.green #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_green_7.png") top left no-repeat, url("../../images/pub/banner_bg_green_3.png") top left repeat;
  }
  .wrapper.rwd.green #top .topbtn {
    background: url("../images/pub/banner_bg_green_7.png") top left no-repeat, url("../images/pub/banner_bg_green_3.png") top left repeat;
  }
}

.wrapper.orange #top {
  background-image: url("../images/pub/banner_bg_orange_1.png");
}

.wrapper.orange #top.project-bg {
  background-image: url("../../images/pub/banner_bg_orange_1.png");
}

.wrapper.orange #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_orange_2.png") top left no-repeat, url("../../images/pub/banner_bg_orange_3.png") top left repeat;
}

.wrapper.orange #top .topbtn {
  background: url("../images/pub/banner_bg_orange_2.png") top left no-repeat, url("../images/pub/banner_bg_orange_3.png") top left repeat;
}

.wrapper.orange #top .usmenu-area ul li a:hover {
  background: #FFFAF3;
}

.wrapper.orange #top .title {
  text-shadow: 0 0 0 5px #712f0f, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.orange #top .title {
    text-shadow: 2px -2px #712f0f, -2px -2px #712f0f, -2px -2px #712f0f, -2px 2px #712f0f, 2px -1px #712f0f, -2px -1px #712f0f, -1px -2px #712f0f, -1px 2px #712f0f, 2px 0px #712f0f, -2px 0px #712f0f, 0px -2px #712f0f, 0px 2px #712f0f, 2px 1px #712f0f, -2px 1px #712f0f, 1px -2px #712f0f, 1px 2px #712f0f, 2px 2px #712f0f, -2px 2px #712f0f, 2px -2px #712f0f, 2px 2px #712f0f, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.orange #top .title {
    color: red;
    text-shadow: 2px -2px #712f0f, -2px -2px #712f0f, -2px -2px #712f0f, -2px 2px #712f0f, 2px -1px #712f0f, -2px -1px #712f0f, -1px -2px #712f0f, -1px 2px #712f0f, 2px 0px #712f0f, -2px 0px #712f0f, 0px -2px #712f0f, 0px 2px #712f0f, 2px 1px #712f0f, -2px 1px #712f0f, 1px -2px #712f0f, 1px 2px #712f0f, 2px 2px #712f0f, -2px 2px #712f0f, 2px -2px #712f0f, 2px 2px #712f0f, 0 4px 4px #999;
  }
}

.wrapper.orange .home_btn {
  background: #e46e34;
}

.wrapper.orange .home_btn a {
  color: white;
}

.wrapper.orange .home_btn:hover {
  background: #ab4a08;
}

.wrapper.orange .left-menu {
  background: #FFFFFF;
}

.wrapper.orange #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.orange #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.orange #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #e46e34;
}

.wrapper.orange .left-menu_switch-area {
  border-bottom-color: #fcd1b4;
}

.wrapper.orange.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.orange.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.orange.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.orange.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.orange .left-menu .nav li.active > a {
  background-color: #ffe4cc;
}

.wrapper.orange .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.orange .left-menu .nav li > a.active,
.wrapper.orange .left-menu .nav li a.nav-second-current-ele {
  background: #F7EAD7;
  border-right-color: #e46e34;
  color: #e46e34;
  font-weight: bold;
}

.wrapper.orange .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.orange .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #e46e34;
}

.wrapper.orange .left-menu .nav li a:hover {
  color: #e46e34;
}

.wrapper.orange .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.orange .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #e46e34;
}

.wrapper.orange .left-menu .nav li .hide_ul.active:before {
  background-color: #ffe4cc;
}

.wrapper.orange .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.orange .left-menu .nav2 > li > a {
  background: #FFF1E1;
}

.wrapper.orange .left-menu .nav2 > li > a.active, .wrapper.orange .left-menu .nav2 > li > a:hover {
  background: #e46e34;
}

.wrapper.orange .left-menu .nav2 > li > a:before {
  background: #e46e34;
}

.wrapper.orange .left-menu .nav2 > li > ul {
  border-color: #e46e34;
}

.wrapper.orange .left-menu .nav2 li li > a:before {
  background: #e46e34;
}

.wrapper.orange .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #F7EAD7;
  color: #e46e34;
}

.wrapper.orange .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #e46e34;
}

.wrapper.orange .left-menu .fav li a:hover, .wrapper.orange .left-menu .fav li a.active,
.wrapper.orange .left-menu .sea li a:hover,
.wrapper.orange .left-menu .sea li a.active {
  color: #e46e34;
}

.wrapper.orange .left-menu .fav li a:hover:before, .wrapper.orange .left-menu .fav li a.active:before,
.wrapper.orange .left-menu .sea li a:hover:before,
.wrapper.orange .left-menu .sea li a.active:before {
  background: #f08f2d;
}

.wrapper.orange .left-menu .fav li a:before,
.wrapper.orange .left-menu .sea li a:before {
  background: #F7EAD7;
}

.wrapper.orange.show-child-list-line .hide_ul.active:before {
  background-color: #ffe4cc;
}

.wrapper.orange.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.orange .condition {
  background: #fff6ee;
}

.wrapper.orange .area:nth-child(odd),
.wrapper.orange .tr-even-bg {
  background: #fff6ee;
}

.wrapper.orange .data_table tbody > tr:nth-child(even),
.wrapper.orange .norwd-table tbody > tr:nth-child(even),
.wrapper.orange .table-om tbody > tr:nth-child(even),
.wrapper.orange .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.orange .border-table th {
  background: #fff6ee;
}

.wrapper.orange .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.orange .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.orange .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.orange .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.orange .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff6ee), to(rgba(255, 246, 238, 0.5)));
  background: -webkit-linear-gradient(right, #fff6ee 50%, rgba(255, 246, 238, 0.5) 100%);
  background: -moz-linear-gradient(right, #fff6ee 50%, rgba(255, 246, 238, 0.5) 100%);
  background: -o-linear-gradient(right, #fff6ee 50%, rgba(255, 246, 238, 0.5) 100%);
  background: linear-gradient(270deg, #fff6ee 50%, rgba(255, 246, 238, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #fff6ee 50%, rgba(255, 246, 238, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #fff6ee 50%, rgba(255, 246, 238, 0.5) 100%);
  background: -o-linear-gradient(270deg, #fff6ee 50%, rgba(255, 246, 238, 0.5) 100%);
}

.wrapper.orange .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.orange .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.orange .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.orange .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.orange .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.orange .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.orange .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.orange .batch-edit-style5 .data-tr .data_table tr,
.wrapper.orange .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.orange .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.orange .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.orange .lb-table tbody > tr:nth-child(even) {
  background: #fff6ee;
}

.wrapper.orange .lb-table tbody > tr:nth-child(even),
.wrapper.orange .member1,
.wrapper.orange .mb-group1,
.wrapper.orange .ui-multiselect-header {
  background: #fff6ee;
}

.wrapper.orange .step-finish .step-arrow,
.wrapper.orange .step-finish,
.wrapper.orange .step-finish .lastarrow2 {
  background: #712f0f;
}

.wrapper.orange .step-notyet .step-arrow,
.wrapper.orange .step-notyet,
.wrapper.orange .step-finish .lastarrow {
  background: #fff6ee;
}

.wrapper.orange .step-ul .step-finish .step-arrow:after {
  border-left-color: #712f0f;
}

.wrapper.orange .step-ul .step-notyet .step-arrow:after {
  border-left-color: #fff6ee;
}

.wrapper.orange .bars span,
.wrapper.orange .bars span::before,
.wrapper.orange .bars span::after {
  background: #e46e34;
}

.wrapper.orange .bars:hover {
  border-color: #ab4a08 transparent transparent transparent;
}

.wrapper.orange .bars:hover span,
.wrapper.orange .bars:hover span::before,
.wrapper.orange .bars:hover span::after {
  background: #ab4a08;
}

.wrapper.orange .data_table th,
.wrapper.orange .norwd-table th,
.wrapper.orange .table-om th,
.wrapper.orange .table-two-level th,
.wrapper.orange .click th:hover,
.wrapper.orange .lb-table th {
  background: #fcd1b4;
}

.wrapper.orange .batch-edit-style th,
.wrapper.orange .batch-edit-style1 th,
.wrapper.orange .batch-edit-style2 th,
.wrapper.orange .batch-edit-style3 th,
.wrapper.orange .batch-edit-style4 th,
.wrapper.orange .batch-edit-style5 th,
.wrapper.orange .batch-edit-style6 th,
.wrapper.orange .batch-edit-style7 th {
  background: #fcd1b4;
}

.wrapper.orange #menu-toggle,
.wrapper.orange .search_arrow {
  background: #e46e34;
}

.wrapper.orange .divider,
.wrapper.orange .divideritems {
  background: #e46e34;
}

.wrapper.orange .fake-dialog-title,
.wrapper.orange .iframe-dialog-title,
.wrapper.orange .dialog-title {
  background: #e46e34;
}

.wrapper.orange .blank,
.wrapper.orange .tabs li a,
.wrapper.orange .tabs-level2 li a:before {
  background: #ffcdab;
}

.wrapper.orange .tabs li:hover a,
.wrapper.orange .tabs .active,
.wrapper.orange li:hover .blank,
.wrapper.orange .blankclick,
.wrapper.orange .tabs-level2 {
  background: #e46e34;
  color: #fff;
}

.wrapper.orange .form,
.wrapper.orange .fake-dialog-content {
  border-color: #e46e34;
}

.wrapper.orange .search,
.wrapper.orange .display,
.wrapper.orange .member1:nth-of-type(1) {
  border-top: 1px solid #e46e34;
}

.wrapper.orange .search,
.wrapper.orange .display,
.wrapper.orange .explanation {
  border-right: 1px solid #e46e34;
}

.wrapper.orange .data_table,
.wrapper.orange .norwd-table,
.wrapper.orange .table-om,
.wrapper.orange .table-two-level {
  border-top: 1px solid #e46e34;
}

.wrapper.orange .batch-edit-style,
.wrapper.orange .batch-edit-style1,
.wrapper.orange .batch-edit-style2,
.wrapper.orange .batch-edit-style3,
.wrapper.orange .batch-edit-style4,
.wrapper.orange .batch-edit-style5,
.wrapper.orange .batch-edit-style6,
.wrapper.orange .batch-edit-style7 {
  border-top: 1px solid #e46e34;
}

.wrapper.orange .message-style2,
.wrapper.orange .tabs,
.wrapper.orange .search,
.wrapper.orange .display,
.wrapper.orange .explanation,
.wrapper.orange .member,
.wrapper.orange .dept-member {
  border-bottom: 1px solid #e46e34;
}

.wrapper.orange .data_table,
.wrapper.orange .norwd-table,
.wrapper.orange .table-om,
.wrapper.orange .table-two-level {
  border-bottom: 1px solid #e46e34;
}

.wrapper.orange .batch-edit-style,
.wrapper.orange .batch-edit-style1,
.wrapper.orange .batch-edit-style2,
.wrapper.orange .batch-edit-style3,
.wrapper.orange .batch-edit-style4,
.wrapper.orange .batch-edit-style5,
.wrapper.orange .batch-edit-style6,
.wrapper.orange .batch-edit-style7 {
  border-bottom: 1px solid #e46e34;
}

.wrapper.orange .search,
.wrapper.orange .display,
.wrapper.orange .explanation {
  border-left: 1px solid #e46e34;
}

.wrapper.orange .click tr:not(.not-select):nth-child(n):hover,
.wrapper.orange .click-table:hover,
.wrapper.orange .click-table-om:nth-child(n):hover,
.wrapper.orange .data_table tr.active {
  background: #f2d3b6;
}

.wrapper.orange .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.orange .click-table:hover .ellipsis.eps-dot:before,
.wrapper.orange .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.orange .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f2d3b6), to(rgba(242, 211, 182, 0.5)));
  background: -webkit-linear-gradient(right, #f2d3b6 50%, rgba(242, 211, 182, 0.5) 100%);
  background: -moz-linear-gradient(right, #f2d3b6 50%, rgba(242, 211, 182, 0.5) 100%);
  background: -o-linear-gradient(right, #f2d3b6 50%, rgba(242, 211, 182, 0.5) 100%);
  background: linear-gradient(270deg, #f2d3b6 50%, rgba(242, 211, 182, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #f2d3b6 50%, rgba(242, 211, 182, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #f2d3b6 50%, rgba(242, 211, 182, 0.5) 100%);
  background: -o-linear-gradient(270deg, #f2d3b6 50%, rgba(242, 211, 182, 0.5) 100%);
}

.wrapper.orange #menu-toggle {
  -webkit-box-shadow: 2px 0 #f2d3b6;
          box-shadow: 2px 0 #f2d3b6;
}

.wrapper.orange .current {
  background: #ab4a08;
}

.wrapper.orange .liclick {
  background: #712f0f !important;
}

.wrapper.orange .condition,
.wrapper.orange .search_form_table,
.wrapper.orange .form_table,
.wrapper.orange .area,
.wrapper.orange .sourcebox,
.wrapper.orange .targetbox,
.wrapper.orange .border-table,
.wrapper.orange .border-table th,
.wrapper.orange .border-table td {
  border-color: #f0af8e;
}

.wrapper.orange .member1,
.wrapper.orange .member2 .checkbox,
.wrapper.orange .member2 .blank-cb,
.wrapper.orange .member2-style2 .checkbox,
.wrapper.orange .member2-style2 .blank-cb,
.wrapper.orange .member2-name,
.wrapper.orange .blank-name {
  border-top: 1px solid #f0af8e;
}

.wrapper.orange .dept-member .mb-cb,
.wrapper.orange .dept-member .blank-cb,
.wrapper.orange .dept-member .mb-all-name,
.wrapper.orange .dept-member .mb-group-name,
.wrapper.orange .dept-member .mb-cont-name,
.wrapper.orange .dept-member .blank-name,
.wrapper.orange .dept-member .level-blank,
.wrapper.orange .dept-member .mb-all-sw,
.wrapper.orange .dept-member .mb-group-sw {
  border-top: 1px solid #f0af8e;
}

.wrapper.orange .dept-member .mb-cb,
.wrapper.orange .dept-member .blank-cb,
.wrapper.orange .dept-member .mb-cont-name,
.wrapper.orange .dept-member .blank-name,
.wrapper.orange .dept-member .level-blank,
.wrapper.orange .dept-member .mb-all-name,
.wrapper.orange .dept-member .mb-group-name {
  border-left: 1px solid #f0af8e;
}

.wrapper.orange .dept-member .mb-all {
  background: #ffe4cc;
}

.wrapper.orange .dept-member .mb-all .mb-cb,
.wrapper.orange .dept-member .mb-all .mb-all-sw,
.wrapper.orange .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #e46e34;
}

.wrapper.orange .search_btn,
.wrapper.orange .data_table,
.wrapper.orange .norwd-table,
.wrapper.orange .table-om,
.wrapper.orange .table-two-level {
  border-right: 1px solid #f0af8e;
}

.wrapper.orange .batch-edit-style,
.wrapper.orange .batch-edit-style1,
.wrapper.orange .batch-edit-style2,
.wrapper.orange .batch-edit-style3,
.wrapper.orange .batch-edit-style4,
.wrapper.orange .batch-edit-style5,
.wrapper.orange .batch-edit-style6,
.wrapper.orange .batch-edit-style7 {
  border-right: 1px solid #f0af8e;
}

.wrapper.orange .member,
.wrapper.orange .dept-member {
  border-right: 1px solid #f0af8e;
}

.wrapper.orange .search_btn,
.wrapper.orange .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #f0af8e;
}

.wrapper.orange .search_btn,
.wrapper.orange .data_table,
.wrapper.orange .norwd-table,
.wrapper.orange .table-om,
.wrapper.orange .table-two-level {
  border-left: 1px solid #f0af8e;
}

.wrapper.orange .batch-edit-style,
.wrapper.orange .batch-edit-style1,
.wrapper.orange .batch-edit-style2,
.wrapper.orange .batch-edit-style3,
.wrapper.orange .batch-edit-style4,
.wrapper.orange .batch-edit-style5,
.wrapper.orange .batch-edit-style6,
.wrapper.orange .batch-edit-style7 {
  border-left: 1px solid #f0af8e;
}

.wrapper.orange .member .checkbox,
.wrapper.orange .member .blank-cb,
.wrapper.orange .member1-name,
.wrapper.orange .member2-name,
.wrapper.orange .blank-name {
  border-left: 1px solid #f0af8e;
}

.wrapper.orange .mb-all-sw span:after, .wrapper.orange .mb-all-sw span:before {
  background: #e46e34;
}

.wrapper.orange .mb-group-sw span:after, .wrapper.orange .mb-group-sw span:before {
  background: #f0af8e;
}

.wrapper.orange .preview .area,
.wrapper.orange .preview-table,
.wrapper.orange .preview-table thead tr:nth-child(n) th,
.wrapper.orange .preview-table tbody tr td {
  border-color: #e46e34;
}

.wrapper.orange th.th-second {
  background: #f4c19f;
}

.wrapper.orange #top-btn {
  background-color: rgba(240, 143, 45, 0.7);
  border: 2px solid rgba(245, 179, 112, 0.8);
}

.wrapper.orange #top-btn i:hover,
.wrapper.orange #bottom-btn i:hover {
  background: #f08f2d;
  border: 2px solid #f5b370;
}

.wrapper.orange .listbox .checked:nth-child(n) {
  background: #edc29f;
}

.wrapper.orange .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.orange .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.orange .display .area:nth-last-child(2),
.wrapper.orange .display .area:last-child {
  border-bottom: none;
}

.wrapper.orange .preview .area,
.wrapper.orange .print .area,
.wrapper.orange .print-table th:nth-child(n),
.wrapper.orange .print-table tbody > tr:nth-child(n),
.wrapper.orange .preview-table th:nth-child(n),
.wrapper.orange .preview-table tbody > tr:nth-child(n),
.wrapper.orange .table-one tbody > tr:nth-child(n),
.wrapper.orange .table-many tbody > tr:nth-child(n),
.wrapper.orange .click tr.switch-content:hover,
.wrapper.orange .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.orange .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.orange .print,
.wrapper.orange .print .area,
.wrapper.orange .print-table,
.wrapper.orange .print-table thead tr th,
.wrapper.orange .print-table tbody tr td,
.wrapper.orange .print ~ .explanation {
  border-color: #000;
}

.wrapper.orange .fullwidth .data_table,
.wrapper.orange .fullwidth .batch-edit-style,
.wrapper.orange .fullwidth .batch-edit-style1,
.wrapper.orange .fullwidth .batch-edit-style2,
.wrapper.orange .fullwidth .batch-edit-style3,
.wrapper.orange .fullwidth .batch-edit-style4,
.wrapper.orange .fullwidth .batch-edit-style5,
.wrapper.orange .fullwidth .batch-edit-style6,
.wrapper.orange .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.orange .search_arrow {
  -webkit-box-shadow: 0 2px 0 #ab4a08;
          box-shadow: 0 2px 0 #ab4a08;
}

@media screen and (max-width: 768px) {
  .wrapper.orange .leftmenu {
    border-top: 1px solid #f0af8e;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.orange .border-table tr:nth-child(1) {
    border-color: #f0af8e;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.orange .data_table tr:nth-child(1),
  .wrapper.orange .table-two-level tr:nth-child(1) {
    border-top: 1px solid #e46e34;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.orange .batch-edit-style tr:nth-child(1),
  .wrapper.orange .batch-edit-style1 tr:nth-child(1),
  .wrapper.orange .batch-edit-style2 tr:nth-child(1),
  .wrapper.orange .batch-edit-style3 tr:nth-child(1),
  .wrapper.orange .batch-edit-style4 tr:nth-child(1),
  .wrapper.orange .batch-edit-style5 tr:nth-child(1),
  .wrapper.orange .batch-edit-style6 tr:nth-child(1),
  .wrapper.orange .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #e46e34;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.orange .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #f2d3b6;
  }
}

.wrapper.orange tr.switch-content td {
  padding: 0;
}

.wrapper.orange tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.orange tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.orange .upload-finish {
  background: #f0af8e;
}

.wrapper.orange .toggleTable-card-header {
  background: #FCDCC3;
  border-color: #e46e34;
}

.wrapper.orange .select-color-input:checked + .select-color-label {
  border-color: #e46e34;
}

.wrapper.orange .fixed-table-wrapper {
  border-color: #e46e34 #f0af8e;
}

.wrapper.orange .fixed-table-wrapper .fixed-table-header {
  background-color: #fcd1b4;
}

.wrapper.orange .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.orange .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.orange .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #e46e34;
}

.wrapper.orange .input-type-number .sub-num-btn,
.wrapper.orange .input-type-number .add-num-btn {
  background: #F7EAD7;
}

.wrapper.orange .input-type-number .sub-num-btn:before, .wrapper.orange .input-type-number .sub-num-btn:after,
.wrapper.orange .input-type-number .add-num-btn:before,
.wrapper.orange .input-type-number .add-num-btn:after {
  background: #e5925a;
}

.wrapper.orange .input-type-number .sub-num-btn:hover,
.wrapper.orange .input-type-number .add-num-btn:hover {
  background: #fff6ee;
}

.wrapper.orange .input-type-number .sub-num-btn:hover:before, .wrapper.orange .input-type-number .sub-num-btn:hover:after,
.wrapper.orange .input-type-number .add-num-btn:hover:before,
.wrapper.orange .input-type-number .add-num-btn:hover:after {
  background: #e46e34;
}

.wrapper.orange .input-type-number .sub-num-btn.disabled,
.wrapper.orange .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.orange .input-type-number .sub-num-btn.disabled:before, .wrapper.orange .input-type-number .sub-num-btn.disabled:after,
.wrapper.orange .input-type-number .add-num-btn.disabled:before,
.wrapper.orange .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.orange.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_orange_8.png");
}

.wrapper.orange.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_orange_8.png");
}

.wrapper.orange.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_orange_9.png") top left no-repeat, url("../../images/pub/banner_bg_orange_3.png") top left repeat;
}

.wrapper.orange.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_orange_9.png") top left no-repeat, url("../images/pub/banner_bg_orange_3.png") top left repeat;
}

.wrapper.orange.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_orange_10.png");
}

.wrapper.orange.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_orange_1.png");
}

.wrapper.orange.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_orange_11.png") top left no-repeat, url("../../images/pub/banner_bg_orange_3.png") top left repeat;
}

.wrapper.orange.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_orange_11.png") top left no-repeat, url("../images/pub/banner_bg_orange_3.png") top left repeat;
}

.wrapper.orange .page-turn .page li a:hover, .wrapper.orange .page-turn .page li a.active,
.wrapper.orange .page-turn .min-page li a:hover,
.wrapper.orange .page-turn .min-page li a.active {
  background-color: #ED662B;
}

.wrapper.orange .page-turn .page li a.disabled:hover,
.wrapper.orange .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.orange {
  background: #e46e34;
}

.wrapper.orange #top input[type="radio"]:checked + .change-font:after {
  background: #e46e34;
}

.wrapper.orange #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #e46e34;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.orange .bars {
    background: #fff6ee;
  }
  .wrapper.rwd.orange #top {
    background-image: url("../images/pub/banner_bg_orange_4.png");
  }
  .wrapper.rwd.orange #top.project-bg {
    background-image: url("../../images/pub/banner_bg_orange_4.png");
  }
  .wrapper.rwd.orange #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_orange_5.png") top left no-repeat, url("../../images/pub/banner_bg_orange_3.png") top left repeat;
  }
  .wrapper.rwd.orange #top .topbtn {
    background: url("../images/pub/banner_bg_orange_5.png") top left no-repeat, url("../images/pub/banner_bg_orange_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.orange .bars {
    background: none;
  }
  .wrapper.rwd.orange #top {
    background-image: url("../images/pub/banner_bg_orange_6.png");
  }
  .wrapper.rwd.orange #top.project-bg {
    background-image: url("../../images/pub/banner_bg_orange_6.png");
  }
  .wrapper.rwd.orange #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_orange_7.png") top left no-repeat, url("../../images/pub/banner_bg_orange_3.png") top left repeat;
  }
  .wrapper.rwd.orange #top .topbtn {
    background: url("../images/pub/banner_bg_orange_7.png") top left no-repeat, url("../images/pub/banner_bg_orange_3.png") top left repeat;
  }
}

.wrapper.brown #top {
  background-image: url("../images/pub/banner_bg_brown_1.png");
}

.wrapper.brown #top.project-bg {
  background-image: url("../../images/pub/banner_bg_brown_1.png");
}

.wrapper.brown #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_brown_2.png") top left no-repeat, url("../../images/pub/banner_bg_brown_3.png") top left repeat;
}

.wrapper.brown #top .topbtn {
  background: url("../images/pub/banner_bg_brown_2.png") top left no-repeat, url("../images/pub/banner_bg_brown_3.png") top left repeat;
}

.wrapper.brown #top .usmenu-area ul li a:hover {
  background: #FFFAF5;
}

.wrapper.brown #top .title {
  text-shadow: 0 0 0 5px #986343, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.brown #top .title {
    text-shadow: 2px -2px #986343, -2px -2px #986343, -2px -2px #986343, -2px 2px #986343, 2px -1px #986343, -2px -1px #986343, -1px -2px #986343, -1px 2px #986343, 2px 0px #986343, -2px 0px #986343, 0px -2px #986343, 0px 2px #986343, 2px 1px #986343, -2px 1px #986343, 1px -2px #986343, 1px 2px #986343, 2px 2px #986343, -2px 2px #986343, 2px -2px #986343, 2px 2px #986343, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.brown #top .title {
    color: red;
    text-shadow: 2px -2px #986343, -2px -2px #986343, -2px -2px #986343, -2px 2px #986343, 2px -1px #986343, -2px -1px #986343, -1px -2px #986343, -1px 2px #986343, 2px 0px #986343, -2px 0px #986343, 0px -2px #986343, 0px 2px #986343, 2px 1px #986343, -2px 1px #986343, 1px -2px #986343, 1px 2px #986343, 2px 2px #986343, -2px 2px #986343, 2px -2px #986343, 2px 2px #986343, 0 4px 4px #999;
  }
}

.wrapper.brown .home_btn {
  background: #A5876F;
}

.wrapper.brown .home_btn a {
  color: white;
}

.wrapper.brown .home_btn:hover {
  background: #7A5238;
}

.wrapper.brown .left-menu {
  background: #FFFFFF;
}

.wrapper.brown #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.brown #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.brown #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #A5876F;
}

.wrapper.brown .left-menu_switch-area {
  border-bottom-color: #D8BDAB;
}

.wrapper.brown.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.brown.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.brown.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.brown.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.brown .left-menu .nav li.active > a {
  background-color: #E0CDB8;
}

.wrapper.brown .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.brown .left-menu .nav li > a.active,
.wrapper.brown .left-menu .nav li a.nav-second-current-ele {
  background: #F4E6D9;
  border-right-color: #A5876F;
  color: #A5876F;
  font-weight: bold;
}

.wrapper.brown .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.brown .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #A5876F;
}

.wrapper.brown .left-menu .nav li a:hover {
  color: #A5876F;
}

.wrapper.brown .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.brown .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #A5876F;
}

.wrapper.brown .left-menu .nav li .hide_ul.active:before {
  background-color: #E0CDB8;
}

.wrapper.brown .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.brown .left-menu .nav2 > li > a {
  background: #FFF0E3;
}

.wrapper.brown .left-menu .nav2 > li > a.active, .wrapper.brown .left-menu .nav2 > li > a:hover {
  background: #A5876F;
}

.wrapper.brown .left-menu .nav2 > li > a:before {
  background: #A5876F;
}

.wrapper.brown .left-menu .nav2 > li > ul {
  border-color: #A5876F;
}

.wrapper.brown .left-menu .nav2 li li > a:before {
  background: #A5876F;
}

.wrapper.brown .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #EFE1DA;
  color: #A5876F;
}

.wrapper.brown .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #A5876F;
}

.wrapper.brown .left-menu .fav li a:hover, .wrapper.brown .left-menu .fav li a.active,
.wrapper.brown .left-menu .sea li a:hover,
.wrapper.brown .left-menu .sea li a.active {
  color: #A5876F;
}

.wrapper.brown .left-menu .fav li a:hover:before, .wrapper.brown .left-menu .fav li a.active:before,
.wrapper.brown .left-menu .sea li a:hover:before,
.wrapper.brown .left-menu .sea li a.active:before {
  background: #ef8630;
}

.wrapper.brown .left-menu .fav li a:before,
.wrapper.brown .left-menu .sea li a:before {
  background: #EFE1DA;
}

.wrapper.brown.show-child-list-line .hide_ul.active:before {
  background-color: #E0CDB8;
}

.wrapper.brown.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.brown .condition {
  background: #EFE4DA;
}

.wrapper.brown .area:nth-child(odd),
.wrapper.brown .tr-even-bg {
  background: #EFE4DA;
}

.wrapper.brown .data_table tbody > tr:nth-child(even),
.wrapper.brown .norwd-table tbody > tr:nth-child(even),
.wrapper.brown .table-om tbody > tr:nth-child(even),
.wrapper.brown .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.brown .border-table th {
  background: #EFE4DA;
}

.wrapper.brown .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.brown .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.brown .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.brown .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.brown .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff3e9), to(rgba(255, 243, 233, 0.5)));
  background: -webkit-linear-gradient(right, #fff3e9 50%, rgba(255, 243, 233, 0.5) 100%);
  background: -moz-linear-gradient(right, #fff3e9 50%, rgba(255, 243, 233, 0.5) 100%);
  background: -o-linear-gradient(right, #fff3e9 50%, rgba(255, 243, 233, 0.5) 100%);
  background: linear-gradient(270deg, #fff3e9 50%, rgba(255, 243, 233, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #fff3e9 50%, rgba(255, 243, 233, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #fff3e9 50%, rgba(255, 243, 233, 0.5) 100%);
  background: -o-linear-gradient(270deg, #fff3e9 50%, rgba(255, 243, 233, 0.5) 100%);
}

.wrapper.brown .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.brown .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.brown .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.brown .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.brown .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.brown .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.brown .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.brown .batch-edit-style5 .data-tr .data_table tr,
.wrapper.brown .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.brown .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.brown .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.brown .lb-table tbody > tr:nth-child(even) {
  background: #EFE4DA;
}

.wrapper.brown .lb-table tbody > tr:nth-child(even),
.wrapper.brown .member1,
.wrapper.brown .mb-group1,
.wrapper.brown .ui-multiselect-header {
  background: #EFE4DA;
}

.wrapper.brown .step-finish .step-arrow,
.wrapper.brown .step-finish,
.wrapper.brown .step-finish .lastarrow2 {
  background: #AF7248;
}

.wrapper.brown .step-notyet .step-arrow,
.wrapper.brown .step-notyet,
.wrapper.brown .step-finish .lastarrow {
  background: #EFE4DA;
}

.wrapper.brown .step-ul .step-finish .step-arrow:after {
  border-left-color: #AF7248;
}

.wrapper.brown .step-ul .step-notyet .step-arrow:after {
  border-left-color: #EFE4DA;
}

.wrapper.brown .bars span,
.wrapper.brown .bars span::before,
.wrapper.brown .bars span::after {
  background: #A5876F;
}

.wrapper.brown .bars:hover {
  border-color: #7A5238 transparent transparent transparent;
}

.wrapper.brown .bars:hover span,
.wrapper.brown .bars:hover span::before,
.wrapper.brown .bars:hover span::after {
  background: #7A5238;
}

.wrapper.brown .data_table th,
.wrapper.brown .norwd-table th,
.wrapper.brown .table-om th,
.wrapper.brown .table-two-level th,
.wrapper.brown .click th:hover,
.wrapper.brown .lb-table th {
  background: #D8BDAB;
}

.wrapper.brown .batch-edit-style th,
.wrapper.brown .batch-edit-style1 th,
.wrapper.brown .batch-edit-style2 th,
.wrapper.brown .batch-edit-style3 th,
.wrapper.brown .batch-edit-style4 th,
.wrapper.brown .batch-edit-style5 th,
.wrapper.brown .batch-edit-style6 th,
.wrapper.brown .batch-edit-style7 th {
  background: #D8BDAB;
}

.wrapper.brown #menu-toggle,
.wrapper.brown .search_arrow {
  background: #A5876F;
}

.wrapper.brown .divider,
.wrapper.brown .divideritems {
  background: #A5876F;
}

.wrapper.brown .fake-dialog-title,
.wrapper.brown .iframe-dialog-title,
.wrapper.brown .dialog-title {
  background: #A5876F;
}

.wrapper.brown .blank,
.wrapper.brown .tabs li a,
.wrapper.brown .tabs-level2 li a:before {
  background: #FFDEC2;
}

.wrapper.brown .tabs li:hover a,
.wrapper.brown .tabs .active,
.wrapper.brown li:hover .blank,
.wrapper.brown .blankclick,
.wrapper.brown .tabs-level2 {
  background: #A5876F;
  color: #fff;
}

.wrapper.brown .form,
.wrapper.brown .fake-dialog-content {
  border-color: #A5876F;
}

.wrapper.brown .search,
.wrapper.brown .display,
.wrapper.brown .member1:nth-of-type(1) {
  border-top: 1px solid #A5876F;
}

.wrapper.brown .search,
.wrapper.brown .display,
.wrapper.brown .explanation {
  border-right: 1px solid #A5876F;
}

.wrapper.brown .data_table,
.wrapper.brown .norwd-table,
.wrapper.brown .table-om,
.wrapper.brown .table-two-level {
  border-top: 1px solid #A5876F;
}

.wrapper.brown .batch-edit-style,
.wrapper.brown .batch-edit-style1,
.wrapper.brown .batch-edit-style2,
.wrapper.brown .batch-edit-style3,
.wrapper.brown .batch-edit-style4,
.wrapper.brown .batch-edit-style5,
.wrapper.brown .batch-edit-style6,
.wrapper.brown .batch-edit-style7 {
  border-top: 1px solid #A5876F;
}

.wrapper.brown .message-style2,
.wrapper.brown .tabs,
.wrapper.brown .search,
.wrapper.brown .display,
.wrapper.brown .explanation,
.wrapper.brown .member,
.wrapper.brown .dept-member {
  border-bottom: 1px solid #A5876F;
}

.wrapper.brown .data_table,
.wrapper.brown .norwd-table,
.wrapper.brown .table-om,
.wrapper.brown .table-two-level {
  border-bottom: 1px solid #A5876F;
}

.wrapper.brown .batch-edit-style,
.wrapper.brown .batch-edit-style1,
.wrapper.brown .batch-edit-style2,
.wrapper.brown .batch-edit-style3,
.wrapper.brown .batch-edit-style4,
.wrapper.brown .batch-edit-style5,
.wrapper.brown .batch-edit-style6,
.wrapper.brown .batch-edit-style7 {
  border-bottom: 1px solid #A5876F;
}

.wrapper.brown .search,
.wrapper.brown .display,
.wrapper.brown .explanation {
  border-left: 1px solid #A5876F;
}

.wrapper.brown .click tr:not(.not-select):nth-child(n):hover,
.wrapper.brown .click-table:hover,
.wrapper.brown .click-table-om:nth-child(n):hover,
.wrapper.brown .data_table tr.active {
  background: #D9A784;
}

.wrapper.brown .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.brown .click-table:hover .ellipsis.eps-dot:before,
.wrapper.brown .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.brown .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f9d7bb), to(rgba(249, 215, 187, 0.5)));
  background: -webkit-linear-gradient(right, #f9d7bb 50%, rgba(249, 215, 187, 0.5) 100%);
  background: -moz-linear-gradient(right, #f9d7bb 50%, rgba(249, 215, 187, 0.5) 100%);
  background: -o-linear-gradient(right, #f9d7bb 50%, rgba(249, 215, 187, 0.5) 100%);
  background: linear-gradient(270deg, #f9d7bb 50%, rgba(249, 215, 187, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #f9d7bb 50%, rgba(249, 215, 187, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #f9d7bb 50%, rgba(249, 215, 187, 0.5) 100%);
  background: -o-linear-gradient(270deg, #f9d7bb 50%, rgba(249, 215, 187, 0.5) 100%);
}

.wrapper.brown #menu-toggle {
  -webkit-box-shadow: 2px 0 #D9A784;
          box-shadow: 2px 0 #D9A784;
}

.wrapper.brown .current {
  background: #7A5238;
}

.wrapper.brown .liclick {
  background: #986343 !important;
}

.wrapper.brown .condition,
.wrapper.brown .search_form_table,
.wrapper.brown .form_table,
.wrapper.brown .area,
.wrapper.brown .sourcebox,
.wrapper.brown .targetbox,
.wrapper.brown .border-table,
.wrapper.brown .border-table th,
.wrapper.brown .border-table td {
  border-color: #D19B65;
}

.wrapper.brown .member1,
.wrapper.brown .member2 .checkbox,
.wrapper.brown .member2 .blank-cb,
.wrapper.brown .member2-style2 .checkbox,
.wrapper.brown .member2-style2 .blank-cb,
.wrapper.brown .member2-name,
.wrapper.brown .blank-name {
  border-top: 1px solid #D19B65;
}

.wrapper.brown .dept-member .mb-cb,
.wrapper.brown .dept-member .blank-cb,
.wrapper.brown .dept-member .mb-all-name,
.wrapper.brown .dept-member .mb-group-name,
.wrapper.brown .dept-member .mb-cont-name,
.wrapper.brown .dept-member .blank-name,
.wrapper.brown .dept-member .level-blank,
.wrapper.brown .dept-member .mb-all-sw,
.wrapper.brown .dept-member .mb-group-sw {
  border-top: 1px solid #D19B65;
}

.wrapper.brown .dept-member .mb-cb,
.wrapper.brown .dept-member .blank-cb,
.wrapper.brown .dept-member .mb-cont-name,
.wrapper.brown .dept-member .blank-name,
.wrapper.brown .dept-member .level-blank,
.wrapper.brown .dept-member .mb-all-name,
.wrapper.brown .dept-member .mb-group-name {
  border-left: 1px solid #D19B65;
}

.wrapper.brown .dept-member .mb-all {
  background: #E0CDB8;
}

.wrapper.brown .dept-member .mb-all .mb-cb,
.wrapper.brown .dept-member .mb-all .mb-all-sw,
.wrapper.brown .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #A5876F;
}

.wrapper.brown .search_btn,
.wrapper.brown .data_table,
.wrapper.brown .norwd-table,
.wrapper.brown .table-om,
.wrapper.brown .table-two-level {
  border-right: 1px solid #D19B65;
}

.wrapper.brown .batch-edit-style,
.wrapper.brown .batch-edit-style1,
.wrapper.brown .batch-edit-style2,
.wrapper.brown .batch-edit-style3,
.wrapper.brown .batch-edit-style4,
.wrapper.brown .batch-edit-style5,
.wrapper.brown .batch-edit-style6,
.wrapper.brown .batch-edit-style7 {
  border-right: 1px solid #D19B65;
}

.wrapper.brown .member,
.wrapper.brown .dept-member {
  border-right: 1px solid #D19B65;
}

.wrapper.brown .search_btn,
.wrapper.brown .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #D19B65;
}

.wrapper.brown .search_btn,
.wrapper.brown .data_table,
.wrapper.brown .norwd-table,
.wrapper.brown .table-om,
.wrapper.brown .table-two-level {
  border-left: 1px solid #D19B65;
}

.wrapper.brown .batch-edit-style,
.wrapper.brown .batch-edit-style1,
.wrapper.brown .batch-edit-style2,
.wrapper.brown .batch-edit-style3,
.wrapper.brown .batch-edit-style4,
.wrapper.brown .batch-edit-style5,
.wrapper.brown .batch-edit-style6,
.wrapper.brown .batch-edit-style7 {
  border-left: 1px solid #D19B65;
}

.wrapper.brown .member .checkbox,
.wrapper.brown .member .blank-cb,
.wrapper.brown .member1-name,
.wrapper.brown .member2-name,
.wrapper.brown .blank-name {
  border-left: 1px solid #D19B65;
}

.wrapper.brown .mb-all-sw span:after, .wrapper.brown .mb-all-sw span:before {
  background: #A5876F;
}

.wrapper.brown .mb-group-sw span:after, .wrapper.brown .mb-group-sw span:before {
  background: #D19B65;
}

.wrapper.brown .preview .area,
.wrapper.brown .preview-table,
.wrapper.brown .preview-table thead tr:nth-child(n) th,
.wrapper.brown .preview-table tbody tr td {
  border-color: #A5876F;
}

.wrapper.brown th.th-second {
  background: #FFB273;
}

.wrapper.brown #top-btn {
  background-color: rgba(239, 134, 48, 0.7);
  border: 2px solid rgba(255, 191, 138, 0.8);
}

.wrapper.brown #top-btn i:hover,
.wrapper.brown #bottom-btn i:hover {
  background: #ef8630;
  border: 2px solid #ffbf8a;
}

.wrapper.brown .listbox .checked:nth-child(n) {
  background: #F2CCAD;
}

.wrapper.brown .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.brown .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.brown .display .area:nth-last-child(2),
.wrapper.brown .display .area:last-child {
  border-bottom: none;
}

.wrapper.brown .preview .area,
.wrapper.brown .print .area,
.wrapper.brown .print-table th:nth-child(n),
.wrapper.brown .print-table tbody > tr:nth-child(n),
.wrapper.brown .preview-table th:nth-child(n),
.wrapper.brown .preview-table tbody > tr:nth-child(n),
.wrapper.brown .table-one tbody > tr:nth-child(n),
.wrapper.brown .table-many tbody > tr:nth-child(n),
.wrapper.brown .click tr.switch-content:hover,
.wrapper.brown .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.brown .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.brown .print,
.wrapper.brown .print .area,
.wrapper.brown .print-table,
.wrapper.brown .print-table thead tr th,
.wrapper.brown .print-table tbody tr td,
.wrapper.brown .print ~ .explanation {
  border-color: #000;
}

.wrapper.brown .fullwidth .data_table,
.wrapper.brown .fullwidth .batch-edit-style,
.wrapper.brown .fullwidth .batch-edit-style1,
.wrapper.brown .fullwidth .batch-edit-style2,
.wrapper.brown .fullwidth .batch-edit-style3,
.wrapper.brown .fullwidth .batch-edit-style4,
.wrapper.brown .fullwidth .batch-edit-style5,
.wrapper.brown .fullwidth .batch-edit-style6,
.wrapper.brown .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.brown .search_arrow {
  -webkit-box-shadow: 0 2px 0 #7A5238;
          box-shadow: 0 2px 0 #7A5238;
}

@media screen and (max-width: 768px) {
  .wrapper.brown .leftmenu {
    border-top: 1px solid #D19B65;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.brown .border-table tr:nth-child(1) {
    border-color: #D19B65;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.brown .data_table tr:nth-child(1),
  .wrapper.brown .table-two-level tr:nth-child(1) {
    border-top: 1px solid #A5876F;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.brown .batch-edit-style tr:nth-child(1),
  .wrapper.brown .batch-edit-style1 tr:nth-child(1),
  .wrapper.brown .batch-edit-style2 tr:nth-child(1),
  .wrapper.brown .batch-edit-style3 tr:nth-child(1),
  .wrapper.brown .batch-edit-style4 tr:nth-child(1),
  .wrapper.brown .batch-edit-style5 tr:nth-child(1),
  .wrapper.brown .batch-edit-style6 tr:nth-child(1),
  .wrapper.brown .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #A5876F;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.brown .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #D9A784;
  }
}

.wrapper.brown tr.switch-content td {
  padding: 0;
}

.wrapper.brown tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.brown tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.brown .upload-finish {
  background: #D19B65;
}

.wrapper.brown .toggleTable-card-header {
  background: #FFCA9F;
  border-color: #A5876F;
}

.wrapper.brown .select-color-input:checked + .select-color-label {
  border-color: #A5876F;
}

.wrapper.brown .fixed-table-wrapper {
  border-color: #A5876F #D19B65;
}

.wrapper.brown .fixed-table-wrapper .fixed-table-header {
  background-color: #D8BDAB;
}

.wrapper.brown .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.brown .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.brown .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #A5876F;
}

.wrapper.brown .input-type-number .sub-num-btn,
.wrapper.brown .input-type-number .add-num-btn {
  background: #F4E6D9;
}

.wrapper.brown .input-type-number .sub-num-btn:before, .wrapper.brown .input-type-number .sub-num-btn:after,
.wrapper.brown .input-type-number .add-num-btn:before,
.wrapper.brown .input-type-number .add-num-btn:after {
  background: #A98565;
}

.wrapper.brown .input-type-number .sub-num-btn:hover,
.wrapper.brown .input-type-number .add-num-btn:hover {
  background: #EFE4DA;
}

.wrapper.brown .input-type-number .sub-num-btn:hover:before, .wrapper.brown .input-type-number .sub-num-btn:hover:after,
.wrapper.brown .input-type-number .add-num-btn:hover:before,
.wrapper.brown .input-type-number .add-num-btn:hover:after {
  background: #A5876F;
}

.wrapper.brown .input-type-number .sub-num-btn.disabled,
.wrapper.brown .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.brown .input-type-number .sub-num-btn.disabled:before, .wrapper.brown .input-type-number .sub-num-btn.disabled:after,
.wrapper.brown .input-type-number .add-num-btn.disabled:before,
.wrapper.brown .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.brown.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_brown_8.png");
}

.wrapper.brown.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_brown_8.png");
}

.wrapper.brown.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_brown_9.png") top left no-repeat, url("../../images/pub/banner_bg_brown_3.png") top left repeat;
}

.wrapper.brown.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_brown_9.png") top left no-repeat, url("../images/pub/banner_bg_brown_3.png") top left repeat;
}

.wrapper.brown.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_brown_10.png");
}

.wrapper.brown.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_brown_1.png");
}

.wrapper.brown.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_brown_11.png") top left no-repeat, url("../../images/pub/banner_bg_brown_3.png") top left repeat;
}

.wrapper.brown.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_brown_11.png") top left no-repeat, url("../images/pub/banner_bg_brown_3.png") top left repeat;
}

.wrapper.brown .page-turn .page li a:hover, .wrapper.brown .page-turn .page li a.active,
.wrapper.brown .page-turn .min-page li a:hover,
.wrapper.brown .page-turn .min-page li a.active {
  background-color: #AF896E;
}

.wrapper.brown .page-turn .page li a.disabled:hover,
.wrapper.brown .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.brown {
  background: #A5876F;
}

.wrapper.brown #top input[type="radio"]:checked + .change-font:after {
  background: #A5876F;
}

.wrapper.brown #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #A5876F;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.brown .bars {
    background: #EFE4DA;
  }
  .wrapper.rwd.brown #top {
    background-image: url("../images/pub/banner_bg_brown_4.png");
  }
  .wrapper.rwd.brown #top.project-bg {
    background-image: url("../../images/pub/banner_bg_brown_4.png");
  }
  .wrapper.rwd.brown #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_brown_5.png") top left no-repeat, url("../../images/pub/banner_bg_brown_3.png") top left repeat;
  }
  .wrapper.rwd.brown #top .topbtn {
    background: url("../images/pub/banner_bg_brown_5.png") top left no-repeat, url("../images/pub/banner_bg_brown_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.brown .bars {
    background: none;
  }
  .wrapper.rwd.brown #top {
    background-image: url("../images/pub/banner_bg_brown_6.png");
  }
  .wrapper.rwd.brown #top.project-bg {
    background-image: url("../../images/pub/banner_bg_brown_6.png");
  }
  .wrapper.rwd.brown #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_brown_7.png") top left no-repeat, url("../../images/pub/banner_bg_brown_3.png") top left repeat;
  }
  .wrapper.rwd.brown #top .topbtn {
    background: url("../images/pub/banner_bg_brown_7.png") top left no-repeat, url("../images/pub/banner_bg_brown_3.png") top left repeat;
  }
}

.wrapper.purple #top {
  background-image: url("../images/pub/banner_bg_purple_1.png");
}

.wrapper.purple #top.project-bg {
  background-image: url("../../images/pub/banner_bg_purple_1.png");
}

.wrapper.purple #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_purple_2.png") top left no-repeat, url("../../images/pub/banner_bg_purple_3.png") top left repeat;
}

.wrapper.purple #top .topbtn {
  background: url("../images/pub/banner_bg_purple_2.png") top left no-repeat, url("../images/pub/banner_bg_purple_3.png") top left repeat;
}

.wrapper.purple #top .usmenu-area ul li a:hover {
  background: #FFF8FF;
}

.wrapper.purple #top .title {
  text-shadow: 0 0 0 5px #331934, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.purple #top .title {
    text-shadow: 2px -2px #331934, -2px -2px #331934, -2px -2px #331934, -2px 2px #331934, 2px -1px #331934, -2px -1px #331934, -1px -2px #331934, -1px 2px #331934, 2px 0px #331934, -2px 0px #331934, 0px -2px #331934, 0px 2px #331934, 2px 1px #331934, -2px 1px #331934, 1px -2px #331934, 1px 2px #331934, 2px 2px #331934, -2px 2px #331934, 2px -2px #331934, 2px 2px #331934, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.purple #top .title {
    color: red;
    text-shadow: 2px -2px #331934, -2px -2px #331934, -2px -2px #331934, -2px 2px #331934, 2px -1px #331934, -2px -1px #331934, -1px -2px #331934, -1px 2px #331934, 2px 0px #331934, -2px 0px #331934, 0px -2px #331934, 0px 2px #331934, 2px 1px #331934, -2px 1px #331934, 1px -2px #331934, 1px 2px #331934, 2px 2px #331934, -2px 2px #331934, 2px -2px #331934, 2px 2px #331934, 0 4px 4px #999;
  }
}

.wrapper.purple .home_btn {
  background: #b360ba;
}

.wrapper.purple .home_btn a {
  color: white;
}

.wrapper.purple .home_btn:hover {
  background: #663267;
}

.wrapper.purple .left-menu {
  background: #FFFFFF;
}

.wrapper.purple #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.purple #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.purple #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #b360ba;
}

.wrapper.purple .left-menu_switch-area {
  border-bottom-color: #e3c6e5;
}

.wrapper.purple.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.purple.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.purple.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.purple.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.purple .left-menu .nav li.active > a {
  background-color: #e8cae8;
}

.wrapper.purple .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.purple .left-menu .nav li > a.active,
.wrapper.purple .left-menu .nav li a.nav-second-current-ele {
  background: #f7eef7;
  border-right-color: #b360ba;
  color: #b360ba;
  font-weight: bold;
}

.wrapper.purple .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.purple .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #b360ba;
}

.wrapper.purple .left-menu .nav li a:hover {
  color: #b360ba;
}

.wrapper.purple .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.purple .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #b360ba;
}

.wrapper.purple .left-menu .nav li .hide_ul.active:before {
  background-color: #e8cae8;
}

.wrapper.purple .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.purple .left-menu .nav2 > li > a {
  background: #FFF0FF;
}

.wrapper.purple .left-menu .nav2 > li > a.active, .wrapper.purple .left-menu .nav2 > li > a:hover {
  background: #b360ba;
}

.wrapper.purple .left-menu .nav2 > li > a:before {
  background: #b360ba;
}

.wrapper.purple .left-menu .nav2 > li > ul {
  border-color: #b360ba;
}

.wrapper.purple .left-menu .nav2 li li > a:before {
  background: #b360ba;
}

.wrapper.purple .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #f7eef7;
  color: #b360ba;
}

.wrapper.purple .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #b360ba;
}

.wrapper.purple .left-menu .fav li a:hover, .wrapper.purple .left-menu .fav li a.active,
.wrapper.purple .left-menu .sea li a:hover,
.wrapper.purple .left-menu .sea li a.active {
  color: #b360ba;
}

.wrapper.purple .left-menu .fav li a:hover:before, .wrapper.purple .left-menu .fav li a.active:before,
.wrapper.purple .left-menu .sea li a:hover:before,
.wrapper.purple .left-menu .sea li a.active:before {
  background: #b56fbc;
}

.wrapper.purple .left-menu .fav li a:before,
.wrapper.purple .left-menu .sea li a:before {
  background: #f7eef7;
}

.wrapper.purple.show-child-list-line .hide_ul.active:before {
  background-color: #e8cae8;
}

.wrapper.purple.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.purple .condition {
  background: #f4e6f4;
}

.wrapper.purple .area:nth-child(odd),
.wrapper.purple .tr-even-bg {
  background: #f4e6f4;
}

.wrapper.purple .data_table tbody > tr:nth-child(even),
.wrapper.purple .norwd-table tbody > tr:nth-child(even),
.wrapper.purple .table-om tbody > tr:nth-child(even),
.wrapper.purple .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.purple .border-table th {
  background: #f4e6f4;
}

.wrapper.purple .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.purple .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.purple .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.purple .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.purple .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4e6f4), to(rgba(244, 230, 244, 0.5)));
  background: -webkit-linear-gradient(right, #f4e6f4 50%, rgba(244, 230, 244, 0.5) 100%);
  background: -moz-linear-gradient(right, #f4e6f4 50%, rgba(244, 230, 244, 0.5) 100%);
  background: -o-linear-gradient(right, #f4e6f4 50%, rgba(244, 230, 244, 0.5) 100%);
  background: linear-gradient(270deg, #f4e6f4 50%, rgba(244, 230, 244, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #f4e6f4 50%, rgba(244, 230, 244, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #f4e6f4 50%, rgba(244, 230, 244, 0.5) 100%);
  background: -o-linear-gradient(270deg, #f4e6f4 50%, rgba(244, 230, 244, 0.5) 100%);
}

.wrapper.purple .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.purple .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.purple .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.purple .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.purple .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.purple .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.purple .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.purple .batch-edit-style5 .data-tr .data_table tr,
.wrapper.purple .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.purple .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.purple .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.purple .lb-table tbody > tr:nth-child(even) {
  background: #f4e6f4;
}

.wrapper.purple .lb-table tbody > tr:nth-child(even),
.wrapper.purple .member1,
.wrapper.purple .mb-group1,
.wrapper.purple .ui-multiselect-header {
  background: #f4e6f4;
}

.wrapper.purple .step-finish .step-arrow,
.wrapper.purple .step-finish,
.wrapper.purple .step-finish .lastarrow2 {
  background: #a846b2;
}

.wrapper.purple .step-notyet .step-arrow,
.wrapper.purple .step-notyet,
.wrapper.purple .step-finish .lastarrow {
  background: #f4e6f4;
}

.wrapper.purple .step-ul .step-finish .step-arrow:after {
  border-left-color: #a846b2;
}

.wrapper.purple .step-ul .step-notyet .step-arrow:after {
  border-left-color: #f4e6f4;
}

.wrapper.purple .bars span,
.wrapper.purple .bars span::before,
.wrapper.purple .bars span::after {
  background: #b360ba;
}

.wrapper.purple .bars:hover {
  border-color: #663267 transparent transparent transparent;
}

.wrapper.purple .bars:hover span,
.wrapper.purple .bars:hover span::before,
.wrapper.purple .bars:hover span::after {
  background: #663267;
}

.wrapper.purple .data_table th,
.wrapper.purple .norwd-table th,
.wrapper.purple .table-om th,
.wrapper.purple .table-two-level th,
.wrapper.purple .click th:hover,
.wrapper.purple .lb-table th {
  background: #e3c6e5;
}

.wrapper.purple .batch-edit-style th,
.wrapper.purple .batch-edit-style1 th,
.wrapper.purple .batch-edit-style2 th,
.wrapper.purple .batch-edit-style3 th,
.wrapper.purple .batch-edit-style4 th,
.wrapper.purple .batch-edit-style5 th,
.wrapper.purple .batch-edit-style6 th,
.wrapper.purple .batch-edit-style7 th {
  background: #e3c6e5;
}

.wrapper.purple #menu-toggle,
.wrapper.purple .search_arrow {
  background: #b360ba;
}

.wrapper.purple .divider,
.wrapper.purple .divideritems {
  background: #b360ba;
}

.wrapper.purple .fake-dialog-title,
.wrapper.purple .iframe-dialog-title,
.wrapper.purple .dialog-title {
  background: #b360ba;
}

.wrapper.purple .blank,
.wrapper.purple .tabs li a,
.wrapper.purple .tabs-level2 li a:before {
  background: #f9ccff;
}

.wrapper.purple .tabs li:hover a,
.wrapper.purple .tabs .active,
.wrapper.purple li:hover .blank,
.wrapper.purple .blankclick,
.wrapper.purple .tabs-level2 {
  background: #b360ba;
  color: #fff;
}

.wrapper.purple .form,
.wrapper.purple .fake-dialog-content {
  border-color: #b360ba;
}

.wrapper.purple .search,
.wrapper.purple .display,
.wrapper.purple .member1:nth-of-type(1) {
  border-top: 1px solid #b360ba;
}

.wrapper.purple .search,
.wrapper.purple .display,
.wrapper.purple .explanation {
  border-right: 1px solid #b360ba;
}

.wrapper.purple .data_table,
.wrapper.purple .norwd-table,
.wrapper.purple .table-om,
.wrapper.purple .table-two-level {
  border-top: 1px solid #b360ba;
}

.wrapper.purple .batch-edit-style,
.wrapper.purple .batch-edit-style1,
.wrapper.purple .batch-edit-style2,
.wrapper.purple .batch-edit-style3,
.wrapper.purple .batch-edit-style4,
.wrapper.purple .batch-edit-style5,
.wrapper.purple .batch-edit-style6,
.wrapper.purple .batch-edit-style7 {
  border-top: 1px solid #b360ba;
}

.wrapper.purple .message-style2,
.wrapper.purple .tabs,
.wrapper.purple .search,
.wrapper.purple .display,
.wrapper.purple .explanation,
.wrapper.purple .member,
.wrapper.purple .dept-member {
  border-bottom: 1px solid #b360ba;
}

.wrapper.purple .data_table,
.wrapper.purple .norwd-table,
.wrapper.purple .table-om,
.wrapper.purple .table-two-level {
  border-bottom: 1px solid #b360ba;
}

.wrapper.purple .batch-edit-style,
.wrapper.purple .batch-edit-style1,
.wrapper.purple .batch-edit-style2,
.wrapper.purple .batch-edit-style3,
.wrapper.purple .batch-edit-style4,
.wrapper.purple .batch-edit-style5,
.wrapper.purple .batch-edit-style6,
.wrapper.purple .batch-edit-style7 {
  border-bottom: 1px solid #b360ba;
}

.wrapper.purple .search,
.wrapper.purple .display,
.wrapper.purple .explanation {
  border-left: 1px solid #b360ba;
}

.wrapper.purple .click tr:not(.not-select):nth-child(n):hover,
.wrapper.purple .click-table:hover,
.wrapper.purple .click-table-om:nth-child(n):hover,
.wrapper.purple .data_table tr.active {
  background: #e0b0e0;
}

.wrapper.purple .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.purple .click-table:hover .ellipsis.eps-dot:before,
.wrapper.purple .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.purple .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #e0b0e0), to(rgba(224, 176, 224, 0.5)));
  background: -webkit-linear-gradient(right, #e0b0e0 50%, rgba(224, 176, 224, 0.5) 100%);
  background: -moz-linear-gradient(right, #e0b0e0 50%, rgba(224, 176, 224, 0.5) 100%);
  background: -o-linear-gradient(right, #e0b0e0 50%, rgba(224, 176, 224, 0.5) 100%);
  background: linear-gradient(270deg, #e0b0e0 50%, rgba(224, 176, 224, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #e0b0e0 50%, rgba(224, 176, 224, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #e0b0e0 50%, rgba(224, 176, 224, 0.5) 100%);
  background: -o-linear-gradient(270deg, #e0b0e0 50%, rgba(224, 176, 224, 0.5) 100%);
}

.wrapper.purple #menu-toggle {
  -webkit-box-shadow: 2px 0 #e0b0e0;
          box-shadow: 2px 0 #e0b0e0;
}

.wrapper.purple .current {
  background: #663267;
}

.wrapper.purple .liclick {
  background: #331934 !important;
}

.wrapper.purple .condition,
.wrapper.purple .search_form_table,
.wrapper.purple .form_table,
.wrapper.purple .area,
.wrapper.purple .sourcebox,
.wrapper.purple .targetbox,
.wrapper.purple .border-table,
.wrapper.purple .border-table th,
.wrapper.purple .border-table td {
  border-color: #d5a9d6;
}

.wrapper.purple .member1,
.wrapper.purple .member2 .checkbox,
.wrapper.purple .member2 .blank-cb,
.wrapper.purple .member2-style2 .checkbox,
.wrapper.purple .member2-style2 .blank-cb,
.wrapper.purple .member2-name,
.wrapper.purple .blank-name {
  border-top: 1px solid #d5a9d6;
}

.wrapper.purple .dept-member .mb-cb,
.wrapper.purple .dept-member .blank-cb,
.wrapper.purple .dept-member .mb-all-name,
.wrapper.purple .dept-member .mb-group-name,
.wrapper.purple .dept-member .mb-cont-name,
.wrapper.purple .dept-member .blank-name,
.wrapper.purple .dept-member .level-blank,
.wrapper.purple .dept-member .mb-all-sw,
.wrapper.purple .dept-member .mb-group-sw {
  border-top: 1px solid #d5a9d6;
}

.wrapper.purple .dept-member .mb-cb,
.wrapper.purple .dept-member .blank-cb,
.wrapper.purple .dept-member .mb-cont-name,
.wrapper.purple .dept-member .blank-name,
.wrapper.purple .dept-member .level-blank,
.wrapper.purple .dept-member .mb-all-name,
.wrapper.purple .dept-member .mb-group-name {
  border-left: 1px solid #d5a9d6;
}

.wrapper.purple .dept-member .mb-all {
  background: #e8cae8;
}

.wrapper.purple .dept-member .mb-all .mb-cb,
.wrapper.purple .dept-member .mb-all .mb-all-sw,
.wrapper.purple .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #b360ba;
}

.wrapper.purple .search_btn,
.wrapper.purple .data_table,
.wrapper.purple .norwd-table,
.wrapper.purple .table-om,
.wrapper.purple .table-two-level {
  border-right: 1px solid #d5a9d6;
}

.wrapper.purple .batch-edit-style,
.wrapper.purple .batch-edit-style1,
.wrapper.purple .batch-edit-style2,
.wrapper.purple .batch-edit-style3,
.wrapper.purple .batch-edit-style4,
.wrapper.purple .batch-edit-style5,
.wrapper.purple .batch-edit-style6,
.wrapper.purple .batch-edit-style7 {
  border-right: 1px solid #d5a9d6;
}

.wrapper.purple .member,
.wrapper.purple .dept-member {
  border-right: 1px solid #d5a9d6;
}

.wrapper.purple .search_btn,
.wrapper.purple .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #d5a9d6;
}

.wrapper.purple .search_btn,
.wrapper.purple .data_table,
.wrapper.purple .norwd-table,
.wrapper.purple .table-om,
.wrapper.purple .table-two-level {
  border-left: 1px solid #d5a9d6;
}

.wrapper.purple .batch-edit-style,
.wrapper.purple .batch-edit-style1,
.wrapper.purple .batch-edit-style2,
.wrapper.purple .batch-edit-style3,
.wrapper.purple .batch-edit-style4,
.wrapper.purple .batch-edit-style5,
.wrapper.purple .batch-edit-style6,
.wrapper.purple .batch-edit-style7 {
  border-left: 1px solid #d5a9d6;
}

.wrapper.purple .member .checkbox,
.wrapper.purple .member .blank-cb,
.wrapper.purple .member1-name,
.wrapper.purple .member2-name,
.wrapper.purple .blank-name {
  border-left: 1px solid #d5a9d6;
}

.wrapper.purple .mb-all-sw span:after, .wrapper.purple .mb-all-sw span:before {
  background: #b360ba;
}

.wrapper.purple .mb-group-sw span:after, .wrapper.purple .mb-group-sw span:before {
  background: #d5a9d6;
}

.wrapper.purple .preview .area,
.wrapper.purple .preview-table,
.wrapper.purple .preview-table thead tr:nth-child(n) th,
.wrapper.purple .preview-table tbody tr td {
  border-color: #b360ba;
}

.wrapper.purple th.th-second {
  background: #e2c3e5;
}

.wrapper.purple #top-btn {
  background-color: rgba(181, 111, 188, 0.7);
  border: 2px solid rgba(207, 176, 234, 0.8);
}

.wrapper.purple #top-btn i:hover,
.wrapper.purple #bottom-btn i:hover {
  background: #b56fbc;
  border: 2px solid #cfb0ea;
}

.wrapper.purple .listbox .checked:nth-child(n) {
  background: #d5aad6;
}

.wrapper.purple .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.purple .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.purple .display .area:nth-last-child(2),
.wrapper.purple .display .area:last-child {
  border-bottom: none;
}

.wrapper.purple .preview .area,
.wrapper.purple .print .area,
.wrapper.purple .print-table th:nth-child(n),
.wrapper.purple .print-table tbody > tr:nth-child(n),
.wrapper.purple .preview-table th:nth-child(n),
.wrapper.purple .preview-table tbody > tr:nth-child(n),
.wrapper.purple .table-one tbody > tr:nth-child(n),
.wrapper.purple .table-many tbody > tr:nth-child(n),
.wrapper.purple .click tr.switch-content:hover,
.wrapper.purple .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.purple .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.purple .print,
.wrapper.purple .print .area,
.wrapper.purple .print-table,
.wrapper.purple .print-table thead tr th,
.wrapper.purple .print-table tbody tr td,
.wrapper.purple .print ~ .explanation {
  border-color: #000;
}

.wrapper.purple .fullwidth .data_table,
.wrapper.purple .fullwidth .batch-edit-style,
.wrapper.purple .fullwidth .batch-edit-style1,
.wrapper.purple .fullwidth .batch-edit-style2,
.wrapper.purple .fullwidth .batch-edit-style3,
.wrapper.purple .fullwidth .batch-edit-style4,
.wrapper.purple .fullwidth .batch-edit-style5,
.wrapper.purple .fullwidth .batch-edit-style6,
.wrapper.purple .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.purple .search_arrow {
  -webkit-box-shadow: 0 2px 0 #663267;
          box-shadow: 0 2px 0 #663267;
}

@media screen and (max-width: 768px) {
  .wrapper.purple .leftmenu {
    border-top: 1px solid #d5a9d6;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.purple .border-table tr:nth-child(1) {
    border-color: #d5a9d6;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.purple .data_table tr:nth-child(1),
  .wrapper.purple .table-two-level tr:nth-child(1) {
    border-top: 1px solid #b360ba;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.purple .batch-edit-style tr:nth-child(1),
  .wrapper.purple .batch-edit-style1 tr:nth-child(1),
  .wrapper.purple .batch-edit-style2 tr:nth-child(1),
  .wrapper.purple .batch-edit-style3 tr:nth-child(1),
  .wrapper.purple .batch-edit-style4 tr:nth-child(1),
  .wrapper.purple .batch-edit-style5 tr:nth-child(1),
  .wrapper.purple .batch-edit-style6 tr:nth-child(1),
  .wrapper.purple .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #b360ba;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.purple .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #e0b0e0;
  }
}

.wrapper.purple tr.switch-content td {
  padding: 0;
}

.wrapper.purple tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.purple tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.purple .upload-finish {
  background: #d5a9d6;
}

.wrapper.purple .toggleTable-card-header {
  background: #E9BEEA;
  border-color: #b360ba;
}

.wrapper.purple .select-color-input:checked + .select-color-label {
  border-color: #b360ba;
}

.wrapper.purple .fixed-table-wrapper {
  border-color: #b360ba #d5a9d6;
}

.wrapper.purple .fixed-table-wrapper .fixed-table-header {
  background-color: #e3c6e5;
}

.wrapper.purple .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.purple .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.purple .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #b360ba;
}

.wrapper.purple .input-type-number .sub-num-btn,
.wrapper.purple .input-type-number .add-num-btn {
  background: #f7eef7;
}

.wrapper.purple .input-type-number .sub-num-btn:before, .wrapper.purple .input-type-number .sub-num-btn:after,
.wrapper.purple .input-type-number .add-num-btn:before,
.wrapper.purple .input-type-number .add-num-btn:after {
  background: #b364b4;
}

.wrapper.purple .input-type-number .sub-num-btn:hover,
.wrapper.purple .input-type-number .add-num-btn:hover {
  background: #f4e6f4;
}

.wrapper.purple .input-type-number .sub-num-btn:hover:before, .wrapper.purple .input-type-number .sub-num-btn:hover:after,
.wrapper.purple .input-type-number .add-num-btn:hover:before,
.wrapper.purple .input-type-number .add-num-btn:hover:after {
  background: #b360ba;
}

.wrapper.purple .input-type-number .sub-num-btn.disabled,
.wrapper.purple .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.purple .input-type-number .sub-num-btn.disabled:before, .wrapper.purple .input-type-number .sub-num-btn.disabled:after,
.wrapper.purple .input-type-number .add-num-btn.disabled:before,
.wrapper.purple .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.purple.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_purple_8.png");
}

.wrapper.purple.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_purple_8.png");
}

.wrapper.purple.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_purple_9.png") top left no-repeat, url("../../images/pub/banner_bg_purple_3.png") top left repeat;
}

.wrapper.purple.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_purple_9.png") top left no-repeat, url("../images/pub/banner_bg_purple_3.png") top left repeat;
}

.wrapper.purple.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_purple_10.png");
}

.wrapper.purple.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_purple_1.png");
}

.wrapper.purple.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_purple_11.png") top left no-repeat, url("../../images/pub/banner_bg_purple_3.png") top left repeat;
}

.wrapper.purple.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_purple_11.png") top left no-repeat, url("../images/pub/banner_bg_purple_3.png") top left repeat;
}

.wrapper.purple .page-turn .page li a:hover, .wrapper.purple .page-turn .page li a.active,
.wrapper.purple .page-turn .min-page li a:hover,
.wrapper.purple .page-turn .min-page li a.active {
  background-color: #BC60C6;
}

.wrapper.purple .page-turn .page li a.disabled:hover,
.wrapper.purple .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.purple {
  background: #b360ba;
}

.wrapper.purple #top input[type="radio"]:checked + .change-font:after {
  background: #b360ba;
}

.wrapper.purple #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #b360ba;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.purple .bars {
    background: #f4e6f4;
  }
  .wrapper.rwd.purple #top {
    background-image: url("../images/pub/banner_bg_purple_4.png");
  }
  .wrapper.rwd.purple #top.project-bg {
    background-image: url("../../images/pub/banner_bg_purple_4.png");
  }
  .wrapper.rwd.purple #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_purple_5.png") top left no-repeat, url("../../images/pub/banner_bg_purple_3.png") top left repeat;
  }
  .wrapper.rwd.purple #top .topbtn {
    background: url("../images/pub/banner_bg_purple_5.png") top left no-repeat, url("../images/pub/banner_bg_purple_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.purple .bars {
    background: none;
  }
  .wrapper.rwd.purple #top {
    background-image: url("../images/pub/banner_bg_purple_6.png");
  }
  .wrapper.rwd.purple #top.project-bg {
    background-image: url("../../images/pub/banner_bg_purple_6.png");
  }
  .wrapper.rwd.purple #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_purple_7.png") top left no-repeat, url("../../images/pub/banner_bg_purple_3.png") top left repeat;
  }
  .wrapper.rwd.purple #top .topbtn {
    background: url("../images/pub/banner_bg_purple_7.png") top left no-repeat, url("../images/pub/banner_bg_purple_3.png") top left repeat;
  }
}

.wrapper.teal #top {
  background-image: url("../images/pub/banner_bg_teal_1.png");
}

.wrapper.teal #top.project-bg {
  background-image: url("../../images/pub/banner_bg_teal_1.png");
}

.wrapper.teal #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_teal_2.png") top left no-repeat, url("../../images/pub/banner_bg_teal_3.png") top left repeat;
}

.wrapper.teal #top .topbtn {
  background: url("../images/pub/banner_bg_teal_2.png") top left no-repeat, url("../images/pub/banner_bg_teal_3.png") top left repeat;
}

.wrapper.teal #top .usmenu-area ul li a:hover {
  background: #F8FFFF;
}

.wrapper.teal #top .title {
  text-shadow: 0 0 0 5px #0F5652, 0 4px 4px #000;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.teal #top .title {
    text-shadow: 2px -2px #0F5652, -2px -2px #0F5652, -2px -2px #0F5652, -2px 2px #0F5652, 2px -1px #0F5652, -2px -1px #0F5652, -1px -2px #0F5652, -1px 2px #0F5652, 2px 0px #0F5652, -2px 0px #0F5652, 0px -2px #0F5652, 0px 2px #0F5652, 2px 1px #0F5652, -2px 1px #0F5652, 1px -2px #0F5652, 1px 2px #0F5652, 2px 2px #0F5652, -2px 2px #0F5652, 2px -2px #0F5652, 2px 2px #0F5652, 0 4px 4px #999;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .wrapper.teal #top .title {
    color: red;
    text-shadow: 2px -2px #0F5652, -2px -2px #0F5652, -2px -2px #0F5652, -2px 2px #0F5652, 2px -1px #0F5652, -2px -1px #0F5652, -1px -2px #0F5652, -1px 2px #0F5652, 2px 0px #0F5652, -2px 0px #0F5652, 0px -2px #0F5652, 0px 2px #0F5652, 2px 1px #0F5652, -2px 1px #0F5652, 1px -2px #0F5652, 1px 2px #0F5652, 2px 2px #0F5652, -2px 2px #0F5652, 2px -2px #0F5652, 2px 2px #0F5652, 0 4px 4px #999;
  }
}

.wrapper.teal .home_btn {
  background: #38a2a0;
}

.wrapper.teal .home_btn a {
  color: white;
}

.wrapper.teal .home_btn:hover {
  background: #1f605f;
}

.wrapper.teal .left-menu {
  background: #FFFFFF;
}

.wrapper.teal #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after,
.wrapper.teal #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after,
.wrapper.teal #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  background: #38a2a0;
}

.wrapper.teal .left-menu_switch-area {
  border-bottom-color: #b4efed;
}

.wrapper.teal.menu-style1 .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.teal.menu-style1.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.teal.menu-style2 .left-menu .nav li ul.active {
  background-color: #F9F9F9;
}

.wrapper.teal.menu-style2.show-child-list-line .hide_ul.active:after {
  background-color: #F9F9F9;
}

.wrapper.teal .left-menu .nav li.active > a {
  background-color: #beede8;
}

.wrapper.teal .left-menu .nav li ul.active {
  background-color: white;
}

.wrapper.teal .left-menu .nav li > a.active,
.wrapper.teal .left-menu .nav li a.nav-second-current-ele {
  background: #E4F4F4;
  border-right-color: #38a2a0;
  color: #38a2a0;
  font-weight: bold;
}

.wrapper.teal .left-menu .nav li > a.active .nav-arrow-btn:before, .wrapper.teal .left-menu .nav li > a.active .nav-arrow-btn:after {
  background: #38a2a0;
}

.wrapper.teal .left-menu .nav li a:hover {
  color: #38a2a0;
}

.wrapper.teal .left-menu .nav li > a:hover .nav-arrow-btn:before,
.wrapper.teal .left-menu .nav li > a:hover .nav-arrow-btn:after {
  background: #38a2a0;
}

.wrapper.teal .left-menu .nav li .hide_ul.active:before {
  background-color: #beede8;
}

.wrapper.teal .left-menu .nav li .hide_ul.active:after {
  background-color: white;
}

.wrapper.teal .left-menu .nav2 > li > a {
  background: #E1FFFE;
}

.wrapper.teal .left-menu .nav2 > li > a.active, .wrapper.teal .left-menu .nav2 > li > a:hover {
  background: #38a2a0;
}

.wrapper.teal .left-menu .nav2 > li > a:before {
  background: #38a2a0;
}

.wrapper.teal .left-menu .nav2 > li > ul {
  border-color: #38a2a0;
}

.wrapper.teal .left-menu .nav2 li li > a:before {
  background: #38a2a0;
}

.wrapper.teal .left-menu .nav2 .nav-second-current-ele2 {
  background-color: #ecf9f9;
  color: #38a2a0;
}

.wrapper.teal .left-menu .nav2 .nav-second-current-ele2:before {
  background-color: #38a2a0;
}

.wrapper.teal .left-menu .fav li a:hover, .wrapper.teal .left-menu .fav li a.active,
.wrapper.teal .left-menu .sea li a:hover,
.wrapper.teal .left-menu .sea li a.active {
  color: #38a2a0;
}

.wrapper.teal .left-menu .fav li a:hover:before, .wrapper.teal .left-menu .fav li a.active:before,
.wrapper.teal .left-menu .sea li a:hover:before,
.wrapper.teal .left-menu .sea li a.active:before {
  background: #20c6b2;
}

.wrapper.teal .left-menu .fav li a:before,
.wrapper.teal .left-menu .sea li a:before {
  background: #ecf9f9;
}

.wrapper.teal.show-child-list-line .hide_ul.active:before {
  background-color: #beede8;
}

.wrapper.teal.show-child-list-line .hide_ul.active:after {
  background-color: white;
}

.wrapper.teal .condition {
  background: #e3fcfa;
}

.wrapper.teal .area:nth-child(odd),
.wrapper.teal .tr-even-bg {
  background: #e3fcfa;
}

.wrapper.teal .data_table tbody > tr:nth-child(even),
.wrapper.teal .norwd-table tbody > tr:nth-child(even),
.wrapper.teal .table-om tbody > tr:nth-child(even),
.wrapper.teal .table-two-level > tbody > tr:nth-child(4n-1),
.wrapper.teal .border-table th {
  background: #e3fcfa;
}

.wrapper.teal .data_table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.teal .norwd-table tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.teal .table-om tbody > tr:nth-child(even) .ellipsis.eps-dot:before,
.wrapper.teal .table-two-level > tbody > tr:nth-child(4n-1) .ellipsis.eps-dot:before,
.wrapper.teal .border-table th .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #e3fcfa), to(rgba(227, 252, 250, 0.5)));
  background: -webkit-linear-gradient(right, #e3fcfa 50%, rgba(227, 252, 250, 0.5) 100%);
  background: -moz-linear-gradient(right, #e3fcfa 50%, rgba(227, 252, 250, 0.5) 100%);
  background: -o-linear-gradient(right, #e3fcfa 50%, rgba(227, 252, 250, 0.5) 100%);
  background: linear-gradient(270deg, #e3fcfa 50%, rgba(227, 252, 250, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #e3fcfa 50%, rgba(227, 252, 250, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #e3fcfa 50%, rgba(227, 252, 250, 0.5) 100%);
  background: -o-linear-gradient(270deg, #e3fcfa 50%, rgba(227, 252, 250, 0.5) 100%);
}

.wrapper.teal .batch-edit-style tbody > tr.batch-edit-tr-bg,
.wrapper.teal .batch-edit-style1 tbody > tr:nth-child(2),
.wrapper.teal .batch-edit-style1 tbody > tr:nth-child(4n-3),
.wrapper.teal .batch-edit-style2 tbody > tr:nth-child(4n-2),
.wrapper.teal .batch-edit-style3 tbody > tr:nth-child(4n),
.wrapper.teal .batch-edit-style4 tbody > tr:nth-child(4n-1),
.wrapper.teal .batch-edit-style5 tbody > tr:nth-child(2),
.wrapper.teal .batch-edit-style5 .data-tr .data_table tr,
.wrapper.teal .batch-edit-style6 tbody > tr:nth-child(odd),
.wrapper.teal .batch-edit-style7 tbody > tr:nth-child(2),
.wrapper.teal .batch-edit-style7 tbody > tr:nth-child(4n),
.wrapper.teal .lb-table tbody > tr:nth-child(even) {
  background: #e3fcfa;
}

.wrapper.teal .lb-table tbody > tr:nth-child(even),
.wrapper.teal .member1,
.wrapper.teal .mb-group1,
.wrapper.teal .ui-multiselect-header {
  background: #e3fcfa;
}

.wrapper.teal .step-finish .step-arrow,
.wrapper.teal .step-finish,
.wrapper.teal .step-finish .lastarrow2 {
  background: #2d918c;
}

.wrapper.teal .step-notyet .step-arrow,
.wrapper.teal .step-notyet,
.wrapper.teal .step-finish .lastarrow {
  background: #e3fcfa;
}

.wrapper.teal .step-ul .step-finish .step-arrow:after {
  border-left-color: #2d918c;
}

.wrapper.teal .step-ul .step-notyet .step-arrow:after {
  border-left-color: #e3fcfa;
}

.wrapper.teal .bars span,
.wrapper.teal .bars span::before,
.wrapper.teal .bars span::after {
  background: #38a2a0;
}

.wrapper.teal .bars:hover {
  border-color: #1f605f transparent transparent transparent;
}

.wrapper.teal .bars:hover span,
.wrapper.teal .bars:hover span::before,
.wrapper.teal .bars:hover span::after {
  background: #1f605f;
}

.wrapper.teal .data_table th,
.wrapper.teal .norwd-table th,
.wrapper.teal .table-om th,
.wrapper.teal .table-two-level th,
.wrapper.teal .click th:hover,
.wrapper.teal .lb-table th {
  background: #b4efed;
}

.wrapper.teal .batch-edit-style th,
.wrapper.teal .batch-edit-style1 th,
.wrapper.teal .batch-edit-style2 th,
.wrapper.teal .batch-edit-style3 th,
.wrapper.teal .batch-edit-style4 th,
.wrapper.teal .batch-edit-style5 th,
.wrapper.teal .batch-edit-style6 th,
.wrapper.teal .batch-edit-style7 th {
  background: #b4efed;
}

.wrapper.teal #menu-toggle,
.wrapper.teal .search_arrow {
  background: #38a2a0;
}

.wrapper.teal .divider,
.wrapper.teal .divideritems {
  background: #38a2a0;
}

.wrapper.teal .fake-dialog-title,
.wrapper.teal .iframe-dialog-title,
.wrapper.teal .dialog-title {
  background: #38a2a0;
}

.wrapper.teal .blank,
.wrapper.teal .tabs li a,
.wrapper.teal .tabs-level2 li a:before {
  background: #bfefee;
}

.wrapper.teal .tabs li:hover a,
.wrapper.teal .tabs .active,
.wrapper.teal li:hover .blank,
.wrapper.teal .blankclick,
.wrapper.teal .tabs-level2 {
  background: #38a2a0;
  color: #fff;
}

.wrapper.teal .form,
.wrapper.teal .fake-dialog-content {
  border-color: #38a2a0;
}

.wrapper.teal .search,
.wrapper.teal .display,
.wrapper.teal .member1:nth-of-type(1) {
  border-top: 1px solid #38a2a0;
}

.wrapper.teal .search,
.wrapper.teal .display,
.wrapper.teal .explanation {
  border-right: 1px solid #38a2a0;
}

.wrapper.teal .data_table,
.wrapper.teal .norwd-table,
.wrapper.teal .table-om,
.wrapper.teal .table-two-level {
  border-top: 1px solid #38a2a0;
}

.wrapper.teal .batch-edit-style,
.wrapper.teal .batch-edit-style1,
.wrapper.teal .batch-edit-style2,
.wrapper.teal .batch-edit-style3,
.wrapper.teal .batch-edit-style4,
.wrapper.teal .batch-edit-style5,
.wrapper.teal .batch-edit-style6,
.wrapper.teal .batch-edit-style7 {
  border-top: 1px solid #38a2a0;
}

.wrapper.teal .message-style2,
.wrapper.teal .tabs,
.wrapper.teal .search,
.wrapper.teal .display,
.wrapper.teal .explanation,
.wrapper.teal .member,
.wrapper.teal .dept-member {
  border-bottom: 1px solid #38a2a0;
}

.wrapper.teal .data_table,
.wrapper.teal .norwd-table,
.wrapper.teal .table-om,
.wrapper.teal .table-two-level {
  border-bottom: 1px solid #38a2a0;
}

.wrapper.teal .batch-edit-style,
.wrapper.teal .batch-edit-style1,
.wrapper.teal .batch-edit-style2,
.wrapper.teal .batch-edit-style3,
.wrapper.teal .batch-edit-style4,
.wrapper.teal .batch-edit-style5,
.wrapper.teal .batch-edit-style6,
.wrapper.teal .batch-edit-style7 {
  border-bottom: 1px solid #38a2a0;
}

.wrapper.teal .search,
.wrapper.teal .display,
.wrapper.teal .explanation {
  border-left: 1px solid #38a2a0;
}

.wrapper.teal .click tr:not(.not-select):nth-child(n):hover,
.wrapper.teal .click-table:hover,
.wrapper.teal .click-table-om:nth-child(n):hover,
.wrapper.teal .data_table tr.active {
  background: #88eae1;
}

.wrapper.teal .click tr:not(.not-select):nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.teal .click-table:hover .ellipsis.eps-dot:before,
.wrapper.teal .click-table-om:nth-child(n):hover .ellipsis.eps-dot:before,
.wrapper.teal .data_table tr.active .ellipsis.eps-dot:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #88eae1), to(rgba(136, 234, 225, 0.5)));
  background: -webkit-linear-gradient(right, #88eae1 50%, rgba(136, 234, 225, 0.5) 100%);
  background: -moz-linear-gradient(right, #88eae1 50%, rgba(136, 234, 225, 0.5) 100%);
  background: -o-linear-gradient(right, #88eae1 50%, rgba(136, 234, 225, 0.5) 100%);
  background: linear-gradient(270deg, #88eae1 50%, rgba(136, 234, 225, 0.5) 100%);
  background: -moz-linear-gradient(270deg, #88eae1 50%, rgba(136, 234, 225, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, #88eae1 50%, rgba(136, 234, 225, 0.5) 100%);
  background: -o-linear-gradient(270deg, #88eae1 50%, rgba(136, 234, 225, 0.5) 100%);
}

.wrapper.teal #menu-toggle {
  -webkit-box-shadow: 2px 0 #88eae1;
          box-shadow: 2px 0 #88eae1;
}

.wrapper.teal .current {
  background: #1f605f;
}

.wrapper.teal .liclick {
  background: #0F5652 !important;
}

.wrapper.teal .condition,
.wrapper.teal .search_form_table,
.wrapper.teal .form_table,
.wrapper.teal .area,
.wrapper.teal .sourcebox,
.wrapper.teal .targetbox,
.wrapper.teal .border-table,
.wrapper.teal .border-table th,
.wrapper.teal .border-table td {
  border-color: #8bdad8;
}

.wrapper.teal .member1,
.wrapper.teal .member2 .checkbox,
.wrapper.teal .member2 .blank-cb,
.wrapper.teal .member2-style2 .checkbox,
.wrapper.teal .member2-style2 .blank-cb,
.wrapper.teal .member2-name,
.wrapper.teal .blank-name {
  border-top: 1px solid #8bdad8;
}

.wrapper.teal .dept-member .mb-cb,
.wrapper.teal .dept-member .blank-cb,
.wrapper.teal .dept-member .mb-all-name,
.wrapper.teal .dept-member .mb-group-name,
.wrapper.teal .dept-member .mb-cont-name,
.wrapper.teal .dept-member .blank-name,
.wrapper.teal .dept-member .level-blank,
.wrapper.teal .dept-member .mb-all-sw,
.wrapper.teal .dept-member .mb-group-sw {
  border-top: 1px solid #8bdad8;
}

.wrapper.teal .dept-member .mb-cb,
.wrapper.teal .dept-member .blank-cb,
.wrapper.teal .dept-member .mb-cont-name,
.wrapper.teal .dept-member .blank-name,
.wrapper.teal .dept-member .level-blank,
.wrapper.teal .dept-member .mb-all-name,
.wrapper.teal .dept-member .mb-group-name {
  border-left: 1px solid #8bdad8;
}

.wrapper.teal .dept-member .mb-all {
  background: #beede8;
}

.wrapper.teal .dept-member .mb-all .mb-cb,
.wrapper.teal .dept-member .mb-all .mb-all-sw,
.wrapper.teal .dept-member .mb-all .mb-all-name {
  border-top: 1px solid #38a2a0;
}

.wrapper.teal .search_btn,
.wrapper.teal .data_table,
.wrapper.teal .norwd-table,
.wrapper.teal .table-om,
.wrapper.teal .table-two-level {
  border-right: 1px solid #8bdad8;
}

.wrapper.teal .batch-edit-style,
.wrapper.teal .batch-edit-style1,
.wrapper.teal .batch-edit-style2,
.wrapper.teal .batch-edit-style3,
.wrapper.teal .batch-edit-style4,
.wrapper.teal .batch-edit-style5,
.wrapper.teal .batch-edit-style6,
.wrapper.teal .batch-edit-style7 {
  border-right: 1px solid #8bdad8;
}

.wrapper.teal .member,
.wrapper.teal .dept-member {
  border-right: 1px solid #8bdad8;
}

.wrapper.teal .search_btn,
.wrapper.teal .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid #8bdad8;
}

.wrapper.teal .search_btn,
.wrapper.teal .data_table,
.wrapper.teal .norwd-table,
.wrapper.teal .table-om,
.wrapper.teal .table-two-level {
  border-left: 1px solid #8bdad8;
}

.wrapper.teal .batch-edit-style,
.wrapper.teal .batch-edit-style1,
.wrapper.teal .batch-edit-style2,
.wrapper.teal .batch-edit-style3,
.wrapper.teal .batch-edit-style4,
.wrapper.teal .batch-edit-style5,
.wrapper.teal .batch-edit-style6,
.wrapper.teal .batch-edit-style7 {
  border-left: 1px solid #8bdad8;
}

.wrapper.teal .member .checkbox,
.wrapper.teal .member .blank-cb,
.wrapper.teal .member1-name,
.wrapper.teal .member2-name,
.wrapper.teal .blank-name {
  border-left: 1px solid #8bdad8;
}

.wrapper.teal .mb-all-sw span:after, .wrapper.teal .mb-all-sw span:before {
  background: #38a2a0;
}

.wrapper.teal .mb-group-sw span:after, .wrapper.teal .mb-group-sw span:before {
  background: #8bdad8;
}

.wrapper.teal .preview .area,
.wrapper.teal .preview-table,
.wrapper.teal .preview-table thead tr:nth-child(n) th,
.wrapper.teal .preview-table tbody tr td {
  border-color: #38a2a0;
}

.wrapper.teal th.th-second {
  background: #98e5e3;
}

.wrapper.teal #top-btn {
  background-color: rgba(32, 198, 178, 0.7);
  border: 2px solid rgba(112, 232, 217, 0.8);
}

.wrapper.teal #top-btn i:hover,
.wrapper.teal #bottom-btn i:hover {
  background: #20c6b2;
  border: 2px solid #70e8d9;
}

.wrapper.teal .listbox .checked:nth-child(n) {
  background: #89dbd1;
}

.wrapper.teal .brd-btm-white {
  border-bottom: 1px solid white;
}

.wrapper.teal .display .area:nth-child(even) {
  border-right: none;
}

.wrapper.teal .display .area:nth-last-child(2),
.wrapper.teal .display .area:last-child {
  border-bottom: none;
}

.wrapper.teal .preview .area,
.wrapper.teal .print .area,
.wrapper.teal .print-table th:nth-child(n),
.wrapper.teal .print-table tbody > tr:nth-child(n),
.wrapper.teal .preview-table th:nth-child(n),
.wrapper.teal .preview-table tbody > tr:nth-child(n),
.wrapper.teal .table-one tbody > tr:nth-child(n),
.wrapper.teal .table-many tbody > tr:nth-child(n),
.wrapper.teal .click tr.switch-content:hover,
.wrapper.teal .batch-edit-style1 > tbody > tr:nth-child(1),
.wrapper.teal .batch-edit-style5 .data-tr .data_table tr:nth-child(1) {
  background: none;
}

.wrapper.teal .print,
.wrapper.teal .print .area,
.wrapper.teal .print-table,
.wrapper.teal .print-table thead tr th,
.wrapper.teal .print-table tbody tr td,
.wrapper.teal .print ~ .explanation {
  border-color: #000;
}

.wrapper.teal .fullwidth .data_table,
.wrapper.teal .fullwidth .batch-edit-style,
.wrapper.teal .fullwidth .batch-edit-style1,
.wrapper.teal .fullwidth .batch-edit-style2,
.wrapper.teal .fullwidth .batch-edit-style3,
.wrapper.teal .fullwidth .batch-edit-style4,
.wrapper.teal .fullwidth .batch-edit-style5,
.wrapper.teal .fullwidth .batch-edit-style6,
.wrapper.teal .fullwidth .batch-edit-style7 {
  border-style: solid none none none;
}

.wrapper.teal .search_arrow {
  -webkit-box-shadow: 0 2px 0 #1f605f;
          box-shadow: 0 2px 0 #1f605f;
}

@media screen and (max-width: 768px) {
  .wrapper.teal .leftmenu {
    border-top: 1px solid #8bdad8;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.teal .border-table tr:nth-child(1) {
    border-color: #8bdad8;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.teal .data_table tr:nth-child(1),
  .wrapper.teal .table-two-level tr:nth-child(1) {
    border-top: 1px solid #38a2a0;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.teal .batch-edit-style tr:nth-child(1),
  .wrapper.teal .batch-edit-style1 tr:nth-child(1),
  .wrapper.teal .batch-edit-style2 tr:nth-child(1),
  .wrapper.teal .batch-edit-style3 tr:nth-child(1),
  .wrapper.teal .batch-edit-style4 tr:nth-child(1),
  .wrapper.teal .batch-edit-style5 tr:nth-child(1),
  .wrapper.teal .batch-edit-style6 tr:nth-child(1),
  .wrapper.teal .batch-edit-style7 tr:nth-child(1) {
    border-top: 1px solid #38a2a0;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.teal .table-two-level .switch-content .data_table tr:nth-child(1) {
    border-top: 1px solid #88eae1;
  }
}

.wrapper.teal tr.switch-content td {
  padding: 0;
}

.wrapper.teal tr.switch-content .data_table {
  border-width: 0 0 1px 0;
  margin: 0;
}

.wrapper.teal tr.switch-content .data_table td {
  padding: 5px;
}

.wrapper.teal .upload-finish {
  background: #8bdad8;
}

.wrapper.teal .toggleTable-card-header {
  background: #ACE8DF;
  border-color: #38a2a0;
}

.wrapper.teal .select-color-input:checked + .select-color-label {
  border-color: #38a2a0;
}

.wrapper.teal .fixed-table-wrapper {
  border-color: #38a2a0 #8bdad8;
}

.wrapper.teal .fixed-table-wrapper .fixed-table-header {
  background-color: #b4efed;
}

.wrapper.teal .fixed-table-wrapper .fixed-table-header .data_table {
  border: none;
}

.wrapper.teal .fixed-table-wrapper .fixed-table-body .data_table {
  border: none;
}

.wrapper.teal .pro-img-table li input[type="radio"]:checked ~ label {
  border-color: #38a2a0;
}

.wrapper.teal .input-type-number .sub-num-btn,
.wrapper.teal .input-type-number .add-num-btn {
  background: #E4F4F4;
}

.wrapper.teal .input-type-number .sub-num-btn:before, .wrapper.teal .input-type-number .sub-num-btn:after,
.wrapper.teal .input-type-number .add-num-btn:before,
.wrapper.teal .input-type-number .add-num-btn:after {
  background: #46afaa;
}

.wrapper.teal .input-type-number .sub-num-btn:hover,
.wrapper.teal .input-type-number .add-num-btn:hover {
  background: #e3fcfa;
}

.wrapper.teal .input-type-number .sub-num-btn:hover:before, .wrapper.teal .input-type-number .sub-num-btn:hover:after,
.wrapper.teal .input-type-number .add-num-btn:hover:before,
.wrapper.teal .input-type-number .add-num-btn:hover:after {
  background: #38a2a0;
}

.wrapper.teal .input-type-number .sub-num-btn.disabled,
.wrapper.teal .input-type-number .add-num-btn.disabled {
  background: #EAEAEA;
}

.wrapper.teal .input-type-number .sub-num-btn.disabled:before, .wrapper.teal .input-type-number .sub-num-btn.disabled:after,
.wrapper.teal .input-type-number .add-num-btn.disabled:before,
.wrapper.teal .input-type-number .add-num-btn.disabled:after {
  background: #C1C1C1;
}

.wrapper.teal.menu-width-style2 #top {
  background-image: url("../images/pub/banner_bg_teal_8.png");
}

.wrapper.teal.menu-width-style2 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_teal_8.png");
}

.wrapper.teal.menu-width-style2 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_teal_9.png") top left no-repeat, url("../../images/pub/banner_bg_teal_3.png") top left repeat;
}

.wrapper.teal.menu-width-style2 #top .topbtn {
  background: url("../images/pub/banner_bg_teal_9.png") top left no-repeat, url("../images/pub/banner_bg_teal_3.png") top left repeat;
}

.wrapper.teal.menu-width-style3 #top {
  background-image: url("../images/pub/banner_bg_teal_10.png");
}

.wrapper.teal.menu-width-style3 #top.project-bg {
  background-image: url("../../images/pub/banner_bg_teal_1.png");
}

.wrapper.teal.menu-width-style3 #top.project-bg .topbtn {
  background: url("../../images/pub/banner_bg_teal_11.png") top left no-repeat, url("../../images/pub/banner_bg_teal_3.png") top left repeat;
}

.wrapper.teal.menu-width-style3 #top .topbtn {
  background: url("../images/pub/banner_bg_teal_11.png") top left no-repeat, url("../images/pub/banner_bg_teal_3.png") top left repeat;
}

.wrapper.teal .page-turn .page li a:hover, .wrapper.teal .page-turn .page li a.active,
.wrapper.teal .page-turn .min-page li a:hover,
.wrapper.teal .page-turn .min-page li a.active {
  background-color: #34ADA7;
}

.wrapper.teal .page-turn .page li a.disabled:hover,
.wrapper.teal .page-turn .min-page li a.disabled:hover {
  background: transparent;
}

.wrapper #top .change-color.teal {
  background: #38a2a0;
}

.wrapper.teal #top input[type="radio"]:checked + .change-font:after {
  background: #38a2a0;
}

.wrapper.teal #top input[type="radio"]:checked + .change-font:before {
  border: 2px solid #38a2a0;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd.teal .bars {
    background: #e3fcfa;
  }
  .wrapper.rwd.teal #top {
    background-image: url("../images/pub/banner_bg_teal_4.png");
  }
  .wrapper.rwd.teal #top.project-bg {
    background-image: url("../../images/pub/banner_bg_teal_4.png");
  }
  .wrapper.rwd.teal #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_teal_5.png") top left no-repeat, url("../../images/pub/banner_bg_teal_3.png") top left repeat;
  }
  .wrapper.rwd.teal #top .topbtn {
    background: url("../images/pub/banner_bg_teal_5.png") top left no-repeat, url("../images/pub/banner_bg_teal_3.png") top left repeat;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.teal .bars {
    background: none;
  }
  .wrapper.rwd.teal #top {
    background-image: url("../images/pub/banner_bg_teal_6.png");
  }
  .wrapper.rwd.teal #top.project-bg {
    background-image: url("../../images/pub/banner_bg_teal_6.png");
  }
  .wrapper.rwd.teal #top.project-bg .topbtn {
    background: url("../../images/pub/banner_bg_teal_7.png") top left no-repeat, url("../../images/pub/banner_bg_teal_3.png") top left repeat;
  }
  .wrapper.rwd.teal #top .topbtn {
    background: url("../images/pub/banner_bg_teal_7.png") top left no-repeat, url("../images/pub/banner_bg_teal_3.png") top left repeat;
  }
}

.wrapper.font_S {
  font-size: 10px;
  /*****系統輸入框、下拉選單、按鈕設定區*****/
}

.wrapper.font_S input,
.wrapper.font_S select,
.wrapper.font_S textarea {
  font-size: 10px;
}

.wrapper.font_S input[type="text"],
.wrapper.font_S input[type="password"],
.wrapper.font_S input[type="button"],
.wrapper.font_S input[type="submit"],
.wrapper.font_S input[type="reset"],
.wrapper.font_S input[type="number"],
.wrapper.font_S input[type="tel"],
.wrapper.font_S button,
.wrapper.font_S input[type="text"].file-text,
.wrapper.font_S .file-button,
.wrapper.font_S .file-upload-btn,
.wrapper.font_S .multiple-upload-btn {
  height: 22px;
  padding: 0 5px;
}

.wrapper.font_S .file-upload-btn,
.wrapper.font_S .multiple-upload-btn {
  line-height: 20px;
}

.wrapper.font_S .file-upload2-btn,
.wrapper.font_S .multiple-upload2-btn {
  line-height: 35px;
}

.wrapper.font_S .file-upload2-btn:before,
.wrapper.font_S .multiple-upload2-btn:before {
  font-size: 24px;
  margin-top: -5px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_S .file-upload2-btn:before,
  .wrapper.font_S .multiple-upload2-btn:before {
    margin-top: -3px;
  }
}

.wrapper.font_S select,
.wrapper.font_S .select2-selection--single,
.wrapper.font_S .mult-select,
.wrapper.font_S .mult-select .mult-selected .selected {
  height: 22px;
}

.wrapper.font_S .select2-selection__rendered,
.wrapper.font_S .mult-select .mult-selected .selected,
.wrapper.font_S .mult-select .mult-sel-list div label span {
  line-height: 22px;
}

.wrapper.font_S .select2-container--default .select2-selection--single {
  /* 下拉三角形 */
}

.wrapper.font_S .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 19.5px;
}

.wrapper.font_S input[type="radio"],
.wrapper.font_S input[type="checkbox"] {
  vertical-align: -2px;
}

.wrapper.font_S .range_calendar .fake_range_calendar {
  width: 150px;
}

.wrapper.font_S .stander_calendar .date_picker {
  width: 115px;
}

.wrapper.font_S .data_table th,
.wrapper.font_S .data_table td,
.wrapper.font_S .table-om th,
.wrapper.font_S .table-one td,
.wrapper.font_S .table-many td,
.wrapper.font_S .table-two-level th,
.wrapper.font_S .table-two-level td,
.wrapper.font_S .batch-edit-style th,
.wrapper.font_S .batch-edit-style td,
.wrapper.font_S .batch-edit-style1 th,
.wrapper.font_S .batch-edit-style1 td,
.wrapper.font_S .batch-edit-style2 th,
.wrapper.font_S .batch-edit-style2 td,
.wrapper.font_S .batch-edit-style3 th,
.wrapper.font_S .batch-edit-style3 td,
.wrapper.font_S .batch-edit-style4 th,
.wrapper.font_S .batch-edit-style4 td,
.wrapper.font_S .batch-edit-style5 th,
.wrapper.font_S .batch-edit-style5 td,
.wrapper.font_S .batch-edit-style6 th,
.wrapper.font_S .batch-edit-style6 td,
.wrapper.font_S .batch-edit-style7 th,
.wrapper.font_S .batch-edit-style7 td,
.wrapper.font_S .file-table td,
.wrapper.font_S .sourcebox th,
.wrapper.font_S .sourcebox td,
.wrapper.font_S .targetbox th,
.wrapper.font_S .targetbox td,
.wrapper.font_S .border-table th,
.wrapper.font_S .border-table td {
  line-height: 1.5;
  padding: 5px;
}

.wrapper.font_S .batch-edit-style1 .input-tr > td,
.wrapper.font_S .batch-edit-style1 .add-tr > td,
.wrapper.font_S .batch-edit-style2 .input-tr > td,
.wrapper.font_S .batch-edit-style2 .add-tr > td,
.wrapper.font_S .batch-edit-style3 .input-tr > td,
.wrapper.font_S .batch-edit-style3 .add-tr > td,
.wrapper.font_S .batch-edit-style4 .input-tr > td,
.wrapper.font_S .batch-edit-style4 .add-tr > td,
.wrapper.font_S .batch-edit-style5 .input-tr > td,
.wrapper.font_S .batch-edit-style5 .add-tr > td,
.wrapper.font_S .batch-edit-style6 .input-tr > td,
.wrapper.font_S .batch-edit-style6 .add-tr > td,
.wrapper.font_S .batch-edit-style7 .input-tr > td,
.wrapper.font_S .batch-edit-style7 .add-tr > td {
  padding: 0;
}

.wrapper.font_S .select-input input[type="text"],
.wrapper.font_S .sec-pick input[type="text"] {
  height: 17.5px;
}

.wrapper.font_S #top .notice-area ul li .n-msg > div:before {
  width: 4px;
  height: 4px;
  top: 4px;
}

.wrapper.font_S .nav > li > a,
.wrapper.font_S .nav li ul li > a {
  line-height: 1.5;
}

.wrapper.font_S .nav > li > a {
  font-size: 11px;
}

.wrapper.font_S .nav .nav-arrow-btn:before {
  top: 3px;
}

.wrapper.font_S .nav .nav-arrow-btn:after {
  top: 7px;
}

.wrapper.font_S .nav .nav-arrow-btn.active:before, .wrapper.font_S .nav .nav-arrow-btn.active:after {
  top: 4px;
}

.wrapper.font_S .nav .hide_ul span:before {
  top: -1px;
}

.wrapper.font_S .nav2 a {
  line-height: 1.5;
}

.wrapper.font_S .nav2 > li > a {
  font-size: 11px;
}

.wrapper.font_S .nav2 .nav-arrow-btn:before {
  top: 3px;
}

.wrapper.font_S .nav2 .nav-arrow-btn:after {
  top: 7px;
}

.wrapper.font_S .nav2 li a.active .nav-arrow-btn:before, .wrapper.font_S .nav2 li a.active .nav-arrow-btn:after {
  top: 4px;
}

.wrapper.font_S .fav li a:before,
.wrapper.font_S .sea li a:before {
  top: 10px;
}

.wrapper.font_S input[type="text"].pc-text {
  width: 100px;
  padding-right: 40px;
}

.wrapper.font_S button.pc-btn,
.wrapper.font_S button.pc-btn:hover {
  width: 100px;
  margin-left: -100px;
}

.wrapper.font_S .clear-calendar {
  width: 20px;
  margin-left: -40px;
  margin-right: 20px;
}

.wrapper.font_S .clear-calendar:before, .wrapper.font_S .clear-calendar:after {
  width: 8px;
  height: 1px;
}

.wrapper.font_S .area {
  width: -webkit-calc(100% - 105px);
  width: -moz-calc(100% - 105px);
  width: calc(100% - 105px);
  min-height: 34px;
  line-height: 1.5;
}

.wrapper.font_S .area:nth-child(odd) {
  width: 105px;
}

.wrapper.font_S .area.col4, .wrapper.font_S .area.col4_l, .wrapper.font_S .area.col2_4s {
  width: -webkit-calc(25% - 105px);
  width: -moz-calc(25% - 105px);
  width: calc(25% - 105px);
}

.wrapper.font_S .area.col3_s, .wrapper.font_S .area.col3_l, .wrapper.font_S .area.col2_3s {
  width: -webkit-calc(33.33333% - 105px);
  width: -moz-calc(33.33333% - 105px);
  width: calc(33.33333% - 105px);
}

.wrapper.font_S .area.col2 {
  width: -webkit-calc(50% - 105px);
  width: -moz-calc(50% - 105px);
  width: calc(50% - 105px);
}

.wrapper.font_S .area.col2_4l {
  width: -webkit-calc(75% - 105px);
  width: -moz-calc(75% - 105px);
  width: calc(75% - 105px);
}

.wrapper.font_S .area.col2_3l {
  width: -webkit-calc(66.666666% - 105px);
  width: -moz-calc(66.666666% - 105px);
  width: calc(66.666666% - 105px);
}

@supports (-ms-ime-align: auto) {
  .wrapper.font_S .area.col4, .wrapper.font_S .area.col4_l, .wrapper.font_S .area.col2_4s {
    width: -webkit-calc(25% - 105px - 0.01px);
    width: -moz-calc(25% - 105px - 0.01px);
    width: calc(25% - 105px - 0.01px);
  }
  .wrapper.font_S .area.col3_s, .wrapper.font_S .area.col3_l, .wrapper.font_S .area.col2_3s {
    width: -webkit-calc(33.33333% - 105px - 0.01px);
    width: -moz-calc(33.33333% - 105px - 0.01px);
    width: calc(33.33333% - 105px - 0.01px);
  }
  .wrapper.font_S .area.col2 {
    width: -webkit-calc(50% - 105px - 0.01px);
    width: -moz-calc(50% - 105px - 0.01px);
    width: calc(50% - 105px - 0.01px);
  }
  .wrapper.font_S .area.col2_4l {
    width: -webkit-calc(75% - 105px - 0.01px);
    width: -moz-calc(75% - 105px - 0.01px);
    width: calc(75% - 105px - 0.01px);
  }
  .wrapper.font_S .area.col2_3l {
    width: -webkit-calc(66.666666% - 105px - 0.01px);
    width: -moz-calc(66.666666% - 105px - 0.01px);
    width: calc(66.666666% - 105px - 0.01px);
  }
}

.wrapper.font_S .sourcebox:before,
.wrapper.font_S .targetbox:before {
  font-size: 12px;
}

.wrapper.font_S .tabs li a {
  font-size: 12px;
}

.wrapper.font_S .formtitle {
  font-size: 12px;
}

.wrapper.font_S .filter-sw {
  margin: 2px 5px;
}

.wrapper.font_S input[type="button"].search-btn {
  height: 26px;
}

.wrapper.font_S .filter2 .line {
  height: 16px;
}

.wrapper.font_S .iframe-dialog-title,
.wrapper.font_S .dialog-title,
.wrapper.font_S .msg-content {
  font-size: 12px;
  line-height: 1.5;
}

.wrapper.font_S .home_btn span {
  font-size: 10px;
}

.wrapper.font_S .msg,
.wrapper.font_S .explanation {
  padding: 5px;
}

.wrapper.font_S .new-top-msg ul li span,
.wrapper.font_S .dialog-top-msg ul li span {
  line-height: 1.5;
  padding: 1px;
}

.wrapper.font_S .new-top-msg ul li i,
.wrapper.font_S .new-top-msg ul li .error-hide-btn,
.wrapper.font_S .dialog-top-msg ul li i,
.wrapper.font_S .dialog-top-msg ul li .error-hide-btn {
  margin-top: 0;
}

.wrapper.font_S .error-show-btn {
  top: 5px;
}

.wrapper.font_S .lefttextred,
.wrapper.font_S .lefttextblue,
.wrapper.font_S .lefttextblack {
  padding: 5px 0;
}

.wrapper.font_S .usetime,
.wrapper.font_S .filenumber,
.wrapper.font_S .useip {
  padding: 5px 0;
}

.wrapper.font_S .sourcebox,
.wrapper.font_S .targetbox {
  line-height: 15px;
}

.wrapper.font_S .sourcebox tbody:before,
.wrapper.font_S .targetbox tbody:before {
  height: 25px;
}

.wrapper.font_S .sourcebox .sort-table tbody:before,
.wrapper.font_S .targetbox .sort-table tbody:before {
  height: 31px;
}

.wrapper.font_S .clear-btn2,
.wrapper.font_S .data-selected,
.wrapper.font_S .data-selected-nodelete,
.wrapper.font_S .mb-selected-data,
.wrapper.font_S .mb-slted-cont1 li {
  min-height: 22px;
  line-height: 12px;
  padding-right: 30px;
}

.wrapper.font_S .data-selected-nodelete,
.wrapper.font_S li.data-selected-nodelete {
  padding-right: 8px;
}

.wrapper.font_S .clear-btn2 span,
.wrapper.font_S .data-selected span,
.wrapper.font_S .mb-selected-data span,
.wrapper.font_S .mb-slted-cont1 li span {
  width: 25px;
  height: 25px;
  margin-top: -webkit-calc(-25px / 2);
  margin-top: -moz-calc(-25px / 2);
  margin-top: calc(-25px / 2);
}

.wrapper.font_S .clear-btn2 span:before, .wrapper.font_S .clear-btn2 span:after,
.wrapper.font_S .data-selected span:before,
.wrapper.font_S .data-selected span:after,
.wrapper.font_S .mb-selected-data span:before,
.wrapper.font_S .mb-selected-data span:after,
.wrapper.font_S .mb-slted-cont1 li span:before,
.wrapper.font_S .mb-slted-cont1 li span:after {
  width: 10px;
}

.wrapper.font_S .mb-selected-member1,
.wrapper.font_S .mb-selected-member2,
.wrapper.font_S .mb-slted-group1,
.wrapper.font_S .mb-slted-cont1 {
  line-height: 1.5;
}

.wrapper.font_S .mb-selected-member1,
.wrapper.font_S .mb-slted-group1 {
  width: 110px;
  padding: 8.5px 5px 8.5px 30px;
}

.wrapper.font_S .mb-selected-member1:after,
.wrapper.font_S .mb-slted-group1:after {
  top: 1.5em;
}

.wrapper.font_S .mb-selected-member1-last:before,
.wrapper.font_S .mb-slted-group1-last:before {
  height: 3.1em;
}

.wrapper.font_S .mb-selected-member1-one:before,
.wrapper.font_S .mb-slted-group1-one:before {
  height: 2.1em;
}

.wrapper.font_S .mb-selected-member2,
.wrapper.font_S .mb-slted-cont1 {
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
  padding: 3px 5px;
}

.wrapper.font_S .sendcircuit {
  font-size: 12px;
  z-index: 600;
}

.wrapper.font_S .app-path-area ul li .checkpoint {
  line-height: 1.5;
}

.wrapper.font_S .toolbar li {
  width: 50px;
  height: 45px;
}

.wrapper.font_S .toolbar li img {
  width: 22px;
  height: 22px;
}

.wrapper.font_S .ellipsis.eps-dot:before {
  width: 18px;
  height: 15px;
}

.wrapper.font_S .uploading td:nth-child(3) {
  width: 100px;
}

.wrapper.font_S .oh-tilte {
  font-size: 12px;
}

.wrapper.font_S .oh-content {
  line-height: 1.5;
}

.wrapper.font_S #top .user-info-det {
  width: 300px;
}

.wrapper.font_S .input-type-number input[type="number"] {
  width: 40px;
}

.wrapper.font_S .input-type-number .sub-num-btn,
.wrapper.font_S .input-type-number .add-num-btn {
  width: 18px;
  height: 18px;
}

.wrapper.font_S .input-type-number .sub-num-btn:before, .wrapper.font_S .input-type-number .sub-num-btn:after,
.wrapper.font_S .input-type-number .add-num-btn:before,
.wrapper.font_S .input-type-number .add-num-btn:after {
  width: 8px;
  top: 8px;
  left: 5px;
}

@media screen and (max-width: 1024px) {
  .wrapper.font_S.rwd .area.col3_s, .wrapper.font_S.rwd .area.col4 {
    width: -webkit-calc(50% - 105px);
    width: -moz-calc(50% - 105px);
    width: calc(50% - 105px);
  }
  .wrapper.font_S.rwd .area.col2, .wrapper.font_S.rwd .area.col3_l, .wrapper.font_S.rwd .area.col4_l, .wrapper.font_S.rwd .area.col2_4s, .wrapper.font_S.rwd .area.col2_4l {
    width: -webkit-calc(100% - 105px);
    width: -moz-calc(100% - 105px);
    width: calc(100% - 105px);
  }
  @supports (-ms-ime-align: auto) {
    .wrapper.font_S.rwd .area.col3_s, .wrapper.font_S.rwd .area.col4 {
      width: -webkit-calc(50% - 105px - 0.01px);
      width: -moz-calc(50% - 105px - 0.01px);
      width: calc(50% - 105px - 0.01px);
    }
  }
}

@media screen and (max-width: 900px) {
  .wrapper.font_S.rwd {
    /*****系統按鈕、輸入框、下拉選單...標準格式*****/
  }
  .wrapper.font_S.rwd input[type="text"],
  .wrapper.font_S.rwd input[type="password"],
  .wrapper.font_S.rwd input[type="button"],
  .wrapper.font_S.rwd input[type="submit"],
  .wrapper.font_S.rwd input[type="reset"],
  .wrapper.font_S.rwd input[type="number"],
  .wrapper.font_S.rwd input[type="tel"],
  .wrapper.font_S.rwd button,
  .wrapper.font_S.rwd input[type="text"].file-text,
  .wrapper.font_S.rwd .file-button,
  .wrapper.font_S.rwd .file-upload-btn,
  .wrapper.font_S.rwd .multiple-upload-btn,
  .wrapper.font_S.rwd select,
  .wrapper.font_S.rwd .select2-selection--single,
  .wrapper.font_S.rwd .mult-select,
  .wrapper.font_S.rwd .mult-select .mult-selected .selected {
    height: 26px;
  }
  .wrapper.font_S.rwd .select2-selection__rendered,
  .wrapper.font_S.rwd .mult-select .mult-selected .selected,
  .wrapper.font_S.rwd .mult-select .mult-sel-list div label span {
    line-height: 26px;
  }
  .wrapper.font_S.rwd .select2-container--default .select2-selection--single {
    /* 下拉三角形 */
  }
  .wrapper.font_S.rwd .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 23px;
  }
  .wrapper.font_S.rwd .select-input input[type="text"],
  .wrapper.font_S.rwd .sec-pick input[type="text"] {
    height: 21.5px;
  }
  .wrapper.font_S.rwd .clear-btn2,
  .wrapper.font_S.rwd .data-selected,
  .wrapper.font_S.rwd .data-selected-nodelete {
    min-height: 26px;
    line-height: 16px;
  }
  .wrapper.font_S.rwd .search-retrieval-style2 {
    padding: 5px 0;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.font_S.rwd .area.col4, .wrapper.font_S.rwd .area.col3_s, .wrapper.font_S.rwd .area.col2_3s, .wrapper.font_S.rwd .area.col2_3l {
    width: -webkit-calc(100% - 105px);
    width: -moz-calc(100% - 105px);
    width: calc(100% - 105px);
  }
}

.wrapper.font_S ~ .select2-container {
  font-size: 10px;
}

.wrapper.font_S ~ .select2-container .select2-search--dropdown:after {
  width: 6px;
  height: 6px;
  top: 8px;
}

.wrapper.font_S ~ .select2-container .select2-search--dropdown:before {
  width: 6px;
  top: 17px;
  left: 15px;
}

.wrapper.font_S ~ .select2-container .select2-search--dropdown .select2-search__field {
  padding: 4px 4px 4px 20px;
  font-size: 10px;
}

.wrapper.font_S ~ .select2-container .select2-results__option {
  padding: 4px 5px;
}

.wrapper.font_S ~ .select2-container .hint {
  top: 9px;
  left: 26px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_S ~ .select2-container .hint {
    top: 8px;
  }
}

.wrapper.font_M {
  font-size: 12px;
  /*****系統輸入框、下拉選單、按鈕設定區*****/
}

.wrapper.font_M input,
.wrapper.font_M select,
.wrapper.font_M textarea {
  font-size: 12px;
}

.wrapper.font_M input[type="text"],
.wrapper.font_M input[type="password"],
.wrapper.font_M input[type="button"],
.wrapper.font_M input[type="submit"],
.wrapper.font_M input[type="reset"],
.wrapper.font_M input[type="number"],
.wrapper.font_M input[type="tel"],
.wrapper.font_M button,
.wrapper.font_M input[type="text"].file-text,
.wrapper.font_M .file-button,
.wrapper.font_M .file-upload-btn,
.wrapper.font_M .multiple-upload-btn {
  height: 25px;
  padding: 0 5px;
}

.wrapper.font_M .file-upload-btn,
.wrapper.font_M .multiple-upload-btn {
  line-height: 23px;
}

.wrapper.font_M .file-upload2-btn,
.wrapper.font_M .multiple-upload2-btn {
  line-height: 35px;
}

.wrapper.font_M .file-upload2-btn:before,
.wrapper.font_M .multiple-upload2-btn:before {
  font-size: 28px;
  margin-top: -5px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_M .file-upload2-btn:before,
  .wrapper.font_M .multiple-upload2-btn:before {
    margin-top: -3px;
  }
}

.wrapper.font_M select,
.wrapper.font_M .select2-selection--single,
.wrapper.font_M .mult-select,
.wrapper.font_M .mult-select .mult-selected .selected {
  height: 25px;
}

.wrapper.font_M .select2-selection__rendered,
.wrapper.font_M .mult-select .mult-selected .selected,
.wrapper.font_M .mult-select .mult-sel-list div label span {
  line-height: 25px;
}

.wrapper.font_M .select2-container--default .select2-selection--single {
  /* 下拉三角形 */
}

.wrapper.font_M .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 22.5px;
}

.wrapper.font_M input[type="radio"],
.wrapper.font_M input[type="checkbox"] {
  vertical-align: -2px;
}

.wrapper.font_M .range_calendar .fake_range_calendar {
  width: 170px;
}

.wrapper.font_M .stander_calendar .date_picker {
  width: 125px;
}

.wrapper.font_M .data_table th,
.wrapper.font_M .data_table td,
.wrapper.font_M .table-om th,
.wrapper.font_M .table-one td,
.wrapper.font_M .table-many td,
.wrapper.font_M .table-two-level th,
.wrapper.font_M .table-two-level td,
.wrapper.font_M .batch-edit-style th,
.wrapper.font_M .batch-edit-style td,
.wrapper.font_M .batch-edit-style1 th,
.wrapper.font_M .batch-edit-style1 td,
.wrapper.font_M .batch-edit-style2 th,
.wrapper.font_M .batch-edit-style2 td,
.wrapper.font_M .batch-edit-style3 th,
.wrapper.font_M .batch-edit-style3 td,
.wrapper.font_M .batch-edit-style4 th,
.wrapper.font_M .batch-edit-style4 td,
.wrapper.font_M .batch-edit-style5 th,
.wrapper.font_M .batch-edit-style5 td,
.wrapper.font_M .batch-edit-style6 th,
.wrapper.font_M .batch-edit-style6 td,
.wrapper.font_M .batch-edit-style7 th,
.wrapper.font_M .batch-edit-style7 td,
.wrapper.font_M .file-table td,
.wrapper.font_M .sourcebox th,
.wrapper.font_M .sourcebox td,
.wrapper.font_M .targetbox th,
.wrapper.font_M .targetbox td,
.wrapper.font_M .border-table th,
.wrapper.font_M .border-table td {
  line-height: 1.25;
  padding: 5px;
}

.wrapper.font_M .batch-edit-style1 .input-tr > td,
.wrapper.font_M .batch-edit-style1 .add-tr > td,
.wrapper.font_M .batch-edit-style2 .input-tr > td,
.wrapper.font_M .batch-edit-style2 .add-tr > td,
.wrapper.font_M .batch-edit-style3 .input-tr > td,
.wrapper.font_M .batch-edit-style3 .add-tr > td,
.wrapper.font_M .batch-edit-style4 .input-tr > td,
.wrapper.font_M .batch-edit-style4 .add-tr > td,
.wrapper.font_M .batch-edit-style5 .input-tr > td,
.wrapper.font_M .batch-edit-style5 .add-tr > td,
.wrapper.font_M .batch-edit-style6 .input-tr > td,
.wrapper.font_M .batch-edit-style6 .add-tr > td,
.wrapper.font_M .batch-edit-style7 .input-tr > td,
.wrapper.font_M .batch-edit-style7 .add-tr > td {
  padding: 0;
}

.wrapper.font_M .select-input input[type="text"],
.wrapper.font_M .sec-pick input[type="text"] {
  height: 20.5px;
}

.wrapper.font_M #top .notice-area ul li .n-msg > div:before {
  width: 5px;
  height: 5px;
  top: 5px;
}

.wrapper.font_M .nav > li > a,
.wrapper.font_M .nav li ul li > a {
  line-height: 1.25;
}

.wrapper.font_M .nav > li > a {
  font-size: 13px;
}

.wrapper.font_M .nav .nav-arrow-btn:before {
  top: 3.5px;
}

.wrapper.font_M .nav .nav-arrow-btn:after {
  top: 7.5px;
}

.wrapper.font_M .nav .nav-arrow-btn.active:before, .wrapper.font_M .nav .nav-arrow-btn.active:after {
  top: 6px;
}

.wrapper.font_M .nav .hide_ul span:before {
  top: -1.5px;
}

.wrapper.font_M .nav2 a {
  line-height: 1.25;
}

.wrapper.font_M .nav2 > li > a {
  font-size: 13px;
}

.wrapper.font_M .nav2 .nav-arrow-btn:before {
  top: 3.5px;
}

.wrapper.font_M .nav2 .nav-arrow-btn:after {
  top: 7.5px;
}

.wrapper.font_M .nav2 li a.active .nav-arrow-btn:before, .wrapper.font_M .nav2 li a.active .nav-arrow-btn:after {
  top: 6px;
}

.wrapper.font_M .fav li a:before,
.wrapper.font_M .sea li a:before {
  top: 12px;
}

.wrapper.font_M input[type="text"].pc-text {
  width: 108px;
  padding-right: 40px;
}

.wrapper.font_M button.pc-btn,
.wrapper.font_M button.pc-btn:hover {
  width: 108px;
  margin-left: -108px;
}

.wrapper.font_M .clear-calendar {
  width: 20px;
  margin-left: -40px;
  margin-right: 20px;
}

.wrapper.font_M .clear-calendar:before, .wrapper.font_M .clear-calendar:after {
  width: 8px;
  height: 1px;
}

.wrapper.font_M .area {
  width: -webkit-calc(100% - 112px);
  width: -moz-calc(100% - 112px);
  width: calc(100% - 112px);
  min-height: 34px;
  line-height: 1.25;
}

.wrapper.font_M .area:nth-child(odd) {
  width: 112px;
}

.wrapper.font_M .area.col4, .wrapper.font_M .area.col4_l, .wrapper.font_M .area.col2_4s {
  width: -webkit-calc(25% - 112px);
  width: -moz-calc(25% - 112px);
  width: calc(25% - 112px);
}

.wrapper.font_M .area.col3_s, .wrapper.font_M .area.col3_l, .wrapper.font_M .area.col2_3s {
  width: -webkit-calc(33.33333% - 112px);
  width: -moz-calc(33.33333% - 112px);
  width: calc(33.33333% - 112px);
}

.wrapper.font_M .area.col2 {
  width: -webkit-calc(50% - 112px);
  width: -moz-calc(50% - 112px);
  width: calc(50% - 112px);
}

.wrapper.font_M .area.col2_4l {
  width: -webkit-calc(75% - 112px);
  width: -moz-calc(75% - 112px);
  width: calc(75% - 112px);
}

.wrapper.font_M .area.col2_3l {
  width: -webkit-calc(66.666666% - 112px);
  width: -moz-calc(66.666666% - 112px);
  width: calc(66.666666% - 112px);
}

@supports (-ms-ime-align: auto) {
  .wrapper.font_M .area.col4, .wrapper.font_M .area.col4_l, .wrapper.font_M .area.col2_4s {
    width: -webkit-calc(25% - 112px - 0.01px);
    width: -moz-calc(25% - 112px - 0.01px);
    width: calc(25% - 112px - 0.01px);
  }
  .wrapper.font_M .area.col3_s, .wrapper.font_M .area.col3_l, .wrapper.font_M .area.col2_3s {
    width: -webkit-calc(33.33333% - 112px - 0.01px);
    width: -moz-calc(33.33333% - 112px - 0.01px);
    width: calc(33.33333% - 112px - 0.01px);
  }
  .wrapper.font_M .area.col2 {
    width: -webkit-calc(50% - 112px - 0.01px);
    width: -moz-calc(50% - 112px - 0.01px);
    width: calc(50% - 112px - 0.01px);
  }
  .wrapper.font_M .area.col2_4l {
    width: -webkit-calc(75% - 112px - 0.01px);
    width: -moz-calc(75% - 112px - 0.01px);
    width: calc(75% - 112px - 0.01px);
  }
  .wrapper.font_M .area.col2_3l {
    width: -webkit-calc(66.666666% - 112px - 0.01px);
    width: -moz-calc(66.666666% - 112px - 0.01px);
    width: calc(66.666666% - 112px - 0.01px);
  }
}

.wrapper.font_M .sourcebox:before,
.wrapper.font_M .targetbox:before {
  font-size: 14px;
}

.wrapper.font_M .tabs li a {
  font-size: 14px;
}

.wrapper.font_M .formtitle {
  font-size: 14px;
}

.wrapper.font_M .filter-sw {
  margin: 3px 5px;
}

.wrapper.font_M input[type="button"].search-btn {
  height: 28px;
}

.wrapper.font_M .filter2 .line {
  height: 18px;
}

.wrapper.font_M .iframe-dialog-title,
.wrapper.font_M .dialog-title,
.wrapper.font_M .msg-content {
  font-size: 14px;
  line-height: 1.25;
}

.wrapper.font_M .home_btn span {
  font-size: 14px;
}

.wrapper.font_M .msg,
.wrapper.font_M .explanation {
  padding: 5px;
}

.wrapper.font_M .new-top-msg ul li span,
.wrapper.font_M .dialog-top-msg ul li span {
  line-height: 1.25;
  padding: 1px;
}

.wrapper.font_M .new-top-msg ul li i,
.wrapper.font_M .new-top-msg ul li .error-hide-btn,
.wrapper.font_M .dialog-top-msg ul li i,
.wrapper.font_M .dialog-top-msg ul li .error-hide-btn {
  margin-top: 0;
}

.wrapper.font_M .error-show-btn {
  top: 5px;
}

.wrapper.font_M .lefttextred,
.wrapper.font_M .lefttextblue,
.wrapper.font_M .lefttextblack {
  padding: 5px 0;
}

.wrapper.font_M .usetime,
.wrapper.font_M .filenumber,
.wrapper.font_M .useip {
  padding: 5px 0;
}

.wrapper.font_M .sourcebox,
.wrapper.font_M .targetbox {
  line-height: 15px;
}

.wrapper.font_M .sourcebox tbody:before,
.wrapper.font_M .targetbox tbody:before {
  height: 25px;
}

.wrapper.font_M .sourcebox .sort-table tbody:before,
.wrapper.font_M .targetbox .sort-table tbody:before {
  height: 31px;
}

.wrapper.font_M .clear-btn2,
.wrapper.font_M .data-selected,
.wrapper.font_M .data-selected-nodelete,
.wrapper.font_M .mb-selected-data,
.wrapper.font_M .mb-slted-cont1 li {
  min-height: 25px;
  line-height: 15px;
  padding-right: 30px;
}

.wrapper.font_M .data-selected-nodelete,
.wrapper.font_M li.data-selected-nodelete {
  padding-right: 8px;
}

.wrapper.font_M .clear-btn2 span,
.wrapper.font_M .data-selected span,
.wrapper.font_M .mb-selected-data span,
.wrapper.font_M .mb-slted-cont1 li span {
  width: 25px;
  height: 25px;
  margin-top: -webkit-calc(-25px / 2);
  margin-top: -moz-calc(-25px / 2);
  margin-top: calc(-25px / 2);
}

.wrapper.font_M .clear-btn2 span:before, .wrapper.font_M .clear-btn2 span:after,
.wrapper.font_M .data-selected span:before,
.wrapper.font_M .data-selected span:after,
.wrapper.font_M .mb-selected-data span:before,
.wrapper.font_M .mb-selected-data span:after,
.wrapper.font_M .mb-slted-cont1 li span:before,
.wrapper.font_M .mb-slted-cont1 li span:after {
  width: 10px;
}

.wrapper.font_M .mb-selected-member1,
.wrapper.font_M .mb-selected-member2,
.wrapper.font_M .mb-slted-group1,
.wrapper.font_M .mb-slted-cont1 {
  line-height: 1.25;
}

.wrapper.font_M .mb-selected-member1,
.wrapper.font_M .mb-slted-group1 {
  width: 110px;
  padding: 10px 5px 10px 30px;
}

.wrapper.font_M .mb-selected-member1:after,
.wrapper.font_M .mb-slted-group1:after {
  top: 1.4em;
}

.wrapper.font_M .mb-selected-member1-last:before,
.wrapper.font_M .mb-slted-group1-last:before {
  height: 3em;
}

.wrapper.font_M .mb-selected-member1-one:before,
.wrapper.font_M .mb-slted-group1-one:before {
  height: 2em;
}

.wrapper.font_M .mb-selected-member2,
.wrapper.font_M .mb-slted-cont1 {
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
  padding: 3px 5px;
}

.wrapper.font_M .sendcircuit {
  font-size: 14px;
  z-index: 600;
}

.wrapper.font_M .app-path-area ul li .checkpoint {
  line-height: 1.25;
}

.wrapper.font_M .toolbar li {
  width: 55px;
  height: 50px;
}

.wrapper.font_M .toolbar li img {
  width: 22px;
  height: 22px;
}

.wrapper.font_M .ellipsis.eps-dot:before {
  width: 22px;
  height: 15px;
}

.wrapper.font_M .uploading td:nth-child(3) {
  width: 115px;
}

.wrapper.font_M .oh-tilte {
  font-size: 14px;
}

.wrapper.font_M .oh-content {
  line-height: 1.25;
}

.wrapper.font_M #top .user-info-det {
  width: 300px;
}

.wrapper.font_M .input-type-number input[type="number"] {
  width: 40px;
}

.wrapper.font_M .input-type-number .sub-num-btn,
.wrapper.font_M .input-type-number .add-num-btn {
  width: 20px;
  height: 20px;
}

.wrapper.font_M .input-type-number .sub-num-btn:before, .wrapper.font_M .input-type-number .sub-num-btn:after,
.wrapper.font_M .input-type-number .add-num-btn:before,
.wrapper.font_M .input-type-number .add-num-btn:after {
  width: 10px;
  top: 9px;
  left: 5px;
}

@media screen and (max-width: 1024px) {
  .wrapper.font_M.rwd .area.col3_s, .wrapper.font_M.rwd .area.col4 {
    width: -webkit-calc(50% - 112px);
    width: -moz-calc(50% - 112px);
    width: calc(50% - 112px);
  }
  .wrapper.font_M.rwd .area.col2, .wrapper.font_M.rwd .area.col3_l, .wrapper.font_M.rwd .area.col4_l, .wrapper.font_M.rwd .area.col2_4s, .wrapper.font_M.rwd .area.col2_4l {
    width: -webkit-calc(100% - 112px);
    width: -moz-calc(100% - 112px);
    width: calc(100% - 112px);
  }
  @supports (-ms-ime-align: auto) {
    .wrapper.font_M.rwd .area.col3_s, .wrapper.font_M.rwd .area.col4 {
      width: -webkit-calc(50% - 112px - 0.01px);
      width: -moz-calc(50% - 112px - 0.01px);
      width: calc(50% - 112px - 0.01px);
    }
  }
}

@media screen and (max-width: 900px) {
  .wrapper.font_M.rwd {
    /*****系統按鈕、輸入框、下拉選單...標準格式*****/
  }
  .wrapper.font_M.rwd input[type="text"],
  .wrapper.font_M.rwd input[type="password"],
  .wrapper.font_M.rwd input[type="button"],
  .wrapper.font_M.rwd input[type="submit"],
  .wrapper.font_M.rwd input[type="reset"],
  .wrapper.font_M.rwd input[type="number"],
  .wrapper.font_M.rwd input[type="tel"],
  .wrapper.font_M.rwd button,
  .wrapper.font_M.rwd input[type="text"].file-text,
  .wrapper.font_M.rwd .file-button,
  .wrapper.font_M.rwd .file-upload-btn,
  .wrapper.font_M.rwd .multiple-upload-btn,
  .wrapper.font_M.rwd select,
  .wrapper.font_M.rwd .select2-selection--single,
  .wrapper.font_M.rwd .mult-select,
  .wrapper.font_M.rwd .mult-select .mult-selected .selected {
    height: 29px;
  }
  .wrapper.font_M.rwd .select2-selection__rendered,
  .wrapper.font_M.rwd .mult-select .mult-selected .selected,
  .wrapper.font_M.rwd .mult-select .mult-sel-list div label span {
    line-height: 29px;
  }
  .wrapper.font_M.rwd .select2-container--default .select2-selection--single {
    /* 下拉三角形 */
  }
  .wrapper.font_M.rwd .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
  }
  .wrapper.font_M.rwd .select-input input[type="text"],
  .wrapper.font_M.rwd .sec-pick input[type="text"] {
    height: 24.5px;
  }
  .wrapper.font_M.rwd .clear-btn2,
  .wrapper.font_M.rwd .data-selected,
  .wrapper.font_M.rwd .data-selected-nodelete {
    min-height: 29px;
    line-height: 19px;
  }
  .wrapper.font_M.rwd .search-retrieval-style2 {
    padding: 4px 0;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.font_M.rwd .area.col4, .wrapper.font_M.rwd .area.col3_s, .wrapper.font_M.rwd .area.col2_3s, .wrapper.font_M.rwd .area.col2_3l {
    width: -webkit-calc(100% - 112px);
    width: -moz-calc(100% - 112px);
    width: calc(100% - 112px);
  }
}

.wrapper.font_M ~ .select2-container {
  font-size: 12px;
}

.wrapper.font_M ~ .select2-container .select2-search--dropdown:after {
  width: 7px;
  height: 7px;
  top: 10px;
}

.wrapper.font_M ~ .select2-container .select2-search--dropdown:before {
  width: 7px;
  top: 20px;
  left: 16px;
}

.wrapper.font_M ~ .select2-container .select2-search--dropdown .select2-search__field {
  padding: 5px 4px 5px 21px;
  font-size: 12px;
}

.wrapper.font_M ~ .select2-container .select2-results__option {
  padding: 5px 5px;
}

.wrapper.font_M ~ .select2-container .hint {
  top: 9.5px;
  left: 27px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_M ~ .select2-container .hint {
    top: 8.5px;
  }
}

.wrapper.font_L {
  font-size: 14px;
  /*****系統輸入框、下拉選單、按鈕設定區*****/
}

.wrapper.font_L input,
.wrapper.font_L select,
.wrapper.font_L textarea {
  font-size: 14px;
}

.wrapper.font_L input[type="text"],
.wrapper.font_L input[type="password"],
.wrapper.font_L input[type="button"],
.wrapper.font_L input[type="submit"],
.wrapper.font_L input[type="reset"],
.wrapper.font_L input[type="number"],
.wrapper.font_L input[type="tel"],
.wrapper.font_L button,
.wrapper.font_L input[type="text"].file-text,
.wrapper.font_L .file-button,
.wrapper.font_L .file-upload-btn,
.wrapper.font_L .multiple-upload-btn {
  height: 26px;
  padding: 0 5px;
}

.wrapper.font_L .file-upload-btn,
.wrapper.font_L .multiple-upload-btn {
  line-height: 24px;
}

.wrapper.font_L .file-upload2-btn,
.wrapper.font_L .multiple-upload2-btn {
  line-height: 35px;
}

.wrapper.font_L .file-upload2-btn:before,
.wrapper.font_L .multiple-upload2-btn:before {
  font-size: 30px;
  margin-top: -7px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_L .file-upload2-btn:before,
  .wrapper.font_L .multiple-upload2-btn:before {
    margin-top: -5px;
  }
}

.wrapper.font_L select,
.wrapper.font_L .select2-selection--single,
.wrapper.font_L .mult-select,
.wrapper.font_L .mult-select .mult-selected .selected {
  height: 26px;
}

.wrapper.font_L .select2-selection__rendered,
.wrapper.font_L .mult-select .mult-selected .selected,
.wrapper.font_L .mult-select .mult-sel-list div label span {
  line-height: 26px;
}

.wrapper.font_L .select2-container--default .select2-selection--single {
  /* 下拉三角形 */
}

.wrapper.font_L .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 23.5px;
}

.wrapper.font_L input[type="radio"],
.wrapper.font_L input[type="checkbox"] {
  vertical-align: -2px;
}

.wrapper.font_L .range_calendar .fake_range_calendar {
  width: 190px;
}

.wrapper.font_L .stander_calendar .date_picker {
  width: 135px;
}

.wrapper.font_L .data_table th,
.wrapper.font_L .data_table td,
.wrapper.font_L .table-om th,
.wrapper.font_L .table-one td,
.wrapper.font_L .table-many td,
.wrapper.font_L .table-two-level th,
.wrapper.font_L .table-two-level td,
.wrapper.font_L .batch-edit-style th,
.wrapper.font_L .batch-edit-style td,
.wrapper.font_L .batch-edit-style1 th,
.wrapper.font_L .batch-edit-style1 td,
.wrapper.font_L .batch-edit-style2 th,
.wrapper.font_L .batch-edit-style2 td,
.wrapper.font_L .batch-edit-style3 th,
.wrapper.font_L .batch-edit-style3 td,
.wrapper.font_L .batch-edit-style4 th,
.wrapper.font_L .batch-edit-style4 td,
.wrapper.font_L .batch-edit-style5 th,
.wrapper.font_L .batch-edit-style5 td,
.wrapper.font_L .batch-edit-style6 th,
.wrapper.font_L .batch-edit-style6 td,
.wrapper.font_L .batch-edit-style7 th,
.wrapper.font_L .batch-edit-style7 td,
.wrapper.font_L .file-table td,
.wrapper.font_L .sourcebox th,
.wrapper.font_L .sourcebox td,
.wrapper.font_L .targetbox th,
.wrapper.font_L .targetbox td,
.wrapper.font_L .border-table th,
.wrapper.font_L .border-table td {
  line-height: 1.28571;
  padding: 8px;
}

.wrapper.font_L .batch-edit-style1 .input-tr > td,
.wrapper.font_L .batch-edit-style1 .add-tr > td,
.wrapper.font_L .batch-edit-style2 .input-tr > td,
.wrapper.font_L .batch-edit-style2 .add-tr > td,
.wrapper.font_L .batch-edit-style3 .input-tr > td,
.wrapper.font_L .batch-edit-style3 .add-tr > td,
.wrapper.font_L .batch-edit-style4 .input-tr > td,
.wrapper.font_L .batch-edit-style4 .add-tr > td,
.wrapper.font_L .batch-edit-style5 .input-tr > td,
.wrapper.font_L .batch-edit-style5 .add-tr > td,
.wrapper.font_L .batch-edit-style6 .input-tr > td,
.wrapper.font_L .batch-edit-style6 .add-tr > td,
.wrapper.font_L .batch-edit-style7 .input-tr > td,
.wrapper.font_L .batch-edit-style7 .add-tr > td {
  padding: 0;
}

.wrapper.font_L .select-input input[type="text"],
.wrapper.font_L .sec-pick input[type="text"] {
  height: 21.5px;
}

.wrapper.font_L #top .notice-area ul li .n-msg > div:before {
  width: 6px;
  height: 6px;
  top: 6px;
}

.wrapper.font_L .nav > li > a,
.wrapper.font_L .nav li ul li > a {
  line-height: 1.28571;
}

.wrapper.font_L .nav > li > a {
  font-size: 15px;
}

.wrapper.font_L .nav .nav-arrow-btn:before {
  top: 4px;
}

.wrapper.font_L .nav .nav-arrow-btn:after {
  top: 8px;
}

.wrapper.font_L .nav .nav-arrow-btn.active:before, .wrapper.font_L .nav .nav-arrow-btn.active:after {
  top: 6px;
}

.wrapper.font_L .nav .hide_ul span:before {
  top: -2px;
}

.wrapper.font_L .nav2 a {
  line-height: 1.28571;
}

.wrapper.font_L .nav2 > li > a {
  font-size: 15px;
}

.wrapper.font_L .nav2 .nav-arrow-btn:before {
  top: 4px;
}

.wrapper.font_L .nav2 .nav-arrow-btn:after {
  top: 8px;
}

.wrapper.font_L .nav2 li a.active .nav-arrow-btn:before, .wrapper.font_L .nav2 li a.active .nav-arrow-btn:after {
  top: 6px;
}

.wrapper.font_L .fav li a:before,
.wrapper.font_L .sea li a:before {
  top: 14px;
}

.wrapper.font_L input[type="text"].pc-text {
  width: 116px;
  padding-right: 40px;
}

.wrapper.font_L button.pc-btn,
.wrapper.font_L button.pc-btn:hover {
  width: 116px;
  margin-left: -116px;
}

.wrapper.font_L .clear-calendar {
  width: 20px;
  margin-left: -40px;
  margin-right: 20px;
}

.wrapper.font_L .clear-calendar:before, .wrapper.font_L .clear-calendar:after {
  width: 8px;
  height: 1px;
}

.wrapper.font_L .area {
  width: -webkit-calc(100% - 117px);
  width: -moz-calc(100% - 117px);
  width: calc(100% - 117px);
  min-height: 34px;
  line-height: 1.28571;
}

.wrapper.font_L .area:nth-child(odd) {
  width: 117px;
}

.wrapper.font_L .area.col4, .wrapper.font_L .area.col4_l, .wrapper.font_L .area.col2_4s {
  width: -webkit-calc(25% - 117px);
  width: -moz-calc(25% - 117px);
  width: calc(25% - 117px);
}

.wrapper.font_L .area.col3_s, .wrapper.font_L .area.col3_l, .wrapper.font_L .area.col2_3s {
  width: -webkit-calc(33.33333% - 117px);
  width: -moz-calc(33.33333% - 117px);
  width: calc(33.33333% - 117px);
}

.wrapper.font_L .area.col2 {
  width: -webkit-calc(50% - 117px);
  width: -moz-calc(50% - 117px);
  width: calc(50% - 117px);
}

.wrapper.font_L .area.col2_4l {
  width: -webkit-calc(75% - 117px);
  width: -moz-calc(75% - 117px);
  width: calc(75% - 117px);
}

.wrapper.font_L .area.col2_3l {
  width: -webkit-calc(66.666666% - 117px);
  width: -moz-calc(66.666666% - 117px);
  width: calc(66.666666% - 117px);
}

@supports (-ms-ime-align: auto) {
  .wrapper.font_L .area.col4, .wrapper.font_L .area.col4_l, .wrapper.font_L .area.col2_4s {
    width: -webkit-calc(25% - 117px - 0.01px);
    width: -moz-calc(25% - 117px - 0.01px);
    width: calc(25% - 117px - 0.01px);
  }
  .wrapper.font_L .area.col3_s, .wrapper.font_L .area.col3_l, .wrapper.font_L .area.col2_3s {
    width: -webkit-calc(33.33333% - 117px - 0.01px);
    width: -moz-calc(33.33333% - 117px - 0.01px);
    width: calc(33.33333% - 117px - 0.01px);
  }
  .wrapper.font_L .area.col2 {
    width: -webkit-calc(50% - 117px - 0.01px);
    width: -moz-calc(50% - 117px - 0.01px);
    width: calc(50% - 117px - 0.01px);
  }
  .wrapper.font_L .area.col2_4l {
    width: -webkit-calc(75% - 117px - 0.01px);
    width: -moz-calc(75% - 117px - 0.01px);
    width: calc(75% - 117px - 0.01px);
  }
  .wrapper.font_L .area.col2_3l {
    width: -webkit-calc(66.666666% - 117px - 0.01px);
    width: -moz-calc(66.666666% - 117px - 0.01px);
    width: calc(66.666666% - 117px - 0.01px);
  }
}

.wrapper.font_L .sourcebox:before,
.wrapper.font_L .targetbox:before {
  font-size: 16px;
}

.wrapper.font_L .tabs li a {
  font-size: 16px;
}

.wrapper.font_L .formtitle {
  font-size: 16px;
}

.wrapper.font_L .filter-sw {
  margin: 5px 5px;
}

.wrapper.font_L input[type="button"].search-btn {
  height: 30px;
}

.wrapper.font_L .filter2 .line {
  height: 20px;
}

.wrapper.font_L .iframe-dialog-title,
.wrapper.font_L .dialog-title,
.wrapper.font_L .msg-content {
  font-size: 16px;
  line-height: 1.28571;
}

.wrapper.font_L .home_btn span {
  font-size: 14px;
}

.wrapper.font_L .msg,
.wrapper.font_L .explanation {
  padding: 8px;
}

.wrapper.font_L .new-top-msg ul li span,
.wrapper.font_L .dialog-top-msg ul li span {
  line-height: 1.28571;
  padding: 0;
}

.wrapper.font_L .new-top-msg ul li i,
.wrapper.font_L .new-top-msg ul li .error-hide-btn,
.wrapper.font_L .dialog-top-msg ul li i,
.wrapper.font_L .dialog-top-msg ul li .error-hide-btn {
  margin-top: 1px;
}

.wrapper.font_L .error-show-btn {
  top: 4.5px;
}

.wrapper.font_L .lefttextred,
.wrapper.font_L .lefttextblue,
.wrapper.font_L .lefttextblack {
  padding: 8px 0;
}

.wrapper.font_L .usetime,
.wrapper.font_L .filenumber,
.wrapper.font_L .useip {
  padding: 8px 0;
}

.wrapper.font_L .sourcebox,
.wrapper.font_L .targetbox {
  line-height: 18px;
}

.wrapper.font_L .sourcebox tbody:before,
.wrapper.font_L .targetbox tbody:before {
  height: 34px;
}

.wrapper.font_L .sourcebox .sort-table tbody:before,
.wrapper.font_L .targetbox .sort-table tbody:before {
  height: 40px;
}

.wrapper.font_L .clear-btn2,
.wrapper.font_L .data-selected,
.wrapper.font_L .data-selected-nodelete,
.wrapper.font_L .mb-selected-data,
.wrapper.font_L .mb-slted-cont1 li {
  min-height: 26px;
  line-height: 16px;
  padding-right: 30px;
}

.wrapper.font_L .data-selected-nodelete,
.wrapper.font_L li.data-selected-nodelete {
  padding-right: 8px;
}

.wrapper.font_L .clear-btn2 span,
.wrapper.font_L .data-selected span,
.wrapper.font_L .mb-selected-data span,
.wrapper.font_L .mb-slted-cont1 li span {
  width: 26px;
  height: 26px;
  margin-top: -webkit-calc(-26px / 2);
  margin-top: -moz-calc(-26px / 2);
  margin-top: calc(-26px / 2);
}

.wrapper.font_L .clear-btn2 span:before, .wrapper.font_L .clear-btn2 span:after,
.wrapper.font_L .data-selected span:before,
.wrapper.font_L .data-selected span:after,
.wrapper.font_L .mb-selected-data span:before,
.wrapper.font_L .mb-selected-data span:after,
.wrapper.font_L .mb-slted-cont1 li span:before,
.wrapper.font_L .mb-slted-cont1 li span:after {
  width: 12px;
}

.wrapper.font_L .mb-selected-member1,
.wrapper.font_L .mb-selected-member2,
.wrapper.font_L .mb-slted-group1,
.wrapper.font_L .mb-slted-cont1 {
  line-height: 1.28571;
}

.wrapper.font_L .mb-selected-member1,
.wrapper.font_L .mb-slted-group1 {
  width: 110px;
  padding: 9px 5px 9px 30px;
}

.wrapper.font_L .mb-selected-member1:after,
.wrapper.font_L .mb-slted-group1:after {
  top: 1.3em;
}

.wrapper.font_L .mb-selected-member1-last:before,
.wrapper.font_L .mb-slted-group1-last:before {
  height: 2.9em;
}

.wrapper.font_L .mb-selected-member1-one:before,
.wrapper.font_L .mb-slted-group1-one:before {
  height: 1.9em;
}

.wrapper.font_L .mb-selected-member2,
.wrapper.font_L .mb-slted-cont1 {
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
  padding: 3px 5px;
}

.wrapper.font_L .sendcircuit {
  font-size: 16px;
  z-index: 600;
}

.wrapper.font_L .app-path-area ul li .checkpoint {
  line-height: 1.28571;
}

.wrapper.font_L .toolbar li {
  width: 60px;
  height: 55px;
}

.wrapper.font_L .toolbar li img {
  width: 24px;
  height: 24px;
}

.wrapper.font_L .ellipsis.eps-dot:before {
  width: 26px;
  height: 18px;
}

.wrapper.font_L .uploading td:nth-child(3) {
  width: 130px;
}

.wrapper.font_L .oh-tilte {
  font-size: 16px;
}

.wrapper.font_L .oh-content {
  line-height: 1.28571;
}

.wrapper.font_L #top .user-info-det {
  width: 300px;
}

.wrapper.font_L .input-type-number input[type="number"] {
  width: 50px;
}

.wrapper.font_L .input-type-number .sub-num-btn,
.wrapper.font_L .input-type-number .add-num-btn {
  width: 20px;
  height: 20px;
}

.wrapper.font_L .input-type-number .sub-num-btn:before, .wrapper.font_L .input-type-number .sub-num-btn:after,
.wrapper.font_L .input-type-number .add-num-btn:before,
.wrapper.font_L .input-type-number .add-num-btn:after {
  width: 10px;
  top: 9px;
  left: 5px;
}

@media screen and (max-width: 1024px) {
  .wrapper.font_L.rwd .area.col3_s, .wrapper.font_L.rwd .area.col4 {
    width: -webkit-calc(50% - 117px);
    width: -moz-calc(50% - 117px);
    width: calc(50% - 117px);
  }
  .wrapper.font_L.rwd .area.col2, .wrapper.font_L.rwd .area.col3_l, .wrapper.font_L.rwd .area.col4_l, .wrapper.font_L.rwd .area.col2_4s, .wrapper.font_L.rwd .area.col2_4l {
    width: -webkit-calc(100% - 117px);
    width: -moz-calc(100% - 117px);
    width: calc(100% - 117px);
  }
  @supports (-ms-ime-align: auto) {
    .wrapper.font_L.rwd .area.col3_s, .wrapper.font_L.rwd .area.col4 {
      width: -webkit-calc(50% - 117px - 0.01px);
      width: -moz-calc(50% - 117px - 0.01px);
      width: calc(50% - 117px - 0.01px);
    }
  }
}

@media screen and (max-width: 900px) {
  .wrapper.font_L.rwd {
    /*****系統按鈕、輸入框、下拉選單...標準格式*****/
  }
  .wrapper.font_L.rwd input[type="text"],
  .wrapper.font_L.rwd input[type="password"],
  .wrapper.font_L.rwd input[type="button"],
  .wrapper.font_L.rwd input[type="submit"],
  .wrapper.font_L.rwd input[type="reset"],
  .wrapper.font_L.rwd input[type="number"],
  .wrapper.font_L.rwd input[type="tel"],
  .wrapper.font_L.rwd button,
  .wrapper.font_L.rwd input[type="text"].file-text,
  .wrapper.font_L.rwd .file-button,
  .wrapper.font_L.rwd .file-upload-btn,
  .wrapper.font_L.rwd .multiple-upload-btn,
  .wrapper.font_L.rwd select,
  .wrapper.font_L.rwd .select2-selection--single,
  .wrapper.font_L.rwd .mult-select,
  .wrapper.font_L.rwd .mult-select .mult-selected .selected {
    height: 30px;
  }
  .wrapper.font_L.rwd .select2-selection__rendered,
  .wrapper.font_L.rwd .mult-select .mult-selected .selected,
  .wrapper.font_L.rwd .mult-select .mult-sel-list div label span {
    line-height: 30px;
  }
  .wrapper.font_L.rwd .select2-container--default .select2-selection--single {
    /* 下拉三角形 */
  }
  .wrapper.font_L.rwd .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 27px;
  }
  .wrapper.font_L.rwd .select-input input[type="text"],
  .wrapper.font_L.rwd .sec-pick input[type="text"] {
    height: 25.5px;
  }
  .wrapper.font_L.rwd .clear-btn2,
  .wrapper.font_L.rwd .data-selected,
  .wrapper.font_L.rwd .data-selected-nodelete {
    min-height: 30px;
    line-height: 20px;
  }
  .wrapper.font_L.rwd .search-retrieval-style2 {
    padding: 3px 0;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.font_L.rwd .area.col4, .wrapper.font_L.rwd .area.col3_s, .wrapper.font_L.rwd .area.col2_3s, .wrapper.font_L.rwd .area.col2_3l {
    width: -webkit-calc(100% - 117px);
    width: -moz-calc(100% - 117px);
    width: calc(100% - 117px);
  }
}

.wrapper.font_L ~ .select2-container {
  font-size: 14px;
}

.wrapper.font_L ~ .select2-container .select2-search--dropdown:after {
  width: 8px;
  height: 8px;
  top: 11px;
}

.wrapper.font_L ~ .select2-container .select2-search--dropdown:before {
  width: 8px;
  top: 22px;
  left: 17px;
}

.wrapper.font_L ~ .select2-container .select2-search--dropdown .select2-search__field {
  padding: 6px 4px 6px 22px;
  font-size: 14px;
}

.wrapper.font_L ~ .select2-container .select2-results__option {
  padding: 6px 5px;
}

.wrapper.font_L ~ .select2-container .hint {
  top: 10.5px;
  left: 28px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_L ~ .select2-container .hint {
    top: 9.5px;
  }
}

.wrapper.font_XL {
  font-size: 16px;
  /*****系統輸入框、下拉選單、按鈕設定區*****/
}

.wrapper.font_XL input,
.wrapper.font_XL select,
.wrapper.font_XL textarea {
  font-size: 16px;
}

.wrapper.font_XL input[type="text"],
.wrapper.font_XL input[type="password"],
.wrapper.font_XL input[type="button"],
.wrapper.font_XL input[type="submit"],
.wrapper.font_XL input[type="reset"],
.wrapper.font_XL input[type="number"],
.wrapper.font_XL input[type="tel"],
.wrapper.font_XL button,
.wrapper.font_XL input[type="text"].file-text,
.wrapper.font_XL .file-button,
.wrapper.font_XL .file-upload-btn,
.wrapper.font_XL .multiple-upload-btn {
  height: 28px;
  padding: 0 5px;
}

.wrapper.font_XL .file-upload-btn,
.wrapper.font_XL .multiple-upload-btn {
  line-height: 26px;
}

.wrapper.font_XL .file-upload2-btn,
.wrapper.font_XL .multiple-upload2-btn {
  line-height: 45px;
}

.wrapper.font_XL .file-upload2-btn:before,
.wrapper.font_XL .multiple-upload2-btn:before {
  font-size: 32px;
  margin-top: -9px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_XL .file-upload2-btn:before,
  .wrapper.font_XL .multiple-upload2-btn:before {
    margin-top: -7px;
  }
}

.wrapper.font_XL select,
.wrapper.font_XL .select2-selection--single,
.wrapper.font_XL .mult-select,
.wrapper.font_XL .mult-select .mult-selected .selected {
  height: 28px;
}

.wrapper.font_XL .select2-selection__rendered,
.wrapper.font_XL .mult-select .mult-selected .selected,
.wrapper.font_XL .mult-select .mult-sel-list div label span {
  line-height: 28px;
}

.wrapper.font_XL .select2-container--default .select2-selection--single {
  /* 下拉三角形 */
}

.wrapper.font_XL .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 25.5px;
}

.wrapper.font_XL input[type="radio"],
.wrapper.font_XL input[type="checkbox"] {
  vertical-align: 0;
}

.wrapper.font_XL .range_calendar .fake_range_calendar {
  width: 210px;
}

.wrapper.font_XL .stander_calendar .date_picker {
  width: 145px;
}

.wrapper.font_XL .data_table th,
.wrapper.font_XL .data_table td,
.wrapper.font_XL .table-om th,
.wrapper.font_XL .table-one td,
.wrapper.font_XL .table-many td,
.wrapper.font_XL .table-two-level th,
.wrapper.font_XL .table-two-level td,
.wrapper.font_XL .batch-edit-style th,
.wrapper.font_XL .batch-edit-style td,
.wrapper.font_XL .batch-edit-style1 th,
.wrapper.font_XL .batch-edit-style1 td,
.wrapper.font_XL .batch-edit-style2 th,
.wrapper.font_XL .batch-edit-style2 td,
.wrapper.font_XL .batch-edit-style3 th,
.wrapper.font_XL .batch-edit-style3 td,
.wrapper.font_XL .batch-edit-style4 th,
.wrapper.font_XL .batch-edit-style4 td,
.wrapper.font_XL .batch-edit-style5 th,
.wrapper.font_XL .batch-edit-style5 td,
.wrapper.font_XL .batch-edit-style6 th,
.wrapper.font_XL .batch-edit-style6 td,
.wrapper.font_XL .batch-edit-style7 th,
.wrapper.font_XL .batch-edit-style7 td,
.wrapper.font_XL .file-table td,
.wrapper.font_XL .sourcebox th,
.wrapper.font_XL .sourcebox td,
.wrapper.font_XL .targetbox th,
.wrapper.font_XL .targetbox td,
.wrapper.font_XL .border-table th,
.wrapper.font_XL .border-table td {
  line-height: 1.25;
  padding: 8px;
}

.wrapper.font_XL .batch-edit-style1 .input-tr > td,
.wrapper.font_XL .batch-edit-style1 .add-tr > td,
.wrapper.font_XL .batch-edit-style2 .input-tr > td,
.wrapper.font_XL .batch-edit-style2 .add-tr > td,
.wrapper.font_XL .batch-edit-style3 .input-tr > td,
.wrapper.font_XL .batch-edit-style3 .add-tr > td,
.wrapper.font_XL .batch-edit-style4 .input-tr > td,
.wrapper.font_XL .batch-edit-style4 .add-tr > td,
.wrapper.font_XL .batch-edit-style5 .input-tr > td,
.wrapper.font_XL .batch-edit-style5 .add-tr > td,
.wrapper.font_XL .batch-edit-style6 .input-tr > td,
.wrapper.font_XL .batch-edit-style6 .add-tr > td,
.wrapper.font_XL .batch-edit-style7 .input-tr > td,
.wrapper.font_XL .batch-edit-style7 .add-tr > td {
  padding: 0;
}

.wrapper.font_XL .select-input input[type="text"],
.wrapper.font_XL .sec-pick input[type="text"] {
  height: 23.5px;
}

.wrapper.font_XL #top .notice-area ul li .n-msg > div:before {
  width: 6px;
  height: 6px;
  top: 7px;
}

.wrapper.font_XL .nav > li > a,
.wrapper.font_XL .nav li ul li > a {
  line-height: 1.25;
}

.wrapper.font_XL .nav > li > a {
  font-size: 17px;
}

.wrapper.font_XL .nav .nav-arrow-btn:before {
  top: 5px;
}

.wrapper.font_XL .nav .nav-arrow-btn:after {
  top: 9px;
}

.wrapper.font_XL .nav .nav-arrow-btn.active:before, .wrapper.font_XL .nav .nav-arrow-btn.active:after {
  top: 7.5px;
}

.wrapper.font_XL .nav .hide_ul span:before {
  top: -2.3px;
}

.wrapper.font_XL .nav2 a {
  line-height: 1.25;
}

.wrapper.font_XL .nav2 > li > a {
  font-size: 17px;
}

.wrapper.font_XL .nav2 .nav-arrow-btn:before {
  top: 5px;
}

.wrapper.font_XL .nav2 .nav-arrow-btn:after {
  top: 9px;
}

.wrapper.font_XL .nav2 li a.active .nav-arrow-btn:before, .wrapper.font_XL .nav2 li a.active .nav-arrow-btn:after {
  top: 7.5px;
}

.wrapper.font_XL .fav li a:before,
.wrapper.font_XL .sea li a:before {
  top: 15px;
}

.wrapper.font_XL input[type="text"].pc-text {
  width: 124px;
  padding-right: 44px;
}

.wrapper.font_XL button.pc-btn,
.wrapper.font_XL button.pc-btn:hover {
  width: 124px;
  margin-left: -124px;
}

.wrapper.font_XL .clear-calendar {
  width: 20px;
  margin-left: -44px;
  margin-right: 24px;
}

.wrapper.font_XL .clear-calendar:before, .wrapper.font_XL .clear-calendar:after {
  width: 10px;
  height: 1.5px;
}

.wrapper.font_XL .area {
  width: -webkit-calc(100% - 124px);
  width: -moz-calc(100% - 124px);
  width: calc(100% - 124px);
  min-height: 36px;
  line-height: 1.25;
}

.wrapper.font_XL .area:nth-child(odd) {
  width: 124px;
}

.wrapper.font_XL .area.col4, .wrapper.font_XL .area.col4_l, .wrapper.font_XL .area.col2_4s {
  width: -webkit-calc(25% - 124px);
  width: -moz-calc(25% - 124px);
  width: calc(25% - 124px);
}

.wrapper.font_XL .area.col3_s, .wrapper.font_XL .area.col3_l, .wrapper.font_XL .area.col2_3s {
  width: -webkit-calc(33.33333% - 124px);
  width: -moz-calc(33.33333% - 124px);
  width: calc(33.33333% - 124px);
}

.wrapper.font_XL .area.col2 {
  width: -webkit-calc(50% - 124px);
  width: -moz-calc(50% - 124px);
  width: calc(50% - 124px);
}

.wrapper.font_XL .area.col2_4l {
  width: -webkit-calc(75% - 124px);
  width: -moz-calc(75% - 124px);
  width: calc(75% - 124px);
}

.wrapper.font_XL .area.col2_3l {
  width: -webkit-calc(66.666666% - 124px);
  width: -moz-calc(66.666666% - 124px);
  width: calc(66.666666% - 124px);
}

@supports (-ms-ime-align: auto) {
  .wrapper.font_XL .area.col4, .wrapper.font_XL .area.col4_l, .wrapper.font_XL .area.col2_4s {
    width: -webkit-calc(25% - 124px - 0.01px);
    width: -moz-calc(25% - 124px - 0.01px);
    width: calc(25% - 124px - 0.01px);
  }
  .wrapper.font_XL .area.col3_s, .wrapper.font_XL .area.col3_l, .wrapper.font_XL .area.col2_3s {
    width: -webkit-calc(33.33333% - 124px - 0.01px);
    width: -moz-calc(33.33333% - 124px - 0.01px);
    width: calc(33.33333% - 124px - 0.01px);
  }
  .wrapper.font_XL .area.col2 {
    width: -webkit-calc(50% - 124px - 0.01px);
    width: -moz-calc(50% - 124px - 0.01px);
    width: calc(50% - 124px - 0.01px);
  }
  .wrapper.font_XL .area.col2_4l {
    width: -webkit-calc(75% - 124px - 0.01px);
    width: -moz-calc(75% - 124px - 0.01px);
    width: calc(75% - 124px - 0.01px);
  }
  .wrapper.font_XL .area.col2_3l {
    width: -webkit-calc(66.666666% - 124px - 0.01px);
    width: -moz-calc(66.666666% - 124px - 0.01px);
    width: calc(66.666666% - 124px - 0.01px);
  }
}

.wrapper.font_XL .sourcebox:before,
.wrapper.font_XL .targetbox:before {
  font-size: 18px;
}

.wrapper.font_XL .tabs li a {
  font-size: 16px;
}

.wrapper.font_XL .formtitle {
  font-size: 16px;
}

.wrapper.font_XL .filter-sw {
  margin: 5px 5px;
}

.wrapper.font_XL input[type="button"].search-btn {
  height: 32px;
}

.wrapper.font_XL .filter2 .line {
  height: 22px;
}

.wrapper.font_XL .iframe-dialog-title,
.wrapper.font_XL .dialog-title,
.wrapper.font_XL .msg-content {
  font-size: 18px;
  line-height: 1.25;
}

.wrapper.font_XL .home_btn span {
  font-size: 14px;
}

.wrapper.font_XL .msg,
.wrapper.font_XL .explanation {
  padding: 8px;
}

.wrapper.font_XL .new-top-msg ul li span,
.wrapper.font_XL .dialog-top-msg ul li span {
  line-height: 1.25;
  padding: 0;
}

.wrapper.font_XL .new-top-msg ul li i,
.wrapper.font_XL .new-top-msg ul li .error-hide-btn,
.wrapper.font_XL .dialog-top-msg ul li i,
.wrapper.font_XL .dialog-top-msg ul li .error-hide-btn {
  margin-top: 2px;
}

.wrapper.font_XL .error-show-btn {
  top: 4.5px;
}

.wrapper.font_XL .lefttextred,
.wrapper.font_XL .lefttextblue,
.wrapper.font_XL .lefttextblack {
  padding: 8px 0;
}

.wrapper.font_XL .usetime,
.wrapper.font_XL .filenumber,
.wrapper.font_XL .useip {
  padding: 8px 0;
}

.wrapper.font_XL .sourcebox,
.wrapper.font_XL .targetbox {
  line-height: 20px;
}

.wrapper.font_XL .sourcebox tbody:before,
.wrapper.font_XL .targetbox tbody:before {
  height: 36px;
}

.wrapper.font_XL .sourcebox .sort-table tbody:before,
.wrapper.font_XL .targetbox .sort-table tbody:before {
  height: 42px;
}

.wrapper.font_XL .clear-btn2,
.wrapper.font_XL .data-selected,
.wrapper.font_XL .data-selected-nodelete,
.wrapper.font_XL .mb-selected-data,
.wrapper.font_XL .mb-slted-cont1 li {
  min-height: 28px;
  line-height: 18px;
  padding-right: 30px;
}

.wrapper.font_XL .data-selected-nodelete,
.wrapper.font_XL li.data-selected-nodelete {
  padding-right: 8px;
}

.wrapper.font_XL .clear-btn2 span,
.wrapper.font_XL .data-selected span,
.wrapper.font_XL .mb-selected-data span,
.wrapper.font_XL .mb-slted-cont1 li span {
  width: 28px;
  height: 28px;
  margin-top: -webkit-calc(-28px / 2);
  margin-top: -moz-calc(-28px / 2);
  margin-top: calc(-28px / 2);
}

.wrapper.font_XL .clear-btn2 span:before, .wrapper.font_XL .clear-btn2 span:after,
.wrapper.font_XL .data-selected span:before,
.wrapper.font_XL .data-selected span:after,
.wrapper.font_XL .mb-selected-data span:before,
.wrapper.font_XL .mb-selected-data span:after,
.wrapper.font_XL .mb-slted-cont1 li span:before,
.wrapper.font_XL .mb-slted-cont1 li span:after {
  width: 12px;
}

.wrapper.font_XL .mb-selected-member1,
.wrapper.font_XL .mb-selected-member2,
.wrapper.font_XL .mb-slted-group1,
.wrapper.font_XL .mb-slted-cont1 {
  line-height: 1.25;
}

.wrapper.font_XL .mb-selected-member1,
.wrapper.font_XL .mb-slted-group1 {
  width: 130px;
  padding: 11px 5px 11px 30px;
}

.wrapper.font_XL .mb-selected-member1:after,
.wrapper.font_XL .mb-slted-group1:after {
  top: 1.3em;
}

.wrapper.font_XL .mb-selected-member1-last:before,
.wrapper.font_XL .mb-slted-group1-last:before {
  height: 2.85em;
}

.wrapper.font_XL .mb-selected-member1-one:before,
.wrapper.font_XL .mb-slted-group1-one:before {
  height: 1.85em;
}

.wrapper.font_XL .mb-selected-member2,
.wrapper.font_XL .mb-slted-cont1 {
  width: -webkit-calc(100% - 130px);
  width: -moz-calc(100% - 130px);
  width: calc(100% - 130px);
  padding: 5px;
}

.wrapper.font_XL .sendcircuit {
  font-size: 18px;
  z-index: 600;
}

.wrapper.font_XL .app-path-area ul li .checkpoint {
  line-height: 1.25;
}

.wrapper.font_XL .toolbar li {
  width: 65px;
  height: 60px;
}

.wrapper.font_XL .toolbar li img {
  width: 26px;
  height: 26px;
}

.wrapper.font_XL .ellipsis.eps-dot:before {
  width: 30px;
  height: 20px;
}

.wrapper.font_XL .uploading td:nth-child(3) {
  width: 145px;
}

.wrapper.font_XL .oh-tilte {
  font-size: 18px;
}

.wrapper.font_XL .oh-content {
  line-height: 1.25;
}

.wrapper.font_XL #top .user-info-det {
  width: 350px;
}

.wrapper.font_XL .input-type-number input[type="number"] {
  width: 60px;
}

.wrapper.font_XL .input-type-number .sub-num-btn,
.wrapper.font_XL .input-type-number .add-num-btn {
  width: 22px;
  height: 22px;
}

.wrapper.font_XL .input-type-number .sub-num-btn:before, .wrapper.font_XL .input-type-number .sub-num-btn:after,
.wrapper.font_XL .input-type-number .add-num-btn:before,
.wrapper.font_XL .input-type-number .add-num-btn:after {
  width: 12px;
  top: 10px;
  left: 5px;
}

@media screen and (max-width: 1024px) {
  .wrapper.font_XL.rwd .area.col3_s, .wrapper.font_XL.rwd .area.col4 {
    width: -webkit-calc(50% - 124px);
    width: -moz-calc(50% - 124px);
    width: calc(50% - 124px);
  }
  .wrapper.font_XL.rwd .area.col2, .wrapper.font_XL.rwd .area.col3_l, .wrapper.font_XL.rwd .area.col4_l, .wrapper.font_XL.rwd .area.col2_4s, .wrapper.font_XL.rwd .area.col2_4l {
    width: -webkit-calc(100% - 124px);
    width: -moz-calc(100% - 124px);
    width: calc(100% - 124px);
  }
  @supports (-ms-ime-align: auto) {
    .wrapper.font_XL.rwd .area.col3_s, .wrapper.font_XL.rwd .area.col4 {
      width: -webkit-calc(50% - 124px - 0.01px);
      width: -moz-calc(50% - 124px - 0.01px);
      width: calc(50% - 124px - 0.01px);
    }
  }
}

@media screen and (max-width: 900px) {
  .wrapper.font_XL.rwd {
    /*****系統按鈕、輸入框、下拉選單...標準格式*****/
  }
  .wrapper.font_XL.rwd input[type="text"],
  .wrapper.font_XL.rwd input[type="password"],
  .wrapper.font_XL.rwd input[type="button"],
  .wrapper.font_XL.rwd input[type="submit"],
  .wrapper.font_XL.rwd input[type="reset"],
  .wrapper.font_XL.rwd input[type="number"],
  .wrapper.font_XL.rwd input[type="tel"],
  .wrapper.font_XL.rwd button,
  .wrapper.font_XL.rwd input[type="text"].file-text,
  .wrapper.font_XL.rwd .file-button,
  .wrapper.font_XL.rwd .file-upload-btn,
  .wrapper.font_XL.rwd .multiple-upload-btn,
  .wrapper.font_XL.rwd select,
  .wrapper.font_XL.rwd .select2-selection--single,
  .wrapper.font_XL.rwd .mult-select,
  .wrapper.font_XL.rwd .mult-select .mult-selected .selected {
    height: 32px;
  }
  .wrapper.font_XL.rwd .select2-selection__rendered,
  .wrapper.font_XL.rwd .mult-select .mult-selected .selected,
  .wrapper.font_XL.rwd .mult-select .mult-sel-list div label span {
    line-height: 32px;
  }
  .wrapper.font_XL.rwd .select2-container--default .select2-selection--single {
    /* 下拉三角形 */
  }
  .wrapper.font_XL.rwd .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px;
  }
  .wrapper.font_XL.rwd .select-input input[type="text"],
  .wrapper.font_XL.rwd .sec-pick input[type="text"] {
    height: 27.5px;
  }
  .wrapper.font_XL.rwd .clear-btn2,
  .wrapper.font_XL.rwd .data-selected,
  .wrapper.font_XL.rwd .data-selected-nodelete {
    min-height: 32px;
    line-height: 22px;
  }
  .wrapper.font_XL.rwd .search-retrieval-style2 {
    padding: 2px 0;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.font_XL.rwd .area.col4, .wrapper.font_XL.rwd .area.col3_s, .wrapper.font_XL.rwd .area.col2_3s, .wrapper.font_XL.rwd .area.col2_3l {
    width: -webkit-calc(100% - 124px);
    width: -moz-calc(100% - 124px);
    width: calc(100% - 124px);
  }
}

.wrapper.font_XL ~ .select2-container {
  font-size: 16px;
}

.wrapper.font_XL ~ .select2-container .select2-search--dropdown:after {
  width: 9px;
  height: 9px;
  top: 13px;
}

.wrapper.font_XL ~ .select2-container .select2-search--dropdown:before {
  width: 9px;
  top: 25px;
  left: 16px;
}

.wrapper.font_XL ~ .select2-container .select2-search--dropdown .select2-search__field {
  padding: 7px 4px 7px 23px;
  font-size: 16px;
}

.wrapper.font_XL ~ .select2-container .select2-results__option {
  padding: 7px 5px;
}

.wrapper.font_XL ~ .select2-container .hint {
  top: 11.7px;
  left: 29px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_XL ~ .select2-container .hint {
    top: 10.7px;
  }
}

.wrapper.font_XXL {
  font-size: 18px;
  /*****系統輸入框、下拉選單、按鈕設定區*****/
}

.wrapper.font_XXL input,
.wrapper.font_XXL select,
.wrapper.font_XXL textarea {
  font-size: 18px;
}

.wrapper.font_XXL input[type="text"],
.wrapper.font_XXL input[type="password"],
.wrapper.font_XXL input[type="button"],
.wrapper.font_XXL input[type="submit"],
.wrapper.font_XXL input[type="reset"],
.wrapper.font_XXL input[type="number"],
.wrapper.font_XXL input[type="tel"],
.wrapper.font_XXL button,
.wrapper.font_XXL input[type="text"].file-text,
.wrapper.font_XXL .file-button,
.wrapper.font_XXL .file-upload-btn,
.wrapper.font_XXL .multiple-upload-btn {
  height: 32px;
  padding: 0 5px;
}

.wrapper.font_XXL .file-upload-btn,
.wrapper.font_XXL .multiple-upload-btn {
  line-height: 30px;
}

.wrapper.font_XXL .file-upload2-btn,
.wrapper.font_XXL .multiple-upload2-btn {
  line-height: 45px;
}

.wrapper.font_XXL .file-upload2-btn:before,
.wrapper.font_XXL .multiple-upload2-btn:before {
  font-size: 34px;
  margin-top: -10px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_XXL .file-upload2-btn:before,
  .wrapper.font_XXL .multiple-upload2-btn:before {
    margin-top: -8px;
  }
}

.wrapper.font_XXL select,
.wrapper.font_XXL .select2-selection--single,
.wrapper.font_XXL .mult-select,
.wrapper.font_XXL .mult-select .mult-selected .selected {
  height: 32px;
}

.wrapper.font_XXL .select2-selection__rendered,
.wrapper.font_XXL .mult-select .mult-selected .selected,
.wrapper.font_XXL .mult-select .mult-sel-list div label span {
  line-height: 32px;
}

.wrapper.font_XXL .select2-container--default .select2-selection--single {
  /* 下拉三角形 */
}

.wrapper.font_XXL .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 29.5px;
}

.wrapper.font_XXL input[type="radio"],
.wrapper.font_XXL input[type="checkbox"] {
  vertical-align: 1px;
}

.wrapper.font_XXL .range_calendar .fake_range_calendar {
  width: 232px;
}

.wrapper.font_XXL .stander_calendar .date_picker {
  width: 155px;
}

.wrapper.font_XXL .data_table th,
.wrapper.font_XXL .data_table td,
.wrapper.font_XXL .table-om th,
.wrapper.font_XXL .table-one td,
.wrapper.font_XXL .table-many td,
.wrapper.font_XXL .table-two-level th,
.wrapper.font_XXL .table-two-level td,
.wrapper.font_XXL .batch-edit-style th,
.wrapper.font_XXL .batch-edit-style td,
.wrapper.font_XXL .batch-edit-style1 th,
.wrapper.font_XXL .batch-edit-style1 td,
.wrapper.font_XXL .batch-edit-style2 th,
.wrapper.font_XXL .batch-edit-style2 td,
.wrapper.font_XXL .batch-edit-style3 th,
.wrapper.font_XXL .batch-edit-style3 td,
.wrapper.font_XXL .batch-edit-style4 th,
.wrapper.font_XXL .batch-edit-style4 td,
.wrapper.font_XXL .batch-edit-style5 th,
.wrapper.font_XXL .batch-edit-style5 td,
.wrapper.font_XXL .batch-edit-style6 th,
.wrapper.font_XXL .batch-edit-style6 td,
.wrapper.font_XXL .batch-edit-style7 th,
.wrapper.font_XXL .batch-edit-style7 td,
.wrapper.font_XXL .file-table td,
.wrapper.font_XXL .sourcebox th,
.wrapper.font_XXL .sourcebox td,
.wrapper.font_XXL .targetbox th,
.wrapper.font_XXL .targetbox td,
.wrapper.font_XXL .border-table th,
.wrapper.font_XXL .border-table td {
  line-height: 1.22222;
  padding: 10px;
}

.wrapper.font_XXL .batch-edit-style1 .input-tr > td,
.wrapper.font_XXL .batch-edit-style1 .add-tr > td,
.wrapper.font_XXL .batch-edit-style2 .input-tr > td,
.wrapper.font_XXL .batch-edit-style2 .add-tr > td,
.wrapper.font_XXL .batch-edit-style3 .input-tr > td,
.wrapper.font_XXL .batch-edit-style3 .add-tr > td,
.wrapper.font_XXL .batch-edit-style4 .input-tr > td,
.wrapper.font_XXL .batch-edit-style4 .add-tr > td,
.wrapper.font_XXL .batch-edit-style5 .input-tr > td,
.wrapper.font_XXL .batch-edit-style5 .add-tr > td,
.wrapper.font_XXL .batch-edit-style6 .input-tr > td,
.wrapper.font_XXL .batch-edit-style6 .add-tr > td,
.wrapper.font_XXL .batch-edit-style7 .input-tr > td,
.wrapper.font_XXL .batch-edit-style7 .add-tr > td {
  padding: 0;
}

.wrapper.font_XXL .select-input input[type="text"],
.wrapper.font_XXL .sec-pick input[type="text"] {
  height: 27.5px;
}

.wrapper.font_XXL #top .notice-area ul li .n-msg > div:before {
  width: 7px;
  height: 7px;
  top: 8px;
}

.wrapper.font_XXL .nav > li > a,
.wrapper.font_XXL .nav li ul li > a {
  line-height: 1.22222;
}

.wrapper.font_XXL .nav > li > a {
  font-size: 19px;
}

.wrapper.font_XXL .nav .nav-arrow-btn:before {
  top: 6px;
}

.wrapper.font_XXL .nav .nav-arrow-btn:after {
  top: 10px;
}

.wrapper.font_XXL .nav .nav-arrow-btn.active:before, .wrapper.font_XXL .nav .nav-arrow-btn.active:after {
  top: 8.5px;
}

.wrapper.font_XXL .nav .hide_ul span:before {
  top: -2.7px;
}

.wrapper.font_XXL .nav2 a {
  line-height: 1.22222;
}

.wrapper.font_XXL .nav2 > li > a {
  font-size: 19px;
}

.wrapper.font_XXL .nav2 .nav-arrow-btn:before {
  top: 6px;
}

.wrapper.font_XXL .nav2 .nav-arrow-btn:after {
  top: 10px;
}

.wrapper.font_XXL .nav2 li a.active .nav-arrow-btn:before, .wrapper.font_XXL .nav2 li a.active .nav-arrow-btn:after {
  top: 8.5px;
}

.wrapper.font_XXL .fav li a:before,
.wrapper.font_XXL .sea li a:before {
  top: 16px;
}

.wrapper.font_XXL input[type="text"].pc-text {
  width: 132px;
  padding-right: 44px;
}

.wrapper.font_XXL button.pc-btn,
.wrapper.font_XXL button.pc-btn:hover {
  width: 132px;
  margin-left: -132px;
}

.wrapper.font_XXL .clear-calendar {
  width: 20px;
  margin-left: -44px;
  margin-right: 24px;
}

.wrapper.font_XXL .clear-calendar:before, .wrapper.font_XXL .clear-calendar:after {
  width: 10px;
  height: 1.5px;
}

.wrapper.font_XXL .area {
  width: -webkit-calc(100% - 127px);
  width: -moz-calc(100% - 127px);
  width: calc(100% - 127px);
  min-height: 38px;
  line-height: 1.22222;
}

.wrapper.font_XXL .area:nth-child(odd) {
  width: 127px;
}

.wrapper.font_XXL .area.col4, .wrapper.font_XXL .area.col4_l, .wrapper.font_XXL .area.col2_4s {
  width: -webkit-calc(25% - 127px);
  width: -moz-calc(25% - 127px);
  width: calc(25% - 127px);
}

.wrapper.font_XXL .area.col3_s, .wrapper.font_XXL .area.col3_l, .wrapper.font_XXL .area.col2_3s {
  width: -webkit-calc(33.33333% - 127px);
  width: -moz-calc(33.33333% - 127px);
  width: calc(33.33333% - 127px);
}

.wrapper.font_XXL .area.col2 {
  width: -webkit-calc(50% - 127px);
  width: -moz-calc(50% - 127px);
  width: calc(50% - 127px);
}

.wrapper.font_XXL .area.col2_4l {
  width: -webkit-calc(75% - 127px);
  width: -moz-calc(75% - 127px);
  width: calc(75% - 127px);
}

.wrapper.font_XXL .area.col2_3l {
  width: -webkit-calc(66.666666% - 127px);
  width: -moz-calc(66.666666% - 127px);
  width: calc(66.666666% - 127px);
}

@supports (-ms-ime-align: auto) {
  .wrapper.font_XXL .area.col4, .wrapper.font_XXL .area.col4_l, .wrapper.font_XXL .area.col2_4s {
    width: -webkit-calc(25% - 127px - 0.01px);
    width: -moz-calc(25% - 127px - 0.01px);
    width: calc(25% - 127px - 0.01px);
  }
  .wrapper.font_XXL .area.col3_s, .wrapper.font_XXL .area.col3_l, .wrapper.font_XXL .area.col2_3s {
    width: -webkit-calc(33.33333% - 127px - 0.01px);
    width: -moz-calc(33.33333% - 127px - 0.01px);
    width: calc(33.33333% - 127px - 0.01px);
  }
  .wrapper.font_XXL .area.col2 {
    width: -webkit-calc(50% - 127px - 0.01px);
    width: -moz-calc(50% - 127px - 0.01px);
    width: calc(50% - 127px - 0.01px);
  }
  .wrapper.font_XXL .area.col2_4l {
    width: -webkit-calc(75% - 127px - 0.01px);
    width: -moz-calc(75% - 127px - 0.01px);
    width: calc(75% - 127px - 0.01px);
  }
  .wrapper.font_XXL .area.col2_3l {
    width: -webkit-calc(66.666666% - 127px - 0.01px);
    width: -moz-calc(66.666666% - 127px - 0.01px);
    width: calc(66.666666% - 127px - 0.01px);
  }
}

.wrapper.font_XXL .sourcebox:before,
.wrapper.font_XXL .targetbox:before {
  font-size: 18px;
}

.wrapper.font_XXL .tabs li a {
  font-size: 16px;
}

.wrapper.font_XXL .formtitle {
  font-size: 16px;
}

.wrapper.font_XXL .filter-sw {
  margin: 5px 5px;
}

.wrapper.font_XXL input[type="button"].search-btn {
  height: 36px;
}

.wrapper.font_XXL .filter2 .line {
  height: 26px;
}

.wrapper.font_XXL .iframe-dialog-title,
.wrapper.font_XXL .dialog-title,
.wrapper.font_XXL .msg-content {
  font-size: 18px;
  line-height: 1.22222;
}

.wrapper.font_XXL .home_btn span {
  font-size: 14px;
}

.wrapper.font_XXL .msg,
.wrapper.font_XXL .explanation {
  padding: 10px;
}

.wrapper.font_XXL .new-top-msg ul li span,
.wrapper.font_XXL .dialog-top-msg ul li span {
  line-height: 1.22222;
  padding: 0;
}

.wrapper.font_XXL .new-top-msg ul li i,
.wrapper.font_XXL .new-top-msg ul li .error-hide-btn,
.wrapper.font_XXL .dialog-top-msg ul li i,
.wrapper.font_XXL .dialog-top-msg ul li .error-hide-btn {
  margin-top: 2.5px;
}

.wrapper.font_XXL .error-show-btn {
  top: 3.5px;
}

.wrapper.font_XXL .lefttextred,
.wrapper.font_XXL .lefttextblue,
.wrapper.font_XXL .lefttextblack {
  padding: 10px 0;
}

.wrapper.font_XXL .usetime,
.wrapper.font_XXL .filenumber,
.wrapper.font_XXL .useip {
  padding: 8px 0;
}

.wrapper.font_XXL .sourcebox,
.wrapper.font_XXL .targetbox {
  line-height: 22px;
}

.wrapper.font_XXL .sourcebox tbody:before,
.wrapper.font_XXL .targetbox tbody:before {
  height: 42px;
}

.wrapper.font_XXL .sourcebox .sort-table tbody:before,
.wrapper.font_XXL .targetbox .sort-table tbody:before {
  height: 48px;
}

.wrapper.font_XXL .clear-btn2,
.wrapper.font_XXL .data-selected,
.wrapper.font_XXL .data-selected-nodelete,
.wrapper.font_XXL .mb-selected-data,
.wrapper.font_XXL .mb-slted-cont1 li {
  min-height: 32px;
  line-height: 22px;
  padding-right: 35px;
}

.wrapper.font_XXL .data-selected-nodelete,
.wrapper.font_XXL li.data-selected-nodelete {
  padding-right: 8px;
}

.wrapper.font_XXL .clear-btn2 span,
.wrapper.font_XXL .data-selected span,
.wrapper.font_XXL .mb-selected-data span,
.wrapper.font_XXL .mb-slted-cont1 li span {
  width: 32px;
  height: 32px;
  margin-top: -webkit-calc(-32px / 2);
  margin-top: -moz-calc(-32px / 2);
  margin-top: calc(-32px / 2);
}

.wrapper.font_XXL .clear-btn2 span:before, .wrapper.font_XXL .clear-btn2 span:after,
.wrapper.font_XXL .data-selected span:before,
.wrapper.font_XXL .data-selected span:after,
.wrapper.font_XXL .mb-selected-data span:before,
.wrapper.font_XXL .mb-selected-data span:after,
.wrapper.font_XXL .mb-slted-cont1 li span:before,
.wrapper.font_XXL .mb-slted-cont1 li span:after {
  width: 16px;
}

.wrapper.font_XXL .mb-selected-member1,
.wrapper.font_XXL .mb-selected-member2,
.wrapper.font_XXL .mb-slted-group1,
.wrapper.font_XXL .mb-slted-cont1 {
  line-height: 1.22222;
}

.wrapper.font_XXL .mb-selected-member1,
.wrapper.font_XXL .mb-slted-group1 {
  width: 150px;
  padding: 13px 5px 13px 30px;
}

.wrapper.font_XXL .mb-selected-member1:after,
.wrapper.font_XXL .mb-slted-group1:after {
  top: 1.3em;
}

.wrapper.font_XXL .mb-selected-member1-last:before,
.wrapper.font_XXL .mb-slted-group1-last:before {
  height: 2.85em;
}

.wrapper.font_XXL .mb-selected-member1-one:before,
.wrapper.font_XXL .mb-slted-group1-one:before {
  height: 1.85em;
}

.wrapper.font_XXL .mb-selected-member2,
.wrapper.font_XXL .mb-slted-cont1 {
  width: -webkit-calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: calc(100% - 150px);
  padding: 5px;
}

.wrapper.font_XXL .sendcircuit {
  font-size: 18px;
  z-index: 600;
}

.wrapper.font_XXL .app-path-area ul li .checkpoint {
  line-height: 1.22222;
}

.wrapper.font_XXL .toolbar li {
  width: 75px;
  height: 70px;
}

.wrapper.font_XXL .toolbar li img {
  width: 30px;
  height: 30px;
}

.wrapper.font_XXL .ellipsis.eps-dot:before {
  width: 32px;
  height: 22px;
}

.wrapper.font_XXL .uploading td:nth-child(3) {
  width: 160px;
}

.wrapper.font_XXL .oh-tilte {
  font-size: 18px;
}

.wrapper.font_XXL .oh-content {
  line-height: 1.22222;
}

.wrapper.font_XXL #top .user-info-det {
  width: 400px;
}

.wrapper.font_XXL .input-type-number input[type="number"] {
  width: 70px;
}

.wrapper.font_XXL .input-type-number .sub-num-btn,
.wrapper.font_XXL .input-type-number .add-num-btn {
  width: 26px;
  height: 26px;
}

.wrapper.font_XXL .input-type-number .sub-num-btn:before, .wrapper.font_XXL .input-type-number .sub-num-btn:after,
.wrapper.font_XXL .input-type-number .add-num-btn:before,
.wrapper.font_XXL .input-type-number .add-num-btn:after {
  width: 14px;
  top: 12px;
  left: 6px;
}

@media screen and (max-width: 1024px) {
  .wrapper.font_XXL.rwd .area.col3_s, .wrapper.font_XXL.rwd .area.col4 {
    width: -webkit-calc(50% - 127px);
    width: -moz-calc(50% - 127px);
    width: calc(50% - 127px);
  }
  .wrapper.font_XXL.rwd .area.col2, .wrapper.font_XXL.rwd .area.col3_l, .wrapper.font_XXL.rwd .area.col4_l, .wrapper.font_XXL.rwd .area.col2_4s, .wrapper.font_XXL.rwd .area.col2_4l {
    width: -webkit-calc(100% - 127px);
    width: -moz-calc(100% - 127px);
    width: calc(100% - 127px);
  }
  @supports (-ms-ime-align: auto) {
    .wrapper.font_XXL.rwd .area.col3_s, .wrapper.font_XXL.rwd .area.col4 {
      width: -webkit-calc(50% - 127px - 0.01px);
      width: -moz-calc(50% - 127px - 0.01px);
      width: calc(50% - 127px - 0.01px);
    }
  }
}

@media screen and (max-width: 900px) {
  .wrapper.font_XXL.rwd {
    /*****系統按鈕、輸入框、下拉選單...標準格式*****/
  }
  .wrapper.font_XXL.rwd input[type="text"],
  .wrapper.font_XXL.rwd input[type="password"],
  .wrapper.font_XXL.rwd input[type="button"],
  .wrapper.font_XXL.rwd input[type="submit"],
  .wrapper.font_XXL.rwd input[type="reset"],
  .wrapper.font_XXL.rwd input[type="number"],
  .wrapper.font_XXL.rwd input[type="tel"],
  .wrapper.font_XXL.rwd button,
  .wrapper.font_XXL.rwd input[type="text"].file-text,
  .wrapper.font_XXL.rwd .file-button,
  .wrapper.font_XXL.rwd .file-upload-btn,
  .wrapper.font_XXL.rwd .multiple-upload-btn,
  .wrapper.font_XXL.rwd select,
  .wrapper.font_XXL.rwd .select2-selection--single,
  .wrapper.font_XXL.rwd .mult-select,
  .wrapper.font_XXL.rwd .mult-select .mult-selected .selected {
    height: 36px;
  }
  .wrapper.font_XXL.rwd .select2-selection__rendered,
  .wrapper.font_XXL.rwd .mult-select .mult-selected .selected,
  .wrapper.font_XXL.rwd .mult-select .mult-sel-list div label span {
    line-height: 36px;
  }
  .wrapper.font_XXL.rwd .select2-container--default .select2-selection--single {
    /* 下拉三角形 */
  }
  .wrapper.font_XXL.rwd .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
  }
  .wrapper.font_XXL.rwd .select-input input[type="text"],
  .wrapper.font_XXL.rwd .sec-pick input[type="text"] {
    height: 31.5px;
  }
  .wrapper.font_XXL.rwd .clear-btn2,
  .wrapper.font_XXL.rwd .data-selected,
  .wrapper.font_XXL.rwd .data-selected-nodelete {
    min-height: 36px;
    line-height: 26px;
  }
  .wrapper.font_XXL.rwd .search-retrieval-style2 {
    padding: 0 0;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.font_XXL.rwd .area.col4, .wrapper.font_XXL.rwd .area.col3_s, .wrapper.font_XXL.rwd .area.col2_3s, .wrapper.font_XXL.rwd .area.col2_3l {
    width: -webkit-calc(100% - 127px);
    width: -moz-calc(100% - 127px);
    width: calc(100% - 127px);
  }
}

.wrapper.font_XXL ~ .select2-container {
  font-size: 18px;
}

.wrapper.font_XXL ~ .select2-container .select2-search--dropdown:after {
  width: 10px;
  height: 10px;
  top: 14px;
}

.wrapper.font_XXL ~ .select2-container .select2-search--dropdown:before {
  width: 10px;
  top: 28px;
  left: 18px;
}

.wrapper.font_XXL ~ .select2-container .select2-search--dropdown .select2-search__field {
  padding: 8px 4px 8px 24px;
  font-size: 18px;
}

.wrapper.font_XXL ~ .select2-container .select2-results__option {
  padding: 8px 5px;
}

.wrapper.font_XXL ~ .select2-container .hint {
  top: 12.5px;
  left: 30px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .wrapper.font_XXL ~ .select2-container .hint {
    top: 11.5px;
  }
}

.wrapper.font_S {
  /*星號*/
  /*驚嘆號*/
  /*百分比*/
}

.wrapper.font_S star {
  font-size: 12px;
}

.wrapper.font_S exclamation {
  font-size: 12px;
}

.wrapper.font_S percentage {
  font-size: 10px;
}

.wrapper.font_S spacing6 {
  letter-spacing: 5px;
}

.wrapper.font_S spacing9 {
  letter-spacing: 8px;
}

.wrapper.font_S spacing12 {
  letter-spacing: 11px;
}

.wrapper.font_S spacing24 {
  letter-spacing: 20px;
}

.wrapper.font_M {
  /*星號*/
  /*驚嘆號*/
  /*百分比*/
}

.wrapper.font_M spacing4 {
  letter-spacing: 4px;
}

.wrapper.font_M spacing5 {
  letter-spacing: 5px;
}

.wrapper.font_M spacing6 {
  letter-spacing: 6px;
}

.wrapper.font_M spacing24 {
  letter-spacing: 24px;
}

.wrapper.font_L {
  /*星號*/
  /*驚嘆號*/
  /*百分比*/
}

.wrapper.font_L spacing4 {
  letter-spacing: 3px;
}

.wrapper.font_L spacing5 {
  letter-spacing: 4px;
}

.wrapper.font_L spacing6 {
  letter-spacing: 7px;
}

.wrapper.font_L spacing24 {
  letter-spacing: 28px;
}

.wrapper.font_XL {
  /*星號*/
  /*驚嘆號*/
  /*百分比*/
}

.wrapper.font_XL spacing4 {
  letter-spacing: 2px;
}

.wrapper.font_XL spacing5 {
  letter-spacing: 4px;
}

.wrapper.font_XL spacing6 {
  letter-spacing: 8px;
}

.wrapper.font_XL spacing9 {
  letter-spacing: 8px;
}

.wrapper.font_XL spacing24 {
  letter-spacing: 32px;
}

.wrapper.font_XXL {
  /*星號*/
  /*驚嘆號*/
  /*百分比*/
}

.wrapper.font_XXL star {
  font-size: 16px;
  padding-right: 1px;
}

.wrapper.font_XXL exclamation {
  font-size: 16px;
}

.wrapper.font_XXL percentage {
  font-size: 14px;
  padding-right: 0;
}

.wrapper.font_XXL spacing4 {
  letter-spacing: 2px;
}

.wrapper.font_XXL spacing5 {
  letter-spacing: 2px;
}

.wrapper.font_XXL spacing6 {
  letter-spacing: 9px;
}

.wrapper.font_XXL spacing8 {
  letter-spacing: 7px;
}

.wrapper.font_XXL spacing9 {
  letter-spacing: 7px;
}

.wrapper.font_XXL spacing12 {
  letter-spacing: 12px;
}

.wrapper.font_XXL spacing24 {
  letter-spacing: 36px;
}

#top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: fixed;
  opacity: 1;
  visibility: visible;
  z-index: 600;
}

#top .toplogo {
  width: 210px;
}

#top .toplogo .logo,
#top .toplogo .mini-logo {
  width: auto;
}

#top .toplogo .mini-logo {
  display: none;
}

#top .topinfor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-calc(100% - 210px);
  width: -moz-calc(100% - 210px);
  width: calc(100% - 210px);
  background: white;
}

#top .message {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  width: 100%;
  height: 30px;
  margin-top: -2px;
  padding: 0 10px 0 1px;
}

#top .message div {
  width: auto;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

#top .message span {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #2D2D2D transparent transparent transparent;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

#top .topbtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  width: 100%;
  height: 45px;
  position: relative;
}

#top .topbtn a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  width: 30px;
  cursor: pointer;
  margin-top: -5px;
  margin-right: 30px;
}

#top .topbtn a.logout {
  -webkit-order: 99;
  -webkit-box-ordinal-group: 100;
     -moz-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  -ms-oreder: 99;
}

#top .topbtn a.changeid {
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-order: 1;
}

#top .topbtn a.notice {
  cursor: default;
  -webkit-order: 2;
  -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-order: 2;
  position: relative;
}

#top .topbtn a.notice.have-info {
  cursor: pointer;
}

#top .topbtn a.notice.have-info:before {
  width: 7px;
  height: 7px;
  background: #FF5353;
  border: 0.01px solid rgba(255, 255, 255, 0.9);
  border-radius: 50px;
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  right: 1px;
  z-index: 50;
  -webkit-animation: notice-radiate 2s infinite;
     -moz-animation: notice-radiate 2s infinite;
       -o-animation: notice-radiate 2s infinite;
          animation: notice-radiate 2s infinite;
  -webkit-animation-duration: .9s;
     -moz-animation-duration: .9s;
       -o-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
     -moz-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

#top .topbtn a.usmenu {
  -webkit-order: 3;
  -webkit-box-ordinal-group: 4;
     -moz-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -ms-order: 3;
}

#top .topbtn a.replay {
  -webkit-order: 4;
  -webkit-box-ordinal-group: 5;
     -moz-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  -ms-order: 4;
}

#top .topbtn a.detect {
  -webkit-order: 5;
  -webkit-box-ordinal-group: 6;
     -moz-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  -ms-order: 5;
}

#top .topbtn a.help {
  -webkit-order: 6;
  -webkit-box-ordinal-group: 7;
     -moz-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  -ms-order: 6;
}

#top .notice-area,
#top .usmenu-area,
#top .user-info-det {
  background: white;
  border: 1px solid #E4E7F2;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 15px rgba(229, 228, 230, 0.8);
          box-shadow: 0 10px 15px rgba(229, 228, 230, 0.8);
  display: none;
  padding: 1px 1px 1px 0;
  position: absolute;
  top: 55px;
  -webkit-animation-name: fadeInUp;
     -moz-animation-name: fadeInUp;
       -o-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: .2s;
  -moz-animation-duration: .2s;
  -o-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

#top .notice-area .n-triangle,
#top .usmenu-area .n-triangle,
#top .user-info-det .n-triangle {
  width: 13px;
  height: 13px;
  background: white;
  border-top: 1px solid #E4E7F2;
  border-left: 1px solid #E4E7F2;
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: 18px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

#top .notice-area.open,
#top .usmenu-area.open,
#top .user-info-det.open {
  display: block;
}

#top .notice-area {
  width: 450px;
}

#top .notice-area .scrollbar-inner {
  max-height: 350px;
}

#top .notice-area ul {
  padding-bottom: 5px;
}

#top .notice-area ul li {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: 1px solid #E4E7F2;
  padding: 5px 10px 10px 10px;
  position: relative;
}

#top .notice-area ul li:first-child {
  border: none;
}

#top .notice-area ul li .n-title {
  border-radius: 50px;
  color: white;
  margin-top: 5px;
  padding: 2px 8px;
}

#top .notice-area ul li .n-title.blue {
  background: #327CCB;
}

#top .notice-area ul li .n-title.green {
  background: #76A328;
}

#top .notice-area ul li .n-title.orange {
  background: #E46E34;
}

#top .notice-area ul li .n-title.purple {
  background: #B360BA;
}

#top .notice-area ul li .n-title.red {
  background: #B74E4E;
}

#top .notice-area ul li .n-title.teal {
  background: #38A2A0;
}

#top .notice-area ul li .n-title.indigo {
  background: #597EE6;
}

#top .notice-area ul li .n-title.pink {
  background: #D86B8B;
}

#top .notice-area ul li .n-title.brown {
  background: #A5876F;
}

#top .notice-area ul li .n-msg {
  width: 100%;
  margin: 5px 0;
}

#top .notice-area ul li .n-msg div + div {
  margin-top: 5px;
}

#top .notice-area ul li .n-msg > div {
  padding-left: 15px;
  position: relative;
}

#top .notice-area ul li .n-msg > div:before {
  background: #2D2D2D;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 7px;
}

#top .usmenu-area {
  width: 320px;
}

#top .usmenu-area .scrollbar-inner {
  max-height: 300px;
}

#top .usmenu-area ul {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 8px 8px 13px 13px;
}

#top .usmenu-area ul li {
  width: -webkit-calc(33.33333% - 8px);
  width: -moz-calc(33.33333% - 8px);
  width: calc(33.33333% - 8px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 8px 8px 0 0;
}

#top .usmenu-area ul li:first-child {
  border: none;
}

#top .usmenu-area ul li a {
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}

#top .usmenu-area ul li a:hover {
  font-weight: bold;
}

#top .usmenu-area ul li i {
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  -o-background-size: cover;
     background-size: cover;
  display: block;
  margin: 5px -webkit-calc(50% - 18px);
  margin: 5px -moz-calc(50% - 18px);
  margin: 5px calc(50% - 18px);
}

#top .usmenu-area ul li span {
  width: 100%;
  display: block;
  padding-bottom: 5px;
  overflow: hidden;
  text-align: center;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

#top .user-info-det {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px;
  left: 200px;
  top: 80px;
}

#top .user-info-det .n-triangle {
  top: -8px;
  left: 25px;
}

#top .user-info-det.open {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#top .user-info-det table {
  margin-top: 5px;
}

#top .user-info-det table tr td {
  padding: 5px 0;
}

#top .user-info-det table tr td:nth-child(1) {
  width: 5em;
  text-align: right;
}

#top .user-info-det table tr td:nth-child(2) {
  width: 20px;
  text-align: center;
}

#top .user-info-det table tr td:nth-child(3) {
  text-align: left;
}

.wrapper.menu-width-style2 #top .toplogo {
  width: 230px;
}

.wrapper.menu-width-style2 #top .topinfor {
  width: -webkit-calc(100% - 230px);
  width: -moz-calc(100% - 230px);
  width: calc(100% - 230px);
}

.wrapper.menu-width-style3 #top .toplogo {
  width: 250px;
}

.wrapper.menu-width-style3 #top .topinfor {
  width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: calc(100% - 250px);
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
         transform: none;
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
       transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
      -o-transform: none;
         transform: none;
  }
}

@-moz-keyframes notice-radiate {
  0% {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

@-o-keyframes notice-radiate {
  0% {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

@keyframes notice-radiate {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
            box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
            box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
            box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

@-webkit-keyframes notice-radiate {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

.bars-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.home_btn {
  width: 150px;
  opacity: 1;
  position: fixed;
  left: 0;
  top: 70px;
  visibility: unset;
  z-index: 500;
}

.home_btn a {
  width: 100%;
  height: 40px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.home_btn span {
  padding-left: 6px;
  vertical-align: middle;
}

.home_btn .icon-return3 {
  display: inline-block;
  vertical-align: middle;
}

.home_btn2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: auto;
  cursor: pointer;
  margin: 0 8px 0 10px;
}

.home_btn2 > a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.container.full {
  top: 0;
}

.wrapper .left-menu {
  width: 150px;
  height: auto;
  -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
  color: #444;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 110px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 580;
}

.wrapper .left-menu .scrollbar-inner {
  background: white;
}

.wrapper .left-menu .nav {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1;
}

.wrapper .left-menu .nav li,
.wrapper .left-menu .nav a,
.wrapper .left-menu .nav ul {
  width: 100%;
}

.wrapper .left-menu .nav a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  border-right: 2px solid transparent;
  color: #444;
  padding: 10px 5px 10px 8px;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.wrapper .left-menu .nav a:hover {
  font-weight: bold;
}

.wrapper .left-menu .nav span {
  width: -webkit-calc(100% - 18px);
  width: -moz-calc(100% - 18px);
  width: calc(100% - 18px);
  word-wrap: break-word;
  word-break: break-all;
}

.wrapper .left-menu .nav li.active {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.wrapper .left-menu .nav li.active > a {
  color: black;
  font-weight: bold;
  position: relative;
}

.wrapper .left-menu .nav .nav-arrow-btn {
  width: 10px;
  height: 1em;
  position: relative;
}

.wrapper .left-menu .nav .nav-arrow-btn:before, .wrapper .left-menu .nav .nav-arrow-btn:after {
  width: 6px;
  height: 1.5px;
  background: #777;
  content: "";
  position: absolute;
}

.wrapper .left-menu .nav .nav-arrow-btn:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.wrapper .left-menu .nav .nav-arrow-btn:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wrapper .left-menu .nav .nav-arrow-btn.active:before {
  right: 8px;
}

.wrapper .left-menu .nav > li > a {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
}

.wrapper .left-menu .nav > li .hide_ul {
  display: none;
}

.wrapper .left-menu .nav > li .hide_ul.active {
  display: block;
  position: relative;
}

.wrapper .left-menu .nav > li .hide_ul.active:before, .wrapper .left-menu .nav > li .hide_ul.active:after {
  width: 3px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 7px;
}

.wrapper .left-menu .nav > li .hide_ul.active:after {
  width: 7px;
  left: 0;
}

.wrapper .left-menu .nav > li .hide_ul > li > a {
  cursor: pointer;
  padding: 8px 12px 8px 22px;
}

.wrapper .left-menu .nav > li .hide_ul > li > a span {
  width: 100%;
  position: relative;
}

.wrapper .left-menu .nav2 {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1;
}

.wrapper .left-menu .nav2 ul,
.wrapper .left-menu .nav2 li,
.wrapper .left-menu .nav2 a {
  width: 100%;
  position: relative;
}

.wrapper .left-menu .nav2 ul {
  display: none;
}

.wrapper .left-menu .nav2 a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  color: #444444;
  padding: 8px 5px 8px 20px;
  text-decoration: none;
}

.wrapper .left-menu .nav2 a:hover {
  font-weight: bold;
}

.wrapper .left-menu .nav2 > li {
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
  margin: 5px;
}

.wrapper .left-menu .nav2 > li > a {
  border-radius: 3px;
  padding: 10px 5px 10px 8px;
}

.wrapper .left-menu .nav2 > li > a.active, .wrapper .left-menu .nav2 > li > a:hover {
  font-weight: bold;
  color: white;
}

.wrapper .left-menu .nav2 > li > a.active > .nav-arrow-btn:before, .wrapper .left-menu .nav2 > li > a.active > .nav-arrow-btn:after, .wrapper .left-menu .nav2 > li > a:hover > .nav-arrow-btn:before, .wrapper .left-menu .nav2 > li > a:hover > .nav-arrow-btn:after {
  background: white;
}

.wrapper .left-menu .nav2 > li > a span {
  width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: calc(100% - 15px);
}

.wrapper .left-menu .nav2 > li > a.active {
  border-radius: 3px 3px 0 0;
}

.wrapper .left-menu .nav2 > li > a.active .nav-arrow-btn:before {
  right: 7px;
}

.wrapper .left-menu .nav2 > li > a.active .nav-arrow-btn:after {
  right: 3px;
}

.wrapper .left-menu .nav2 > li > a:before {
  width: 4px;
  border-radius: 3px 0 0 3px;
  content: "";
  display: none;
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 0;
}

.wrapper .left-menu .nav2 > li > a.nav-current:before {
  display: block;
}

.wrapper .left-menu .nav2 > li > ul {
  border-style: solid;
  border-width: 1px;
  border-radius: 0 0 3px 3px;
}

.wrapper .left-menu .nav2 > li > ul.active {
  display: block;
}

.wrapper .left-menu .nav2 li li:last-child .nav-second-current-ele2 {
  border-radius: 0 0 3px 3px;
}

.wrapper .left-menu .nav2 li li > a.active {
  font-weight: bold;
}

.wrapper .left-menu .nav2 li li > a.active .nav-arrow-btn:before {
  right: 6px;
}

.wrapper .left-menu .nav2 li li > a.active .nav-arrow-btn:after {
  right: 2px;
}

.wrapper .left-menu .nav2 li li > a span {
  width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: calc(100% - 15px);
  position: relative;
}

.wrapper .left-menu .nav2 li li > a:before {
  width: 4px;
  border-radius: 3px 0 0 3px;
  content: "";
  display: none;
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 0;
}

.wrapper .left-menu .nav2 li li > a.nav-current:before {
  display: block;
}

.wrapper .left-menu .nav2 li li > ul.active {
  display: block;
}

.wrapper .left-menu .nav2 li li li {
  width: -webkit-calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: calc(100% - 25px);
  margin-left: 25px;
}

.wrapper .left-menu .nav2 li li li a {
  border-left: 1px solid #CECECE;
  padding: 8px 5px 8px 10px;
}

.wrapper .left-menu .nav2 .nav-arrow-btn {
  width: 15px;
  height: 1em;
  position: relative;
}

.wrapper .left-menu .nav2 .nav-arrow-btn:before, .wrapper .left-menu .nav2 .nav-arrow-btn:after {
  width: 6px;
  height: 1.5px;
  background: #777;
  content: "";
  position: absolute;
  right: 5px;
}

.wrapper .left-menu .nav2 .nav-arrow-btn:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.wrapper .left-menu .nav2 .nav-arrow-btn:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wrapper .left-menu .nav2 .nav-second-current-ele2 {
  font-weight: bold;
  position: relative;
}

.wrapper .left-menu .nav2 .nav-second-current-ele2:before {
  width: 4px;
  border-radius: 3px 0 0 3px;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 0;
}

.wrapper.menu-style2 .left-menu .nav2 > li > a {
  background: none;
}

.wrapper.menu-style2 .left-menu .nav2 > li > a:before {
  right: -5px;
}

.wrapper.menu-style2 .left-menu .nav2 > li > ul {
  background: #F7F7F7;
}

.wrapper.show-child-list-sign .left-menu .nav .hide_ul.active:before, .wrapper.show-child-list-sign .left-menu .nav .hide_ul.active:after {
  display: none;
}

.wrapper.show-child-list-sign .left-menu .nav .hide_ul.active > li > a > span:before {
  content: attr(data-list);
  display: block;
  position: absolute;
  left: -11px;
}

.wrapper.show-child-list-sign .left-menu .nav2 > li > ul > li > a > span:before {
  content: attr(data-list);
  display: block;
  position: absolute;
  left: -13px;
}

.wrapper.show-child-list-line .left-menu .nav .hide_ul.active:before, .wrapper.show-child-list-line .left-menu .nav .hide_ul.active:after {
  width: 3px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 7px;
}

.wrapper.show-child-list-line .left-menu .nav .hide_ul.active:after {
  width: 7px;
  left: 0;
}

.wrapper.show-child-list-line .left-menu .nav2 > li > ul:before {
  width: 1px;
  border-left: 1px solid #CECECE;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px;
}

.wrapper.show-child-list-none .left-menu .nav .hide_ul.active:before, .wrapper.show-child-list-none .left-menu .nav .hide_ul.active:after {
  display: none;
}

.wrapper .left-menu_switch-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 150px;
  height: 40px;
  border-bottom: 1px solid #bde9ff;
  -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 110px;
  left: 0;
  z-index: 590;
}

.wrapper .left-menu_switch-area > label {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  cursor: pointer;
  font-size: 28px;
  position: relative;
  background-color: white;
}

.wrapper .left-menu_switch-area > label:before, .wrapper .left-menu_switch-area > label:after {
  content: "";
}

.wrapper .left-menu_switch-area .left-menu_fav-btn:before,
.wrapper .left-menu_switch-area .left-menu_nav-btn:before,
.wrapper .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wrapper .left-menu_switch-area ~ .left-menu {
  visibility: hidden;
}

.wrapper .left-menu_switch-area ~ .left-menu.fav-area, .wrapper .left-menu_switch-area ~ .left-menu.nav-area, .wrapper .left-menu_switch-area ~ .left-menu.sea-area {
  padding-top: 0;
  top: 150px;
}

.wrapper .left-menu_switch-area ~ .left-menu .fav,
.wrapper .left-menu_switch-area ~ .left-menu .sea {
  width: 100%;
  height: auto;
  position: relative;
}

.wrapper .left-menu_switch-area ~ .left-menu .fav li,
.wrapper .left-menu_switch-area ~ .left-menu .sea li {
  width: 100%;
}

.wrapper .left-menu_switch-area ~ .left-menu .fav li a,
.wrapper .left-menu_switch-area ~ .left-menu .sea li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: -webkit-calc(100% - 16px);
  width: -moz-calc(100% - 16px);
  width: calc(100% - 16px);
  background-color: #FFF;
  -webkit-box-shadow: 0 0 5px #C2C8E0;
          box-shadow: 0 0 5px #C2C8E0;
  border-radius: 50px;
  color: #000;
  margin: 5px 8px;
  padding: 8px 5px 8px 20px;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.wrapper .left-menu_switch-area ~ .left-menu .fav li a:hover,
.wrapper .left-menu_switch-area ~ .left-menu .sea li a:hover {
  -webkit-box-shadow: 0 0.3rem 1.8rem #D4DCEC;
          box-shadow: 0 0.3rem 1.8rem #D4DCEC;
  font-weight: bold;
  -webkit-transform: translateY(-2px);
     -moz-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
       -o-transform: translateY(-2px);
          transform: translateY(-2px);
}

.wrapper .left-menu_switch-area ~ .left-menu .fav li a.active,
.wrapper .left-menu_switch-area ~ .left-menu .sea li a.active {
  font-weight: bold;
}

.wrapper .left-menu_switch-area ~ .left-menu .fav li a:before,
.wrapper .left-menu_switch-area ~ .left-menu .sea li a:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 7px;
}

.wrapper .search-input-area {
  width: 152px;
  height: 40px;
  background: white;
  border: 2px solid #D5D8E0;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 15px rgba(229, 228, 230, 0.8);
          box-shadow: 0 10px 15px rgba(229, 228, 230, 0.8);
  display: none;
  position: fixed;
  top: 70px;
  z-index: 600;
}

.wrapper .search-input-area input {
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 30px !important;
  height: 35px !important;
  background: none;
}

.wrapper .search-input-area span {
  width: 11px;
  height: 11px;
  background: white;
  border-bottom: 2px solid #D5D8E0;
  border-right: 2px solid #D5D8E0;
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  right: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wrapper.menu-width-style2 .home_btn,
.wrapper.menu-width-style2 .left-menu,
.wrapper.menu-width-style2 .left-menu_switch-area {
  width: 170px;
}

.wrapper.menu-width-style2 .search-input-area {
  width: 172px;
}

.wrapper.menu-width-style3 .home_btn,
.wrapper.menu-width-style3 .left-menu,
.wrapper.menu-width-style3 .left-menu_switch-area {
  width: 190px;
}

.wrapper.menu-width-style3 .search-input-area {
  width: 192px;
}

.system_bg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  height: 40px;
  background: #FFF;
  border-bottom: 1px solid #F4F4F4;
  line-height: 40px;
  padding-right: 10px;
  position: fixed;
  top: 70px;
  right: 0;
  left: 150px;
  z-index: 330;
}

.system_bg .bars {
  display: block;
  cursor: pointer;
  margin: 0 10px;
  z-index: 305;
}

.system_bg .bars > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
}

.system_bg .bars .icon-minsize {
  cursor: pointer;
  display: inline-block;
}

.system_bg .bars .arrow {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.system_bg .icon-add-fav-btn, .system_bg .wrapper .icon-add-fav, .wrapper .system_bg .icon-add-fav {
  cursor: pointer;
  margin: 0 8px 0 0;
}

.system_bg .system_name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.system_bg .system_name .name_ch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: auto;
}

.system_bg .system_name .name_ch.hide {
  display: none;
}

.system_bg .system_name .name_en {
  margin-right: 10px;
}

.system_bg .system_name .icon-location,
.system_bg .system_name .icon-location_on {
  cursor: pointer;
  margin-right: 5px;
}

.system_bg:not(.old-new) ~ .content {
  padding-top: 110px;
}

.system_bg.old-new {
  display: none;
}

.content {
  padding-top: 70px;
  padding-left: 150px;
}

.content.clear_pdTop {
  padding: 0;
}

.content .rightmain {
  width: 100%;
  height: auto;
  padding: 5px 10px;
}

.content.show-pdf {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.content.show-pdf.left-open {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
}

.content.show-pdf .rightmain {
  width: 50%;
}

.content.show-pdf:not(.left-open) ~ #top-btn {
  right: -webkit-calc(50% - 60px);
  right: -moz-calc(50% - 60px);
  right: calc(50% - 60px);
}

.content.show-pdf:not(.left-open) ~ #aics-btn {
  right: -webkit-calc(50% - 62.5px);
  right: -moz-calc(50% - 62.5px);
  right: calc(50% - 62.5px);
}

.content .iframe-pdf {
  width: -webkit-calc(50% - 75px);
  width: -moz-calc(50% - 75px);
  width: calc(50% - 75px);
  height: -webkit-calc(100vh - 115px);
  height: -moz-calc(100vh - 115px);
  height: calc(100vh - 115px);
  position: fixed;
  right: 0;
}

.content .iframe-pdf embed {
  width: 100%;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
  margin: 0;
  padding: 0;
}

.content .iframe-pdf.left-open {
  border-right: 1px solid #BEBEBE;
  left: 150px;
  right: auto;
}

.content .iframe-pdf:not(.left-open) {
  border-left: 1px solid #BEBEBE;
}

.wrapper.menu-width-style2 .system_bg {
  left: 170px;
}

.wrapper.menu-width-style2 .content {
  padding-left: 170px;
}

.wrapper.menu-width-style2 .content .iframe-pdf {
  width: -webkit-calc(50% - 85px);
  width: -moz-calc(50% - 85px);
  width: calc(50% - 85px);
}

.wrapper.menu-width-style2 .content .iframe-pdf.left-open {
  left: 170px;
}

.wrapper.menu-width-style3 .system_bg {
  left: 190px;
}

.wrapper.menu-width-style3 .content {
  padding-left: 190px;
}

.wrapper.menu-width-style3 .content .iframe-pdf {
  width: -webkit-calc(50% - 95px);
  width: -moz-calc(50% - 95px);
  width: calc(50% - 95px);
}

.wrapper.menu-width-style3 .content .iframe-pdf.left-open {
  left: 190px;
}

#toggle-btn {
  display: none;
}

#toggle-btn:checked ~ #top {
  height: 0;
  opacity: 0;
  visibility: hidden;
}

#toggle-btn:checked ~ .left-menu_switch-area {
  width: 0;
  opacity: 0;
  top: 0;
  visibility: hidden;
}

#toggle-btn:checked ~ .left-menu {
  width: 0;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow-y: unset;
  top: 0;
  visibility: hidden;
}

#toggle-btn:checked ~ .home_btn {
  width: 0;
  opacity: 0;
  top: 0;
  visibility: hidden;
}

#toggle-btn:checked ~ .content {
  padding-top: 40px;
  padding-left: 0;
}

#toggle-btn:checked ~ .system_bg {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
}

#toggle-btn:checked ~ .system_bg .bars {
  top: 0;
}

#toggle-btn:checked ~ .fixed-area {
  top: 40px;
  left: 10px;
}

#toggle-btn:checked ~ .content .iframe-pdf {
  width: 50%;
  height: -webkit-calc(100vh - 40px);
  height: -moz-calc(100vh - 40px);
  height: calc(100vh - 40px);
}

#toggle-btn:checked ~ .content .iframe-pdf.left-open {
  left: 0;
}

#toggle-btn:checked ~ .content.show-pdf:not(.left-open) ~ #top-btn {
  right: -webkit-calc(50% + 15px);
  right: -moz-calc(50% + 15px);
  right: calc(50% + 15px);
}

#toggle-btn:checked ~ .content.show-pdf:not(.left-open) ~ #aics-btn {
  right: -webkit-calc(50% + 12.5px);
  right: -moz-calc(50% + 12.5px);
  right: calc(50% + 12.5px);
}

#toggle-btn[condition="browser-style2"] ~ .content {
  padding: 0;
}

#toggle-btn[condition="browser-style2"] ~ .content.show-pdf:not(.left-open) ~ #top-btn {
  right: -webkit-calc(50% + 15px);
  right: -moz-calc(50% + 15px);
  right: calc(50% + 15px);
}

#toggle-btn[condition="browser-style2"] ~ .content.show-pdf:not(.left-open) ~ #aics-btn {
  right: -webkit-calc(50% + 12.5px);
  right: -moz-calc(50% + 12.5px);
  right: calc(50% + 12.5px);
}

#toggle-btn[condition="browser-style2"] ~ .content .iframe-pdf {
  width: -webkit-calc(50% - 5px);
  width: -moz-calc(50% - 5px);
  width: calc(50% - 5px);
  height: -webkit-calc(100vh - 10px);
  height: -moz-calc(100vh - 10px);
  height: calc(100vh - 10px);
}

#toggle-btn[condition="browser-style2"] ~ .content .iframe-pdf.left-open {
  left: 0;
  margin-right: 5px;
}

#toggle-btn[condition="browser-style2"] ~ .content .iframe-pdf:not(.left-open) {
  margin-left: 5px;
}

#toggle-btn[condition="browser-style2"] ~ .fixed-area {
  top: 0;
  left: 10px;
}

#toggle-btn[condition="browser-style2"] ~ .system_bg {
  padding-left: 5px;
  top: 0;
  left: 0;
}

#toggle-btn[condition="browser-style2"] ~ .system_bg .bars {
  display: none;
}

#toggle-btn[condition="browser-style2"] ~ .system_bg ~ .content {
  padding-top: 40px;
}

#toggle-btn[condition="browser-style2"] ~ .system_bg ~ .content .iframe-pdf {
  height: -webkit-calc(100vh - 40px);
  height: -moz-calc(100vh - 40px);
  height: calc(100vh - 40px);
}

#toggle-btn[condition="browser-style2"] ~ .system_bg ~ .fixed-area {
  top: 40px;
}

#toggle-btn[condition="browser-style3"] ~ .content {
  padding-left: 0;
}

#toggle-btn[condition="browser-style3"] ~ .content .iframe-pdf {
  width: -webkit-calc(50% - 5px);
  width: -moz-calc(50% - 5px);
  width: calc(50% - 5px);
}

#toggle-btn[condition="browser-style3"] ~ .content .iframe-pdf.left-open {
  left: 0;
  margin-right: 5px;
}

#toggle-btn[condition="browser-style3"] ~ .content .iframe-pdf:not(.left-open) {
  margin-left: 5px;
}

#toggle-btn[condition="browser-style3"] ~ .content.show-pdf:not(.left-open) ~ #top-btn {
  right: -webkit-calc(50% + 15px);
  right: -moz-calc(50% + 15px);
  right: calc(50% + 15px);
}

#toggle-btn[condition="browser-style3"] ~ .content.show-pdf:not(.left-open) ~ #aics-btn {
  right: -webkit-calc(50% + 12.5px);
  right: -moz-calc(50% + 12.5px);
  right: calc(50% + 12.5px);
}

#toggle-btn[condition="browser-style3"] ~ .fixed-area {
  left: 10px;
}

#toggle-btn[condition="browser-style3"] ~ .system_bg {
  left: 0;
}

#toggle-btn[condition="browser-style3"] ~ .system_bg .bars {
  display: none;
}

#m1 {
  display: none;
}

#m1:checked ~ .left-menu.fav-area {
  visibility: visible;
}

#m1:checked ~ .left-menu.nav-area,
#m1:checked ~ .left-menu.sea-area {
  left: -200px;
}

#m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:after {
  width: 80%;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 10%;
  z-index: 590;
}

#m2 {
  display: none;
}

#m2:checked ~ .left-menu.nav-area {
  visibility: visible;
}

#m2:checked ~ .left-menu.fav-area,
#m2:checked ~ .left-menu.sea-area {
  left: -200px;
}

#m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:after {
  width: 80%;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 10%;
  z-index: 590;
}

#m3 {
  display: none;
}

#m3:checked ~ .left-menu.sea-area {
  visibility: visible;
}

#m3:checked ~ .left-menu.nav-area,
#m3:checked ~ .left-menu.fav-area {
  left: -200px;
}

#m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:after {
  width: 80%;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 10%;
  z-index: 590;
}

#m3:checked ~ .home_btn {
  background: none !important;
}

#toggle-btn ~ #m3:checked ~ .search-input-area {
  display: block;
}

#toggle-btn:checked ~ #m3 ~ .search-input-area {
  display: none;
}

.online_help #top {
  height: 80px;
  position: static;
}

.online_help #top .topinfor {
  position: relative;
}

.online_help #top .topinfor .title {
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 5px;
  padding: 7px 210px 8px 0;
  position: absolute;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .wrapper.rwd.online_help #top .title span {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd.online_help #top .title {
    display: none;
  }
}

/*****Online Help*****/
#oh-main {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  float: left;
  margin: 10px 20px;
}

.oh-tilte {
  width: 100%;
  float: left;
  color: #333;
  font-weight: bold;
  margin: 25px 0 5px 0;
  padding: 5px;
}

.oh-content {
  width: 100%;
  float: left;
  padding: 5px;
}

.ins-content img,
.oh-content video {
  max-width: 100%;
  height: auto;
  margin-top: 5px;
}

.ins-title,
.ins-content {
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
  float: left;
  color: #555;
  font-size: 14px;
  margin-left: 10px;
  position: relative;
}

.ins-content {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
}

.ins-title:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #555;
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -5px;
}

.ins-title.content-open:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 7px 7px;
  border-color: transparent transparent #555 transparent;
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -4px;
}

.ins-title a {
  color: #16679e;
}

.ins-title a:hover {
  color: #1e8aff;
  text-decoration: underline;
}

.ins-content + .ins-title {
  margin-top: 10px;
}

.search {
  width: 100%;
  margin-top: 5px;
  padding: 2px;
}

.condition {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 90px;
  border-width: 1px;
  border-style: solid none solid solid;
}

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

.search_form_table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: calc(100% - 90px);
  border-width: 1px;
  border-style: solid none none solid;
}

.search_arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 60px;
  height: 16px;
  border-radius: 0 0 3px 3px;
  color: #FFF;
  cursor: pointer;
  margin: 0 -webkit-calc((100% - 60px) / 2);
  margin: 0 -moz-calc((100% - 60px) / 2);
  margin: 0 calc((100% - 60px) / 2);
}

.search_arrow span {
  display: block;
}

.search_arrow span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
  width: 10px;
  height: 2px;
  background-color: #FFF;
  border-radius: 3px;
  content: "";
  display: block;
  margin-left: 6px;
  margin-bottom: -2px;
}

.search_arrow span:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
  width: 10px;
  height: 2px;
  background-color: #FFF;
  border-radius: 3px;
  content: "";
  display: block;
}

.search_arrow span:before, .search_arrow span:after {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
     -moz-transition-delay: 0.2s, 0s;
       -o-transition-delay: 0.2s, 0s;
          transition-delay: 0.2s, 0s;
}

.search_arrow.active span:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
}

.search_arrow.active span:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.search_btn {
  padding: 3px;
}

/* 下拉搜尋
 *
 *
 *
 */
.select2-container {
  background: white;
  display: inline-block;
  margin: 1px 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
  cursor: default;
  display: block;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding: 0 30px 0 5px;
  overflow: hidden;
  text-align: left;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__rendered:focus {
  outline: none;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-dropdown {
  width: 100%;
  background-color: white;
  border: 1px solid #D9DEE4;
  display: block;
  position: absolute;
  left: -100000px;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  word-break: break-all;
}

.select2-results__option[aria-selected] {
  cursor: default;
}

.select2-results__option[aria-disabled] {
  cursor: not-allowed;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
  position: relative;
}

.select2-search--dropdown:after, .select2-search--dropdown:before {
  content: "";
  display: block;
  position: absolute;
}

.select2-search--dropdown:after {
  border-color: #C0C4C9;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  left: 8px;
}

.select2-search--dropdown:before {
  height: 2px;
  background-color: #C0C4C9;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.select2-search--dropdown .select2-search__field {
  width: 100%;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #CCC;
  border-radius: 3px;
  /* 下拉三角形 */
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: default;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 20px;
  border-radius: 0 2.5px 2.5px 0;
  position: absolute;
  top: 2px;
  right: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:hover {
  background-color: #DEDEDE;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 0;
  height: 0;
  border-color: #2D2D2D transparent transparent transparent;
  border-style: solid;
  border-width: 6px 3.5px 0 3.5px;
  margin-left: -4px;
  margin-top: -3.5px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  background-color: #DEDEDE;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #EFEFEF;
  color: #BCBCBC;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:hover {
  background-color: transparent;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* 搜尋框 */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #D9DEE4;
}

/* 選項高度 */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

/* 已選擇項目 */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

/* 挑選中項目 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

/* placeholder */
.hint {
  position: absolute;
  right: 0;
  color: #a7a7a7;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: text;
}

/* 過濾資料要隱藏 */
.select2-container .select2-results__option.optInvisible {
  display: none;
}

/* placeholder顏色 */
li.select2-results__option[id*="def"] {
  color: #808080;
}

span.select2-selection.select2-selection--single {
  outline: none;
}

li.select2-results__option.def_mark {
  color: #A7A7A7;
}

/* 20200921新增標記人員的顏色(此顏色可以自行定義) */
li.select2-results__option.gray {
  color: #a7a7a7;
}

li.select2-results__option.red {
  color: #f34444;
}

li.select2-results__option.blue {
  color: #197bfb;
}

/* 超過搜尋範圍提示字 */
li.select2-results__option.oor {
  color: #D8000C !important;
}

.extra-infor {
  display: none;
}

.extra-infor.show {
  display: inline;
}

.select2-container:hover .customs-select2-del-wrapper {
  display: block;
}

.select2-container:hover .select2-selection__arrow {
  background-color: #dedede;
}

.customs-select2-del-wrapper {
  display: none;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.customs-select2-del-btn {
  width: 11.25px;
  height: 11.25px;
  margin: auto;
  position: relative;
  cursor: pointer;
}

.customs-select2-del-btn:before {
  width: 1.5px;
  height: 11.25px;
  background-color: black;
  content: "";
  position: absolute;
  top: 0px;
  right: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.customs-select2-del-btn:after {
  width: 1.5px;
  height: 11.25px;
  background-color: black;
  content: "";
  position: absolute;
  top: 0px;
  right: 7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.customs-select2-userTypeArea-wrapper {
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 40px;
  left: 5px;
}

.customs-select2-userTypeArea-wrapper input {
  width: 100%;
  background: transparent;
  border: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.file-button,
.file-upload-btn,
.multiple-upload-btn {
  background-color: #dbd7d1;
  border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.03);
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  color: #333;
  display: inline-block;
  margin: 1px 0;
  text-align: center;
  vertical-align: middle;
}

input[type="button"]:disabled,
input[type="button"]:hover:disabled,
input[type="submit"]:disabled,
input[type="submit"]:hover:disabled,
input[type="reset"]:disabled,
input[type="reset"]:hover:disabled,
button:disabled,
button:hover:disabled,
.file-button.disabled,
.file-button:hover.disabled,
.file-upload-btn.disabled,
.file-upload-btn:hover.disabled,
.multiple-upload-btn.disabled,
.multiple-upload-btn:hover.disabled {
  background-color: #dbd7d1;
  border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.03);
  color: #bcbcbc;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.file-button:hover,
.file-upload-btn:hover,
.multiple-upload-btn:hover {
  background-color: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.3);
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
.editablearea {
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
  margin: 1px 0;
}

textarea,
.editablearea {
  padding: 5px;
}

.editablearea {
  overflow-y: auto;
}

.editablearea .contentedit {
  max-width: 100%;
  min-height: 1em;
  -webkit-user-modify: read-write-plaintext-only;
  /* // 純文字顯示 */
  -ms-user-modify: read-write-plaintext-only;
  -moz-user-modify: read-write-plaintext-only;
  user-modify: read-write-plaintext-only;
  -webkit-user-select: text;
  /* // 解決IOS部分手機不支援contenteditable=true屬性問題 */
  /* 換行一定要加不然IE打超過攔寬不會換行 */
  word-wrap: break-word;
  /* focus的時候邊框消失 */
  outline: 0px solid transparent;
}

input[type="text"]::-ms-clear,
input[type="tel"]::-ms-clear {
  display: none;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

input[type="radio"] + input[type="radio"],
input[type="checkbox"] + input[type="checkbox"] {
  margin-left: 5px;
}

.checkbox input[type="radio"],
.checkbox input[type="checkbox"] {
  margin: 0;
  vertical-align: middle;
}

.checkbox input[type="radio"] + input[type="radio"],
.checkbox input[type="checkbox"] + input[type="checkbox"] {
  margin-left: 0;
}

.label-input-item {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.label-input-item:first-child input[type="checkbox"], .label-input-item:first-child input[type="radio"] {
  margin-left: 0;
}

.label-input-item input[type="checkbox"], .label-input-item input[type="radio"] {
  margin: 0 5px;
}

.label-input-item.disabled {
  color: #B2B2B2;
  cursor: default;
}

select {
  max-width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #FFF;
  background-position: right center;
  border: 1px solid #CCC;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
  margin: 1px 0;
  padding: 0 30px 0 5px;
}

select::-ms-expand {
  display: none;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
textarea:disabled,
select:disabled,
select:hover:disabled {
  background-color: #EFEFEF;
  color: #BCBCBC;
}

input[type="number"] {
  text-align: right;
}

.select-input,
.sec-pick {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.select-input input[type="text"],
.sec-pick input[type="text"] {
  width: -webkit-calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: calc(100% - 25px);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  left: 3px;
  top: 2.5px;
  z-index: 1;
}

@-moz-document url-prefix() {
  .select-input input[type="text"],
  .sec-pick input[type="text"] {
    top: 3px;
  }
}

.sec-pick {
  width: auto;
}

.select-input select,
.sec-pick select {
  width: 100%;
}

select option {
  color: black;
}

select .opt-minor {
  color: #808080;
}

input[type="text"].pc-text {
  cursor: default;
}

button.pc-btn,
button.pc-btn:hover {
  background-image: url("./svg(UTF8)/calendar.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
  height: 23px;
  cursor: pointer;
  background: no-repeat scroll right center;
  border: none;
  position: relative;
  z-index: 1;
}

.clear-calendar {
  width: 20px;
  height: 23px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}

.clear-calendar:before, .clear-calendar:after {
  background: #000;
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 6px;
}

.clear-calendar:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.clear-calendar:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg);
}

.divider {
  width: 100%;
  height: 15px;
  margin-top: 5px;
}

.divideritems {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  color: #FFF;
  line-height: 30px;
  margin-top: 5px;
  padding: 2px 5px;
}

.divideritems .left,
.divideritems .right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.divideritems .right input[type="button"] {
  margin-right: 3px;
}

.divideritems input[type="button"],
.divideritems input[type="submit"] {
  width: 40px;
}

.explanation {
  width: 100%;
  padding: 5px;
}

.btn {
  width: 100%;
  margin-top: 5px;
}

.btn .left {
  float: left;
}

.btn .right {
  float: right;
}

.btn:before, .btn:after {
  clear: both;
  content: "";
  display: table;
}

.right-btn {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
}

/*方式二
使用方式：
<div class="ellipsis" data-row="要顯示的行數">內容</div>
*/
.ellipsis {
  width: 100%;
  float: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}

.ellipsis.eps-dot {
  position: relative;
}

.ellipsis.eps-dot:before {
  width: 25px;
  height: 15px;
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0.5)));
  background: -webkit-linear-gradient(right, white 50%, rgba(255, 255, 255, 0.5) 100%);
  background: -moz-linear-gradient(right, white 50%, rgba(255, 255, 255, 0.5) 100%);
  background: -o-linear-gradient(right, white 50%, rgba(255, 255, 255, 0.5) 100%);
  background: linear-gradient(270deg, white 50%, rgba(255, 255, 255, 0.5) 100%);
  background: -moz-linear-gradient(270deg, white 50%, rgba(255, 255, 255, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, white 50%, rgba(255, 255, 255, 0.5) 100%);
  background: -o-linear-gradient(270deg, white 50%, rgba(255, 255, 255, 0.5) 100%);
  content: "...";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

.switch-btn {
  text-decoration: none;
}

.switch-btn .icon-down_circle,
.switch-btn .icon-up_circle {
  margin-left: 5px;
  vertical-align: middle;
}

.switch-btn .icon-down_circle.hide,
.switch-btn .icon-up_circle.hide {
  display: none;
}

.help-cont {
  width: -webkit-calc(100% - 45px);
  width: -moz-calc(100% - 45px);
  width: calc(100% - 45px);
  display: inline-block;
  vertical-align: middle;
}

.icon-title-help-btn,
.icon-title-warning-btn {
  padding: 10px;
  position: relative;
  text-decoration: none;
}

.icon-title-help-btn:before,
.icon-title-warning-btn:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
}

:root {
  /* default */
  --icon-title-help-btn-color: black;
}

.icon-title-help-btn:hover:after,
.icon-title-warning-btn:hover:after {
  width: 150px;
  background: #FFFFFA;
  border: 1px solid #F3F3F3;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: black;
  content: attr(data-title);
  padding: 7.5px;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 50;
  word-break: break-all;
  white-space: pre-line;
  display: block;
  color: var(--icon-title-help-btn-color);
}

.tip-container {
  position: relative;
  text-decoration: none;
}

.tip-container a {
  padding: 10px;
}

.tip-container .bubble {
  display: none;
  background: #FFFFFA;
  border: 1px solid #F3F3F3;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 7.5px;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 50;
  word-break: break-all;
}

.shade {
  width: 100%;
  height: 100Vh;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1047;
}

.picked-area {
  width: 100%;
  margin-top: 5px;
}

#top-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  line-height: 40px;
  position: fixed;
  bottom: 10px;
  right: 15px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  visibility: hidden;
  z-index: 1300;
}

#top-btn.show {
  visibility: visible;
}

#top-btn:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 12px;
}

#top-btn:hover {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

#aics-btn {
  width: 50px;
  height: 50px;
  background-color: rgba(46, 125, 50, 0.7);
  border: 2px solid rgba(165, 214, 167, 0.8);
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  line-height: 45px;
  position: fixed;
  bottom: 10px;
  right: 12.5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1300;
}

#aics-btn:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
}

#aics-btn.move-up {
  bottom: 70px;
}

#aics-btn:hover {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

#aics-btn i {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  -o-background-size: cover;
     background-size: cover;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
}

.input-type-number {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.input-type-number input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  text-align: right;
}

.input-type-number input[type=number]::-webkit-inner-spin-button,
.input-type-number input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.input-type-number .sub-num-btn,
.input-type-number .add-num-btn {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
}

.input-type-number .sub-num-btn:before, .input-type-number .sub-num-btn:after,
.input-type-number .add-num-btn:before,
.input-type-number .add-num-btn:after {
  height: 2px;
  border: 5px;
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 5px;
}

.input-type-number .sub-num-btn.disabled,
.input-type-number .add-num-btn.disabled {
  cursor: default;
}

.input-type-number .add-num-btn {
  margin: 0 0 0 5px;
}

.input-type-number .add-num-btn:before {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

select,
select:disabled,
select:hover:disabled,
.mult-select .mult-selected,
.mult-select.disabled .mult-selected,
.mult-select.disabled .mult-selected.focused,
.mult-select.disabled .mult-selected:hover {
  background-image: url("./svg(UTF8)/selectArrow.svg");
  background-repeat: no-repeat;
}

select:focus,
select:hover,
.mult-select .mult-selected.focused,
.mult-select .mult-selected:hover {
  background-image: url("./svg(UTF8)/selectArrowHover.svg");
  background-repeat: no-repeat;
}

button.pc-btn,
button.pc-btn:hover {
  background-image: url("./svg(UTF8)/calendar.svg");
  background-repeat: no-repeat;
}

input[type="button"].up-btn,
input[type="button"].down-btn {
  width: 36px;
  background-position: center;
}

input[type="button"].up-btn {
  background-image: url("./svg(UTF8)/up-btn.svg");
  background-repeat: no-repeat;
}

input[type="button"].up-btn:disabled {
  background-image: url("./svg(UTF8)/up-btn-disabled.svg");
  background-repeat: no-repeat;
}

input[type="button"].down-btn {
  background-image: url("./svg(UTF8)/down-btn.svg");
  background-repeat: no-repeat;
}

input[type="button"].down-btn:disabled {
  background-image: url("./svg(UTF8)/down-btn-disabled.svg");
  background-repeat: no-repeat;
}

.sort-th .sort-th-content:before,
.sort-th .sort-down-last:before {
  background-image: url("./svg(UTF8)/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
}

.sort-th .sort-th-content:after,
.sort-th .sort-up-last:before {
  background-image: url("./svg(UTF8)/arrow-up.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
}

.sort-th .sort-th-content.sort-up:after,
.sort-th .sort-up-last.sort-up:before {
  background-image: url("./svg(UTF8)/triangle-up.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
}

.sort-th .sort-th-content.sort-down:before,
.sort-th .sort-down-last.sort-down:before {
  background-image: url("./svg(UTF8)/triangle-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
}

.default-sort-th .default-sort-th-ascending:before {
  background-image: url("./svg(UTF8)/ascending.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
}

.default-sort-th .default-sort-th-descending:before {
  background-image: url("./svg(UTF8)/descending.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
}

.icon-check {
  background-image: url("./svg(UTF8)/checkBlack.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
}

.tabs + .search,
.tabs + .form,
.tabs + .display,
.tabs + .data_table,
.tabs + .table-om {
  margin-top: 2px;
}

.blank {
  width: 15px;
  height: 40px;
  float: left;
  position: relative;
  z-index: 12;
}

.tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-top: 5px;
  border-bottom: none;
}

.tabs li {
  display: block;
}

.tabs li a {
  height: 40px;
  float: left;
  border-right: 1px #FFF solid;
  border-radius: 0 8px 0 0;
  color: #000;
  display: block;
  line-height: 40px;
  margin-left: -5px;
  padding: 0 20px 0 25px;
  position: relative;
  -webkit-transform: skewX(18deg);
     -moz-transform: skewX(18deg);
      -ms-transform: skewX(18deg);
       -o-transform: skewX(18deg);
          transform: skewX(18deg);
  text-decoration: none;
}

.tabs li a > div {
  -webkit-transform: skewX(-18deg);
     -moz-transform: skewX(-18deg);
      -ms-transform: skewX(-18deg);
       -o-transform: skewX(-18deg);
          transform: skewX(-18deg);
}

.tabs li:first-child a {
  margin-left: -7px;
  padding: 0 20px 0 10px;
}

.tabs li:nth-child(1) a {
  z-index: 10;
}

.tabs li:nth-child(2) a {
  z-index: 9;
}

.tabs li:nth-child(3) a {
  z-index: 8;
}

.tabs li:nth-child(4) a {
  z-index: 7;
}

.tabs li:nth-child(5) a {
  z-index: 6;
}

.tabs li:nth-child(6) a {
  z-index: 5;
}

.tabs li:nth-child(7) a {
  z-index: 4;
}

.tabs li:nth-child(8) a {
  z-index: 3;
}

.tabs li:nth-child(9) a {
  z-index: 2;
}

.tabs li:nth-child(10) a {
  z-index: 1;
}

.tabs li:hover a,
.tabs li a.active {
  border-right: 1px rgba(0, 0, 0, 0.5) solid;
}

.liclick {
  border-right: 1px rgba(0, 0, 0, 0.5) solid !important;
}

.tabs-level2 {
  width: 100%;
  border-radius: 0 10px 0 0;
}

.tabs-level2 ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.tabs-level2 li {
  display: none;
}

.tabs-level2 li a {
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 25px;
  margin: 4px 5px 4px 15px;
  padding: 3.5px 15px;
  position: relative;
  text-decoration: none;
  word-break: keep-all;
}

.tabs-level2 li a:first-child {
  margin-left: 5px;
}

.tabs-level2 li a:after {
  width: 1px;
  height: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  top: 8.5px;
  right: -10px;
}

.tabs-level2 li a:before {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
   -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
       transform: translateY(5px);
  width: 100%;
  content: "";
  height: 4px;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transition: .2s ease;
  -o-transition: .2s ease;
  -moz-transition: .2s ease;
  transition: .2s ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, -o-transform;
  -moz-transition-property: transform, opacity, -moz-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;
}

.tabs-level2 li.show {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.tabs-level2 li .active,
.tabs-level2 li li a:hover {
  color: #FFF;
}

.tabs-level2 li a:hover:before,
.tabs-level2 a.active:before {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
       transform: translateY(0px);
  opacity: 1;
}

.tab-cont {
  width: auto;
  display: inline-block;
}

.tab-num {
  width: 16.3px;
  background: #E41C0F;
  border: 0.01px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  color: #FFF;
  font-size: 9px;
  display: inline-block;
  line-height: 16px;
  position: relative;
  top: -8px;
  left: 2px;
  text-align: center;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .tab-num {
    width: 16.5px;
    border: 0.5px solid rgba(255, 255, 255, 0.9);
  }
}

.tab-dot {
  width: 10px;
  height: 10px;
  background: #0FCA53;
  border: 0.01px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: inline-block;
  line-height: 16px;
  position: relative;
  top: -7px;
  left: -2px;
}

@-moz-document url-prefix() {
  .tab-num {
    width: 16.7px;
  }
}

.prth {
  display: none;
}

.select_tabs {
  width: 100%;
  margin-top: 5px;
}

.select_targetbox {
  width: 100%;
  padding: 5px;
}

.class_select {
  width: 100%;
}

.class_select2 {
  width: 40.5%;
  margin-left: 49.9%;
}

/*****步驟*****/
.step-area {
  width: 100%;
  margin-top: 5px;
  position: relative;
}

.step-area::after {
  clear: both;
  content: "";
  display: block;
}

.step-ul {
  width: 100%;
  float: left;
}

.step-ul li {
  float: left;
  cursor: default;
  padding: 7px 30px 4px 15px;
  position: relative;
}

.step-ul li.one-row {
  padding: 9px 30px 7px 15px;
}

.step-num {
  height: 22px;
  display: inline-block;
  font-size: 22px;
  line-height: 22px;
  vertical-align: middle;
}

.step-name {
  height: 22px;
  display: inline-block;
  font-weight: bold;
  line-height: 22px;
  vertical-align: middle;
}

.step-name.one-row {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.step-arrow {
  width: 25px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
}

.step-arrow.one-row {
  height: 38px;
}

.step-ul .step-finish .step-arrow:before,
.step-ul .step-notyet .step-arrow:before {
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 30.5px 0 30.5px 27px;
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
}

.step-ul .step-finish .step-arrow.one-row:before,
.step-ul .step-notyet .step-arrow.one-row:before {
  border-width: 22px 0 22px 27px;
}

.step-ul .step-finish .step-arrow:after,
.step-ul .step-notyet .step-arrow:after,
.step-ul li:last-child .step-arrow:before {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 27.5px 0 27.5px 25px;
  content: "";
  position: absolute;
  top: 0;
  right: 2px;
}

.step-ul .step-finish .step-arrow.one-row:after,
.step-ul .step-notyet .step-arrow.one-row:after,
.step-ul li:last-child .step-arrow.one-row:before {
  border-width: 19px 0 19px 25px;
}

.step-ul li:last-child .step-arrow:before {
  right: 1px;
}

.step-finish {
  color: #fff;
}

.step-notyet {
  color: #777;
}

.stepmoveleft,
.stepmoveright {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 20px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #555;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
}

.stepmoveleft:before,
.stepmoveright:before {
  content: "";
}

.stepmoveleft {
  border-radius: 0 15% 15% 0;
  left: 0;
}

.stepmoveright {
  border-radius: 15% 0 0 15%;
  right: 0;
}

.stepmoveleft:hover,
.stepmoveright:hover {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}

.step-content {
  width: 100%;
}

.step-content::after {
  clear: both;
  content: "";
  display: block;
}

.content-ul,
.content-ul > li {
  width: 100%;
  float: left;
}

.content-ul > li {
  display: none;
}

.filter {
  width: 100%;
  margin-top: 5px;
  /* Edge(Chromium) */
}

.filter .search-retrieval,
.filter .search-retrieval-style2 {
  width: auto;
  max-width: -webkit-calc(100% - 82px);
  max-width: -moz-calc(100% - 82px);
  max-width: calc(100% - 82px);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.filter input[type="text"].retrieval-input {
  width: auto;
  max-width: -webkit-calc(100% - 100px);
  max-width: -moz-calc(100% - 100px);
  max-width: calc(100% - 100px);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 3px 5px;
}

@-moz-document url-prefix() {
  .filter input[type="text"].retrieval-input {
    max-width: -moz-calc(100% - 106px);
    max-width: calc(100% - 106px);
  }
}

.filter _:lang(x)::-ms-, .filter input[type="text"].retrieval-input {
  max-width: calc(100% - 106px);
}

.filter .search-retrieval-style2 input[type="text"].retrieval-input {
  max-width: -webkit-calc(100% - 8px);
  max-width: -moz-calc(100% - 8px);
  max-width: calc(100% - 8px);
}

.filter .filter-sw {
  border-left: 1px solid #ccc;
  color: #333;
  display: inline-block;
  line-height: 16px;
  padding: 0 20px 0 15px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}

.filter .filter-sw:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #555 transparent transparent transparent;
  content: "";
  position: absolute;
  top: 6px;
  right: 5px;
}

.filter input[type="button"].search-btn {
  width: 77px;
  border: none;
  background: #00adf2;
  color: #FFF;
  padding: 8px 0;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .filter input[type="button"].search-btn {
    padding-top: 10px;
  }
}

.filter input[type="button"].search-btn:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

@-moz-document url-prefix() {
  .filter input[type="button"].search-btn {
    padding-top: 9px;
  }
  .filter input[type="button"].search-btn:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  }
}

.filter .filter-area {
  width: 100%;
  background: #FFF;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: none;
  margin: 5px 0;
  padding: 10px;
}

.filter .filter-area.active {
  display: block;
}

.filter .filter-area li,
.filter .filter-area li ul {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.filter .filter-area li ul li {
  width: -webkit-calc(25% - 10px);
  width: -moz-calc(25% - 10px);
  width: calc(25% - 10px);
  margin: 5px 0;
}

.filter .filter-area li ul li.col2-style2 {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}

.filter .filter-area li ul li.col5-style2 {
  width: -webkit-calc(20% - 10px);
  width: -moz-calc(20% - 10px);
  width: calc(20% - 10px);
}

.filter .filter-area select,
.filter .filter-area input[type="text"].pc-text {
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}

.filter2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 5px;
}

.filter2.active {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.filter2.active .search-retrieval {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.filter2.active .filter-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.filter2 .search-retrieval {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 0.5px 2px 0.5px 0;
}

.filter2 .search-retrieval select {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}

.filter2 .search-retrieval .line {
  width: 1px;
  background: #EEE;
  display: inline-block;
  margin: 0 10px;
}

.filter2 .search-retrieval .line:last-of-type {
  margin-right: 3px;
}

.filter2 .search-retrieval .filter-de {
  margin: 0 3px;
}

.filter2 .search-retrieval input[type="text"].retrieval-input {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 3px 5px;
}

.filter2 .search-retrieval input[type="button"].search-btn {
  width: 77px;
  border: none;
  background: #00adf2;
  color: #FFF;
}

.filter2 .search-retrieval input[type="button"].search-btn:hover {
  background-color: #0BC1F9;
}

.filter2 .filter-area {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #EEE;
  display: none;
  margin-top: 1px;
  padding: 10px 10px 0 10px;
}

.filter2 .filter-area .f-col4,
.filter2 .filter-area .f-col3,
.filter2 .filter-area .f-col2,
.filter2 .filter-area .f-col1 {
  margin: 0 10px 10px 0;
}

.filter2 .filter-area .f-col4 {
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
}

.filter2 .filter-area .f-col3 {
  width: -webkit-calc(75% - 10px);
  width: -moz-calc(75% - 10px);
  width: calc(75% - 10px);
}

.filter2 .filter-area .f-col2 {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}

.filter2 .filter-area .f-col1 {
  width: -webkit-calc(25% - 10px);
  width: -moz-calc(25% - 10px);
  width: calc(25% - 10px);
}

.filter2 .filter-area select,
.filter2 .filter-area input {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ddd;
  margin: 0;
}

.filter2 .search-conditions {
  margin: 5px;
}

.search-conditions,
.search-conditions-qut {
  width: auto;
  color: #777;
  margin-top: 5px;
  padding-left: 5px;
}

.search-conditions-qut {
  float: right;
  padding-right: 5px;
}

.search-conditions-style2 {
  width: auto;
  color: #777;
  display: inline-block;
  line-height: 15px;
  padding: 2px 2px 2px 5px;
  vertical-align: middle;
}

.ac_results {
  padding: 0px;
  border: 1px solid WindowFrame;
  background-color: Window;
  overflow: hidden;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results iframe {
  display: none;
  /*sorry for IE5*/
  display: block;
  /*sorry for IE5*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-filter: mask();
          filter: mask();
  width: 3000px;
  height: 3000px;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  font: menu;
  font-size: 12px;
  overflow: hidden;
}

.ac_over {
  background-color: Highlight;
  color: HighlightText;
}

span[id^="container"] > div {
  display: inline;
}

.fuzzy-search {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

th.sort-th {
  cursor: pointer;
}

.sort-th .sort-th-content,
.sort-th .sort-down-last,
.sort-th .sort-up-last,
.default-sort-th .default-sort-th-ascending,
.default-sort-th .default-sort-th-descending {
  padding: 3px 15px;
  position: relative;
}

.sort-th .sort-th-content:before,
.sort-th .sort-th-content:after,
.sort-th .sort-down-last:before,
.sort-th .sort-up-last:before {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  line-height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 0;
}

.sort-th .sort-th-content:after {
  margin-top: -8px;
}

.sort-th .sort-down-last:before {
  margin-top: -5px;
}

.sort-th .sort-up-last:before {
  margin-top: -5px;
}

.default-sort-th .default-sort-th-ascending:before,
.default-sort-th .default-sort-th-descending:before {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  line-height: 10px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}

.sort-th .sort-th-content:before,
.sort-th .sort-th-content:after,
.sort-th .sort-down-last:before,
.sort-th .sort-up-last:before,
.sort-th .sort-th-content.sort-up:after,
.sort-th .sort-up-last.sort-up:before,
.sort-th .sort-th-content.sort-down:before,
.sort-th .sort-down-last.sort-down:before,
.default-sort-th .default-sort-th-ascending:before,
.default-sort-th .default-sort-th-descending:before {
  background-position: center;
  background-repeat: no-repeat;
}

.batch-edit-style,
.batch-edit-style1,
.batch-edit-style2,
.batch-edit-style3,
.batch-edit-style4,
.batch-edit-style5,
.batch-edit-style6,
.batch-edit-style7 {
  margin-top: 5px;
}

.batch-edit-style th,
.batch-edit-style1 th,
.batch-edit-style2 th,
.batch-edit-style3 th,
.batch-edit-style4 th,
.batch-edit-style5 th,
.batch-edit-style6 th,
.batch-edit-style7 th {
  border-right: 1px solid #FFF;
  font-weight: bold;
}

.batch-edit-style th:last-child,
.batch-edit-style1 th:last-child,
.batch-edit-style2 th:last-child,
.batch-edit-style3 th:last-child,
.batch-edit-style4 th:last-child,
.batch-edit-style5 th:last-child,
.batch-edit-style6 th:last-child,
.batch-edit-style7 th:last-child {
  border-right: none;
}

.batch-edit-style td,
.batch-edit-style1 td,
.batch-edit-style2 td,
.batch-edit-style3 td,
.batch-edit-style4 td,
.batch-edit-style5 td,
.batch-edit-style6 td,
.batch-edit-style7 td {
  position: relative;
}

.batch-edit-style td:before,
.batch-edit-style1 td:before,
.batch-edit-style2 td:before,
.batch-edit-style3 td:before,
.batch-edit-style4 td:before,
.batch-edit-style5 td:before,
.batch-edit-style6 td:before,
.batch-edit-style7 td:before {
  display: none;
}

.batch-edit-style th,
.batch-edit-style td,
.batch-edit-style1 th,
.batch-edit-style1 td,
.batch-edit-style2 th,
.batch-edit-style2 td,
.batch-edit-style3 th,
.batch-edit-style3 td,
.batch-edit-style4 th,
.batch-edit-style4 td,
.batch-edit-style5 th,
.batch-edit-style5 td,
.batch-edit-style6 th,
.batch-edit-style6 td,
.batch-edit-style7 th,
.batch-edit-style7 td {
  display: table-cell;
}

.input-tr,
.add-tr {
  position: relative;
}

.input-tr td,
.add-tr td {
  position: relative;
}

.input-content {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #FFF;
  position: absolute;
  top: 0;
  overflow-x: auto;
  z-index: 1048;
}

.input-content .data_table {
  border: 0;
  margin: 0;
}

.data_table th {
  border-right: 1px solid #FFF;
}

.data_table th:nth-last-child(1) {
  border-right: none;
}

.data_table td {
  position: relative;
}

.table-om th {
  border-right: 1px solid #FFF;
}

.file-upload2-btn,
.multiple-upload2-btn {
  background: #E5E5E5;
  border: 1px dashed #CCC;
  border-radius: 3px;
  color: #333;
  display: inline-block;
  margin: 1px 0;
  padding: 5px 35px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.file-upload2-btn:hover, .file-upload2-btn.hover,
.multiple-upload2-btn:hover,
.multiple-upload2-btn.hover {
  background: #F3F3F3;
  border: 1px dashed #DDD;
}

.file-upload2-btn.disabled, .file-upload2-btn.disabled:hover, .file-upload2-btn.disabled.hover,
.multiple-upload2-btn.disabled,
.multiple-upload2-btn.disabled:hover,
.multiple-upload2-btn.disabled.hover {
  background: #E5E5E5;
  border: 1px dashed #CCC;
  color: #BCBCBC;
}

.file-upload-btn:before,
.multiple-upload-btn:before,
.file-upload2-btn:before,
.multiple-upload2-btn:before {
  content: "";
  margin-right: 5px;
  vertical-align: middle;
}

.file-upload {
  position: absolute;
  left: -9999px;
}

.file-box {
  position: relative;
}

.file-file {
  width: 194px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 5px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.file-table {
  margin-top: 5px;
}

.file-table a {
  color: blue;
}

.file-table a:hover {
  color: red;
}

a.icon-all-download {
  color: #337ACC;
  display: inline;
  font-weight: bold;
  padding-left: 22px;
  position: relative;
  text-decoration: none;
}

a.icon-all-download:hover {
  color: #29679B;
}

a.icon-all-download.disabled {
  color: #C1C1C1;
  cursor: default;
}

a.icon-all-download:before {
  content: "";
  display: block;
  position: absolute;
  margin-top: -9px;
  left: 0;
  top: 50%;
}

.wrapper.font_XL a.icon-all-download:before,
.wrapper.font_XXL a.icon-all-download:before {
  margin-top: -11px;
}

.draggable .file-img-table li > img {
  cursor: move;
}

.draggable .placeholder {
  background: #EEE;
  border: 1px dashed #DDD;
  opacity: 0.7;
}

@-moz-document url-prefix() {
  .draggable .placeholder {
    height: 100px;
  }
}

.file-img-table {
  width: 100%;
  float: left;
}

.file-img-table li {
  width: -webkit-calc(16.66666% - 5px);
  width: -moz-calc(16.66666% - 5px);
  width: calc(16.66666% - 5px);
  float: left;
  border: 1px solid #EDEDED;
  border-radius: 4%;
  margin: 5px 5px 0 0;
  padding: 2px 2px 5px 2px;
  position: relative;
  text-align: center;
}

.file-img-table li > img {
  width: 100%;
  height: 0;
  background-position: center;
  background-repeat: no-repeat;
  -o-background-size: cover;
     background-size: cover;
  border-radius: 4% 4% 0 0;
  margin-bottom: 5px;
  padding: 35px 0;
}

.uploading {
  float: left;
}

.uploading td {
  padding: 5px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.uploading td:nth-child(1) {
  width: 30px;
}

.uploading td:nth-child(2) {
  text-align: left;
}

.uploading td:nth-child(3) {
  text-align: right;
}

.uploading .upload-unfinished {
  width: 100%;
  height: 3.5px;
  background: #e8e8e8;
  position: relative;
}

.uploading .upload-finish {
  height: 3.5px;
  position: absolute;
  top: 0;
  left: 0;
}

.uploading .file-icon {
  display: inline-block;
  vertical-align: middle;
}

.selected-area {
  width: 100%;
  margin-top: 5px;
  position: relative;
}

.selected-area .selected-data {
  width: 500px;
  background: #fff;
  border: 1px solid #E4E7F2;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 15px rgba(229, 228, 230, 0.8);
          box-shadow: 0 10px 15px rgba(229, 228, 230, 0.8);
  display: none;
  padding: 10px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 100;
}

.selected-area .selected-data .n-triangle {
  width: 13px;
  height: 13px;
  background: white;
  border-top: 1px solid #E4E7F2;
  border-left: 1px solid #E4E7F2;
  display: block;
  position: absolute;
  top: -7px;
  left: 10px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.selected-area .selected-data.show {
  display: block;
}

.selected-area .selected-btn {
  line-height: 25px;
  height: 25px;
  padding: 0px 10px;
  border: 1px solid #DDDDDD;
  border-radius: 12.5px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  padding: 0 10px 0 25px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selected-area .selected-btn:before, .selected-area .selected-btn:after {
  width: 9px;
  height: 1.5px;
  background-color: #333333;
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.selected-area .selected-btn:after {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.selected-area .selected-btn:hover, .selected-area .selected-btn.active {
  border-color: #AAAAAA;
}

.selected-area .selected-btn.active:after {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}

.clear-btn2,
.data-selected,
.data-selected-nodelete {
  border: 1px solid #DDD;
  border-radius: 3px;
  cursor: default;
  display: inline-block;
  margin: 1px 2px 1px 0;
  padding: 4px 30px 4px 8px;
  position: relative;
  vertical-align: middle;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .clear-btn2,
  .data-selected,
  .data-selected-nodelete {
    padding: 5px 30px 3px 8px;
  }
}

.clear-btn2 span,
.data-selected span {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
}

.clear-btn2 span:before, .clear-btn2 span:after,
.data-selected span:before,
.data-selected span:after {
  height: 1.5px;
  background: #555;
  content: "";
  display: block;
  position: absolute;
  margin-top: -1px;
  top: 50%;
  right: 5px;
}

.clear-btn2 span:hover:before, .clear-btn2 span:hover:after,
.data-selected span:hover:before,
.data-selected span:hover:after {
  background: #000;
}

.clear-btn2 span:before,
.data-selected span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.clear-btn2 span:after,
.data-selected span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg);
}

.data-selected-nodelete span {
  display: none;
}

.pro-img-table li {
  width: 65px;
  display: inline-block;
  margin-right: 10px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  vertical-align: middle;
}

.pro-img-table li input[type="radio"] {
  display: none;
}

.pro-img-table li label {
  width: 100%;
  height: 65px;
  background-color: #EDEDED;
  border: 3px solid #EDEDED;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  text-align: center;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}

.pro-img-table li label span {
  line-height: 65px;
}

.pro-img-table li img {
  width: -webkit-calc(100% - 5px);
  width: -moz-calc(100% - 5px);
  width: calc(100% - 5px);
  height: -webkit-calc(100% - 5px);
  height: -moz-calc(100% - 5px);
  height: calc(100% - 5px);
  border-radius: 50%;
  margin: 2.5px;
}

.mb-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin-top: 5px;
}

.mb-selected-num,
.mb-slted-num {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 5px;
}

.mb-selected,
.mb-slted {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 5px;
}

.mb-selected {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mb-selected.active {
  display: none;
}

.mb-slted {
  display: none;
}

.mb-slted.active {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mb-selected-member1,
.mb-selected-member2,
.mb-slted-group1,
.mb-slted-cont1 {
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  display: none;
}

.mb-selected-member1.show,
.mb-selected-member2.show,
.mb-slted-group1.show,
.mb-slted-cont1.show {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mb-selected-member1,
.mb-slted-group1 {
  position: relative;
  display: none;
}

.mb-selected-member1:before,
.mb-slted-group1:before {
  width: 1px;
  border-color: #545454;
  border-style: dotted;
  border-width: 0 0 0 1px;
  content: "";
  display: block;
  position: absolute;
  top: -1.5em;
  bottom: 1.6em;
  left: 7.5px;
}

.mb-selected-member1:after,
.mb-slted-group1:after {
  width: 15px;
  border-color: #545454;
  border-style: dotted;
  border-width: 1px 0 0 0;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 9px;
}

.mb-selected-member1-first:before,
.mb-slted-group1-first:before {
  top: -0.5em;
}

.mb-selected-member1-last:before,
.mb-slted-group1-last:before {
  height: 3.1em;
}

.mb-selected-member1-one:before,
.mb-slted-group1-one:before {
  top: -0.5em;
  height: 2.1em;
}

.mb-selected-member2 > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mb-selected-data,
.mb-slted-cont1 li {
  border: 1px solid #DDD;
  border-radius: 3px;
  cursor: default;
  display: none;
  margin: 2px;
  padding: 4px 30px 4px 8px;
  position: relative;
  vertical-align: middle;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .mb-selected-data,
  .mb-slted-cont1 li {
    padding: 5px 30px 3px 8px;
  }
}

.mb-selected-data.show,
.mb-slted-cont1 li.show {
  display: inline-block;
}

.mb-selected-data span,
.mb-slted-cont1 li span {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
}

.mb-selected-data span:before, .mb-selected-data span:after,
.mb-slted-cont1 li span:before,
.mb-slted-cont1 li span:after {
  height: 1.5px;
  background: #555;
  content: "";
  display: block;
  position: absolute;
  margin-top: -1px;
  top: 50%;
  right: 5px;
}

.mb-selected-data span:hover:before, .mb-selected-data span:hover:after,
.mb-slted-cont1 li span:hover:before,
.mb-slted-cont1 li span:hover:after {
  background: #000;
}

.mb-selected-data span:before,
.mb-slted-cont1 li span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.mb-selected-data span:after,
.mb-slted-cont1 li span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg);
}

.mb-slted-cont1 ul {
  width: 100%;
}

.member {
  width: 100%;
  margin-top: 5px;
}

.member .checkbox,
.member .blank-cb {
  width: 30px;
  display: table-cell;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

.member1 {
  width: 100%;
  display: table;
}

.member2,
.member2-style2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.member2-style2 {
  display: none;
}

.member2-style2.mb2-show {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.member1-name,
.member1-name-style2 {
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
  display: table-cell;
  line-height: 1.2;
  padding: 5px;
  vertical-align: middle;
}

.member1-name {
  cursor: pointer;
}

.no-cb .member1-name {
  width: 100%;
  cursor: default;
  text-align: center;
}

.member1-name-style2 {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
}

.member .mb-switch,
.member .mb-switch-all,
.mb-selected-switch {
  width: 30px;
  cursor: pointer;
  display: table-cell;
  padding: 5px;
  text-align: right;
  vertical-align: middle;
}

.mb-selected-switch {
  width: auto;
  display: inline-block;
  padding: 0 5px 0 0;
}

.member .mb-switch:before,
.member .mb-switch-all:before,
.mb-selected-switch:before {
  width: 15px;
  height: 15px;
  float: left;
  border: 1px solid #666;
  border-radius: 3px;
  content: "";
}

.member .mb-switch span,
.member .mb-switch-all span,
.mb-selected-switch span {
  display: block;
  position: relative;
  top: 7.5px;
  left: 4px;
}

.member .mb-switch span:before,
.member .mb-switch span:after,
.member .mb-switch-all span:before,
.member .mb-switch-all span:after,
.mb-selected-switch span:before,
.mb-selected-switch span:after {
  width: 9px;
  height: 2px;
  background: #666;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
}

.member .mb-switch span:after,
.member .mb-switch-all span:after,
.mb-selected-switch span:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.member .mb-switch.active span:after,
.member .mb-switch-all.active span:after,
.mb-selected-switch.active span:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
}

.member2 .checkbox,
.member2 .blank-cb,
.member2-style2 .checkbox,
.member2-style2 .blank-cb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.member2-name,
.blank-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: -webkit-calc(25% - 30px);
  width: -moz-calc(25% - 30px);
  width: calc(25% - 30px);
  line-height: 20px;
  padding: 5px;
}

@supports (-ms-ime-align: auto) {
  .member2-name,
  .blank-name {
    width: -webkit-calc(25% - 30.05px);
    width: -moz-calc(25% - 30.05px);
    width: calc(25% - 30.05px);
  }
}

.dept-member {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 5px;
}

.dept-member .mb-cb,
.dept-member .blank-cb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 30px;
}

.dept-member .mb-cb input[type="checkbox"],
.dept-member .blank-cb input[type="checkbox"] {
  margin: 0;
}

.dept-member .mb-all,
.dept-member .mb-group1,
.dept-member .mb-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  position: relative;
}

.dept-member .mb-cont > .level-cont > .mb-group > .mb-group-sw {
  left: -webkit-calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: calc(50% - 15px);
}

.dept-member .mb-cont > .level-cont .mb-cont > .level-cont > .mb-group > .mb-group-sw {
  left: -webkit-calc(50% - 30px);
  left: -moz-calc(50% - 30px);
  left: calc(50% - 30px);
}

.dept-member .mb-cont > .level-cont .mb-cont > .level-cont .mb-cont > .level-cont > .mb-group > .mb-group-sw {
  left: -webkit-calc(50% - 45px);
  left: -moz-calc(50% - 45px);
  left: calc(50% - 45px);
}

.dept-member .mb-all-sw,
.dept-member .mb-group-sw {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
}

.dept-member .mb-all-sw span,
.dept-member .mb-group-sw span {
  display: block;
  position: relative;
  top: -1.5px;
  left: 0;
}

.dept-member .mb-all-sw span:before, .dept-member .mb-all-sw span:after,
.dept-member .mb-group-sw span:before,
.dept-member .mb-group-sw span:after {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
}

.dept-member .mb-all-sw span:after,
.dept-member .mb-group-sw span:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
  left: 5.5px;
}

.dept-member .mb-all-sw span:before,
.dept-member .mb-group-sw span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.dept-member .mb-all-sw.active span:after,
.dept-member .mb-group-sw.active span:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.dept-member .mb-all-sw.active span:before,
.dept-member .mb-group-sw.active span:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
}

.dept-member .mb-all-name,
.dept-member .mb-group-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 20px;
  padding: 5px;
}

.dept-member .mb-cont {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  display: none;
}

.dept-member .mb-show {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.dept-member .mb-cont-name,
.dept-member .blank-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: -webkit-calc(25% - 30px);
  width: -moz-calc(25% - 30px);
  width: calc(25% - 30px);
  line-height: 20px;
  padding: 5px;
}

@supports (-ms-ime-align: auto) {
  .dept-member .mb-cont-name,
  .dept-member .blank-name {
    width: -webkit-calc(25% - 30.05px);
    width: -moz-calc(25% - 30.05px);
    width: calc(25% - 30.05px);
  }
}

.dept-member .level-blank {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 30px;
}

.dept-member .level-cont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}

.dept-member.no-hide .mb-all-name,
.dept-member.no-hide .mb-group-name {
  cursor: default;
}

.dept-member.no-hide .mb-cont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mb-slted-sw {
  width: auto;
  cursor: pointer;
  display: inline-block;
  padding: 0 5px 0 0;
  text-align: right;
  vertical-align: middle;
}

.mb-slted-sw:before {
  width: 15px;
  height: 15px;
  border: 1px solid #666;
  border-radius: 3px;
  content: "";
  display: block;
}

.mb-slted-sw span {
  display: block;
  position: relative;
  top: -10px;
  left: 3.5px;
}

.mb-slted-sw span:before, .mb-slted-sw span:after {
  width: 9px;
  height: 2px;
  background: #666;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
}

.mb-slted-sw span:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.mb-slted-sw.active span:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
}

.listbox {
  width: 100%;
  display: table;
  margin-top: 5px;
}

.listbox:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.sourcebox,
.targetbox {
  width: 40%;
  border-width: 1px;
  border-style: solid;
  display: table-cell;
  line-height: 15px;
  vertical-align: top;
  position: relative;
}

.sourcebox tbody:before,
.targetbox tbody:before {
  content: "";
  display: block;
}

.sourcebox:before,
.targetbox:before {
  width: 100%;
  float: left;
  content: attr(data-title);
  font-weight: bold;
  position: absolute;
  top: -24px;
  left: 0;
  text-align: center;
}

.put-btn-area,
.move-btn {
  width: 10%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.listbox-style2 .put-btn {
  margin-bottom: 40px;
}

.listbox-style2 .put-btn:last-child {
  margin-bottom: 0;
}

.put-btn .icon-move-left,
.put-btn .icon-move-right,
.move-btn .icon-circle-up,
.move-btn .icon-circle-down {
  float: left;
  cursor: pointer;
  clear: both;
  margin: 8px -webkit-calc((100% - 30px) / 2);
  margin: 8px -moz-calc((100% - 30px) / 2);
  margin: 8px calc((100% - 30px) / 2);
}

.sourcebox-area {
  width: 40%;
}

.sourcebox-area,
.targetbox-area {
  -webkit-box-flex: 1.5;
  -webkit-flex-grow: 1.5;
     -moz-box-flex: 1.5;
      -ms-flex-positive: 1.5;
          flex-grow: 1.5;
  display: table-cell;
  line-height: 15px;
  vertical-align: top;
  position: relative;
}

.targetbox-content {
  width: 100%;
  float: left;
  display: table;
}

.listbox-style1 .targetbox-content {
  margin-bottom: 5px;
}

.listbox-style1 .targetbox-content:last-child {
  margin-bottom: 0;
}

.sourcebox > div,
.targetbox > div {
  width: 100%;
  height: 300px;
  overflow: auto;
  overflow-x: hidden;
}

.sourcebox > div tbody::before,
.targetbox > div tbody::before {
  content: "";
  display: block;
  height: 25px;
}

.target-row2 > div {
  max-height: 150px;
}

.target-row3 > div {
  max-height: 100px;
}

.lb-table {
  float: left;
  text-align: left;
}

.lb-table thead {
  display: block;
}

.lb-table thead tr {
  width: 100%;
  display: table;
  position: absolute;
  z-index: 5;
}

.lb-table th {
  border-right: 1px solid #fff;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.lb-table th:first-child {
  min-width: 30px;
  width: 30px;
}

.lb-table th:last-child {
  border-right: none;
}

.lb-table td:first-child {
  text-align: center;
}

.disabled_tr {
  pointer-events: none;
}

.lb-table thead tr.get-width {
  width: -webkit-calc(100% - 17px);
  width: -moz-calc(100% - 17px);
  width: calc(100% - 17px);
}

.flex_one {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
          flex: 1;
  -ms-flex: 1 1;
}

.list_tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  position: absolute;
  z-index: 5;
}

.list_th {
  background: #bde9ff;
  border-right: 1px solid #FFF;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.list_th:first-child {
  min-width: 30px;
  text-align: center;
}

.list_th:first-child input {
  margin: 0;
}

.list_th:last-child {
  border-right: none;
}

.list_tr.get-width {
  width: -webkit-calc(100% - 17px);
  width: -moz-calc(100% - 17px);
  width: calc(100% - 17px);
}

.dialog-all,
.dialog-timeout {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: -1;
}

.iframe-dialog,
.dialog {
  width: 50%;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #fff;
  display: none;
  position: relative;
}

.dialog:after {
  clear: both;
  content: "";
  display: block;
}

.iframe-dialog-title,
.dialog-title {
  width: 100%;
  float: left;
  border-radius: 5px 5px 0 0;
  color: #FFF;
  line-height: 20px;
  padding: 8px 10px;
}

.iframe-dialog-content {
  padding: 10px;
}

.dialog-content {
  width: 100%;
  float: left;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 20px;
  position: relative;
}

.dialog-btn {
  width: 100%;
  float: left;
  border-top: 1px solid #efefef;
  padding: 5px 20px;
  text-align: center;
}

.dialog-btn .left {
  float: left;
}

.dialog-btn .right {
  float: right;
}

.dialog-time-txt {
  color: #7F7F7F;
  margin-bottom: 5px;
}

/*****下拉多選功能*****/
.ui-multiselect {
  width: 80%;
  max-width: 100%;
  height: 27.9px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/pub/select_arrow.png) no-repeat scroll right center #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) inset;
  font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;
  margin: 1px 0;
  padding: 3px 30px 1px 3px;
  text-align: left;
  vertical-align: middle;
}

.ui-multiselect:hover {
  background: url(../images/pub/select_arrow-off.png) no-repeat scroll right center #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) inset;
  margin: 1px 0;
  padding: 3px 30px 1px 3px;
}

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 5px 0 5px 4px;
}

.ui-multiselect-header ul li {
  float: right;
  padding: 0 10px 0 0;
}

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  padding-right: 0;
  text-align: right;
}

.ui-multiselect-hasfilter ul {
  position: relative;
  top: 2px;
}

.ui-multiselect-filter {
  float: left;
  margin-right: 10px;
}

.ui-multiselect-filter input {
  width: 100px;
  height: 20px;
  border: 1px solid #292929;
  margin-left: 5px;
  padding: 2px;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

.ui-multiselect-menu {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  display: none;
  padding: 3px;
  position: absolute;
  text-align: left;
  z-index: 10000;
}

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto;
}

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px;
}

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
  outline: none;
}

.ui-multiselect-checkboxes li {
  width: 25%;
  clear: both;
  padding-right: 3px;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  width: 100%;
  font-weight: bold;
  text-align: center;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  margin: 1px 0;
  padding: 3px;
  text-decoration: none;
}

.ui-helper-reset > li {
  display: inline-block;
}

.ui-helper-reset > .ui-multiselect-optgroup-label {
  display: list-item;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-widget-content {
  border: 1px solid #DDD;
  background: #FFF;
  color: #333;
}

.ui-widget-content a {
  color: #333;
  text-decoration: none;
}

.ui-widget-header {
  color: #333;
  font-weight: bold;
}

div.calendar {
  cursor: default;
  font-size: 11px;
  position: relative;
  top: -1000px;
  width: 270px;
}

.calendar table {
  width: 270px;
  background: #fff;
  border: 1px solid #d9dee4;
  color: #000;
  position: absolute;
  z-index: 1051;
}

.calendar .button {
  background: #fff;
  color: #555f66;
  padding: 5px 0;
}

.calendar thead .title,
.calendar thead .title1,
.calendar thead .title1:hover {
  background: #fff;
  color: #555f66;
  font-size: 12px;
  font-weight: bold;
}

.calendar table .wn {
  border-right: 1px solid #ccc;
  color: #777;
}

.calendar thead .name {
  background: #cbcfd1;
  color: #000;
  padding: 5px 0;
}

.calendar thead .weekend {
  color: #ea7565;
}

.calendar thead .hilite {
  background: #e8e8e8;
  color: #000;
}

.calendar thead .active {
  background: #e8e8e8;
  color: #000;
}

.calendar tbody td {
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 5px 0;
}

.calendar tbody .otherMonth {
  font-size: 80%;
  color: #bbb;
}

.calendar tbody .oweekend {
  color: #fbb;
}

.calendar tbody .rowhilite td {
  background: #f9f9f9;
}

.calendar tbody .rowhilite td.wn {
  background: #f9f9f9;
}

.calendar tbody td.weekend {
  color: #ea7565;
}

.calendar tbody td.hilite {
  background: #e8e8e8;
}

.calendar tbody td.active {
  background: #e8e8e8;
}

.calendar tbody td.today {
  background: rgba(255, 104, 36, 0.1);
  color: #ff6824;
  font-weight: blod;
}

.calendar tbody td.selected {
  background: #7f8a93;
  color: #fff;
  font-weight: bold;
}

.calendar tbody .disabled {
  color: #999;
}

.calendar tbody .emptycell {
  visibility: hidden;
}

.calendar tbody .emptyrow {
  display: none;
}

.calendar tfoot .ttip {
  background: #f4f4f4;
  padding: 5px 0;
}

.calendar .combo {
  width: 4em;
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1052;
}

.calendar .combo .label {
  padding-bottom: 1px;
  text-align: center;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

.calendar .combo .label-IEfix {
  padding-bottom: 1px;
  text-align: center;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #e8e8e8;
}

.calendar .combo .active {
  background: #7f8a93;
  color: #fff;
  font-weight: bold;
}

/*****Webkit (Chrome, Safari, Opera)*****/
/*****Firefox*****/
@-moz-document url-prefix () {
  .calendar table {
    margin-left: -85px;
  }
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle {
  display: none;
}

.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
  text-decoration: none;
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-button:link {
  text-decoration: none;
}

.ui-button:visited {
  text-decoration: none;
}

.ui-button:hover {
  text-decoration: none;
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-button:active {
  text-decoration: none;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999;
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: -webkit-calc(100% - 2.4em);
  width: -moz-calc(100% - 2.4em);
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.stander_calendar,
.range_calendar,
.range_group_calendar {
  max-width: 100%;
  display: inline-block;
  position: relative;
  text-align: left;
}

.stander_calendar .disabled ~ .calendar_icon {
  cursor: default;
}

.stander_calendar:hover .calendar_function_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.simple_calendar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  position: relative;
}

.simple_calendar:hover .calendar_function_box {
  display: block;
}

/* 起訖日按鈕 */
.range_calendar button.calendar_icon {
  width: 100%;
  right: 0;
  border-bottom: 0;
  background-position: 8px center;
}

/* 要讓位置判斷還有用的話真的輸入框不能消失 */
.range_calendar input.date_picker {
  width: 0.1px;
  /* 回饋共用時important在拿掉 */
  padding: 0 !important;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  visibility: hidden;
}

/* 一欄式起訖的刪除紐處理 */
.range_calendar .calendar_function_box {
  display: none;
  right: 7px;
}

.range_calendar:hover .calendar_function_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.wrapper .range_calendar input.date_picker,
.wrapper .range_calendar input.fake_range_calendar {
  padding-left: 25px;
}

/* 日期格式樣式 */
.format_calendar {
  display: inline-block;
  position: relative;
}

.format_calendar input.date_picker {
  visibility: hidden;
}

.format_calendar input.show_date_format_input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.format_calendar button {
  z-index: 2;
}

.format_calendar.calendar_function_box {
  display: none;
  right: 5px;
}

.format_calendar:hover .calendar_function_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  z-index: 2;
}

.tool_bar_calendar .format_calendar input {
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
}

.tool_bar_calendar .format_calendar button {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.tool_bar_calendar .format_calendar:hover .calendar_function_box {
  display: none;
  z-index: 2;
}

.wrapper .format_calendar input.show_date_format_input {
  padding-right: 40px;
}

.data_format.ui-datepicker .data_format_wrapper {
  clear: both;
  border-top: 1px solid #d9dee4;
}

.data_format.ui-datepicker .data_format_wrapper div {
  padding: 7.5px 5px;
  cursor: pointer;
}

.data_format.ui-datepicker .data_format_wrapper div:hover {
  background: #e8e8e8;
  color: #000;
}

button.calendar_icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  width: 25px;
  cursor: pointer;
  background-position: center;
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}

button.calendar_icon:hover {
  background-color: transparent;
}

button.calendar_icon:focus {
  outline: none;
}

.calendar_function_box {
  display: none;
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
}

.calendar_click_function {
  width: 15px;
  height: 25px;
  margin: auto;
  position: relative;
}

.calendar_click_function .calendar_click_function_down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #8a8a8a transparent transparent transparent;
  margin: 1.5px 2.5px;
  cursor: pointer;
  position: absolute;
  bottom: 4px;
}

.calendar_click_function .calendar_click_function_down:hover {
  border-color: black transparent transparent transparent;
}

.calendar_click_function .calendar_click_function_top {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #8a8a8a transparent;
  margin: 1.5px 2.5px;
  cursor: pointer;
  position: absolute;
  top: 4px;
}

.calendar_click_function .calendar_click_function_top:hover {
  border-color: transparent transparent black transparent;
}

.calendar_delate_icon {
  width: 11.25px;
  height: 11.25px;
  margin: auto;
  position: relative;
  cursor: pointer;
}

.calendar_delate_icon::before {
  content: "";
  position: absolute;
  height: 11.25px;
  width: 1.5px;
  top: 0px;
  right: 7px;
  background-color: black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.calendar_delate_icon::after {
  content: "";
  position: absolute;
  height: 11.25px;
  width: 1.5px;
  top: 0px;
  right: 7px;
  background-color: black;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg);
}

.ui-datepicker {
  width: 270px;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 50px;
  position: relative;
  padding: 5px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 10px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}

.ui-datepicker .ui-datepicker-next {
  right: 5px;
}

.ui-datepicker .ui-datepicker-title {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  margin: 0 30px;
  text-align: center;
}

.ui-widget-header a:hover .ui-icon-circle-triangle-w,
.ui-widget-header a:hover .ui-icon-circle-triangle-e {
  border-color: black;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
  left: 1em;
}

.ui-datepicker select.ui-datepicker-year {
  margin-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 15px;
  width: 40%;
}

/* 隱藏多欄式萬年曆的年份 */
span.ui-datepicker-year {
  display: none;
}

.ui-datepicker select.ui-datepicker-month {
  margin-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 15px;
  width: 40%;
}

.ui-datepicker table th {
  padding: 5px 0;
  cursor: default;
}

.ui-datepicker table .ui-datepicker-week-end {
  color: #ea7565;
}

.ui-datepicker table tbody td a,
.ui-datepicker table tbody td span {
  width: 100%;
  line-height: 22px;
  display: block;
  text-decoration: none;
}

.ui-datepicker td span {
  display: block;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.8em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
  background: transparent;
  border: solid 1px #d9dee4;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
  background: #E8E8E8;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

div.ui-widget.ui-datepicker {
  border: 1px solid #d9dee4;
  font-size: 12px;
}

.ui-datepicker-header .ui-datepicker-next.ui-state-hover {
  background-color: transparent;
  border: none;
}

.ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
  background-color: transparent;
  border: none;
}

.ui-datepicker.ui-datepicker-multi {
  width: 540px !important;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-calendar thead tr {
  background: #d8d8d8;
  color: #6b6969;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-widget {
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input {
  font-size: 1em;
}

.ui-widget select {
  font-size: 1em;
}

.ui-widget textarea {
  font-size: 1em;
}

.ui-widget button {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-content .ui-state-hover {
  background: #E8E8E8;
}

.ui-widget-content .ui-state-active {
  background: #A1AEB7;
  color: white;
}

.ui-widget-content .ui-state-focus {
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-widget-content .ui-state-highlight {
  background: rgba(255, 104, 36, 0.1);
  color: #ff6824;
}

.ui-widget-content .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-widget-content .ui-state-error a {
  color: #5f3f3f;
}

.ui-widget-content .ui-state-error-text {
  color: #5f3f3f;
}

/* .ui-widget-content .ui-priority-primary {
  font-weight: bold;
} */
/* .ui-widget-content .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
} */
.ui-widget-content .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-widget-header {
  background: #ffffff;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

.ui-widget-header .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
  text-align: center;
}

.ui-widget-header .ui-state-focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-widget-header .ui-state-active {
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-widget-header .ui-state-highlight {
  background: #a2a2a2;
  color: white;
}

.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

/* .ui-widget-header .ui-priority-primary {
  font-weight: bold;
} */
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
  text-align: center;
}

html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
  text-align: center;
}

.ui-state-default a {
  color: #454545;
  text-decoration: none;
}

.ui-state-default a:link {
  color: #454545;
  text-decoration: none;
}

.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}

a.ui-button {
  color: #454545;
  text-decoration: none;
}

a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none;
}

a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

a.ui-button:active {
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

a:link.ui-button {
  color: #454545;
  text-decoration: none;
}

a:visited.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover {
  background: #E8E8E8;
}

.ui-state-hover a {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-hover a:hover {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-hover a:link {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-hover a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-focus a {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-focus a:hover {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-focus a:link {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active {
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-active a:link {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

.ui-button.ui-state-active:hover {
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-highlight {
  background: #a2a2a2;
  color: white;
}

.ui-state-highlight a {
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text {
  color: #5f3f3f;
}

/* .ui-priority-primary {
  font-weight: bold;
} */
/* .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
} */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  border: solid #707070;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  border: solid #707070;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-corner-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

.mark_range {
  background-color: #A1AEB7;
  color: white;
}

.ui-datepicker-month {
  padding-left: 3px;
}

.ui-datepicker-week-end a {
  color: #ea7565 !important;
}

.holiday a {
  color: #ea7565 !important;
}

/* .mark_range.ui-datepicker-current-day a {
  background-color: transparent;
  border: none;
} */
/* .mark_range.ui-datepicker-current-day a.ui-state-hover {
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
  border: 1px solid #cccccc;
} */
/* 行事曆日曆面板直接顯示的話關閉按鈕要關掉 */
.inline_calendar .ui-datepicker-close {
  display: none;
}

button.calendar_icon {
  background-image: url("./svg(UTF8)/calendar.svg");
}

/*****列表格式-常態、一對多*****/
.data_table,
.norwd-table,
.table-om,
.table-two-level,
.border-table {
  margin-top: 5px;
}

.border-table {
  border-style: solid;
  border-width: 1px 0 0 1px;
}

.data_table thead tr th,
.norwd-table thead tr th,
.table-om thead tr th,
.table-two-level tr th {
  border-bottom: 1px solid #FFF;
}

.data_table thead tr:last-child th,
.norwd-table thead tr:last-child th,
.table-om thead tr:last-child th,
.table-two-level tr:last-child th {
  border-bottom: none;
}

.data_table th,
.norwd-table th,
.table-om th,
.table-two-level th {
  border-right: 1px solid #FFF;
  font-weight: bold;
}

.data_table th:last-child,
.norwd-table th:last-child,
.table-om th:last-child,
.table-two-level th:last-child {
  border-right: none;
}

.border-table th,
.border-table td {
  border-style: solid;
  border-width: 0 1px 1px 0;
}

.data_table th,
.data_table td,
.table-om td,
.table-two-level td {
  display: table-cell;
}

.data_table td:before,
.table-om td:before,
th.th-second-hide,
td.td-second-hide,
.table-two-level td:before {
  display: none;
}

.data_table input[type="radio"],
.data_table input[type="checkbox"],
.norwd-table input[type="radio"],
.norwd-table input[type="checkbox"],
.table-om input[type="radio"],
.table-om input[type="checkbox"],
.lb-table input[type="radio"],
.lb-table input[type="checkbox"],
.batch-edit-style1 input[type="radio"],
.batch-edit-style1 input[type="checkbox"],
.batch-edit-style2 input[type="radio"],
.batch-edit-style2 input[type="checkbox"],
.batch-edit-style3 input[type="radio"],
.batch-edit-style3 input[type="checkbox"],
.batch-edit-style4 input[type="radio"],
.batch-edit-style4 input[type="checkbox"],
.batch-edit-style5 input[type="radio"],
.batch-edit-style5 input[type="checkbox"] {
  margin: 0;
}

.click tr:not(.not-select),
.click-table,
.click-table-om td {
  cursor: pointer;
}

.click th {
  cursor: default;
}

th.th-second,
.data-table-text-left {
  text-align: left;
}

.data-table-text-right {
  text-align: right;
}

.fixed-table {
  display: none;
}

.fixed-table-wrapper {
  margin-top: 5px;
  border-style: solid;
  border-width: 1px;
}

.fixed-table-wrapper .fixed-table-header {
  padding-right: 17px;
}

.fixed-table-wrapper .fixed-table-header .data_table {
  margin-top: 0;
}

.fixed-table-wrapper .fixed-table-body {
  overflow-y: auto;
}

.fixed-table-wrapper .fixed-table-body .data_table {
  margin-top: 0;
}

.fixed-table-pagination {
  padding-top: 5px;
}

.fixed-table-pagination .btn {
  margin-top: 0;
}

/* ///////////文字溢出////////////// */
.text-overflow {
  overflow-wrap: break-word;
  overflow: hidden;
  position: relative;
}

.text-overflow div {
  text-align: left;
  word-break: break-all;
}

.text-overflow .dot {
  width: 100%;
  background-color: white;
  position: absolute;
  bottom: 0;
}

.text-overflow .dot.right {
  text-align: right;
}

/*****表單流程關卡*****/
.circuit {
  width: 100%;
  margin-top: 5px;
  line-height: 20px;
  padding: 0 5px 5px 5px;
}

.sendcircuit {
  width: 100%;
  padding: 5px;
  text-align: center;
}

.circuit-display {
  width: 100%;
  float: left;
  margin-top: 5px;
}

.circuit-display li {
  width: 100%;
  float: left;
  padding: 5px;
  text-align: center;
}

.opinion {
  width: 100%;
  margin-top: 5px;
  padding: 5px 0;
}

.circuit-graphic-area {
  width: -webkit-calc(100% - 5px);
  width: -moz-calc(100% - 5px);
  width: calc(100% - 5px);
  height: 30px;
  margin: 5px 2.5px 10px 2.5px;
  position: relative;
  overflow: hidden;
}

.circuit-graphic-area .move-left2,
.circuit-graphic-area .move-right2 {
  width: 30px;
  height: 30px;
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  z-index: 21;
}

.circuit-graphic-area .move-left2 span,
.circuit-graphic-area .move-right2 span {
  width: 100%;
  height: 100%;
  background: #eee;
  border-radius: 50%;
  cursor: pointer;
  display: block;
}

.move-left2 span:before,
.move-left2 span:after,
.move-right2 span:before,
.move-right2 span:after {
  width: 10px;
  height: 2px;
  background: #555;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 8.5px;
}

.move-left2 span:before,
.move-right2 span:after {
  top: 16.5px;
}

.move-right2 span:before,
.move-right2 span:after {
  left: 10.5px;
}

.move-left2 span:before,
.move-right2 span:before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
       transform: rotate(-135deg);
}

.move-left2 span:after,
.move-right2 span:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
}

.move-left2 span:hover:before,
.move-left2 span:hover:after,
.move-right2 span:hover:before,
.move-right2 span:hover:after {
  background: #2d2d2d;
}

.circuit-graphic {
  width: 100%;
  float: left;
}

.circuit-graphic li {
  float: left;
  margin-right: 5px;
}

.circuit-graphic .signed {
  color: #808080;
  font-style: italic;
}

.circuit-graphic .signing,
.circuit .signing {
  color: #13398e;
}

.circuit-name {
  float: left;
  line-height: 15px;
}

.app-path-area {
  margin-top: 10px;
}

.app-path-area ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.app-path-area ul li {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5px 5px 0 0;
}

.app-path-area ul li .per-img img {
  width: 35px;
  height: 35px;
}

.app-path-area ul li.signing {
  color: #13398E;
  font-weight: bold;
}

.app-path-area ul li.signed {
  color: #808080;
  font-style: italic;
}

.line-area2 {
  width: 35px;
  height: 30px;
  float: left;
  margin-left: 8px;
}

.line-style1 {
  width: 5px;
  height: 5px;
  float: left;
  -webkit-animation: line-style1-twinkling 2s infinite linear;
     -moz-animation: line-style1-twinkling 2s infinite linear;
       -o-animation: line-style1-twinkling 2s infinite linear;
          animation: line-style1-twinkling 2s infinite linear;
  background: rgba(34, 34, 34, 0.3);
  margin: 12.5px 0 12.5px 2px;
}

@-webkit-keyframes line-style1-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #BBDEFB;
  }
  33.33% {
    background: #90CAF9;
  }
  50% {
    background: #BBDEFB;
  }
  66.66% {
    background: #FFFFFF;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

@-moz-keyframes line-style1-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #BBDEFB;
  }
  33.33% {
    background: #90CAF9;
  }
  50% {
    background: #BBDEFB;
  }
  66.66% {
    background: #FFFFFF;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

@-o-keyframes line-style1-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #BBDEFB;
  }
  33.33% {
    background: #90CAF9;
  }
  50% {
    background: #BBDEFB;
  }
  66.66% {
    background: #FFFFFF;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

@keyframes line-style1-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #BBDEFB;
  }
  33.33% {
    background: #90CAF9;
  }
  50% {
    background: #BBDEFB;
  }
  66.66% {
    background: #FFFFFF;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

.line-style2 {
  width: 5px;
  height: 5px;
  float: left;
  -webkit-animation: line-style2-twinkling 2s infinite linear;
     -moz-animation: line-style2-twinkling 2s infinite linear;
       -o-animation: line-style2-twinkling 2s infinite linear;
          animation: line-style2-twinkling 2s infinite linear;
  background: rgba(34, 34, 34, 0.6);
  margin: 12.5px 0 12.5px 2px;
}

@-webkit-keyframes line-style2-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #64B5F6;
  }
  50% {
    background: #42A5F5;
  }
  66.66% {
    background: #64B5F6;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

@-moz-keyframes line-style2-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #64B5F6;
  }
  50% {
    background: #42A5F5;
  }
  66.66% {
    background: #64B5F6;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

@-o-keyframes line-style2-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #64B5F6;
  }
  50% {
    background: #42A5F5;
  }
  66.66% {
    background: #64B5F6;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

@keyframes line-style2-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #64B5F6;
  }
  50% {
    background: #42A5F5;
  }
  66.66% {
    background: #64B5F6;
  }
  83.33% {
    background: #FFFFFF;
  }
  100% {
    background: #FFFFFF;
  }
}

.line-style3 {
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 5px;
  float: left;
  -webkit-animation: line-style3-twinkling 2s infinite linear;
     -moz-animation: line-style3-twinkling 2s infinite linear;
       -o-animation: line-style3-twinkling 2s infinite linear;
          animation: line-style3-twinkling 2s infinite linear;
  background: #222;
  margin: 12.5px 0 12.5px 2px;
  position: relative;
}

.line-style3:after {
  width: 0;
  height: 0;
  -webkit-animation: line-style4-twinkling 2s infinite linear;
     -moz-animation: line-style4-twinkling 2s infinite linear;
       -o-animation: line-style4-twinkling 2s infinite linear;
          animation: line-style4-twinkling 2s infinite linear;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #222;
  content: "";
  position: absolute;
  top: -5.5px;
  right: -11px;
}

@-webkit-keyframes line-style3-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #FFFFFF;
  }
  50% {
    background: #1E88E5;
  }
  66.66% {
    background: #1976D2;
  }
  83.33% {
    background: #64B5F6;
  }
  100% {
    background: #FFFFFF;
  }
}

@-moz-keyframes line-style3-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #FFFFFF;
  }
  50% {
    background: #1E88E5;
  }
  66.66% {
    background: #1976D2;
  }
  83.33% {
    background: #64B5F6;
  }
  100% {
    background: #FFFFFF;
  }
}

@-o-keyframes line-style3-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #FFFFFF;
  }
  50% {
    background: #1E88E5;
  }
  66.66% {
    background: #1976D2;
  }
  83.33% {
    background: #64B5F6;
  }
  100% {
    background: #FFFFFF;
  }
}

@keyframes line-style3-twinkling {
  0% {
    background: #FFFFFF;
  }
  16.66% {
    background: #FFFFFF;
  }
  33.33% {
    background: #FFFFFF;
  }
  50% {
    background: #1E88E5;
  }
  66.66% {
    background: #1976D2;
  }
  83.33% {
    background: #64B5F6;
  }
  100% {
    background: #FFFFFF;
  }
}

@-webkit-keyframes line-style4-twinkling {
  0% {
    border-left-color: #FFFFFF;
  }
  16.66% {
    border-left-color: #FFFFFF;
  }
  33.33% {
    border-left-color: #FFFFFF;
  }
  50% {
    border-left-color: #1E88E5;
  }
  66.66% {
    border-left-color: #1976D2;
  }
  83.33% {
    border-left-color: #64B5F6;
  }
  100% {
    border-left-color: #FFFFFF;
  }
}

@-moz-keyframes line-style4-twinkling {
  0% {
    border-left-color: #FFFFFF;
  }
  16.66% {
    border-left-color: #FFFFFF;
  }
  33.33% {
    border-left-color: #FFFFFF;
  }
  50% {
    border-left-color: #1E88E5;
  }
  66.66% {
    border-left-color: #1976D2;
  }
  83.33% {
    border-left-color: #64B5F6;
  }
  100% {
    border-left-color: #FFFFFF;
  }
}

@-o-keyframes line-style4-twinkling {
  0% {
    border-left-color: #FFFFFF;
  }
  16.66% {
    border-left-color: #FFFFFF;
  }
  33.33% {
    border-left-color: #FFFFFF;
  }
  50% {
    border-left-color: #1E88E5;
  }
  66.66% {
    border-left-color: #1976D2;
  }
  83.33% {
    border-left-color: #64B5F6;
  }
  100% {
    border-left-color: #FFFFFF;
  }
}

@keyframes line-style4-twinkling {
  0% {
    border-left-color: #FFFFFF;
  }
  16.66% {
    border-left-color: #FFFFFF;
  }
  33.33% {
    border-left-color: #FFFFFF;
  }
  50% {
    border-left-color: #1E88E5;
  }
  66.66% {
    border-left-color: #1976D2;
  }
  83.33% {
    border-left-color: #64B5F6;
  }
  100% {
    border-left-color: #FFFFFF;
  }
}

.line-area2.signed .line-style1,
.line-area2.signed .line-style2,
.line-area2.signed .line-style3 {
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
  background: #bdbdbd;
}

.line-area2.signed .line-style3:after {
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
  border-left-color: #bdbdbd;
}

.line-area2.unsigned .line-style1,
.line-area2.unsigned .line-style2,
.line-area2.unsigned .line-style3 {
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
  background: #666666;
}

.line-area2.unsigned .line-style3:after {
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
  border-left-color: #666666;
}

.circuit-thn,
.circuit-thn2 {
  width: 100%;
  height: 2px;
  background: #ccc;
  margin: 45px 0 5px 0;
  position: relative;
}

.circuit-thn:before {
  width: -webkit-calc(100% / 6 * 5);
  width: -moz-calc(100% / 6 * 5);
  width: calc(100% / 6 * 5);
  height: 2px;
  background: #327ccb;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.circuit-thn2:before {
  width: -webkit-calc(100% / 6 * 5);
  width: -moz-calc(100% / 6 * 5);
  width: calc(100% / 6 * 5);
  height: 2px;
  background: #666;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.fixed-area {
  padding-top: 5px;
  position: fixed;
  top: 70px;
  left: 160px;
  right: 10px;
  background: white;
  z-index: 50;
}

.fixed-area ~ .content .rightmain {
  padding-top: 1px;
}

.fixed-area ~ .content .rightmain .fixed-head {
  margin-top: -2px;
}

.wrapper.menu-width-style2 .fixed-area {
  left: 180px;
}

.wrapper.menu-width-style3 .fixed-area {
  left: 200px;
}

.system_bg:not(.old-new) ~ .fixed-area {
  top: 110px;
}

.toolbar {
  width: 100%;
  margin-top: 5px;
}

.toolbar + .filter {
  clear: left;
}

.toolbar li {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin: 3px 7px 3px 3px;
}

.toolbar li img {
  width: 22px;
  height: 22px;
  margin-bottom: 7px;
}

.toolbar li span {
  width: 100%;
  color: #444;
  display: block;
}

.toolbar li:hover span {
  color: #000;
  font-weight: bold;
}

.toolbar li.disabled {
  cursor: default;
}

.toolbar li.disabled span {
  color: #C1C1C1;
  font-weight: normal;
}

.toolbar li.right {
  float: right;
}

.left-menu .scrollbar-inner > .scroll-element div {
  visibility: hidden;
}

.left-menu:hover .scrollbar-inner > .scroll-element div {
  visibility: visible;
}

.notice-area .scrollbar-inner > .scroll-element div {
  visibility: hidden;
}

.notice-area:hover .scrollbar-inner > .scroll-element div {
  visibility: visible;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
          box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
  z-index: 199;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
  z-index: 499;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

.scrollbar-inner {
  height: 100%;
}

.form {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  margin-top: 5px;
  padding: 2px;
  position: relative;
}

.form_table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-width: 1px;
  border-style: solid none none solid;
}

.preview,
.print {
  border-width: 1px;
  border-style: solid none none solid;
  padding: 0;
  margin-top: 5px;
}

.preview .form_table,
.print .form_table {
  border: none;
}

.print-table,
.preview-table {
  border-style: solid;
  border-width: 1px 1px 0 0;
}

.print-table .table-one,
.preview-table .table-one {
  border: none;
}

.print-table .table-one td,
.preview-table .table-one td {
  border: none;
}

.print-table .table-many,
.preview-table .table-many {
  border: none;
}

.print-table .table-many td,
.preview-table .table-many td {
  border-left-width: 0;
}

.print-table .table-many tr:last-child td,
.preview-table .table-many tr:last-child td {
  border: none;
}

.fullwidth .print-table,
.fullwidth .preview-table {
  border-top-width: 0 !important;
}

.fullwidth .preview-table + .preview-table {
  border-top-width: 1px;
}

.print-table thead tr:nth-child(n) th,
.print-table td,
.preview-table thead tr:nth-child(n) th,
.preview-table td {
  border-style: solid;
  border-width: 0 0 1px 1px;
}

.print-table th,
.print-table td,
.preview-table th,
.preview-table td {
  border-style: solid;
  border-width: 0 0 1px 1px;
}

.fullwidth .print-table tr:last-child td,
.fullwidth .preview-table tr:last-child td {
  border-bottom-width: 0;
}

.fullwidth .print-table th:first-child,
.fullwidth .print-table td:first-child,
.fullwidth .preview-table th:first-child,
.fullwidth .preview-table td:first-child {
  border-left-width: 0;
}

.print-info {
  width: 100%;
  float: left;
  margin-top: 5px;
  padding: 5px 0;
}

.print-info .left {
  width: -webkit-calc(100% - 130px);
  width: -moz-calc(100% - 130px);
  width: calc(100% - 130px);
  float: left;
  margin-top: 2px;
}

.print-info .right {
  width: 130px;
  float: right;
  margin-top: 2px;
}

.display {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 5px;
}

.area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-width: 1px;
  border-style: none solid solid none;
  padding: 3px;
  position: relative;
}

.area:nth-child(odd) {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
}

.area:nth-child(odd) > div {
  text-align: center;
}

.area:nth-child(even) > div {
  width: 100%;
  word-wrap: break-word;
}

.wrapper.font_S .fullwidth:nth-child(n),
.wrapper.font_M .fullwidth:nth-child(n),
.wrapper.font_L .fullwidth:nth-child(n),
.wrapper.font_XL .fullwidth:nth-child(n),
.wrapper.font_XXL .fullwidth:nth-child(n) {
  width: 100%;
}

.fullwidth:nth-child(2n) {
  padding: 0;
}

.fullwidth:nth-child(2n) .data_table th {
  font-weight: normal;
}

.area:nth-child(even) .cb-type-area-col4,
.area:nth-child(even) .cb-type-area-col2,
.area:nth-child(even) .cb-type-area-col1 {
  width: 25%;
  float: left;
  margin: 2.5px 0;
}

.area:nth-child(even) .cb-type-area-col2 {
  width: 50%;
}

.area:nth-child(even) .cb-type-area-col1 {
  width: 100%;
}

.area-level2 {
  width: -webkit-calc(100% - 16px);
  width: -moz-calc(100% - 16px);
  width: calc(100% - 16px);
  margin: 0 0 5px 16px;
}

.icon-apply-rules-btn {
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.apply-rules > div {
  padding: 5px;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.formtitle {
  width: 100%;
  margin-top: 5px;
  text-align: center;
}

.formnote {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  width: 100%;
  margin-top: 5px;
}

.formnote.right {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
}

/*****列表資料文字多行超過顯示"..."*****/
/*方式一
使用方式：
<div class="dot" data-row="要顯示的行數"><div class="content">內容</div></div>
使用時機：
個人工作管理系統：依被交辦人數量決定事內容可顯示幾行。。
*/
.dot {
  line-height: inherit;
}

.dot:before {
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.total {
  float: left;
}

.total .right {
  text-align: right;
}

.total div.left,
.total div.right {
  width: 50%;
  float: left;
  padding: 5px;
}

.usetime,
.filenumber,
.useip {
  width: 100%;
  margin-top: 5px;
  padding: 5px 0;
  text-align: right;
}

.filenumber {
  text-align: left;
}

#file_detail {
  padding: 12px 5px;
}

.extend-btn2 + div {
  display: none;
  margin-top: 5px;
}

.extend-btn3 {
  width: 20px;
  height: 10px;
  display: inline-block;
  padding: 0 5px;
  position: relative;
}

.extend-btn3:before, .extend-btn3:after {
  background: #555;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.extend-btn3:before {
  width: 10px;
  height: 2px;
  top: 5px;
  -webkit-transform: translate3D(0, -50%, 0) rotate(0);
     -moz-transform: translate3D(0, -50%, 0) rotate(0);
      -ms-transform: translate3D(0, -50%, 0) rotate(0);
       -o-transform: translate3D(0, -50%, 0) rotate(0);
          transform: translate3D(0, -50%, 0) rotate(0);
}

.extend-btn3:after {
  width: 2px;
  height: 10px;
  top: 5px;
  left: 10px;
  -webkit-transform: translate3D(-50%, -50%, 0) rotate(0);
     -moz-transform: translate3D(-50%, -50%, 0) rotate(0);
      -ms-transform: translate3D(-50%, -50%, 0) rotate(0);
       -o-transform: translate3D(-50%, -50%, 0) rotate(0);
          transform: translate3D(-50%, -50%, 0) rotate(0);
}

.extend-btn3.active:before {
  -webkit-transform: translate3D(0, -50%, 0) rotate(180deg);
     -moz-transform: translate3D(0, -50%, 0) rotate(180deg);
      -ms-transform: translate3D(0, -50%, 0) rotate(180deg);
       -o-transform: translate3D(0, -50%, 0) rotate(180deg);
          transform: translate3D(0, -50%, 0) rotate(180deg);
}

.extend-btn3.active:after {
  -webkit-transform: translate3D(-50%, -50%, 0) rotate(90deg);
     -moz-transform: translate3D(-50%, -50%, 0) rotate(90deg);
      -ms-transform: translate3D(-50%, -50%, 0) rotate(90deg);
       -o-transform: translate3D(-50%, -50%, 0) rotate(90deg);
          transform: translate3D(-50%, -50%, 0) rotate(90deg);
}

.paste-line {
  width: 100%;
  float: left;
  border-bottom: 1px dotted #000;
  margin: 5px 0;
  padding: 5px 0 10px 0;
  text-align: center;
}

.fake-dialog {
  width: 400px;
  float: left;
  margin: 20px -webkit-calc((100% - 360px) / 2);
  margin: 20px -moz-calc((100% - 360px) / 2);
  margin: 20px calc((100% - 360px) / 2);
}

.fake-dialog-title {
  width: 100%;
  float: left;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 15px;
  text-align: center;
}

.fake-dialog-title .icon-check {
  width: 16px;
  height: 16px;
  background: no-repeat center;
  background-image: url("./svg(UTF8)/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  display: inline-block;
  display: inline-block;
  margin-right: 5px;
}

.fake-dialog-content {
  width: 100%;
  float: left;
  border-width: 1px;
  border-style: solid;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 20px;
}

.rd-cont {
  width: 100%;
  display: none;
  margin-top: 10px;
}

.rd-cont-sec {
  width: -webkit-calc(100% - 18px);
  width: -moz-calc(100% - 18px);
  width: calc(100% - 18px);
  margin: 10px 0 0 18px;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.holiday {
  color: #ea7565;
}

.hide,
input[type="button"].hide,
.switch-content {
  display: none;
}

.switch-content-show {
  display: table-row;
}

.msg {
  width: 100%;
  color: #f00;
  margin: 10px 0 5px 0;
  padding: 5px;
  text-align: center;
}

.top-msg {
  width: 100%;
  color: #f00;
  margin-top: 5px;
  text-align: left;
}

.new-top-msg,
.dialog-top-msg {
  width: 100%;
  margin-bottom: 5px;
}

.new-top-msg ul,
.dialog-top-msg ul {
  width: 100%;
  position: relative;
}

.new-top-msg ul li,
.dialog-top-msg ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin-top: 2px;
  padding: 5px 13px 5px 7px;
  position: relative;
}

.new-top-msg ul li.del:nth-child(n),
.dialog-top-msg ul li.del:nth-child(n) {
  display: none;
  z-index: 0;
}

.new-top-msg ul li.del span,
.dialog-top-msg ul li.del span {
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.new-top-msg ul li span,
.dialog-top-msg ul li span {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  margin-right: 5px;
  text-align: left;
}

.new-top-msg ul li.hasbutton span,
.dialog-top-msg ul li.hasbutton span {
  width: -webkit-calc(100% - 84px);
  width: -moz-calc(100% - 84px);
  width: calc(100% - 84px);
}

.new-top-msg ul li.top-msg-error, .new-top-msg ul li.top-msg-warning,
.dialog-top-msg ul li.top-msg-error,
.dialog-top-msg ul li.top-msg-warning {
  background-color: #FFF3F3;
}

.new-top-msg ul li.top-msg-error span, .new-top-msg ul li.top-msg-warning span,
.dialog-top-msg ul li.top-msg-error span,
.dialog-top-msg ul li.top-msg-warning span {
  color: #D8000C;
}

.new-top-msg ul li.top-msg-success,
.dialog-top-msg ul li.top-msg-success {
  background-color: #FAFFF0;
}

.new-top-msg ul li.top-msg-success span,
.dialog-top-msg ul li.top-msg-success span {
  color: #270;
}

.new-top-msg ul li.top-msg-remind,
.dialog-top-msg ul li.top-msg-remind {
  background-color: #FFF9E9;
}

.new-top-msg ul li.top-msg-remind span,
.dialog-top-msg ul li.top-msg-remind span {
  color: #BA7911;
}

.new-top-msg ul li i,
.dialog-top-msg ul li i {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
}

.new-top-msg ul li i:before,
.dialog-top-msg ul li i:before {
  content: "";
  display: block;
  position: absolute;
}

.new-top-msg.close ul li:nth-child(n+4),
.dialog-top-msg.close ul li:nth-child(n+4) {
  display: none;
  z-index: 0;
}

.new-top-msg.close ul li:nth-child(1), .new-top-msg.close ul li:nth-child(2), .new-top-msg.close ul li:nth-child(3),
.dialog-top-msg.close ul li:nth-child(1),
.dialog-top-msg.close ul li:nth-child(2),
.dialog-top-msg.close ul li:nth-child(3) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  z-index: 5;
}

.new-top-msg.close ul li:nth-child(2),
.dialog-top-msg.close ul li:nth-child(2) {
  position: absolute;
  top: 2px;
  z-index: 4;
}

.new-top-msg.close ul li:nth-child(3),
.dialog-top-msg.close ul li:nth-child(3) {
  position: absolute;
  top: 6px;
  z-index: 3;
}

.new-top-msg.close ul li span,
.dialog-top-msg.close ul li span {
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.new-top-msg.show ul li.del#del_1, .new-top-msg.show ul li.del#del_2, .new-top-msg.show ul li.del#del_3,
.dialog-top-msg.show ul li.del#del_1,
.dialog-top-msg.show ul li.del#del_2,
.dialog-top-msg.show ul li.del#del_3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  z-index: 5;
}

.new-top-msg.show ul li.del#del_2,
.dialog-top-msg.show ul li.del#del_2 {
  position: absolute;
  top: 2px;
  z-index: 4;
}

.new-top-msg.show ul li.del#del_3,
.dialog-top-msg.show ul li.del#del_3 {
  position: absolute;
  top: 6px;
  z-index: 3;
}

.new-top-msg {
  margin-top: 5px;
}

.new-top-msg + .toolbar {
  margin-top: 10px;
}

.new-top-msg + .data_table {
  margin-top: 8px;
}

.new-top-msg.close + .toolbar,
.new-top-msg.close + .data_table, .new-top-msg.show + .toolbar,
.new-top-msg.show + .data_table {
  margin-top: 15px;
}

.dialog-top-msg.show, .dialog-top-msg.close {
  margin-bottom: 13px;
}

.error-show-btn {
  position: absolute;
  right: 6px;
  text-decoration: none;
  z-index: 10;
}

.error-show-btn .icon-down_circle.hide,
.error-show-btn .icon-up_circle.hide {
  display: none;
}

.error-hide-btn {
  cursor: pointer;
  margin-right: 15px;
  position: relative;
}

.error-hide-btn.hide {
  display: none;
}

.msg-icon-error,
.msg-icon-warning,
.msg-icon-remind,
.msg-icon-query,
.msg-icon-success {
  width: 60px;
  height: 60px;
  background-color: white;
  -webkit-box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  margin-left: -30px;
  position: absolute;
  top: -20px;
  left: 50%;
}

.msg-icon-error:after,
.msg-icon-warning:after,
.msg-icon-remind:after,
.msg-icon-query:after,
.msg-icon-success:after {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 0;
}

.msg-icon-error:before,
.msg-icon-warning:before,
.msg-icon-remind:before,
.msg-icon-query:before,
.msg-icon-success:before {
  content: "";
  position: absolute;
  z-index: 1;
}

.msg-content {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  padding: 50px 20px 20px 20px;
  word-break: break-all;
}

.lefttextred {
  width: 100%;
  color: #f00;
  margin-top: 5px;
  padding: 5px 0;
}

.lefttextblue {
  width: 100%;
  color: #00f;
  margin-top: 5px;
  padding: 5px 0;
}

.lefttextblack {
  width: 100%;
  color: #000;
  margin-top: 5px;
  padding: 5px 0;
}

.right-text-black {
  width: 100%;
  color: #000;
  margin-top: 5px;
  padding: 5px 0;
  text-align: right;
}

.center-text-black {
  width: 100%;
  color: #000;
  margin-top: 5px;
  padding: 5px 0;
  text-align: center;
}

.error-text {
  color: red;
}

.error-line {
  border: 1px solid red;
}

.results {
  width: 100%;
  float: left;
  color: #f00;
  margin-top: 10px;
  padding: 5px;
  text-align: left;
}

.f-msg-icon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 3px;
}

.f-msg-icon.pst-relative {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
}

.f-msg-icon:before {
  width: 8px;
  height: 8px;
  background-position: center;
  background-repeat: no-repeat;
  -o-background-size: cover;
     background-size: cover;
  content: "";
  position: absolute;
}

.f-msg {
  max-width: 200%;
  width: 300px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  color: white;
  display: none;
  margin-top: 2px;
  padding: 5px 8px;
  position: absolute;
  left: 5px;
  top: 100%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -moz-transition: transform 0.2s, -moz-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
  -webkit-transform-origin: 18px 0;
     -moz-transform-origin: 18px 0;
      -ms-transform-origin: 18px 0;
       -o-transform-origin: 18px 0;
          transform-origin: 18px 0;
  text-align: left !important;
  z-index: 3;
}

.f-msg.click-show, .f-msg.hover-show {
  display: block;
}

.f-msg:after {
  content: " ";
  position: absolute;
  border: 6px solid transparent;
  top: -11px;
  left: 10px;
}

.f-msg.f-msg-error, .f-msg.f-msg-warning {
  background: #FFF3F3;
  color: #D8000C;
}

.f-msg.f-msg-error:after, .f-msg.f-msg-warning:after {
  border-bottom-color: #FFF3F3;
}

.f-msg.f-msg-remind {
  background: #FFF9E9;
  color: #BA7911;
}

.f-msg.f-msg-remind:after {
  border-bottom-color: #FFF9E9;
}

.msg-detail-show-btn,
.msg-detail-hide-btn {
  margin-right: 8px;
}

.msg-detail-show-btn.hide,
.msg-detail-hide-btn.hide {
  display: none;
}

#f-msg-1 {
  z-index: 48;
}

#f-msg-2 {
  z-index: 47;
}

#f-msg-3 {
  z-index: 46;
}

#f-msg-4 {
  z-index: 45;
}

#f-msg-5 {
  z-index: 44;
}

#f-msg-6 {
  z-index: 43;
}

#f-msg-7 {
  z-index: 42;
}

#f-msg-8 {
  z-index: 41;
}

#f-msg-9 {
  z-index: 40;
}

#f-msg-10 {
  z-index: 39;
}

#f-msg-11 {
  z-index: 38;
}

#f-msg-12 {
  z-index: 37;
}

#f-msg-13 {
  z-index: 36;
}

#f-msg-14 {
  z-index: 35;
}

#f-msg-15 {
  z-index: 34;
}

#f-msg-16 {
  z-index: 33;
}

#f-msg-17 {
  z-index: 32;
}

#f-msg-18 {
  z-index: 31;
}

#f-msg-19 {
  z-index: 30;
}

#f-msg-20 {
  z-index: 29;
}

#f-msg-21 {
  z-index: 28;
}

#f-msg-22 {
  z-index: 27;
}

#f-msg-23 {
  z-index: 26;
}

#f-msg-24 {
  z-index: 25;
}

#f-msg-25 {
  z-index: 24;
}

#f-msg-26 {
  z-index: 23;
}

#f-msg-27 {
  z-index: 22;
}

#f-msg-28 {
  z-index: 21;
}

#f-msg-29 {
  z-index: 20;
}

#f-msg-30 {
  z-index: 19;
}

#f-msg-31 {
  z-index: 18;
}

#f-msg-32 {
  z-index: 17;
}

#f-msg-33 {
  z-index: 16;
}

#f-msg-34 {
  z-index: 15;
}

#f-msg-35 {
  z-index: 14;
}

#f-msg-36 {
  z-index: 13;
}

#f-msg-37 {
  z-index: 12;
}

#f-msg-38 {
  z-index: 11;
}

#f-msg-39 {
  z-index: 10;
}

#f-msg-40 {
  z-index: 9;
}

#f-msg-41 {
  z-index: 8;
}

#f-msg-42 {
  z-index: 7;
}

#f-msg-43 {
  z-index: 6;
}

#f-msg-44 {
  z-index: 5;
}

#f-msg-45 {
  z-index: 4;
}

#f-msg-46 {
  z-index: 3;
}

#f-msg-47 {
  z-index: 2;
}

#f-msg-48 {
  z-index: 1;
}

#f-msg-49 {
  z-index: 0;
}

.loading-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1310;
}

.loading-style2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  width: 300px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.loading-style2_content {
  width: 100%;
  padding: 15px 15px 15px 15px;
}

.loading-style2 .line-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 14px;
  border-radius: 15px;
  background: rgba(159, 159, 159, 0.2);
  padding: 2px;
  overflow: hidden;
}

.loading-style2 .load-line {
  width: 0;
  height: 10px;
  background: #5B9DD8;
  border-radius: 10px;
}

.loading-style2 .percentage {
  margin-top: 13px;
  text-align: center;
  color: #333;
}

.loading-style2.hide {
  display: none;
}

.load-btn {
  width: 100%;
  border-top: 1px solid #EFEFEF;
  padding: 5px 0;
  text-align: center;
}

.loading-style1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  width: 300px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
}

.loading-style1 .load-cont {
  margin-top: 15px;
  text-align: center;
}

.loading-style1.hide {
  display: none;
}

.loading-style3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  width: 300px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.loading-style3_content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
}

.loading-style3 .load-cont {
  margin-top: 15px;
  text-align: center;
}

.loading-style3.hide {
  display: none;
}

.load-cont {
  width: 100%;
  color: #333;
  margin-top: 15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.load-dot {
  width: 60px;
  height: 60px;
  position: relative;
}

.load-dot > div {
  width: 16px;
  height: 16px;
  -webkit-animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
     -moz-animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
       -o-animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
  background: #00AACF;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-transform-origin: 20px 20px;
     -moz-transform-origin: 20px 20px;
      -ms-transform-origin: 20px 20px;
       -o-transform-origin: 20px 20px;
          transform-origin: 20px 20px;
}

.load-dot > .dot2 {
  -webkit-animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
     -moz-animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
       -o-animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
  background: #F6C574;
  top: 10px;
  right: 10px;
  left: auto;
  -webkit-transform-origin: -4px 20px;
     -moz-transform-origin: -4px 20px;
      -ms-transform-origin: -4px 20px;
       -o-transform-origin: -4px 20px;
          transform-origin: -4px 20px;
}

.load-dot > .dot3 {
  -webkit-animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
     -moz-animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
       -o-animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
  background: #00B3A0;
  top: auto;
  right: 10px;
  bottom: 10px;
  left: auto;
  -webkit-transform-origin: -4px -4px;
     -moz-transform-origin: -4px -4px;
      -ms-transform-origin: -4px -4px;
       -o-transform-origin: -4px -4px;
          transform-origin: -4px -4px;
}

.load-dot > .dot4 {
  -webkit-animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
     -moz-animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
       -o-animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
  background: #FC5652;
  top: auto;
  bottom: 10px;
  -webkit-transform-origin: 20px -4px;
     -moz-transform-origin: 20px -4px;
      -ms-transform-origin: 20px -4px;
       -o-transform-origin: 20px -4px;
          transform-origin: 20px -4px;
}

@-webkit-keyframes spin-a {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes spin-a {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
  }
  50% {
    -moz-transform: rotate(180deg);
         transform: rotate(180deg);
  }
  75% {
    -moz-transform: rotate(270deg);
         transform: rotate(270deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@-o-keyframes spin-a {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  25% {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  }
  50% {
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  }
  75% {
    -o-transform: rotate(270deg);
       transform: rotate(270deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes spin-a {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-b {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes spin-b {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
  }
  25% {
    -moz-transform: rotate(180deg);
         transform: rotate(180deg);
  }
  75% {
    -moz-transform: rotate(270deg);
         transform: rotate(270deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@-o-keyframes spin-b {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  25% {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  }
  25% {
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  }
  75% {
    -o-transform: rotate(270deg);
       transform: rotate(270deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes spin-b {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-c {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes spin-c {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
  }
  50% {
    -moz-transform: rotate(180deg);
         transform: rotate(180deg);
  }
  50% {
    -moz-transform: rotate(270deg);
         transform: rotate(270deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@-o-keyframes spin-c {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  25% {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  }
  50% {
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  }
  50% {
    -o-transform: rotate(270deg);
       transform: rotate(270deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes spin-c {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-d {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes spin-d {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
  }
  50% {
    -moz-transform: rotate(180deg);
         transform: rotate(180deg);
  }
  75% {
    -moz-transform: rotate(270deg);
         transform: rotate(270deg);
  }
  75% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@-o-keyframes spin-d {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  25% {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
  }
  50% {
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  }
  75% {
    -o-transform: rotate(270deg);
       transform: rotate(270deg);
  }
  75% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes spin-d {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.toggleTable-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.toggleTable-wrapper .toggleTable-card {
  width: 100%;
  margin-top: 5px;
}

.toggleTable-wrapper .toggleTable-card .toggleTable-card-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-radius: 0 10px 0 0;
  padding: 7px 10px;
}

.toggleTable-wrapper .toggleTable-card .toggleTable-card-header.active {
  border: none;
}

.toggleTable-wrapper .toggleTable-card .toggleTable-card-header .link-select-menu .cardMenu {
  height: 100%;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}

.toggleTable-wrapper .toggleTable-card .toggleTable-card-header .link-select-menu .cardMenu:hover {
  background: #F9F9F9;
  color: #52ABFF;
}

.toggleTable-card-header-left-nav,
.toggleTable-card-header-right-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.toggleTable-card-content.hide {
  display: none;
}

.toggleTable-card-content .form {
  margin-top: 0;
}

.link-select {
  position: relative;
  margin-right: 5px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link-select-bottom {
  min-width: 200px;
  background-color: white;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: none;
  position: absolute;
  top: 30px;
  left: -7px;
  z-index: 329;
}

.link-select .link-select-bottom.top {
  -webkit-transform: translate(0%, -100%);
     -moz-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
       -o-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
  top: 0;
}

.link-select .link-select-bottom.top i {
  top: 100%;
}

.link-select .link-select-bottom.top i::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
     -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
       -o-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.link-select-bottom.show {
  display: block;
}

.link-select .link-select-bottom i {
  width: 24px;
  height: 12px;
  position: absolute;
  bottom: 100%;
  left: 2px;
  overflow: hidden;
}

.link-select .link-select-bottom i::after {
  width: 12px;
  height: 12px;
  background-color: white;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
     -moz-transform: translate(-50%, 50%) rotate(45deg);
      -ms-transform: translate(-50%, 50%) rotate(45deg);
       -o-transform: translate(-50%, 50%) rotate(45deg);
          transform: translate(-50%, 50%) rotate(45deg);
}

.icon-toggle-arrow-btn {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.icon-toggle-arrow-btn:before, .icon-toggle-arrow-btn:after {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: 10px;
  height: 2.5px;
  background: #665AA6;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}

.icon-toggle-arrow-btn:hover:before, .icon-toggle-arrow-btn:hover:after {
  background: #4D468C;
}

.icon-toggle-arrow-btn:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
  left: 5.5px;
}

.icon-toggle-arrow-btn:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
}

.icon-toggle-arrow-btn.active:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
}

.icon-toggle-arrow-btn.active:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.select-color-input {
  display: none;
}

.select-color-input:checked + .select-color-label {
  border-width: 2px;
  -webkit-box-shadow: inset 0px 0px 0px 2px #FFF;
          box-shadow: inset 0px 0px 0px 2px #FFF;
}

.select-color-label {
  width: 26px;
  height: 26px;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.5px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin: 4px 4px 4px 2px;
  position: relative;
  vertical-align: middle;
}

.top-page-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
}

.top-page-area.only-right {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
}

.page-turn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 5px;
}

.page-turn.top {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}

.page-turn.top .page {
  margin-left: 20px;
  margin-right: 0;
}

.page-turn.top .page li:last-child {
  margin-right: 0;
}

.page-turn.top .page + * {
  margin-left: 20px;
}

.page-turn .page,
.page-turn .min-page {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 30px;
}

.page-turn .page li,
.page-turn .min-page li {
  width: auto;
  min-width: 30px;
  color: #6B6F82;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
}

.page-turn .page li a,
.page-turn .min-page li a {
  width: 100%;
  color: inherit;
  display: block;
  padding: 0 2px;
  position: relative;
  text-decoration: none;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.page-turn .page li a:hover, .page-turn .page li a.active,
.page-turn .min-page li a:hover,
.page-turn .min-page li a.active {
  -webkit-box-shadow: 0 6px 16px rgba(62, 57, 107, 0.2);
  box-shadow: 0 6px 16px rgba(62, 57, 107, 0.2);
  border-radius: 3px;
  color: white;
  -webkit-transform: translateY(-3px) scale(1.02);
  -moz-transform: translateY(-3px) scale(1.02);
  -ms-transform: translateY(-3px) scale(1.02);
  -o-transform: translateY(-3px) scale(1.02);
  transform: translateY(-3px) scale(1.02);
  z-index: 1;
}

.page-turn .page li a.previous, .page-turn .page li a.next,
.page-turn .min-page li a.previous,
.page-turn .min-page li a.next {
  height: 30px;
  position: relative;
}

.page-turn .page li a.previous:before, .page-turn .page li a.previous:after, .page-turn .page li a.next:before, .page-turn .page li a.next:after,
.page-turn .min-page li a.previous:before,
.page-turn .min-page li a.previous:after,
.page-turn .min-page li a.next:before,
.page-turn .min-page li a.next:after {
  width: 8px;
  height: 1.5px;
  background-color: #6B6F82;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  left: 10.5px;
}

.page-turn .page li a.previous:hover:before, .page-turn .page li a.previous:hover:after, .page-turn .page li a.next:hover:before, .page-turn .page li a.next:hover:after,
.page-turn .min-page li a.previous:hover:before,
.page-turn .min-page li a.previous:hover:after,
.page-turn .min-page li a.next:hover:before,
.page-turn .min-page li a.next:hover:after {
  background-color: white;
}

.page-turn .page li a.previous.disabled:before, .page-turn .page li a.previous.disabled:after, .page-turn .page li a.next.disabled:before, .page-turn .page li a.next.disabled:after,
.page-turn .min-page li a.previous.disabled:before,
.page-turn .min-page li a.previous.disabled:after,
.page-turn .min-page li a.next.disabled:before,
.page-turn .min-page li a.next.disabled:after {
  background-color: #CCCCCC;
}

.page-turn .page li a.previous:before,
.page-turn .min-page li a.previous:before {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 12px;
}

.page-turn .page li a.previous:after,
.page-turn .min-page li a.previous:after {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 17px;
}

.page-turn .page li a.next:before,
.page-turn .min-page li a.next:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 11.5px;
}

.page-turn .page li a.next:after,
.page-turn .min-page li a.next:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 16.5px;
}

.page-turn .page li a.disabled,
.page-turn .min-page li a.disabled {
  cursor: default;
}

.page-turn .page li a.disabled:hover,
.page-turn .min-page li a.disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.page-turn .min-page {
  display: none;
}

.page-turn .page-text font {
  color: #EF6C00;
}

.wrapper.font_XXL .page-turn .page li,
.wrapper.font_XXL .page-turn .min-page li {
  min-width: 34px;
  line-height: 34px;
}

.wrapper.font_XXL .page-turn .page li a.previous, .wrapper.font_XXL .page-turn .page li a.next,
.wrapper.font_XXL .page-turn .min-page li a.previous,
.wrapper.font_XXL .page-turn .min-page li a.next {
  height: 34px;
}

.wrapper.font_XXL .page-turn .page li a.previous:before, .wrapper.font_XXL .page-turn .page li a.previous:after, .wrapper.font_XXL .page-turn .page li a.next:before, .wrapper.font_XXL .page-turn .page li a.next:after,
.wrapper.font_XXL .page-turn .min-page li a.previous:before,
.wrapper.font_XXL .page-turn .min-page li a.previous:after,
.wrapper.font_XXL .page-turn .min-page li a.next:before,
.wrapper.font_XXL .page-turn .min-page li a.next:after {
  width: 10px;
  height: 2px;
  left: 12px;
}

.wrapper.font_XXL .page-turn .page li a.previous:before, .wrapper.font_XXL .page-turn .page li a.next:before,
.wrapper.font_XXL .page-turn .min-page li a.previous:before,
.wrapper.font_XXL .page-turn .min-page li a.next:before {
  top: 13px;
}

.wrapper.font_XXL .page-turn .page li a.previous:after, .wrapper.font_XXL .page-turn .page li a.next:after,
.wrapper.font_XXL .page-turn .min-page li a.previous:after,
.wrapper.font_XXL .page-turn .min-page li a.next:after {
  top: 19px;
}

.mult-select {
  max-width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 1px 0;
}

.mult-select .mult-selected,
.mult-select .mult-sel-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.mult-select .mult-selected {
  background-color: #FFFFFF;
  background-position: right center;
  border: 1px solid #CCC;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
  padding: 0 30px 0 5px;
  overflow: hidden;
}

.mult-select .mult-selected span {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mult-select .mult-selected .selected {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.mult-select .mult-selected .placeholder {
  color: #808080;
}

.mult-select.disabled .mult-selected,
.mult-select.disabled .mult-selected.focused,
.mult-select.disabled .mult-selected:hover {
  background-color: #EFEFEF;
  color: #BCBCBC;
}

.mult-select .mult-sel-list div {
  width: 100%;
  max-height: 300px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  overflow-x: hidden;
  z-index: 10;
}

.mult-select .mult-sel-list div label {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}

.mult-select .mult-sel-list div label:has(input:checked) {
  background-color: #4296EA;
  color: #FFFFFF;
}

.mult-select .mult-sel-list div label:hover {
  background-color: #1967D2 !important;
  color: #FFFFFF;
}

.mult-select .mult-sel-list div label span {
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}

/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.icon-add-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-add-disabled-btn, .wrapper .icon-add-btn.disabled, .wrapper .icon-add-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-add-fav-btn, .wrapper .icon-add-fav {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-add-fav-active-blue-btn, .wrapper.blue .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-add-fav-active-brown-btn, .wrapper.brown .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-add-fav-active-green-btn, .wrapper.green .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-add-fav-active-indigo-btn, .wrapper.indigo .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-add-fav-active-orange-btn, .wrapper.orange .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-add-fav-active-pink-btn, .wrapper.pink .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-add-fav-active-purple-btn, .wrapper.purple .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-add-fav-active-red-btn, .wrapper.red .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-add-fav-active-teal-btn, .wrapper.teal .icon-add-fav.active {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-add-fav-disabled-btn, .wrapper .icon-add-fav.disabled, .wrapper .icon-add-fav.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-add-hover-btn, .wrapper .icon-add-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-add2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-add2-disabled-btn, .wrapper .icon-add2-btn.disabled, .wrapper .icon-add2-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-add2-hover-btn, .wrapper .icon-add2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-aics-btn, #aics-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-alert-help-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-alert-help-disabled-btn, .wrapper .icon-alert-help-btn.disabled, .wrapper .icon-alert-help-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-alert-help-hover-btn, .wrapper .icon-alert-help-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-all-download-btn, a.icon-all-download:before {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-all-download-disabled-btn, a.icon-all-download.disabled:before, a.icon-all-download.disabled:hover:before {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-all-download-hover-btn, a.icon-all-download:hover:before {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-arrow_down-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-arrow_down_off-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-arrow_up-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-arrow_up_off-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-att-ref-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-att-ref-disabled-btn, .wrapper .icon-att-ref-btn.disabled, .wrapper .icon-att-ref-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-att-ref-hover-btn, .wrapper .icon-att-ref-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-att-ref2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -19.375em -19.375em;
}

.icon-att-ref2-disabled-btn, .wrapper .icon-att-ref2-btn.disabled, .wrapper .icon-att-ref2-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20em -20em;
}

.icon-att-ref2-hover-btn, .wrapper .icon-att-ref2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20.625em -20.625em;
}

.icon-attachment-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.25em -21.25em;
}

.icon-attachment-disabled-btn, .wrapper .icon-attachment-btn.disabled, .wrapper .icon-attachment-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.875em -21.875em;
}

.icon-attachment-hover-btn, .wrapper .icon-attachment-btn:hover, .wrapper .icon-attachment,
.wrapper .icon-attachment:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/a-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -22.5em -22.5em;
}

.icon-back-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-back-disabled-btn, .wrapper .icon-back-btn.disabled, .wrapper .icon-back-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-back-hover-btn, .wrapper .icon-back-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-blank-file-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-blank-file-disabled-btn, .wrapper .icon-blank-file-btn.disabled, .wrapper .icon-blank-file-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-blank-file-hover-btn, .wrapper .icon-blank-file-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-browse-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-browse-disabled-btn, .wrapper .icon-browse-btn.disabled, .wrapper .icon-browse-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-browse-hover-btn, .wrapper .icon-browse-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/b-combine-svg.svg");
  -o-background-size: 5.625em 5.625em;
     background-size: 5.625em 5.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-calculator-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-calculator-disabled-btn, .wrapper .icon-calculator-btn.disabled, .wrapper .icon-calculator-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-calculator-hover-btn, .wrapper .icon-calculator-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-capture-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-capture-disabled-btn, .wrapper .icon-capture-btn.disabled, .wrapper .icon-capture-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-capture-hover-btn, .wrapper .icon-capture-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-change-btn, .wrapper .icon-change2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-change-disabled-btn, .wrapper .icon-change-btn.disabled, .wrapper .disabled.icon-change2-btn, .wrapper .icon-change-btn.disabled:hover, .wrapper .disabled.icon-change2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-change-hover-btn, .wrapper .icon-change-btn:hover, .wrapper .icon-change2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-check-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-check-disabled-btn, .wrapper .icon-check-btn.disabled, .wrapper .icon-check-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-check-hover-btn, .wrapper .icon-check-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-circle-down-btn, .wrapper .icon-circle-down {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-circle-down-disabled-btn, .wrapper .icon-circle-down.disabled, .wrapper .icon-circle-down.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-circle-down-hover-btn, .wrapper .icon-circle-down:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-circle-up-btn, .wrapper .icon-circle-up {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-circle-up-disabled-btn, .wrapper .icon-circle-up.disabled, .wrapper .icon-circle-up.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-circle-up-hover-btn, .wrapper .icon-circle-up:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-clear-btn, .filter2 .filter-de {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-close-window-blue-btn, .wrapper.blue .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-close-window-blue-hover-btn, .wrapper.blue .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-close-window-brown-btn, .wrapper.brown .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-close-window-brown-hover-btn, .wrapper.brown .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-close-window-green-btn, .wrapper.green .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-close-window-green-hover-btn, .wrapper.green .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-close-window-indigo-btn, .wrapper.indigo .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-close-window-indigo-hover-btn, .wrapper.indigo .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-close-window-orange-btn, .wrapper.orange .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-close-window-orange-hover-btn, .wrapper.orange .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-close-window-pink-btn, .wrapper.pink .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-close-window-pink-hover-btn, .wrapper.pink .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-close-window-purple-btn, .wrapper.purple .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -19.375em -19.375em;
}

.icon-close-window-purple-hover-btn, .wrapper.purple .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20em -20em;
}

.icon-close-window-red-btn, .wrapper.red .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20.625em -20.625em;
}

.icon-close-window-red-hover-btn, .wrapper.red .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.25em -21.25em;
}

.icon-close-window-teal-btn, .wrapper.teal .topbtn .icon-close-window {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.875em -21.875em;
}

.icon-close-window-teal-hover-btn, .wrapper.teal .topbtn .icon-close-window:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -22.5em -22.5em;
}

.icon-changeid-blue-btn, .wrapper.blue .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-changeid-blue-hover-btn, .wrapper.blue .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-changeid-brown-btn, .wrapper.brown .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-changeid-brown-hover-btn, .wrapper.brown .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-changeid-green-btn, .wrapper.green .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-changeid-green-hover-btn, .wrapper.green .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-changeid-indigo-btn, .wrapper.indigo .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-changeid-indigo-hover-btn, .wrapper.indigo .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-changeid-orange-btn, .wrapper.orange .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-changeid-orange-hover-btn, .wrapper.orange .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-changeid-pink-btn, .wrapper.pink .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-changeid-pink-hover-btn, .wrapper.pink .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-changeid-purple-btn, .wrapper.purple .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-changeid-purple-hover-btn, .wrapper.purple .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-changeid-red-btn, .wrapper.red .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-changeid-red-hover-btn, .wrapper.red .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-changeid-teal-btn, .wrapper.teal .topbtn .icon-changeid {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-changeid-teal-hover-btn, .wrapper.teal .topbtn .icon-changeid:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-common-description-blue-btn, .wrapper.blue .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-common-description-blue-hover-btn, .wrapper.blue .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-common-description-brown-btn, .wrapper.brown .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-common-description-brown-hover-btn, .wrapper.brown .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-common-description-green-btn, .wrapper.green .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-common-description-green-hover-btn, .wrapper.green .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-common-description-indigo-btn, .wrapper.indigo .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-common-description-indigo-hover-btn, .wrapper.indigo .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-common-description-orange-btn, .wrapper.orange .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-common-description-orange-hover-btn, .wrapper.orange .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-common-description-pink-btn, .wrapper.pink .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-common-description-pink-hover-btn, .wrapper.pink .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-common-description-purple-btn, .wrapper.purple .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-common-description-purple-hover-btn, .wrapper.purple .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -19.375em -19.375em;
}

.icon-common-description-red-btn, .wrapper.red .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20em -20em;
}

.icon-common-description-red-hover-btn, .wrapper.red .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20.625em -20.625em;
}

.icon-common-description-teal-btn, .wrapper.teal .topbtn .icon-common-description {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.25em -21.25em;
}

.icon-common-description-teal-hover-btn, .wrapper.teal .topbtn .icon-common-description:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.875em -21.875em;
}

.icon-copy-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -22.5em -22.5em;
}

.icon-copy-disabled-btn, .wrapper .icon-copy-btn.disabled, .wrapper .icon-copy-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -23.125em -23.125em;
}

.icon-copy-hover-btn, .wrapper .icon-copy-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/c2-combine-svg.svg");
  -o-background-size: 24.375em 24.375em;
     background-size: 24.375em 24.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -23.75em -23.75em;
}

.icon-delete-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-delete-disabled-btn, .wrapper .icon-delete-btn.disabled, .wrapper .icon-delete-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-delete-hover-btn, .wrapper .icon-delete-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-delete2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-delete2-disabled-btn, .wrapper .icon-delete2-btn.disabled, .wrapper .icon-delete2-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-delete2-hover-btn, .wrapper .icon-delete2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-detect-blue-btn, .wrapper.blue .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-detect-blue-hover-btn, .wrapper.blue .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-detect-brown-btn, .wrapper.brown .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-detect-brown-hover-btn, .wrapper.brown .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-detect-green-btn, .wrapper.green .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-detect-green-hover-btn, .wrapper.green .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-detect-indigo-btn, .wrapper.indigo .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-detect-indigo-hover-btn, .wrapper.indigo .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-detect-orange-btn, .wrapper.orange .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-detect-orange-hover-btn, .wrapper.orange .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-detect-pink-btn, .wrapper.pink .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-detect-pink-hover-btn, .wrapper.pink .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-detect-purple-btn, .wrapper.purple .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-detect-purple-hover-btn, .wrapper.purple .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-detect-red-btn, .wrapper.red .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-detect-red-hover-btn, .wrapper.red .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-detect-teal-btn, .wrapper.teal .topbtn .icon-detect {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-detect-teal-hover-btn, .wrapper.teal .topbtn .icon-detect:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-down-circle-btn, .icon-down_circle {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-download-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-download-disabled-btn, .wrapper .icon-download-btn.disabled, .wrapper .icon-download-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-download-hover-btn, .wrapper .icon-download-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-download2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-download2-disabled-btn, .wrapper .icon-download2-btn.disabled, .wrapper .icon-download2-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-download2-hover-btn, .wrapper .icon-download2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/d-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-edit-btn, .wrapper .icon-edit2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/e-combine-svg.svg");
  -o-background-size: 3.125em 3.125em;
     background-size: 3.125em 3.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-edit-disabled-btn, .wrapper .icon-edit-btn.disabled, .wrapper .disabled.icon-edit2-btn, .wrapper .icon-edit-btn.disabled:hover, .wrapper .disabled.icon-edit2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/e-combine-svg.svg");
  -o-background-size: 3.125em 3.125em;
     background-size: 3.125em 3.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-edit-hover-btn, .wrapper .icon-edit-btn:hover, .wrapper .icon-edit2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/e-combine-svg.svg");
  -o-background-size: 3.125em 3.125em;
     background-size: 3.125em 3.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-error-btn, .msg-icon-error:before, .top-msg-error i:before, .f-msg-icon.f-msg-icon-error:before {
  display: inline-block;
  background-image: url("svg(UTF8)/e-combine-svg.svg");
  -o-background-size: 3.125em 3.125em;
     background-size: 3.125em 3.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-exclamation-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/e-combine-svg.svg");
  -o-background-size: 3.125em 3.125em;
     background-size: 3.125em 3.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-fav-btn, .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-fav-blue-btn, .wrapper.blue #m1 .left-menu_fav-btn:hover:before, .wrapper.blue #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-fav-brown-btn, .wrapper.brown #m1 .left-menu_fav-btn:hover:before, .wrapper.brown #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-fav-green-btn, .wrapper.green #m1 .left-menu_fav-btn:hover:before, .wrapper.green #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-fav-indigo-btn, .wrapper.indigo #m1 .left-menu_fav-btn:hover:before, .wrapper.indigo #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-fav-orange-btn, .wrapper.orange #m1 .left-menu_fav-btn:hover:before, .wrapper.orange #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-fav-pink-btn, .wrapper.pink #m1 .left-menu_fav-btn:hover:before, .wrapper.pink #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-fav-purple-btn, .wrapper.purple #m1 .left-menu_fav-btn:hover:before, .wrapper.purple #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-fav-red-btn, .wrapper.red #m1 .left-menu_fav-btn:hover:before, .wrapper.red #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-fav-teal-btn, .wrapper.teal #m1 .left-menu_fav-btn:hover:before, .wrapper.teal #m1:checked ~ .left-menu_switch-area .left-menu_fav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-file-text-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-file-text-disabled-btn, .wrapper .icon-file-text-btn.disabled, .wrapper .icon-file-text-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-file-text-hover-btn, .wrapper .icon-file-text-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-file-text2-btn, .file-icon {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-file-upload-btn, .file-upload-btn:before, .file-upload2-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-file-upload-disabled-btn, .file-upload-btn.disabled:before, .file-upload2-btn.disabled:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-filter-btn, .filter2 .filter-sw {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-floppy-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-floppy-disabled-btn, .wrapper .icon-floppy-btn.disabled, .wrapper .icon-floppy-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-floppy-hover-btn, .wrapper .icon-floppy-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-go-top-btn, #top-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-grid-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-grid-disabled-btn, .wrapper .icon-grid-btn.disabled, .wrapper .icon-grid-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-grid-hover-btn, .wrapper .icon-grid-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/f-g-combine-svg.svg");
  -o-background-size: 15em 15em;
     background-size: 15em 15em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-help-blue-btn, .wrapper.blue .topbtn .icon-help, .wrapper.blue .icon-title-help-btn:before,
.wrapper.blue wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.blue .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-help-blue-hover-btn, .wrapper.blue .topbtn .icon-help:hover, .wrapper.blue .icon-title-help-btn:hover:before,
.wrapper.blue wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.blue .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-help-brown-btn, .wrapper.brown .topbtn .icon-help, .wrapper.brown .icon-title-help-btn:before,
.wrapper.brown wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.brown .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-help-brown-hover-btn, .wrapper.brown .topbtn .icon-help:hover, .wrapper.brown .icon-title-help-btn:hover:before,
.wrapper.brown wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.brown .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-help-green-btn, .wrapper.green .topbtn .icon-help, .wrapper.green .icon-title-help-btn:before,
.wrapper.green wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.green .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-help-green-hover-btn, .wrapper.green .topbtn .icon-help:hover, .wrapper.green .icon-title-help-btn:hover:before,
.wrapper.green wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.green .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-help-indigo-btn, .wrapper.indigo .topbtn .icon-help, .wrapper.indigo .icon-title-help-btn:before,
.wrapper.indigo wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.indigo .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-help-indigo-hover-btn, .wrapper.indigo .topbtn .icon-help:hover, .wrapper.indigo .icon-title-help-btn:hover:before,
.wrapper.indigo wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.indigo .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-help-orange-btn, .wrapper.orange .topbtn .icon-help, .wrapper.orange .icon-title-help-btn:before,
.wrapper.orange wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.orange .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-help-orange-hover-btn, .wrapper.orange .topbtn .icon-help:hover, .wrapper.orange .icon-title-help-btn:hover:before,
.wrapper.orange wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.orange .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-help-pink-btn, .wrapper.pink .topbtn .icon-help, .wrapper.pink .icon-title-help-btn:before,
.wrapper.pink wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.pink .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-help-pink-hover-btn, .wrapper.pink .topbtn .icon-help:hover, .wrapper.pink .icon-title-help-btn:hover:before,
.wrapper.pink wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.pink .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-help-purple-btn, .wrapper.purple .topbtn .icon-help, .wrapper.purple .icon-title-help-btn:before,
.wrapper.purple wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.purple .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-help-purple-hover-btn, .wrapper.purple .topbtn .icon-help:hover, .wrapper.purple .icon-title-help-btn:hover:before,
.wrapper.purple wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.purple .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-help-red-btn, .wrapper.red .topbtn .icon-help, .wrapper.red .icon-title-help-btn:before,
.wrapper.red wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.red .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-help-red-hover-btn, .wrapper.red .topbtn .icon-help:hover, .wrapper.red .icon-title-help-btn:hover:before,
.wrapper.red wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.red .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-help-teal-btn, .wrapper.teal .topbtn .icon-help, .wrapper.teal .icon-title-help-btn:before,
.wrapper.teal wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.teal .icon-apply-rules-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-help-teal-hover-btn, .wrapper.teal .topbtn .icon-help:hover, .wrapper.teal .icon-title-help-btn:hover:before,
.wrapper.teal wc-dialog-tip::part(icon-title-help-btn):hover:before,
.wrapper.teal .icon-apply-rules-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-home-blue-btn, .wrapper.blue .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-home-blue-hover-btn, .wrapper.blue .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-home-brown-btn, .wrapper.brown .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-home-brown-hover-btn, .wrapper.brown .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-home-green-btn, .wrapper.green .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-home-green-hover-btn, .wrapper.green .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-home-indigo-btn, .wrapper.indigo .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-home-indigo-hover-btn, .wrapper.indigo .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-home-orange-btn, .wrapper.orange .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-home-orange-hover-btn, .wrapper.orange .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-home-pink-btn, .wrapper.pink .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-home-pink-hover-btn, .wrapper.pink .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-home-purple-btn, .wrapper.purple .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-home-purple-hover-btn, .wrapper.purple .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -19.375em -19.375em;
}

.icon-home-red-btn, .wrapper.red .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20em -20em;
}

.icon-home-red-hover-btn, .wrapper.red .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20.625em -20.625em;
}

.icon-home-teal-btn, .wrapper.teal .topbtn .icon-home {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.25em -21.25em;
}

.icon-home-teal-hover-btn, .wrapper.teal .topbtn .icon-home:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/h-combine-svg.svg");
  -o-background-size: 22.5em 22.5em;
     background-size: 22.5em 22.5em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.875em -21.875em;
}

.icon-info-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-info-disabled-btn, .wrapper .icon-info-btn.disabled, .wrapper .icon-info-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-info-hover-btn, .wrapper .icon-info-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-info2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-info2-disabled-btn, .wrapper .icon-info2-btn.disabled, .wrapper .icon-info2-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-info2-hover-btn, .wrapper .icon-info2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-less-btn, .wrapper .icon-less, .wrapper.font_S .icon-less {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-less-circle-btn, .error-hide-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-less-circle-hover-btn, .error-hide-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-link-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-link-disabled-btn, .wrapper .icon-link-btn.disabled, .wrapper .icon-link-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-link-hover-btn, .wrapper .icon-link-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-list-btn, .wrapper .icon-list, .wrapper.font_S .icon-list {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-list-level5-btn, .list-level5:before {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-list2-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-list2-disabled-btn, .wrapper .icon-list2-btn.disabled, .wrapper .icon-list2-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-list2-hover-btn, .wrapper .icon-list2-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-location-btn, .wrapper .icon-location {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-location-on-btn, .icon-location_on {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-log-out-blue-btn, .wrapper.blue .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-log-out-blue-hover-btn, .wrapper.blue .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-log-out-brown-btn, .wrapper.brown .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-log-out-brown-hover-btn, .wrapper.brown .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-log-out-green-btn, .wrapper.green .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-log-out-green-hover-btn, .wrapper.green .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-log-out-indigo-btn, .wrapper.indigo .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-log-out-indigo-hover-btn, .wrapper.indigo .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-log-out-orange-btn, .wrapper.orange .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-log-out-orange-hover-btn, .wrapper.orange .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-log-out-pink-btn, .wrapper.pink .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-log-out-pink-hover-btn, .wrapper.pink .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-log-out-purple-btn, .wrapper.purple .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -19.375em -19.375em;
}

.icon-log-out-purple-hover-btn, .wrapper.purple .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20em -20em;
}

.icon-log-out-red-btn, .wrapper.red .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20.625em -20.625em;
}

.icon-log-out-red-hover-btn, .wrapper.red .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.25em -21.25em;
}

.icon-log-out-teal-btn, .wrapper.teal .topbtn .icon-log-out {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -21.875em -21.875em;
}

.icon-log-out-teal-hover-btn, .wrapper.teal .topbtn .icon-log-out:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/i-l-combine-svg.svg");
  -o-background-size: 23.125em 23.125em;
     background-size: 23.125em 23.125em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -22.5em -22.5em;
}

.icon-magic-wand-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-magic-wand-disabled-btn, .wrapper .icon-magic-wand-btn.disabled, .wrapper .icon-magic-wand-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-magic-wand-hover-btn, .wrapper .icon-magic-wand-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-maxsize-btn, .wrapper .icon-maxsize, .wrapper i.icon-minsize {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-maxsize-hover-btn, .wrapper .icon-maxsize:hover, .wrapper i.icon-minsize:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-minsize-btn, .wrapper .icon-minsize, #toggle-btn:checked ~ .system_bg .bars .icon-minsize {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-minsize-hover-btn, .wrapper .icon-minsize:hover, #toggle-btn:checked ~ .system_bg .bars .icon-minsize:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-minus-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-minus-disabled-btn, .wrapper .icon-minus-btn.disabled, .wrapper .icon-minus-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-minus-hover-btn, .wrapper .icon-minus-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-more-blue-btn, .wrapper.blue .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-more-brown-btn, .wrapper.brown .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-more-green-btn, .wrapper.green .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-more-indigo-btn, .wrapper.indigo .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-more-orange-btn, .wrapper.orange .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-more-pink-btn, .wrapper.pink .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-more-purple-btn, .wrapper.purple .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-more-red-btn, .wrapper.red .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-more-teal-btn, .wrapper.teal .icon-more {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-move-left-btn, .wrapper .icon-move-left {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-move-left-disabled-btn, .wrapper .icon-move-left.disabled, .wrapper .icon-move-left.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-move-left-hover-btn, .wrapper .icon-move-left:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-move-right-btn, .wrapper .icon-move-right {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-move-right-disabled-btn, .wrapper .icon-move-right.disabled, .wrapper .icon-move-right.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-move-right-hover-btn, .wrapper .icon-move-right:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-msg-detail-hide-btn, .msg-detail-hide-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-msg-detail-hide-hover-btn, .msg-detail-hide-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-msg-detail-show-btn, .msg-detail-show-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-msg-detail-show-hover-btn, .msg-detail-show-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-multiple-upload-btn, .multiple-upload-btn:before, .multiple-upload2-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-multiple-upload-disabled-btn, .multiple-upload-btn.disabled:before, .multiple-upload2-btn.disabled:before {
  display: inline-block;
  background-image: url("svg(UTF8)/m-combine-svg.svg");
  -o-background-size: 19.375em 19.375em;
     background-size: 19.375em 19.375em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-nav-btn, .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-nav-blue-btn, .wrapper.blue #m2 .left-menu_nav-btn:hover:before,
.wrapper.blue #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-nav-brown-btn, .wrapper.brown #m2 .left-menu_nav-btn:hover:before,
.wrapper.brown #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-nav-green-btn, .wrapper.green #m2 .left-menu_nav-btn:hover:before,
.wrapper.green #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-nav-indigo-btn, .wrapper.indigo #m2 .left-menu_nav-btn:hover:before,
.wrapper.indigo #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-nav-orange-btn, .wrapper.orange #m2 .left-menu_nav-btn:hover:before,
.wrapper.orange #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-nav-pink-btn, .wrapper.pink #m2 .left-menu_nav-btn:hover:before,
.wrapper.pink #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-nav-purple-btn, .wrapper.purple #m2 .left-menu_nav-btn:hover:before,
.wrapper.purple #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-nav-red-btn, .wrapper.red #m2 .left-menu_nav-btn:hover:before,
.wrapper.red #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-nav-teal-btn, .wrapper.teal #m2 .left-menu_nav-btn:hover:before,
.wrapper.teal #m2:checked ~ .left-menu_switch-area .left-menu_nav-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-not-allowed-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-notice-blue-btn, .wrapper.blue .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-notice-blue-hover-btn, .wrapper.blue .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-notice-brown-btn, .wrapper.brown .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-notice-brown-hover-btn, .wrapper.brown .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-notice-green-btn, .wrapper.green .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-notice-green-hover-btn, .wrapper.green .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-notice-indigo-btn, .wrapper.indigo .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-notice-indigo-hover-btn, .wrapper.indigo .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-notice-orange-btn, .wrapper.orange .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-notice-orange-hover-btn, .wrapper.orange .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-notice-pink-btn, .wrapper.pink .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-notice-pink-hover-btn, .wrapper.pink .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-notice-purple-btn, .wrapper.purple .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-notice-purple-hover-btn, .wrapper.purple .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-notice-red-btn, .wrapper.red .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-notice-red-hover-btn, .wrapper.red .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-notice-teal-btn, .wrapper.teal .topbtn .notice .icon-notice {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-notice-teal-hover-btn, .wrapper.teal .topbtn .notice.have-info .icon-notice:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-notifications-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/n-combine-svg.svg");
  -o-background-size: 18.75em 18.75em;
     background-size: 18.75em 18.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-off-job-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-off-job-disabled-btn, .wrapper .icon-off-job-btn.disabled, .wrapper .icon-off-job-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-off-job-hover-btn, .wrapper .icon-off-job-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-on-job-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-on-job-disabled-btn, .wrapper .icon-on-job-btn.disabled, .wrapper .icon-on-job-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-on-job-hover-btn, .wrapper .icon-on-job-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-process-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-process-disabled-btn, .wrapper .icon-process-btn.disabled, .wrapper .icon-process-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-process-hover-btn, .wrapper .icon-process-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-query-btn, .msg-icon-query:before, .top-msg-query i:before, .f-msg-icon.f-msg-icon-query:before {
  display: inline-block;
  background-image: url("svg(UTF8)/o-q-combine-svg.svg");
  -o-background-size: 6.25em 6.25em;
     background-size: 6.25em 6.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-remind-btn, .msg-icon-remind:before, .top-msg-remind i:before, .f-msg-icon.f-msg-icon-remind:before {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-replay-blue-btn, .wrapper.blue .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-replay-blue-hover-btn, .wrapper.blue .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-replay-brown-btn, .wrapper.brown .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-replay-brown-hover-btn, .wrapper.brown .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-replay-green-btn, .wrapper.green .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-replay-green-hover-btn, .wrapper.green .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-replay-indigo-btn, .wrapper.indigo .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-replay-indigo-hover-btn, .wrapper.indigo .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-replay-orange-btn, .wrapper.orange .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-replay-orange-hover-btn, .wrapper.orange .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-replay-pink-btn, .wrapper.pink .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-replay-pink-hover-btn, .wrapper.pink .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-replay-purple-btn, .wrapper.purple .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-replay-purple-hover-btn, .wrapper.purple .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-replay-red-btn, .wrapper.red .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-replay-red-hover-btn, .wrapper.red .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-replay-teal-btn, .wrapper.teal .topbtn .icon-replay {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-replay-teal-hover-btn, .wrapper.teal .topbtn .icon-replay:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-return-btn, .icon-return3 {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-return2-btn, .wrapper .icon-return2, .icon-return2 {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-return2-hover-btn, .wrapper .icon-return2:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/r-combine-svg.svg");
  -o-background-size: 13.75em 13.75em;
     background-size: 13.75em 13.75em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-seal-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-seal-disabled-btn, .wrapper .icon-seal-btn.disabled, .wrapper .icon-seal-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-seal-hover-btn, .wrapper .icon-seal-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-search-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-search-disabled-btn, .wrapper .icon-search-btn.disabled, .wrapper .icon-search-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-search-hover-btn, .wrapper .icon-search-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-search-menu-btn, .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-search-menu-blue-btn, .wrapper.blue #m3 .left-menu_sea-btn:hover:before,
.wrapper.blue #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-search-menu-brown-btn, .wrapper.brown #m3 .left-menu_sea-btn:hover:before,
.wrapper.brown #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-search-menu-green-btn, .wrapper.green #m3 .left-menu_sea-btn:hover:before,
.wrapper.green #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-search-menu-indigo-btn, .wrapper.indigo #m3 .left-menu_sea-btn:hover:before,
.wrapper.indigo #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-search-menu-orange-btn, .wrapper.orange #m3 .left-menu_sea-btn:hover:before,
.wrapper.orange #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-search-menu-pink-btn, .wrapper.pink #m3 .left-menu_sea-btn:hover:before,
.wrapper.pink #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-search-menu-purple-btn, .wrapper.purple #m3 .left-menu_sea-btn:hover:before,
.wrapper.purple #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-search-menu-red-btn, .wrapper.red #m3 .left-menu_sea-btn:hover:before,
.wrapper.red #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-search-menu-teal-btn, .wrapper.teal #m3 .left-menu_sea-btn:hover:before,
.wrapper.teal #m3:checked ~ .left-menu_switch-area .left-menu_sea-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-sortdown-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-sortdown-disabled-btn, .wrapper .icon-sortdown-btn.disabled, .wrapper .icon-sortdown-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-sortdown-hover-btn, .wrapper .icon-sortdown-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-sortup-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-sortup-disabled-btn, .wrapper .icon-sortup-btn.disabled, .wrapper .icon-sortup-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-sortup-hover-btn, .wrapper .icon-sortup-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-stepmoveleft-btn, .stepmoveleft:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-stepmoveright-btn, .stepmoveright:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-success-btn, .msg-icon-success:before, .top-msg-success i:before, .f-msg-icon.f-msg-icon-success:before {
  display: inline-block;
  background-image: url("svg(UTF8)/s-combine-svg.svg");
  -o-background-size: 15.625em 15.625em;
     background-size: 15.625em 15.625em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-toggle-all-hide-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: 0em 0em;
}

.icon-toggle-all-hide-disabled-btn, .wrapper .icon-toggle-all-hide-btn.disabled, .wrapper .icon-toggle-all-hide-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -0.625em -0.625em;
}

.icon-toggle-all-hide-hover-btn, .wrapper .icon-toggle-all-hide-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.25em -1.25em;
}

.icon-toggle-all-show-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -1.875em -1.875em;
}

.icon-toggle-all-show-disabled-btn, .wrapper .icon-toggle-all-show-btn.disabled, .wrapper .icon-toggle-all-show-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -2.5em -2.5em;
}

.icon-toggle-all-show-hover-btn, .wrapper .icon-toggle-all-show-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.125em -3.125em;
}

.icon-trash-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -3.75em -3.75em;
}

.icon-trash-disabled-btn, .wrapper .icon-trash-btn.disabled, .wrapper .icon-trash-btn.disabled:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -4.375em -4.375em;
}

.icon-trash-hover-btn, .wrapper .icon-trash-btn:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5em -5em;
}

.icon-up-circle-btn, .icon-up_circle {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -5.625em -5.625em;
}

.icon-upload-file-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.25em -6.25em;
}

.icon-upload-file-disabled-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -6.875em -6.875em;
}

.icon-upload-multiple-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -7.5em -7.5em;
}

.icon-upload-multiple-disabled-btn {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.125em -8.125em;
}

.icon-usmenu-blue-btn, .wrapper.blue .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -8.75em -8.75em;
}

.icon-usmenu-blue-hover-btn, .wrapper.blue .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -9.375em -9.375em;
}

.icon-usmenu-brown-btn, .wrapper.brown .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10em -10em;
}

.icon-usmenu-brown-hover-btn, .wrapper.brown .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -10.625em -10.625em;
}

.icon-usmenu-green-btn, .wrapper.green .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.25em -11.25em;
}

.icon-usmenu-green-hover-btn, .wrapper.green .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -11.875em -11.875em;
}

.icon-usmenu-indigo-btn, .wrapper.indigo .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -12.5em -12.5em;
}

.icon-usmenu-indigo-hover-btn, .wrapper.indigo .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.125em -13.125em;
}

.icon-usmenu-orange-btn, .wrapper.orange .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -13.75em -13.75em;
}

.icon-usmenu-orange-hover-btn, .wrapper.orange .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -14.375em -14.375em;
}

.icon-usmenu-pink-btn, .wrapper.pink .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15em -15em;
}

.icon-usmenu-pink-hover-btn, .wrapper.pink .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -15.625em -15.625em;
}

.icon-usmenu-purple-btn, .wrapper.purple .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.25em -16.25em;
}

.icon-usmenu-purple-hover-btn, .wrapper.purple .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -16.875em -16.875em;
}

.icon-usmenu-red-btn, .wrapper.red .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -17.5em -17.5em;
}

.icon-usmenu-red-hover-btn, .wrapper.red .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.125em -18.125em;
}

.icon-usmenu-teal-btn, .wrapper.teal .topbtn .icon-usmenu {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -18.75em -18.75em;
}

.icon-usmenu-teal-hover-btn, .wrapper.teal .topbtn .icon-usmenu:hover {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -19.375em -19.375em;
}

.icon-warning-btn, .msg-icon-warning:before, .top-msg-warning i:before, .f-msg-icon.f-msg-icon-warning:before {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20em -20em;
}

.icon-warning2-btn, .icon-title-warning-btn:before,
.tip-container .icon-title-warning-btn:before {
  display: inline-block;
  background-image: url("svg(UTF8)/t-z-combine-svg.svg");
  -o-background-size: 21.25em 21.25em;
     background-size: 21.25em 21.25em;
  width: 0.63125em;
  height: 0.63125em;
  background-position: -20.625em -20.625em;
}

i[class^="icon-"] {
  font-size: 12px;
}

.wrapper.blue .icon-title-help-btn:before,
.wrapper.blue wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.blue .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.red .icon-title-help-btn:before,
.wrapper.red wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.red .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.green .icon-title-help-btn:before,
.wrapper.green wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.green .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.orange .icon-title-help-btn:before,
.wrapper.orange wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.orange .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.purple .icon-title-help-btn:before,
.wrapper.purple wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.purple .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.teal .icon-title-help-btn:before,
.wrapper.teal wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.teal .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.indigo .icon-title-help-btn:before,
.wrapper.indigo wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.indigo .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.pink .icon-title-help-btn:before,
.wrapper.pink wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.pink .icon-apply-rules-btn {
  font-size: 28px;
}

.wrapper.brown .icon-title-help-btn:before,
.wrapper.brown wc-dialog-tip::part(icon-title-help-btn):before,
.wrapper.brown .icon-apply-rules-btn {
  font-size: 28px;
}

.left-menu_fav-btn:before {
  font-size: 28px;
}

.left-menu_nav-btn:before {
  font-size: 26px;
}

.left-menu_sea-btn:before {
  font-size: 26px;
}

.wrapper .icon-more {
  font-size: 18px;
}

.wrapper .icon-more.disabled, .wrapper .icon-more:hover.disabled {
  cursor: default;
}

.wrapper .icon-less {
  font-size: 18px;
}

.wrapper .icon-less.disabled, .wrapper .icon-less:hover.disabled {
  cursor: default;
}

.wrapper .icon-list {
  font-size: 14px;
}

.wrapper .icon-list.disabled, .wrapper .icon-list:hover.disabled {
  cursor: default;
}

.wrapper .icon-location {
  font-size: 38px;
}

.wrapper .icon-location.disabled, .wrapper .icon-location:hover.disabled {
  cursor: default;
}

.wrapper .icon-location_on {
  font-size: 38px;
}

.wrapper .icon-location_on.disabled, .wrapper .icon-location_on:hover.disabled {
  cursor: default;
}

.wrapper .icon-help {
  font-size: 33px;
}

.wrapper .icon-help.disabled, .wrapper .icon-help:hover.disabled {
  cursor: default;
}

.wrapper .icon-home {
  font-size: 43px;
}

.wrapper .icon-home.disabled, .wrapper .icon-home:hover.disabled {
  cursor: default;
}

.wrapper .icon-log-out {
  font-size: 34px;
}

.wrapper .icon-log-out.disabled, .wrapper .icon-log-out:hover.disabled {
  cursor: default;
}

.wrapper .icon-replay {
  font-size: 33px;
}

.wrapper .icon-replay.disabled, .wrapper .icon-replay:hover.disabled {
  cursor: default;
}

.wrapper .icon-detect {
  font-size: 33px;
}

.wrapper .icon-detect.disabled, .wrapper .icon-detect:hover.disabled {
  cursor: default;
}

.wrapper .icon-notice {
  font-size: 34px;
}

.wrapper .icon-notice.disabled, .wrapper .icon-notice:hover.disabled {
  cursor: default;
}

.wrapper .icon-changeid {
  font-size: 40px;
}

.wrapper .icon-changeid.disabled, .wrapper .icon-changeid:hover.disabled {
  cursor: default;
}

.wrapper .icon-close-window {
  font-size: 41px;
}

.wrapper .icon-close-window.disabled, .wrapper .icon-close-window:hover.disabled {
  cursor: default;
}

.wrapper .icon-common-description {
  font-size: 41px;
}

.wrapper .icon-common-description.disabled, .wrapper .icon-common-description:hover.disabled {
  cursor: default;
}

.wrapper .icon-usmenu {
  font-size: 36px;
}

.wrapper .icon-usmenu.disabled, .wrapper .icon-usmenu:hover.disabled {
  cursor: default;
}

.wrapper .icon-return2 {
  font-size: 26px;
}

.wrapper .icon-return2.disabled, .wrapper .icon-return2:hover.disabled {
  cursor: default;
}

.wrapper .icon-return3 {
  font-size: 24px;
}

.wrapper .icon-return3.disabled, .wrapper .icon-return3:hover.disabled {
  cursor: default;
}

.wrapper .icon-minsize {
  font-size: 19px;
}

.wrapper .icon-minsize.disabled, .wrapper .icon-minsize:hover.disabled {
  cursor: default;
}

.wrapper .icon-maxsize {
  font-size: 19px;
}

.wrapper .icon-maxsize.disabled, .wrapper .icon-maxsize:hover.disabled {
  cursor: default;
}

.wrapper .icon-circle-down {
  font-size: 52px;
}

.wrapper .icon-circle-down.disabled, .wrapper .icon-circle-down:hover.disabled {
  cursor: default;
}

.wrapper .icon-circle-up {
  font-size: 52px;
}

.wrapper .icon-circle-up.disabled, .wrapper .icon-circle-up:hover.disabled {
  cursor: default;
}

.wrapper .icon-move-left {
  font-size: 52px;
}

.wrapper .icon-move-left.disabled, .wrapper .icon-move-left:hover.disabled {
  cursor: default;
}

.wrapper .icon-move-right {
  font-size: 52px;
}

.wrapper .icon-move-right.disabled, .wrapper .icon-move-right:hover.disabled {
  cursor: default;
}

.wrapper .icon-add-fav {
  font-size: 26px;
}

.wrapper .icon-add-fav.disabled, .wrapper .icon-add-fav:hover.disabled {
  cursor: default;
}

.wrapper .icon-add-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-add-btn.disabled, .wrapper .icon-add-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-add2-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-add2-btn.disabled, .wrapper .icon-add2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-alert-help-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-alert-help-btn.disabled, .wrapper .icon-alert-help-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-attachment-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-attachment-btn.disabled, .wrapper .icon-attachment-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-att-ref-btn {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-att-ref-btn.disabled, .wrapper .icon-att-ref-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-att-ref2-btn {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-att-ref2-btn.disabled, .wrapper .icon-att-ref2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-aics-btn, .wrapper #aics-btn:before {
  font-size: 45px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-aics-btn.disabled, .wrapper .disabled#aics-btn:before, .wrapper .icon-aics-btn:hover.disabled, .wrapper #aics-btn:hover.disabled:before {
  cursor: default;
}

.wrapper .icon-back-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-back-btn.disabled, .wrapper .icon-back-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-blank-file-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-blank-file-btn.disabled, .wrapper .icon-blank-file-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-browse-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-browse-btn.disabled, .wrapper .icon-browse-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-calculator-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-calculator-btn.disabled, .wrapper .icon-calculator-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-capture-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-capture-btn.disabled, .wrapper .icon-capture-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-change-btn, .wrapper .icon-change2-btn {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-change-btn.disabled, .wrapper .disabled.icon-change2-btn, .wrapper .icon-change-btn:hover.disabled, .wrapper .icon-change2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-change2-btn {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-change2-btn.disabled, .wrapper .icon-change2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-check-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-check-btn.disabled, .wrapper .icon-check-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-copy-btn {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-copy-btn.disabled, .wrapper .icon-copy-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-delete-btn {
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-delete-btn.disabled, .wrapper .icon-delete-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-delete2-btn {
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-delete2-btn.disabled, .wrapper .icon-delete2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-download-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-download-btn.disabled, .wrapper .icon-download-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-download2-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-download2-btn.disabled, .wrapper .icon-download2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-down-circle-btn, .wrapper .icon-down_circle {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-down-circle-btn.disabled, .wrapper .disabled.icon-down_circle, .wrapper .icon-down-circle-btn:hover.disabled, .wrapper .icon-down_circle:hover.disabled {
  cursor: default;
}

.wrapper .icon-edit-btn, .wrapper .icon-edit2-btn {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-edit-btn.disabled, .wrapper .disabled.icon-edit2-btn, .wrapper .icon-edit-btn:hover.disabled, .wrapper .icon-edit2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-edit2-btn {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-edit2-btn.disabled, .wrapper .icon-edit2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-file-text-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-file-text-btn.disabled, .wrapper .icon-file-text-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-floppy-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-floppy-btn.disabled, .wrapper .icon-floppy-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-grid-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-grid-btn.disabled, .wrapper .icon-grid-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-go-top-btn, .wrapper #top-btn:before {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-go-top-btn.disabled, .wrapper .disabled#top-btn:before, .wrapper .icon-go-top-btn:hover.disabled, .wrapper #top-btn:hover.disabled:before {
  cursor: default;
}

.wrapper .icon-info-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-info-btn.disabled, .wrapper .icon-info-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-info2-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-info2-btn.disabled, .wrapper .icon-info2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-link-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-link-btn.disabled, .wrapper .icon-link-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-list-level5-btn, .wrapper .list-level5:before {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-list-level5-btn.disabled, .wrapper .disabled.list-level5:before, .wrapper .icon-list-level5-btn:hover.disabled, .wrapper .list-level5:hover.disabled:before {
  cursor: default;
}

.wrapper .icon-list2-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-list2-btn.disabled, .wrapper .icon-list2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-magic-wand-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-magic-wand-btn.disabled, .wrapper .icon-magic-wand-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-minus-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-minus-btn.disabled, .wrapper .icon-minus-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-on-job-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-on-job-btn.disabled, .wrapper .icon-on-job-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-off-job-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-off-job-btn.disabled, .wrapper .icon-off-job-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-not-allowed-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-not-allowed-btn.disabled, .wrapper .icon-not-allowed-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-process-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-process-btn.disabled, .wrapper .icon-process-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-seal-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-seal-btn.disabled, .wrapper .icon-seal-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-search-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-search-btn.disabled, .wrapper .icon-search-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-sortup-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-sortup-btn.disabled, .wrapper .icon-sortup-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-sortdown-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-sortdown-btn.disabled, .wrapper .icon-sortdown-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-stepmoveleft-btn, .wrapper .stepmoveleft:before {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-stepmoveleft-btn.disabled, .wrapper .disabled.stepmoveleft:before, .wrapper .icon-stepmoveleft-btn:hover.disabled, .wrapper .stepmoveleft:hover.disabled:before {
  cursor: default;
}

.wrapper .icon-stepmoveright-btn, .wrapper .stepmoveright:before {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-stepmoveright-btn.disabled, .wrapper .disabled.stepmoveright:before, .wrapper .icon-stepmoveright-btn:hover.disabled, .wrapper .stepmoveright:hover.disabled:before {
  cursor: default;
}

.wrapper .icon-toggle-all-show-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-toggle-all-show-btn.disabled, .wrapper .icon-toggle-all-show-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-toggle-all-hide-btn {
  font-size: 23px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-toggle-all-hide-btn.disabled, .wrapper .icon-toggle-all-hide-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-trash-btn {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-trash-btn.disabled, .wrapper .icon-trash-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-up-circle-btn, .wrapper .icon-up_circle {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
}

.wrapper .icon-up-circle-btn.disabled, .wrapper .disabled.icon-up_circle, .wrapper .icon-up-circle-btn:hover.disabled, .wrapper .icon-up_circle:hover.disabled {
  cursor: default;
}

.wrapper .icon-edit2-btn.disabled, .wrapper .icon-edit2-btn:hover.disabled {
  cursor: default;
}

.wrapper .icon-change2-btn.disabled, .wrapper .icon-change2-btn:hover.disabled {
  cursor: default;
}

.wrapper.font_S .icon-more {
  font-size: 16px;
}

.wrapper.font_S .icon-less {
  font-size: 16px;
}

.wrapper.font_S .icon-list {
  font-size: 12px;
}

.error-hide-btn {
  font-size: 26px;
}

.msg-detail-show-btn {
  font-size: 26px;
}

.msg-detail-hide-btn {
  font-size: 26px;
}

.icon-not-allowed-btn {
  cursor: default;
}

.filter2 .filter-sw {
  font-size: 32px;
}

.filter2 .filter-de {
  font-size: 22px;
}

a.icon-all-download:before {
  font-size: 24px;
}

.wrapper.font_XL a.icon-all-download:before,
.wrapper.font_XXL a.icon-all-download:before {
  font-size: 30px;
}

.msg-icon-error:after {
  background-color: #DF4C50;
}

.msg-icon-error:before {
  font-size: 37px;
  top: 18px;
  left: 18px;
}

.top-msg-error i:before {
  font-size: 14px;
  top: 3.5px;
  left: 3.5px;
  z-index: 5;
}

.top-msg-error i {
  background-color: #DF4C50;
}

.f-msg-icon.f-msg-icon-error {
  background-color: #DF4C50;
}

.f-msg-icon.f-msg-icon-error:before {
  font-size: 10px;
  top: 2.7px;
  left: 3.3px;
}

.msg-icon-warning:after {
  background-color: #DF4C50;
}

.msg-icon-warning:before {
  font-size: 38px;
  top: 17px;
  left: 18px;
}

.top-msg-warning i:before {
  font-size: 14px;
  top: 3.3px;
  left: 3.5px;
  z-index: 5;
}

.top-msg-warning i {
  background-color: #DF4C50;
}

.f-msg-icon.f-msg-icon-warning {
  background-color: #DF4C50;
}

.f-msg-icon.f-msg-icon-warning:before {
  font-size: 10px;
  top: 3px;
  left: 3.5px;
}

.msg-icon-remind:after {
  background-color: #F2BA0F;
}

.msg-icon-remind:before {
  font-size: 44px;
  top: 15px;
  left: 16px;
}

.top-msg-remind i:before {
  font-size: 16px;
  top: 2.8px;
  left: 3px;
  z-index: 5;
}

.top-msg-remind i {
  background-color: #F2BA0F;
}

.f-msg-icon.f-msg-icon-remind {
  background-color: #F2BA0F;
}

.f-msg-icon.f-msg-icon-remind:before {
  font-size: 12px;
  top: 2px;
  left: 2.7px;
}

.msg-icon-query:after {
  background-color: #10A3E7;
}

.msg-icon-query:before {
  font-size: 44px;
  top: 16px;
  left: 16px;
}

.top-msg-query i:before {
  font-size: 15px;
  top: 4px;
  left: 4px;
  z-index: 5;
}

.top-msg-query i {
  background-color: #10A3E7;
}

.f-msg-icon.f-msg-icon-query {
  background-color: #10A3E7;
}

.f-msg-icon.f-msg-icon-query:before {
  font-size: 15px;
  top: 4px;
  left: 4px;
}

.msg-icon-success:after {
  background-color: #95C132;
}

.msg-icon-success:before {
  font-size: 43px;
  top: 16.5px;
  left: 16.5px;
}

.top-msg-success i:before {
  font-size: 15px;
  top: 3.5px;
  left: 3px;
  z-index: 5;
}

.top-msg-success i {
  background-color: #95C132;
}

.f-msg-icon.f-msg-icon-success {
  background-color: #95C132;
}

.f-msg-icon.f-msg-icon-success:before {
  font-size: 15px;
  top: 3.5px;
  left: 3px;
}

.wrapper .icon-attachment,
.wrapper .icon-attachment:hover {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
}

.file-upload-btn:before {
  font-size: 26px;
  margin-top: -3px;
}

.multiple-upload-btn:before {
  font-size: 26px;
  margin-top: -3px;
}

.file-icon {
  font-size: 28px;
}

.wrapper.font_XL .file-upload-btn:before,
.wrapper.font_XL .multiple-upload-btn:before,
.wrapper.font_XXL .file-upload-btn:before,
.wrapper.font_XXL .multiple-upload-btn:before {
  font-size: 28px;
  margin-top: -5px;
}

.wrapper.font_XL .file-icon,
.wrapper.font_XXL .file-icon {
  font-size: 30px;
}

.icon-title-warning-btn:before,
.tip-container .icon-title-warning-btn:before {
  font-size: 30px;
}

@media screen and (max-width: 900px) {
  .wrapper.rwd #toggle-btn:checked ~ #top {
    height: 80px;
    opacity: 1;
    visibility: visible;
  }
  .wrapper.rwd #toggle-btn:checked ~ .content {
    display: none;
  }
  .wrapper.rwd #toggle-btn:checked ~ .system_bg .bars {
    top: 70px;
  }
  .wrapper.rwd #toggle-btn:checked ~ .system_bg .bars i {
    display: none;
  }
  .wrapper.rwd #toggle-btn:checked ~ .home_btn {
    width: 100%;
    display: block;
    top: 110px;
    visibility: visible;
    opacity: 1;
  }
  .wrapper.rwd #toggle-btn:checked ~ .home_btn a {
    height: 35px;
    line-height: 34px;
  }
  .wrapper.rwd #toggle-btn:checked ~ .left-menu_switch-area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    top: 145px;
    visibility: visible;
    opacity: 1;
  }
  .wrapper.rwd #toggle-btn:checked ~ .left-menu.fav-area,
  .wrapper.rwd #toggle-btn:checked ~ .left-menu.nav-area,
  .wrapper.rwd #toggle-btn:checked ~ .left-menu.sea-area {
    top: 185px;
  }
  .wrapper.rwd #toggle-btn:checked ~ .left-menu {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    display: block;
    opacity: 1;
    top: 110px;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    z-index: 340;
  }
  .wrapper.rwd #toggle-btn:checked ~ .left-menu .home_btn {
    width: 100%;
    display: block;
    position: static;
  }
  .wrapper.rwd #toggle-btn:checked ~ .left-menu .home_btn a {
    height: 35px;
    line-height: 34px;
  }
  .wrapper.rwd #toggle-btn:checked ~ .left-menu.block {
    display: block;
  }
  .wrapper.rwd #toggle-btn:checked ~ .system_bg {
    top: 70px;
    left: 0;
  }
  .wrapper.rwd #toggle-btn ~ .fixed-area ~ .content {
    padding-top: 0px;
  }
  .wrapper.rwd #toggle-btn ~ #m3:checked ~ .left-menu.sea-area ~ .search-input-area {
    display: none;
  }
  .wrapper.rwd #toggle-btn ~ #m3 ~ .left-menu.sea-area.block ~ .search-input-area {
    display: none;
  }
  .wrapper.rwd #toggle-btn ~ #m3:checked ~ .left-menu.sea-area.block ~ .search-input-area {
    display: block;
  }
  .wrapper.rwd #m1:checked ~ .left-menu.fav-area {
    z-index: 341;
  }
  .wrapper.rwd #m2:checked ~ .left-menu.nav-area {
    z-index: 342;
  }
  .wrapper.rwd .search-input-area {
    width: 100%;
    top: 105px;
  }
  .wrapper.rwd .search-input-area span {
    right: 16%;
  }
  .wrapper.rwd .icon-add-fav-btn, .wrapper.rwd .icon-add-fav {
    margin: 0 5px 0 15px;
  }
  .wrapper.rwd #toggle-btn[condition="browser-style2"] ~ .fixed-area {
    margin-top: 0;
    padding-top: 0;
  }
  .wrapper.rwd #toggle-btn[condition="browser-style2"] ~ .system_bg ~ .content {
    padding-top: 40px;
  }
  .wrapper.rwd #toggle-btn[condition="browser-style2"] ~ .system_bg {
    padding-left: 0;
  }
  .wrapper.rwd .home_btn {
    display: none;
  }
  .wrapper.rwd .home_btn a {
    height: 35px;
  }
  .wrapper.rwd .left-menu_switch-area {
    display: none;
  }
  .wrapper.rwd .content {
    padding-left: 0;
  }
  .wrapper.rwd .content .iframe-pdf {
    width: 50%;
  }
  .wrapper.rwd .content .iframe-pdf.left-open {
    left: 0;
  }
  .wrapper.rwd .content.show-pdf:not(.left-open) ~ #top-btn {
    right: -webkit-calc(50% + 15px);
    right: -moz-calc(50% + 15px);
    right: calc(50% + 15px);
  }
  .wrapper.rwd .content.show-pdf:not(.left-open) ~ #aics-btn {
    right: -webkit-calc(50% + 12.5px);
    right: -moz-calc(50% + 12.5px);
    right: calc(50% + 12.5px);
  }
  .wrapper.rwd .left-menu {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    display: none;
    padding: 0;
    z-index: 340;
  }
  .wrapper.rwd .left-menu.full {
    top: 40px;
  }
  .wrapper.rwd .left-menu .nav {
    width: 100%;
    padding-top: 0;
  }
  .wrapper.rwd .left-menu .nav > li > a span {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    max-width: -webkit-calc(100% - 30px);
    max-width: -moz-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
  .wrapper.rwd .left-menu .nav .hide_ul {
    width: 100%;
  }
  .wrapper.rwd .left-menu .nav .hide_ul > li > a span {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    max-width: -webkit-calc(100% - 30px);
    max-width: -moz-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
  .wrapper.rwd .left-menu .nav2 {
    width: 100%;
    padding-top: 0;
  }
  .wrapper.rwd #top {
    top: 0;
  }
  .wrapper.rwd #top .toplogo {
    width: 160px;
  }
  .wrapper.rwd #top .toplogo .logo {
    display: none;
  }
  .wrapper.rwd #top .toplogo .mini-logo {
    display: block;
  }
  .wrapper.rwd #top .topinfor {
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px);
  }
  .wrapper.rwd #top .user-info-det {
    left: 150px;
  }
  .wrapper.rwd .system_bg {
    width: 100%;
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 350;
  }
  .wrapper.rwd .system_bg .system_name .name_ch {
    margin-left: 10px;
  }
  .wrapper.rwd .system_bg .bars {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin: 0;
  }
  .wrapper.rwd .system_bg .bars .icon-minsize {
    background-image: none;
    display: none;
  }
  .wrapper.rwd .system_bg .bars .arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrapper.rwd .system_bg .bars span {
    width: 20px;
    height: 2.75px;
    display: block;
    position: relative;
  }
  .wrapper.rwd .system_bg .bars span:before, .wrapper.rwd .system_bg .bars span:after {
    width: 20px;
    height: 2.7px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
  }
  .wrapper.rwd .system_bg .bars span:before {
    top: 6px;
  }
  .wrapper.rwd .system_bg .bars span:after {
    top: -6px;
  }
  .wrapper.rwd .system_bg.old-new {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .wrapper.rwd .system_bg.full {
    top: 0;
  }
  .wrapper.rwd .filter-sw {
    line-height: 28px;
    margin: 5px;
  }
  .wrapper.rwd .filter-sw:before {
    top: 12px;
  }
  .wrapper.rwd input[type="button"].search-btn {
    height: 40px;
  }
  .wrapper.rwd .filter2 .line {
    height: 30px;
  }
  .wrapper.rwd #top ~ .fixed-area {
    position: static;
    padding: 75px 10px 0 10px;
  }
  .wrapper.rwd #top ~ .fixed-area ~ .content {
    padding-top: 0;
  }
  .wrapper.rwd #top ~ .fixed-area .new-top-msg.close {
    margin-bottom: 10px;
  }
  .wrapper.rwd #top ~ .system_bg ~ .fixed-area {
    padding-top: 115px;
  }
  .wrapper.rwd #top ~ .system_fixed_fake_height_ele {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .wrapper.rwd .filter2 .f-col3,
  .wrapper.rwd .filter2 .f-col2 {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
  }
  .wrapper.rwd .filter2 .f-col1 {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
  }
  .wrapper.rwd .member2-name,
  .wrapper.rwd .mb-cont-name,
  .wrapper.rwd .blank-name {
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
  }
  @supports (-ms-ime-align: auto) {
    .wrapper.rwd .member2-name,
    .wrapper.rwd .mb-cont-name,
    .wrapper.rwd .blank-name {
      width: -webkit-calc(50% - 30.05px);
      width: -moz-calc(50% - 30.05px);
      width: calc(50% - 30.05px);
    }
  }
  .wrapper.rwd .iframe-dialog,
  .wrapper.rwd .dialog {
    width: 70%;
  }
  .wrapper.rwd .file-img-table li {
    width: -webkit-calc(25% - 5px);
    width: -moz-calc(25% - 5px);
    width: calc(25% - 5px);
  }
  .wrapper.rwd .divideritems {
    line-height: 40px;
  }
}

@media screen and (max-width: 768px) {
  .wrapper.rwd {
    /*****下拉多選功能欄位寬度*****/
    /*****菜籃式挑選*****/
  }
  .wrapper.rwd .usetime,
  .wrapper.rwd .filenumber,
  .wrapper.rwd .useip {
    text-align: left;
  }
  .wrapper.rwd .filter2 .f-col1 {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
  }
  .wrapper.rwd .ui-multiselect-checkboxes li {
    width: 50%;
  }
  .wrapper.rwd .listbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrapper.rwd .class_select2 {
    width: 100%;
    margin-left: 0;
  }
  .wrapper.rwd .sourcebox,
  .wrapper.rwd .targetbox-area,
  .wrapper.rwd .targetbox,
  .wrapper.rwd .put-btn-area,
  .wrapper.rwd .move-btn {
    width: 100%;
    float: left;
    display: block;
  }
  .wrapper.rwd .targetbox {
    margin-bottom: 10px;
  }
  .wrapper.rwd .put-btn {
    width: 10%;
    display: inline-block;
    margin: 0 20px;
  }
  .wrapper.rwd .move-btn {
    margin-top: 10px;
  }
  .wrapper.rwd .put-btn i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
         transform: rotate(90deg);
  }
  .wrapper.rwd .move-btn i {
    float: none;
    margin: 10px;
  }
  .wrapper.rwd .iframe-dialog,
  .wrapper.rwd .dialog {
    width: 85%;
  }
  .wrapper.rwd .filter-area li ul li {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
  }
  .wrapper.rwd .filter-area li ul li.col2-style2 {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
  }
  .wrapper.rwd .filter-area li ul li.col5-style2 {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
  }
  .wrapper.rwd .area:nth-child(even) .cb-type-area-col4 {
    width: 50%;
  }
  .wrapper.rwd .area:nth-child(even) .cb-type-area-col2 {
    width: 100%;
  }
  .wrapper.rwd .mb-all-sw,
  .wrapper.rwd .mb-group-sw {
    left: auto;
    right: 15px;
  }
  .wrapper.rwd .mb-all-name,
  .wrapper.rwd .mb-group-name {
    padding-right: 35px;
  }
  .wrapper.rwd .page-turn .min-page {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .wrapper.rwd .page-turn:not(.top) .page {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .wrapper.rwd .system_bg .bars {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .wrapper.rwd #top .toplogo {
    width: 55px;
  }
  .wrapper.rwd #top .toplogo .mini-logo {
    display: none;
  }
  .wrapper.rwd #top .topinfor {
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: calc(100% - 55px);
  }
  .wrapper.rwd #top .user-info-det {
    left: 45px;
  }
}

@media screen and (max-width: 480px) {
  .wrapper.rwd {
    /****成批編輯*****/
    /****隱藏/顯示第二層表格*****/
    /*****下拉多選功能欄位寬度*****/
  }
  .wrapper.rwd table {
    text-align: left;
  }
  .wrapper.rwd .calendar table,
  .wrapper.rwd .norwd-table {
    text-align: center;
  }
  .wrapper.rwd .data_table th,
  .wrapper.rwd .table-om th,
  .wrapper.rwd .table-two-level th,
  .wrapper.rwd td.td-first-hide,
  .wrapper.rwd td.td-first-hide:before,
  .wrapper.rwd th.th-first-hide,
  .wrapper.rwd .batch-edit-style1 th,
  .wrapper.rwd .batch-edit-style2 th,
  .wrapper.rwd .batch-edit-style3 th,
  .wrapper.rwd .batch-edit-style4 th,
  .wrapper.rwd .batch-edit-style5 th {
    display: none;
  }
  .wrapper.rwd td.td-second-hide {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wrapper.rwd .data_table td,
  .wrapper.rwd .table-two-level td,
  .wrapper.rwd .batch-edit-style1 td,
  .wrapper.rwd .batch-edit-style2 td,
  .wrapper.rwd .batch-edit-style3 td,
  .wrapper.rwd .batch-edit-style4 td,
  .wrapper.rwd .batch-edit-style5 td {
    width: 100%;
    float: left;
    padding: 5px 5px 5px 100px;
  }
  .wrapper.rwd .data_table td:before,
  .wrapper.rwd td.td-second-hide:before,
  .wrapper.rwd .table-two-level td:before,
  .wrapper.rwd .batch-edit-style1 td:before,
  .wrapper.rwd .batch-edit-style2 td:before,
  .wrapper.rwd .batch-edit-style3 td:before,
  .wrapper.rwd .batch-edit-style4 td:before,
  .wrapper.rwd .batch-edit-style5 td:before {
    width: 90px;
    float: left;
    color: #666;
    content: attr(data-title);
    display: block;
    margin-left: -95px;
    word-wrap: break-word;
    white-space: normal;
  }
  .wrapper.rwd .table-om td {
    width: 100%;
    float: left;
  }
  .wrapper.rwd .table-one td {
    width: 100%;
    float: left;
    padding: 5px 5px 5px 100px;
  }
  .wrapper.rwd .table-one td:before {
    width: 90px;
    float: left;
    color: #666;
    content: attr(data-title);
    display: block;
    margin-left: -95px;
    word-wrap: break-word;
    white-space: normal;
  }
  .wrapper.rwd .data_table .allcheck {
    width: 100%;
    border: none;
    display: block;
    position: relative;
    padding-left: 100px;
    text-align: left;
  }
  .wrapper.rwd .data_table .allcheck:before {
    width: 90px;
    float: left;
    color: #666;
    content: '全　　選：';
    display: block;
    margin-left: -95px;
    word-wrap: break-word;
    white-space: normal;
  }
  .wrapper.rwd .data-table-text-right {
    text-align: left;
  }
  .wrapper.rwd .input-tr td,
  .wrapper.rwd .input-tr td:before,
  .wrapper.rwd .add-tr td,
  .wrapper.rwd .add-tr td:before {
    padding: 0;
  }
  .wrapper.rwd .input-content .data_table td {
    width: 100%;
    float: left;
    padding: 5px 5px 5px 100px;
  }
  .wrapper.rwd .input-content .data_table td:before {
    width: 90px;
    float: left;
    color: #666;
    content: attr(data-title);
    display: block;
    margin-left: -95px;
    word-wrap: break-word;
    white-space: normal;
  }
  .wrapper.rwd tr.switch-content .data_table td {
    width: 100%;
    float: left;
    padding: 5px 5px 5px 100px;
  }
  .wrapper.rwd tr.switch-content .data_table td:before {
    width: 90px;
    float: left;
    color: #666;
    content: attr(data-title);
    display: block;
    margin-left: -95px;
    word-wrap: break-word;
    white-space: normal;
  }
  .wrapper.rwd .member2-name,
  .wrapper.rwd .mb-cont-name,
  .wrapper.rwd .blank-name {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
  }
  @supports (-ms-ime-align: auto) {
    .wrapper.rwd .member2-name,
    .wrapper.rwd .mb-cont-name,
    .wrapper.rwd .blank-name {
      width: -webkit-calc(100% - 30.05px);
      width: -moz-calc(100% - 30.05px);
      width: calc(100% - 30.05px);
    }
  }
  .wrapper.rwd .ui-multiselect {
    width: 100%;
  }
  .wrapper.rwd .ui-multiselect-checkboxes li {
    width: 100%;
  }
  .wrapper.rwd .fake-dialog {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    float: left;
    margin: 20px;
  }
  .wrapper.rwd .iframe-dialog,
  .wrapper.rwd .dialog {
    width: 100%;
  }
  .wrapper.rwd .filter-area li ul li {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
  }
  .wrapper.rwd .filter-area li ul li.col5-style2 {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
  }
  .wrapper.rwd .area:nth-child(even) .cb-type-area-col4 {
    width: 100%;
  }
  .wrapper.rwd .file-img-table li {
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
  }
}