@charset "UTF-8";
@import url("bootstrap.min.css");
@import url("bootstrap-table.min.css");
@import url("jquery-confirm.css");
@import url("jquery.fancybox.min.css");
@import url("jquery-ui.css");
@import url("component-chosen.css");
@import url("jsuites.css");
@import url("jexcel.css");
@import url("fontAwesome.css");
a, b, body, em, h1, h2, h3, h4, h5, h6, html, i, img, table, li, ol, p, strong, td, th, tr, ul, footer, pre {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-style: normal;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-family: Helvetica, "Apple Color Emoji", Arial, "PingFang TC", "Heiti TC", "Microsoft Jhenghei", sans-serif;
}

@media (max-width: 768px) {
  a, b, body, em, h1, h2, h3, h4, h5, h6, html, i, img, table, li, ol, p, strong, td, th, tr, ul, footer, pre {
    font-size: 0.9rem;
  }
}

@media (max-width: 360px) {
  a, b, body, em, h1, h2, h3, h4, h5, h6, html, i, img, table, li, ol, p, strong, td, th, tr, ul, footer, pre {
    font-size: 0.9rem;
  }
}

html, body {
  background: #f4f4f4;
}

div {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #007bff;
}

a:hover {
  text-decoration: none;
  color: #104587;
}

a, button, button:focus {
  text-decoration: none;
  outline: none;
}

/*for IE*/
button::-moz-focus-inner {
  border-color: transparent;
}

/*for mozilla*/
.dp_block {
  display: block !important;
}

.dp_none {
  display: none !important;
}

.page_main {
  background: #FFF;
}

.page_width {
  width: 100%;
  margin: 0 auto;
  max-width: 80rem;
}

.pre-text {
  white-space: pre-line;
}

sub {
  font-weight: bolder;
}

et {
  color: #dc3545;
  display: inline-block;
  padding: 0 .2rem;
}

.progress {
  height: 2.3rem;
  margin: 0 0 .7rem;
}

.grecaptcha-badge {
  display: none !important;
}

.twzipcode div {
  margin: 0 .7rem 0 0;
}

ps {
  border-bottom: .01rem dashed #D56F51;
  color: #D56F51;
  font-size: 0.7rem;
}

.headerTitle {
  background: #FFF;
}

.headerTitle .headerTitleBG {
  position: relative;
}

.headerTitle .bg {
  position: absolute;
  height: 6rem;
  width: 50rem;
  right: 11rem;
}

.headerTitle .bgmb {
  position: absolute;
  height: 6rem;
  width: 50rem;
  right: 0;
}

.headerTitle .headerTitleMain {
  position: relative;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  padding: 1.45rem .7rem;
}

.headerTitle .headerTitleMain left .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center !important;
      align-self: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}

.headerTitle .headerTitleMain left .logo img {
  height: 3rem;
}

@media (max-width: 768px) {
  .headerTitle .headerTitleMain left .logo img {
    height: 2rem;
  }
}

.headerTitle .headerTitleMain left .logo p {
  font-weight: bolder;
  color: #808080;
  font-size: 1.3rem;
  margin: 0 .3rem;
  padding: 0;
  line-height: 1.5rem;
}

@media (max-width: 768px) {
  .headerTitle .headerTitleMain left .logo p {
    font-size: 1.2rem;
  }
}

.headerTitle .headerTitleMain right {
  position: relative;
  display: inline-block;
}

.headerTitle .headerTitleMain right button {
  background-color: #343a40;
  border: transparent;
  color: #FFF;
  border-radius: .2rem;
  padding: .5rem 1.5rem;
}

@media (max-width: 768px) {
  .headerTitle .headerTitleMain right button {
    padding: .4rem .8rem;
  }
}

.headerBar {
  background-color: #008269;
}

.headerBar a {
  color: #FFF;
}

.headerBar #headbar_ul ul {
  width: 100% !important;
}

.headerBar #headbar_ul ul .active a {
  color: yellow;
  font-weight: bolder;
}

.headerBar #headbar_ul ul li {
  text-align: left;
}

.headerBar #headbar_ul ul li a {
  color: #FFF;
  text-align: center;
}

@media (max-width: 768px) {
  .headerBar #headbar_ul ul li a {
    text-align: left;
  }
}

.headerBar #headbar_ul ul li a:hover {
  color: yellow;
}

.headerBar .dropdown-menu a, .headerBar #headbar_ul ul li .dropdown-menu a {
  color: #616161;
}

.headerBar .dropdown-menu a:active, .headerBar #headbar_ul ul li .dropdown-menu a:active {
  color: #FFF;
  background: #008269;
}

.headerBar .dropdown-menu .dropdown-item, .headerBar #headbar_ul ul li .dropdown-menu .dropdown-item {
  padding: .4rem .7rem;
}

.footer {
  margin: 1rem 0 0;
  padding: 1.5rem 0;
  background-color: #008269;
}

.footer .row {
  margin: 0;
}

.footer p {
  font-size: 1.2rem;
  font-weight: bold;
  color: #FFF;
  text-align: right;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
      align-self: center !important;
  border-right: 1px dashed #FFF;
}

@media (max-width: 768px) {
  .footer p {
    text-align: left;
    border-right: none;
    margin: 1rem 0;
  }
}

.footer p br {
  display: block;
}

@media (max-width: 768px) {
  .footer p br {
    display: none;
  }
}

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

.footer .logo img {
  width: 14rem;
}

.footer ul {
  list-style: none;
}

.footer ul li {
  padding: 0 0 0 1rem;
  font-size: 0.9rem;
  color: #FFF;
}

.footer ul li a {
  font-size: 0.9rem;
  color: #F5E82F;
}

.footer ul li a:hover {
  color: #ffc107;
}

.footer ul li .fblogo:before {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  margin: -.4rem 0 0 .3rem;
  display: inline-block;
  background-size: 100% 100%;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTkxMzI2MDIzNzQzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0MTUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNOTY3LjYwMTM0OSAxMDI0YzMxLjA3NjgwOCAwIDU2LjM5ODY1MS0yNS4zMjE4NDMgNTYuMzk4NjUxLTU2LjM5ODY1MVY1Ni4zOTg2NTFjMC0zMS4wNzY4MDgtMjUuMzIxODQzLTU2LjM5ODY1MS01Ni4zOTg2NTEtNTYuMzk4NjUxSDU2LjM5ODY1MUMyNS4zMjE4NDMgMCAwIDI1LjMyMTg0MyAwIDU2LjM5ODY1MXY5MTAuODE5MDM0YzAgMzEuMDc2ODA4IDI1LjMyMTg0MyA1Ni4zOTg2NTEgNTYuMzk4NjUxIDU2LjM5ODY1MWg5MTEuMjAyNjk4eiIgZmlsbD0iIzNDNUE5OSIgcC1pZD0iMTQxNiI+PC9wYXRoPjxwYXRoIGQ9Ik03MDYuNzA5NjI5IDEwMjRWNjI3LjI5MTEyaDEzMy4xMzE1MWwxOS45NTA1NDMtMTU0LjYxNjcxaC0xNTMuMDgyMDUzVjM3NC4wNzI2ODZjMC00NC44ODg3MjIgMTIuMjc3MjU3LTc1LjE5ODIwMiA3Ni43MzI4NTktNzUuMTk4MjAxaDgxLjcyMDQ5NHYtMTM4LjExOTE0NmMtMTQuMTk1NTc5LTEuOTE4MzIxLTYyLjkyMDk0NC02LjEzODYyOS0xMTkuMzE5NTk1LTYuMTM4NjI5LTExOC4xNjg2MDIgMC0xOTguNzM4MTA0IDcyLjEyODg4Ny0xOTguNzM4MTA0IDIwNC4xMDk0MDV2MTEzLjk0ODI5NWgtMTMzLjUxNTE3NHYxNTQuNjE2NzFoMTMzLjUxNTE3NHYzOTYuNzA4ODhoMTU5LjYwNDM0NnoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjE0MTciPjwvcGF0aD48L3N2Zz4=");
  vertical-align: middle;
}

.footer ul .yellow {
  color: #F5E82F;
}

@media (max-width: 768px) {
  .footer ul .yellow {
    text-align: center;
  }
}

.footer ul .yellow br {
  display: none;
}

@media (max-width: 768px) {
  .footer ul .yellow br {
    display: block;
  }
}

.footer down {
  margin: 1rem 2.5rem 0;
  padding: 1rem 0 0;
  display: block;
  text-align: center;
  color: #FFF;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
}

.page_main {
  margin: 1.5rem 0;
  padding: 1rem .8rem;
  min-height: 35rem;
}

.page_main .left {
  padding: 0;
}

.page_main .left .btn-group {
  margin: 0;
  padding: 0;
}

.page_main .left .btn-group button {
  background: #3e6c3e;
  color: #FFF;
  border-color: #3e6c3e;
}

.page_main .left .btn-group button:active {
  background: #3e6c3e;
  color: #333;
  border-color: #3e6c3e;
}

.page_main .left .btn-group button .dropdown-toggle {
  background: #3e6c3e;
  color: #333;
  border-color: #3e6c3e;
}

.page_main .right {
  min-height: 25rem;
  padding: 0 1rem;
  background-color: #fff;
}

@media (max-width: 768px) {
  .page_main .right {
    padding: 0 !important;
  }
}

.page_main .right .news {
  list-style: none;
  margin: 0 0 2rem;
}

.page_main .right .news li {
  border-bottom: 1px dashed #ccc;
  padding: 1.2rem 4.5rem 1.2rem 0;
  position: relative;
}

.page_main .right .news li:hover {
  background-color: #ffefd7;
}

.page_main .right .news li .top {
  color: #d81e06;
  font-weight: bold;
}

.page_main .right .news li .top:before {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  margin: -.3rem .2rem 0;
  display: inline-block;
  background-size: 100% 100%;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTkwMDY4ODA4MzM0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwMzMiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmk1IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgyOC41IDY4LjFIMjAwLjljLTU3LjggMC0xMDQuNiA0NC40LTEwNC42IDk5LjN2Njk0YzAgMTMuNyAyLjkgMjYuOCA4LjMgMzguNyAyMi4zIDQ5LjkgODMuOSA2OC4yIDEzMC41IDM5LjdsMjQ0LjctMTQ5LjZjMjguMS0xNy4yIDYzLjUtMTYuNiA5MSAxLjRsMjIxLjEgMTQ1YzU5LjMgMzguOSAxMzkuNC0xLjggMTQxLjMtNzIuN1YxNjcuM2MtMC4xLTU0LjgtNDYuOS05OS4yLTEwNC43LTk5LjJ6IiBmaWxsPSIjZDgxZTA2IiBwLWlkPSIzMDM0IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4Ljc3ODEwNjkuMC5pMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0zNjUuOSA1NTIuN2gtMzIuN3YtMTE0SDIwNS4xdjExNC4xaC0zMi43VjI5OS42aDMyLjd2MTEwaDEyOC4xdi0xMTBoMzIuN3YyNTMuMXpNNDE0LjkgNDI5LjJjMC00MC45IDExLjEtNzMuNCAzMy4yLTk3LjZzNTIuMS0zNi4zIDg5LjktMzYuM2MzNS4yIDAgNjMuNSAxMS44IDg1IDM1LjUgMjEuNSAyMy42IDMyLjIgNTQuNCAzMi4yIDkyLjMgMCA0MS4xLTExIDczLjctMzMgOTcuNy0yMiAyNC4xLTUxLjQgMzYuMS04OC4zIDM2LjEtMzYgMC02NC44LTExLjgtODYuNS0zNS41LTIxLjYtMjMuNS0zMi41LTU0LjMtMzIuNS05Mi4yeiBtMzQuNC0yLjZjMCAzMC42IDcuOCA1NS4xIDIzLjUgNzMuNyAxNS42IDE4LjQgMzYgMjcuNyA2MS4yIDI3LjcgMjcgMCA0OC4yLTguOCA2My43LTI2LjYgMTUuNC0xNy43IDIzLjEtNDIuNCAyMy4xLTc0LjMgMC0zMi43LTcuNS01Ny45LTIyLjYtNzUuNy0xNS4xLTE3LjgtMzUuOC0yNi42LTYyLTI2LjYtMjUuOCAwLTQ2LjcgOS40LTYyLjggMjguMS0xNi4xIDE4LjctMjQuMSA0My4zLTI0LjEgNzMuN3pNODU3IDMyOC43aC03M3YyMjQuMWgtMzIuOVYzMjguN2gtNzIuN3YtMjkuMUg4NTd2MjkuMXoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjMwMzUiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkyIiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+");
  vertical-align: middle;
}

@media (max-width: 768px) {
  .page_main .right .news li .top:before {
    height: 2rem;
    width: 2rem;
  }
}

.page_main .right .news li a {
  color: #555;
  line-height: 2rem;
}

.page_main .right .news li a:hover {
  color: #FA4F17;
}

.page_main .right .news li p {
  color: #555;
  position: absolute;
  top: 1.4rem;
  right: 0;
}

.page_main .right .news_id_ui {
  padding: 1rem 0;
}

.page_main .right .news_id_ui id_name {
  display: block;
  font-size: 1.7rem;
  font-weight: bolder;
}

.page_main .right .news_id_ui date {
  display: block;
  text-align: right;
}

.page_main .right .news_id_ui main {
  display: block;
  margin: 2rem 0;
}

.page_main .right .news_id_ui .file_Download p {
  padding: .7rem;
  background-color: #e2e2e2;
}

.page_main .right .news_id_ui .file_Download ul {
  list-style-type: disc;
  margin: 0 0 0 1.2rem;
  color: #0063CC;
}

.page_main .right .news_id_ui .file_Download ul li {
  padding: .5rem 0;
}

.page_main .right .news_id_ui .fotter_btn {
  text-align: center;
}

.page_main .right .news_id_ui .fotter_btn button {
  background-color: #008269;
  padding: .7rem 2rem;
  border: none;
  color: #FFF;
}

.page_main .right .news_id_ui .fotter_btn button:hover {
  background-color: #00635A;
}

.page_main .right .user_PicModify {
  margin: 0 !important;
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.page_main .right #Std_img {
  width: 13rem;
  border: 1px solid #dee2e6 !important;
}

.page_main .right .print_bills a {
  display: block;
  margin: 0 0 1rem;
}

.page_main .right .print_bills a button {
  margin: 0 .5rem 0 0;
}

.page_main .right .print_testPass tr p, .page_main .right .print_testPass td p {
  margin: .5rem;
  font-weight: bolder;
  font-size: 0.9rem;
}

.page_main .alerts {
  border-radius: .5rem;
  padding: 1rem .7rem;
  margin: 1rem 0;
}

.page_main .alerts ul {
  padding: 0 0 0 .7rem;
}

.page_main .alerts ul li {
  font-size: 0.9rem;
}

.page_main .alert-error {
  background-color: #FFF0EE;
  border: 1px solid #ffb9b0;
}

.page_main .processNew {
  color: #6c757d !important;
  margin: 0 0 2rem;
}

.page_main .processNew tImg {
  width: 4rem;
  background-color: #008269;
  margin: 0 .5rem 0 0;
  padding: .1rem 0;
  border-radius: .25rem;
  text-align: center;
  color: #FFF;
}

.page_main .processNew strong {
  display: block;
  color: #6c757d !important;
}

.page_main .processNew ul {
  list-style: decimal;
  margin: 0 0 0 1rem;
}

.page_main .processNew ul li {
  font-size: 0.8rem;
}

fieldset {
  margin: 0 auto 2rem;
  padding: 0;
  background-color: #FFFFFF;
}

@media (max-width: 768px) {
  fieldset {
    margin: 1rem auto;
    padding: .5rem;
  }
}

fieldset .upload_tables thead th {
  color: #fff;
  background-color: #104587;
  border-color: #104587;
}

fieldset .upload_tables th, fieldset .upload_tables td:last-child {
  text-align: center;
}

fieldset .upload_tables td {
  text-align: left;
}

fieldset .upload_tables th, fieldset .upload_tables td, fieldset .upload_tables a, fieldset .upload_tables span {
  font-size: 0.85rem;
}

fieldset legend {
  border-radius: 3% 3% /100% 80%;
  font-size: 1.3rem;
  color: #FFFFFF;
  font-weight: bold;
  padding: .7rem 1rem;
  margin: 0 0 1rem;
  background: #3e6c3e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(45%, #3e6c3e), to(#ffffff));
  background: linear-gradient(to right, #3e6c3e 45%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$fieldsetBar, endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */
}

@media (max-width: 768px) {
  fieldset legend {
    font-size: 1.1rem;
    border-radius: 5% 5% /100% 50%;
  }
}

fieldset .eTypeList {
  padding: .7rem 0;
  margin: 0;
}

fieldset .eTypeList p {
  font-size: 1.2rem;
  font-weight: bold;
  color: #808080;
}

fieldset .eTypeList .tableMain {
  margin: 0;
  width: 100%;
  margin: .7rem 0;
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset .eTypeList .tableMain .bg {
  background: #008269;
}

fieldset .eTypeList .tableMain .bg th {
  color: #FFF;
  padding: .7rem;
  text-align: center;
}

fieldset .eTypeList .tableMain .bg th:first-child {
  border-top-left-radius: .4rem;
}

fieldset .eTypeList .tableMain .bg th:last-child {
  border-top-right-radius: .4rem;
}

fieldset .eTypeList .tableMain tr {
  width: 100%;
}

fieldset .eTypeList .tableMain tr td {
  padding: 1rem .5rem;
  vertical-align: middle;
  border-bottom: 1px dashed #a7a7a7;
}

fieldset .eTypeList .tableMain tr td:nth-child(1) {
  text-align: left;
  border-left: 1px solid #008269;
}

fieldset .eTypeList .tableMain tr td:nth-child(2) {
  text-align: center;
  border-right: 1px solid #008269;
}

fieldset .eTypeList .tableMain tr td .bookItems {
  display: inline-block;
}

fieldset .eTypeList .tableMain tr td .bookItems span {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

fieldset .eTypeList .tableMain tr td .bookItems span strong {
  display: block;
  padding-bottom: .05rem;
  color: #6c757d;
}

fieldset .eTypeList .tableMain tr:last-child {
  border-bottom: 1px solid #008269;
}

fieldset .tReasultList {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  padding: .7rem;
  margin: 0 auto 1rem;
}

fieldset .tReasultList p {
  font-weight: 700;
  font-size: 1.2rem;
  color: #454d55;
}

fieldset .tReasultList small {
  color: #808080;
}

fieldset .tReasultList getFile {
  display: block;
  text-align: center;
  color: #dc3545;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
      align-self: center !important;
}

fieldset .selectEcode button {
  display: block;
  margin: 2rem auto;
  padding: 1.5rem;
}

fieldset .eCodeTabMain tr, fieldset .eCodeTabMain td {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

fieldset .eCodeTabMain th {
  text-align: center;
}

fieldset .eCodeTabMain th:nth-child(1) {
  width: 75%;
}

fieldset .eCodeTabMain th:nth-child(2) {
  width: 25%;
}

fieldset .eCodeTabMain td {
  padding: 1rem 0;
  font-size: 0.9rem;
}

fieldset .eCodeTabMain td b {
  background: #ffeb3b;
  font-size: .8rem;
  margin: 0 .2rem;
  padding: .1rem .4rem;
}

fieldset .eCodeTabMain td:nth-child(2) {
  text-align: center;
}

fieldset .eCodeTabMain .tab2 {
  background: #dee2e6;
}

fieldset .eCodeTabMain .tab2 p {
  font-size: 1rem;
  padding: 0 .7rem;
}

fieldset .eCodeTabMain .tab2 ul {
  margin: 0 .7rem 0 1.8rem;
  text-align: justfy;
}

fieldset .eCodeTabMain .tab2 ul li {
  padding: 0 0 .5rem;
}

fieldset .eCodeBoxTop {
  padding: 1rem .7rem;
}

/*customer*/
.breadcrumb {
  background-color: transparent !important;
  margin: 0 0 0;
  padding: 0 0 .7rem;
}

.breadcrumb .active {
  color: #008269;
}

.breadcrumb li, .breadcrumb a {
  font-size: 0.9rem;
}

.breadcrumb .breadcrumb-item {
  padding: 0;
}

.breadcrumb .breadcrumb-item:nth-child(n+2):before {
  content: "";
  height: .8rem;
  width: .8rem;
  margin: 0;
  display: inline-block;
  margin: .15rem .2rem 0;
  background-size: 100% 100%;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTkyNzk3MzUzNjMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3MDkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNzYxLjA1NiA1MzIuMTI4YzAuNTEyLTAuOTkyIDEuMzQ0LTEuODI0IDEuNzkyLTIuODQ4IDguOC0xOC4zMDQgNS45Mi00MC43MDQtOS42NjQtNTUuNDI0TDM5OS45MzYgMTM5Ljc0NGE0OCA0OCAwIDAgMC02NS45ODQgNjkuNzZsMzE2Ljk2IDI5OS44NC0zMTUuNzEyIDMwNC4yODhhNDggNDggMCAwIDAgNjYuNjI0IDY5LjEybDM1MC4wNDgtMzM3LjM3NmMwLjY3Mi0wLjY3MiAwLjkyOC0xLjYgMS42LTIuMzA0IDAuNTEyLTAuNDggMS4wNTYtMC44MzIgMS41NjgtMS4zNDQgMi43Mi0yLjg0OCA0LjE2LTYuMzM2IDYuMDE2LTkuNnoiIHAtaWQ9IjI3MTAiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD48L3N2Zz4=");
}

.bd-callout {
  padding: 0 .7rem;
  margin: 0 0 1rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem;
}

.bd-callout p, .bd-callout a {
  font-size: 0.9rem;
  padding: .3rem 0;
}

.bd-callout h4 {
  padding: .3rem 0;
}

.bd-callout ul {
  list-style: decimal;
  margin: 1rem;
}

.bd-callout ul li {
  font-size: 0.9rem;
  margin: .5rem 0;
}

.bd-callout-info {
  border-left-color: #5bc0de;
}

.bd-callout-danger {
  border-left-color: #dc3545;
}

.bd-callout-success {
  border-left-color: #28a745;
}

.btn-slidebar {
  display: block;
  padding: 0 0 .5rem;
}

.btn-slidebar button {
  background: #3e6c3e;
  color: #FFFFFF;
  width: 100%;
  padding: .7rem;
}

.btn-slidebar button:hover {
  background: #FFC600;
  color: #FFFFFF;
}

.Left-slidebar {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
          box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

.Left-slidebar a {
  padding: 2rem 0;
}

.dropdown-customize a {
  padding: 1rem 0;
}

.Left-slidebar-small {
  border-bottom: 1px solid #3e6c3e;
  margin: .7rem 0;
}

.Left-slidebar-small li a {
  padding: .7rem .7rem;
}

.sliderBar_New {
  margin: 0 .7rem;
  padding: 2rem 0;
  border-top: 1px solid #e9ecef;
}

.sliderBar_New:nth-child(1) {
  border-top: none;
  padding: 0 0 2rem;
}

.sliderBar_New h3 {
  margin: 0 0 .7rem;
  color: #008269;
  font-size: 1.3rem;
  font-weight: bold;
}

.sliderBar_New ul {
  list-style: none;
}

.sliderBar_New ul .active {
  background-color: #3e6c3e;
}

.sliderBar_New ul .active a {
  color: #FFFFFF;
}

.sliderBar_New ul li {
  padding: .5rem 0 .5rem 1.5rem;
  margin: 0 1.5rem .5rem 0;
  border-radius: .4rem;
}

.sliderBar_New ul li:hover {
  background: #FFC600;
  color: #FFFFFF;
}

.sliderBar_New ul li:hover a {
  color: #FFFFFF;
}

.sliderBar_New ul a {
  display: block;
  color: #3e6c3e;
}

.dropdown-customize a, .Left-slidebar a, .Left-slidebar-small a {
  text-align: center;
  color: #000;
}

.dropdown-customize a:hover, .Left-slidebar a:hover, .Left-slidebar-small a:hover {
  background: #FFC600;
  border: 1px solid #FFC600;
  color: #FFFFFF;
}

.dropdown-customize .active, .Left-slidebar .active, .Left-slidebar-small .active {
  background-color: #3e6c3e !important;
  border: 1px solid #3e6c3e !important;
  color: #FFFFFF !important;
}

.sys_signin_Form {
  margin: 1rem 1.3rem 1rem 1rem;
}

.newUI {
  padding: .5rem;
}

.newUI .header {
  color: #555;
  font-weight: bolder;
  font-size: 1.5rem;
}

.newUI .header span {
  display: inline;
  margin: 0 .4rem 0 0;
  padding: .2rem 1rem;
}

.newUI .header .top1 {
  background-color: #dc3545;
  color: #fff;
}

.appltLists {
  list-style: none;
  padding: 0 !important;
}

.appltLists li {
  margin: 0 .5rem 1rem;
  padding: 0 .7rem;
  border: 0.05rem dashed #746458;
}

.appltLists li .Info {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  padding: .7rem 0;
}

.appltLists li .Info titles {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  margin-right: auto !important;
}

.appltLists li .Info titles et {
  color: #818188;
  font-size: 0.9rem;
}

.appltLists li .Info change {
  display: inline-block;
  vertical-align: middle;
}

.appltLists li .Info change button {
  background: #ffd162;
  border: none;
  font-weight: bolder;
  border-radius: .2rem;
  color: #a55200;
  padding: .2rem .7em;
  margin: 0  0 0 .5rem;
}

.appltLists li .fileLists {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.appltLists li .fileLists a {
  -ms-flex: 0 0 45%;
  -webkit-box-flex: 0;
          flex: 0 0 45%;
  max-width: 45%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  margin: .2rem .2rem;
}

.appltLists li .fileLists a span {
  display: inline-block;
  padding: .5rem .7rem;
}

.appltLists li .fileLists a time {
  display: block;
  padding: .3rem .7rem;
  font-size: 0.8rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  color: #6c757d !important;
}

.appltLists2 {
  list-style: none;
}

.appltLists2 li {
  margin: 0 0 1rem;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  border: none;
  padding: 0;
}

.appltLists2 li span {
  display: inline-block;
  padding: .7rem 1rem;
  background-color: #f5f6fa !important;
  border-radius: 2px .625rem .625rem .625rem;
  color: #7f808c;
}

.appltLists2 li:before {
  content: "甄試";
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  margin: 0 .3rem 0 0;
  border-radius: 50%;
  background: #3e6c3e;
  color: #FFF;
  font-size: 0.9rem;
  text-align: center;
}

.appltLists2 li:nth-child(even):before {
  content: "甄試";
  display: none;
}

.appltLists2 li:nth-child(even):after {
  content: "您";
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  margin: 0 0 0 .3rem;
  border-radius: 50%;
  background: #3e6c3e;
  color: #FFF;
  font-size: 0.9rem;
  text-align: center;
}

.appltLists2 li:nth-child(even) span {
  margin-left: auto !important;
  background-color: #008269 !important;
  border-radius: .625rem 2px .625rem .625rem;
  color: #FFF;
  max-width: 40rem;
}

@media (max-width: 768px) {
  .appltLists2 li:nth-child(even) span {
    max-width: 20rem;
  }
}

@media (max-width: 360px) {
  .appltLists2 li:nth-child(even) span {
    max-width: 15rem;
  }
}

.appltLists2 li:nth-child(even) span a {
  display: block;
  background: #fff !important;
  margin: 0 auto .5rem;
  border-radius: .2rem;
}

.appltLists2 li:nth-child(even) span a Info {
  display: inline-block;
  padding: .5rem .7rem;
  word-break: break-all;
}

.appltLists2 li:nth-child(even) span a time {
  display: block;
  padding: .3rem .7rem;
  font-size: 0.8rem;
  background-color: rgba(0, 0, 0, 0.03) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
  color: #6c757d !important;
}

.appltLists2 li:nth-child(even) span a:nth-child(last) {
  margin: 0 auto;
}

.uForm {
  background: #f5f5f5;
  border-radius: .2rem;
  border: 1px solid #CECECE;
  margin: 0 0 3rem;
}

.uForm uTitle, .uForm uMain {
  display: block;
}

.uForm uTitle {
  text-align: center;
  padding: .7rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  font-weight: bold;
}

.uForm uMain {
  padding: .7rem;
}

.uForm uMain .row {
  padding: 0;
}

.uForm uMain .row label {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: .5rem .4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .uForm uMain .row label {
    padding: .5rem .7rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.uForm uMain .usersForm {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  margin: 0 0 .5rem;
}

.uForm uMain .usersForm span {
  margin: 0 .3rem;
}

.uForm uMain .usersForm select {
  margin: 0 .5rem 0 0;
  padding: 0;
}

.uForm uMain .usersForm .w4 {
  width: 4rem;
}

.uForm uMain .usersForm .w6 {
  width: 6rem;
}

.uChinfo {
  margin: 0 0 2rem;
}

.uChinfo cTitles {
  display: block;
  font-weight: bolder;
  color: #3e6c3e;
  border-bottom: 0.2rem solid #3e6c3e;
  margin: 0 0 .5rem;
  padding: .5rem .5rem;
  font-size: 1.2rem;
}

.uChinfo .row {
  margin: 0;
  padding: 0;
}

.uChinfo .cDiv {
  margin: 0 0 1rem;
  padding: 0;
}

.uChinfo .cDiv cTitle {
  display: inline-block;
  color: #FFF;
  background: #5a5a5a;
  font-size: .95rem;
  padding: .1rem .5rem;
  border-radius: .4rem;
  font-weight: bolder;
}

@media (max-width: 768px) {
  .uChinfo .cDiv cTitle {
    font-size: .7rem;
  }
}

.uChinfo .cDiv cMain {
  display: block;
  margin: .5rem 1.5rem;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .uChinfo .cDiv cMain {
    font-size: .7rem;
  }
}

.chkAlerts {
  margin: .7rem 0 1rem;
  padding: .5rem;
}

.chkAlerts ul {
  margin: 0;
  padding: 0 0 0 .7rem;
  list-style: none;
}

.chkAlerts ul li {
  margin: .5rem 0;
  padding: 0;
  font-size: 1rem;
}

.spbtn {
  border-color: #0056b3;
  background-color: #0056b3;
}

.spbtn:hover {
  border-color: #ffe074;
  background-color: #ffe074;
}

.TeaAdmin .headerTitle {
  background: #3e6c3e;
}

.TeaAdmin .headerTitle .headerTitleBG {
  position: relative;
}

.TeaAdmin .headerTitle .bg {
  position: absolute;
  height: 6rem;
  width: 50rem;
  right: 0;
}

.TeaAdmin .headerTitle .headerTitleMain {
  position: relative;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  padding: 1.45rem .7rem;
}

.TeaAdmin .headerTitle .headerTitleMain left .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center !important;
      align-self: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}

.TeaAdmin .headerTitle .headerTitleMain left .logo img {
  height: 3rem;
}

@media (max-width: 768px) {
  .TeaAdmin .headerTitle .headerTitleMain left .logo img {
    height: 2rem;
  }
}

.TeaAdmin .headerTitle .headerTitleMain left .logo p {
  font-weight: bolder;
  color: #FFF;
  font-size: 1.3rem;
  margin: 0 .3rem;
  padding: 0;
  line-height: 1.5rem;
}

@media (max-width: 768px) {
  .TeaAdmin .headerTitle .headerTitleMain left .logo p {
    font-size: 1rem;
  }
}

.TeaAdmin .headerTitle .headerTitleMain right {
  position: relative;
  display: inline-block;
}

.TeaAdmin .headerTitle .headerTitleMain right button {
  background-color: #343a40;
  border: transparent;
  color: #FFF;
  border-radius: .2rem;
  padding: .5rem 1.5rem;
}

@media (max-width: 768px) {
  .TeaAdmin .headerTitle .headerTitleMain right button {
    padding: .4rem .8rem;
  }
}

.TeaAdmin .sildebar {
  background: #383838;
}

.TeaAdmin .sildebar .userName {
  text-align: center;
  padding: 1rem 0;
  font-weight: bolder;
  color: #FFBE33;
  font-size: 1.1rem;
}

.TeaAdmin .sildebar li {
  width: 100%;
}

.TeaAdmin .sildebar li .active {
  background-color: #005C69;
}

.TeaAdmin .sildebar li .collapsed:after {
  content: "";
  height: 1.7rem;
  width: 1.7rem;
  margin: 0 .3rem 0;
  display: inline-block;
  background-size: 100% auto;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg3OTczMDYwMTEzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI5ODUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTQ0IDQ4MGgxMTJhMTYgMTYgMCAwIDEgMTYgMTZ2MTZhMTYgMTYgMCAwIDEtMTYgMTZoLTExMnYxMTJhMTYgMTYgMCAwIDEtMTYgMTZoLTE2YTE2IDE2IDAgMCAxLTE2LTE2di0xMTJoLTExMmExNiAxNiAwIDAgMS0xNi0xNnYtMTZhMTYgMTYgMCAwIDEgMTYtMTZoMTEydi0xMTJhMTYgMTYgMCAwIDEgMTYtMTZoMTZhMTYgMTYgMCAwIDEgMTYgMTZ2MTEyeiBtLTMyIDMyMGMxNTkuMDU2IDAgMjg4LTEyOC45NDQgMjg4LTI4OHMtMTI4Ljk0NC0yODgtMjg4LTI4OC0yODggMTI4Ljk0NC0yODggMjg4IDEyOC45NDQgMjg4IDI4OCAyODh6IG0wIDQ4Yy0xODUuNTY4IDAtMzM2LTE1MC40MzItMzM2LTMzNnMxNTAuNDMyLTMzNiAzMzYtMzM2IDMzNiAxNTAuNDMyIDMzNiAzMzYtMTUwLjQzMiAzMzYtMzM2IDMzNnoiIHAtaWQ9IjI5ODYiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=");
  vertical-align: middle;
}

.TeaAdmin .sildebar li a {
  font-weight: bolder;
  padding: .7rem .7rem;
  color: #FFF;
}

.TeaAdmin .sildebar li a:hover {
  background-color: #005C69;
}

.TeaAdmin .sildebar li a:after {
  content: "";
  height: 1.7rem;
  width: 1.7rem;
  margin: 0 .3rem 0;
  display: inline-block;
  background-size: 100% auto;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg3OTczMDc1NzE5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxNDIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNODAwIDUyMEM4MDAgMzY1LjM2IDY3NC42NCAyNDAgNTIwIDI0MFMyNDAgMzY1LjM2IDI0MCA1MjAgMzY1LjM2IDgwMCA1MjAgODAwIDgwMCA2NzQuNjQgODAwIDUyMHogbTQ4IDBDODQ4IDcwMS4xNTIgNzAxLjE1MiA4NDggNTIwIDg0OFMxOTIgNzAxLjE1MiAxOTIgNTIwIDMzOC44NDggMTkyIDUyMCAxOTIgODQ4IDMzOC44NDggODQ4IDUyMHogbS00NDAtMTZoMjQwYTE2IDE2IDAgMCAxIDE2IDE2djE2YTE2IDE2IDAgMCAxLTE2IDE2aC0yNDBhMTYgMTYgMCAwIDEtMTYtMTZ2LTE2YTE2IDE2IDAgMCAxIDE2LTE2eiIgcC1pZD0iMzE0MyIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==");
  vertical-align: middle;
}

.TeaAdmin .sildebar li a:last-child::after {
  background-image: none;
}

.TeaAdmin .sildebar li ul {
  list-style-type: none;
  margin: .2rem .7rem;
}

.TeaAdmin .sildebar li ul .active {
  border-left: 3px solid #09A7BD;
  background: transparent;
}

.TeaAdmin .sildebar li ul a {
  border-left: 3px solid #09A7BD;
}

.TeaAdmin .sildebar li ul a:hover {
  border-left: 3px solid #F5AF18;
  background: transparent;
}

.TeaAdmin .sildebar li ul ul a {
  border-bottom: 1px dotted #F5AF18;
  border-left: transparent;
}

.TeaAdmin .TeaForm {
  border-radius: .2rem;
  margin: .7rem 0;
  border: 1px solid #3e6c3e;
}

.TeaAdmin .TeaForm uTitle, .TeaAdmin .TeaForm uMain {
  display: block;
}

.TeaAdmin .TeaForm uTitle {
  text-align: left;
  padding: .7rem 1rem;
  border-bottom: 1px solid #3e6c3e;
  background-color: #e2ca89;
  font-weight: bold;
}

.TeaAdmin .TeaForm uMain {
  padding: .7rem;
}

.TeaAdmin .TeaForm uMain .row {
  padding: 0;
}

.TeaAdmin .TeaForm uMain .row label {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: .5rem 1rem;
}

@media (max-width: 768px) {
  .TeaAdmin .TeaForm uMain .row label {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.TeaAdmin .TeaForm uMain label {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  font-weight: bolder;
}

.TeaAdmin .TeaForm uMain .usersForm {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.TeaAdmin .TeaForm uMain .usersForm span {
  margin: 0 .3rem;
}

.TeaAdmin .TeaForm uMain .usersForm .w4 {
  width: 4rem;
}

.TeaAdmin .TeaForm uMain .usersForm .w6 {
  width: 6rem;
}

.GroAdmin .left {
  margin: 0;
  padding: 4.5rem 0 0 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 17rem;
  -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
}

.GroAdmin .right {
  margin: 0;
  padding: 5.5rem 3rem 2rem 20rem;
  min-height: 45rem;
}

.GroAdmin .headerTitle {
  background: #008269;
}

.GroAdmin .headerTitle .headerTitleBG {
  position: relative;
}

.GroAdmin .headerTitle .bg {
  position: absolute;
  height: 6rem;
  width: 50rem;
  right: 0;
}

.GroAdmin .headerTitle .headerTitleMain {
  position: relative;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  padding: .3rem .7rem;
}

.GroAdmin .headerTitle .headerTitleMain left .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center !important;
      align-self: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}

.GroAdmin .headerTitle .headerTitleMain left .logo img {
  height: 3rem;
}

@media (max-width: 768px) {
  .GroAdmin .headerTitle .headerTitleMain left .logo img {
    height: 2rem;
  }
}

.GroAdmin .headerTitle .headerTitleMain left .logo p {
  font-weight: bolder;
  color: #FFF;
  font-size: 1.25rem;
  margin: 0 .3rem;
  padding: 0;
  line-height: 1.5rem;
}

.GroAdmin .headerTitle .headerTitleMain left .logo p small {
  padding: 0 .5rem;
  font-size: 0.85rem;
}

@media (max-width: 768px) {
  .GroAdmin .headerTitle .headerTitleMain left .logo p {
    font-size: 1rem;
  }
}

.GroAdmin .headerTitle .headerTitleMain right {
  position: relative;
  display: inline-block;
}

.GroAdmin .headerTitle .headerTitleMain right button {
  background-color: #008269;
  border: transparent;
  color: #FFF;
  border-radius: .2rem;
  padding: .5rem 1.5rem;
}

@media (max-width: 768px) {
  .GroAdmin .headerTitle .headerTitleMain right button {
    padding: .4rem .8rem;
  }
}

.GroAdmin .sildebar {
  position: relative;
  max-height: calc(100vh - 75px);
  min-height: 100%;
  overflow: auto;
  padding: 0 0 1.5rem;
}

.GroAdmin .sildebar .userName {
  text-align: center;
  padding: 1rem 0;
  font-weight: bolder;
  color: #FFBE33;
}

.GroAdmin .sildebar li {
  width: 100%;
  padding: 0 0 0 .7rem;
}

.GroAdmin .sildebar li .active {
  color: #008269;
  background: #FFF;
  border-left: 0.3rem solid #008269;
}

.GroAdmin .sildebar li a {
  font-weight: bolder;
  padding: 1rem 0;
  color: #5d5e5e;
  font-size: 0.95rem;
}

.GroAdmin .sildebar li a:hover {
  color: #008269;
  background: #FFF;
  border-left: 0.3rem solid #008269;
}

.GroAdmin .sildebar li a:last-child::after {
  background-image: none;
}

.GroAdmin .table_def tr td {
  font-size: .85rem;
  vertical-align: middle;
}

.GroAdmin .table_def tr ul {
  list-style: none;
  margin: 0;
}

.GroAdmin .table_def tr ul li {
  font-size: .85rem;
  padding: 0 0 .2rem;
}

.GroAdmin .table_def tr .ulDef li {
  padding: .5rem 0;
  border-bottom: 1px dashed #ffc107;
}

.GroAdmin .table_def tr .ulDef li:last-child {
  border-bottom: none;
}

.GroAdmin .table_def tr .maillogo:before {
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  margin: -.2rem .2rem 0 0;
  display: inline-block;
  background-size: 100% 100%;
  background-position: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjAyNDkwODY4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgxNyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xNTIgMjEyLjFoOTIuNWMxNC4yIDAgMjUuNi0xMS41IDI1LjYtMjUuNnMtMTEuNS0yNS42LTI1LjYtMjUuNkgxNTJjLTIzLjYgMC00My43IDE0LjUtNTEuMiAzNi45LTcuMyAyMi0wLjQgNDUuMSAxNy43IDU5LjNsMzA4LjEgMjgzLjhjMjMuOSAyMiA1NC41IDMzIDg1LjEgMzMgMzAuNiAwIDYxLjMtMTEgODUuMS0zM0w5MDQuOSAyNTdjMTgtMTQuMiAyNS0zNy40IDE3LjctNTkuMy03LjUtMjIuNC0yNy42LTM2LjktNTEuMi0zNi45SDQwOC4xYy0xNC4yIDAtMjUuNiAxMS41LTI1LjYgMjUuNlMzOTQgMjEyIDQwOC4xIDIxMmg0NjMuM2MwLjkgMCAxLjkgMCAyLjUgMS44IDAuNiAxLjgtMC4zIDIuNS0wLjkgMy0wLjcgMC41LTEuNCAxLjEtMiAxLjdMNTYyLjEgNTAzLjFjLTI4LjMgMjYtNzIuNiAyNi0xMDAuOCAwTDE1Mi40IDIxOC42Yy0wLjYtMC42LTEuMy0xLjItMi0xLjdzLTEuNi0xLjItMC45LTNjMC41LTEuOCAxLjYtMS44IDIuNS0xLjh6IiBwLWlkPSI4MTgiIGZpbGw9IiM2Yzc1N2QiPjwvcGF0aD48cGF0aCBkPSJNOTAwLjcgMzQ1LjVjLTE0LjIgMC0yNS42IDExLjUtMjUuNiAyNS42djMzMi40YzAgNjEuNC01MCAxMTEuNC0xMTEuNCAxMTEuNGgtNTA0Yy02MS40IDAtMTExLjQtNTAtMTExLjQtMTExLjR2LTMzM2MwLTE0LjItMTEuNS0yNS42LTI1LjYtMjUuNlM5NyAzNTYuNCA5NyAzNzAuNnYzMzNjMCA4OS43IDczIDE2Mi43IDE2Mi43IDE2Mi43aDUwNGM4OS43IDAgMTYyLjctNzMgMTYyLjctMTYyLjdWMzcxLjJjMC0xNC4yLTExLjUtMjUuNy0yNS43LTI1Ljd6IiBwLWlkPSI4MTkiIGZpbGw9IiM2Yzc1N2QiPjwvcGF0aD48L3N2Zz4=");
  vertical-align: middle;
}

.GroAdmin .table_def tr .phonelogo:before {
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  margin: -.2rem .2rem 0 0;
  display: inline-block;
  background-size: 100% 100%;
  background-position: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjAyNDkwNzI0NTU5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg5NSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik03MjQuMzUwNzA3IDYzLjM1MzUzNUgyOTcuNzg3NDc1QzI1My4zMTA3MDcgNjMuMzUzNTM1IDIxNy4yMTIxMjEgOTkuNTU1NTU2IDIxNy4yMTIxMjEgMTQzLjkyODg4OXY3MzYuMjQ1NjU2YzAgNDQuNDc2NzY4IDM2LjIwMjAyIDgwLjU3NTM1NCA4MC41NzUzNTQgODAuNTc1MzU0aDQyNi41NjMyMzJjNDQuNDc2NzY4IDAgODAuNTc1MzU0LTM2LjIwMjAyIDgwLjU3NTM1NC04MC41NzUzNTRWMTQzLjkyODg4OWMwLTQ0LjQ3Njc2OC0zNi4wOTg1ODYtODAuNTc1MzU0LTgwLjU3NTM1NC04MC41NzUzNTR6TTI5Ny43ODc0NzUgMTA0LjcyNzI3M2g0MjYuNTYzMjMyYzIxLjYxNzc3OCAwIDM5LjIwMTYxNiAxNy41ODM4MzggMzkuMjAxNjE2IDM5LjIwMTYxNlYxNzkuNzE3MTcySDI1OC41ODU4NTl2LTM1Ljc4ODI4M0MyNTguNTg1ODU5IDEyMi4zMTExMTEgMjc2LjE2OTY5NyAxMDQuNzI3MjczIDI5Ny43ODc0NzUgMTA0LjcyNzI3M3pNMjU4LjU4NTg1OSAyMjEuMDkwOTA5aDUwNS4wNjk4OTl2NTI3LjcyMjAySDI1OC41ODU4NTlWMjIxLjA5MDkwOXogbTQ2NS43NjQ4NDggNjk4LjI4NTI1M0gyOTcuNzg3NDc1Yy0yMS42MTc3NzggMC0zOS4yMDE2MTYtMTcuNTgzODM4LTM5LjIwMTYxNi0zOS4yMDE2MTd2LTg5Ljk4Nzg3OGg1MDUuMDY5ODk5djg5Ljk4Nzg3OGMtMC4xMDM0MzQgMjEuNjE3Nzc4LTE3LjY4NzI3MyAzOS4yMDE2MTYtMzkuMzA1MDUxIDM5LjIwMTYxN3ogbTAgMCIgcC1pZD0iODk2IiBmaWxsPSIjNmM3NTdkIj48L3BhdGg+PHBhdGggZD0iTTQzNS45NzU3NTggMTQ5LjcyMTIxMmgxNTAuMDgzMjMyYzguMjc0NzQ3IDAgMTQuOTk3OTgtNi43MjMyMzIgMTQuOTk3OTgtMTQuOTk3OTggMC04LjI3NDc0Ny02LjcyMzIzMi0xNC45OTc5OC0xNC45OTc5OC0xNC45OTc5NzlINDM1Ljk3NTc1OGMtOC4yNzQ3NDcgMC0xNC45OTc5OCA2LjcyMzIzMi0xNC45OTc5OCAxNC45OTc5NzkgMCA4LjI3NDc0NyA2LjcyMzIzMiAxNC45OTc5OCAxNC45OTc5OCAxNC45OTc5OHogbTAgME00NTcuNDkwMTAxIDg1NS42NjA2MDZjMCAxOS4xMzUzNTQgMTAuMjE0MTQxIDM2LjgyMjYyNiAyNi43ODk0OTUgNDYuNDAzMjMyIDE2LjU3NTM1NCA5LjU2NzY3NyAzNy4wMDM2MzYgOS41Njc2NzcgNTMuNTc4OTkgMGE1My41NzUxMTEgNTMuNTc1MTExIDAgMCAwIDI2Ljc4OTQ5NS00Ni40MDMyMzJjMC0yOS41OTUxNTItMjMuOTgzODM4LTUzLjU3ODk5LTUzLjU3ODk5LTUzLjU3ODk5LTI5LjU5NTE1MiAwLTUzLjU3ODk5IDIzLjk4MzgzOC01My41Nzg5OSA1My41Nzg5OXogbTAgMCIgcC1pZD0iODk3IiBmaWxsPSIjNmM3NTdkIj48L3BhdGg+PC9zdmc+");
  vertical-align: middle;
}
/*# sourceMappingURL=app.css.map */