@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
:root {
  --star: #de2f2f;
  --color-note: #de2f2f;
  --color-01-1: #e3f0f0;
  --color-01-2: #b3dae0;
  --color-01-3: #7abac4;
  --color-01-4: #4194a1;
  --color-01-5: #148191;
  --color-01-6: #0c6055;
  --color-02-1: #d6dded;
  --color-02-2: #9ba6ba;
  --color-02-3: #6F7B91;
  --color-02-4: #4a5770;
  --color-02-5: #34527a;
  --color-02-6: #1e2b42;
  --color-03-1: #ddf5e5;
  --color-03-2: #b6dfc3;
  --color-03-3: #6bca8b;
  --color-03-4: #279b4e;
  --color-03-5: #1b7238;
  --color-03-6: #0d421f;
  --color-04-1: #ffeee7;
  --color-04-2: #ffdbcb;
  --color-04-3: #fcbda0;
  --color-04-4: #f39265;
  --color-04-5: #ee7036;
  --color-04-6: #da4b08;
  --color-000000: #000000;
  --color-222222: #222222;
  --color-242424: #242424;
  --color-333333: #333333;
  --color-484848: #484848;
  --color-555555: #555555;
  --color-666666: #666666;
  --color-888888: #888888;
  --color-999999: #999999;
  --color-aaaaaa: #aaaaaa;
  --color-bbbbbb: #bbbbbb;
  --color-cccccc: #cccccc;
  --color-d4d4d4: #d4d4d4;
  --color-dddddd: #dddddd;
  --color-e4e4e4: #e4e4e4;
  --color-eeeeee: #eeeeee;
  --color-f2f2f2: #f2f2f2;
  --color-f4f4f4: #f4f4f4;
  --color-f6f6f6: #f6f6f6;
  --color-ffffff: #ffffff;
  --fontsize-48: 3rem;
  --fontsize-36: 2.25rem;
  --fontsize-32: 2rem;
  --fontsize-30: 1.875rem;
  --fontsize-28: 1.75rem;
  --fontsize-26: 1.6rem;
  --fontsize-24: 1.5rem;
  --fontsize-22: 1.4rem;
  --fontsize-21: 1.3rem;
  --fontsize-20: 1.25rem;
  --fontsize-19: 1.2rem;
  --fontsize-18: 1.125rem;
  --fontsize-17: 1.05rem;
  --fontsize-16: 1rem;
  --fontsize-15: 0.95rem;
  --fontsize-14: 0.875rem;
  --fontsize-13: 0.8rem;
  --fontsize-12: 0.75rem;
  --rounded-rectangle: 150px;
  --border-radius-full: 9999px;
  --border-radius-lg: 20px;
  --border-radius-md: 16px;
  --border-radius-sm: 9px;
  --border-radius-xs: 5px;
  --border-radius-xxs: 3px;
  --border-radius-tab: 10px 10px 0 0;
  --border-color: #D2AB0E;
  --tableColor01-1: #d8f3ff;
  --tableColor01-2: #b9e7fd;
}

/* 系統管理者 
------------------------------------------------- */
.admin .navbar {
  background: #1ca53c;
}

.admin .site-side {
  background: #3d81b7;
}

.admin .navbar-nav a {
  background-color: #248c3c;
}

.admin .side-menu__close,
.admin .side-menu__open {
  background-color: #1ca53c;
}

.admin .widget-message .item1 {
  background-color: #ffa816;
}

.admin .widget-message .item2 {
  background-color: #197ece;
}

.admin .widget-message .item3 {
  background-color: #ff7f47;
}

.admin .widget-message .item4 {
  background-color: #f9715b;
}

.admin .widget-business .biz1 {
  background-color: #2b6ede;
}

.admin .widget-business .biz2 {
  background-color: #195bb6;
}

.admin .widget-business .biz3 {
  background-color: #2d3ba4;
}

.admin .widget-business .biz4 {
  background-color: #4b58b9;
}

.admin .side-menu a {
  color: #222;
}

.admin .side-menu .active {
  color: #00861f;
}

.admin .lev3 > li:before,
.admin .lev3 > li > a:after {
  background: #aaa;
}

/* 系統管理者 end
------------------------------------------------- */
/* 業務行銷人員
------------------------------------------------- */
.sale .navbar {
  background: #03691b;
  /* background: linear-gradient(90deg, rgba(224, 99, 156, 1) 0%, rgba(75, 74, 203, 1) 100%); */
}

.sale .site-side,
.sale .side-menu__close,
.sale .side-menu__open {
  background-color: #159032;
}

.sale .navbar-nav a {
  background-color: #12842d;
}

.sale .widget-message .item1 {
  background-color: #2c51ab;
}

.sale .widget-message .item2 {
  background-color: #29a52a;
}

.sale .widget-message .item3 {
  background-color: #2b76de;
}

.sale .widget-message .item4 {
  background-color: #8bcf32;
}

.sale .widget-business .biz1 {
  background-color: #1b9356;
}

.sale .widget-business .biz2 {
  background-color: #2396a4;
}

.sale .widget-business .biz3 {
  background-color: #b7c542;
}

.sale .widget-business .biz4 {
  background-color: #b94bab;
}

.sale .widget-box-sr .widget-box-header,
.sale .widget-box-sr .widget-box-content .bookmark-cont .bookmark-link {
  background: #4caf50;
}

.sale .widget-box-sr .widget-box-content {
  background: #fff;
}

.sale .side-menu a {
  color: #222;
}

.sale .widget-box-header {
  background-color: #20b4ac;
}

.sale .btn-wrap .confirm,
.sale .btn-wrap .certain,
.sale .btn-wrap .search {
  background: #0c5792;
}

.sale .table-btn {
  background: #118da2;
}

/* 業務行銷人員 end
------------------------------------------------- */
/* 單一客戶行銷面板
------------------------------------------------- */
.client .navbar {
  background: #174082;
  /* background: linear-gradient(90deg, rgba(224, 99, 156, 1) 0%, rgba(75, 74, 203, 1) 100%); */
}

.client .side-menu__close,
.client .side-menu__open {
  background-color: #3867b3;
}

.client .widget-message .item1 {
  background-color: #2c51ab;
}

.client .widget-message .item2 {
  background-color: #29a52a;
}

.client .widget-message .item3 {
  background-color: #2b76de;
}

.client .widget-message .item4 {
  background-color: #8bcf32;
}

.client .widget-business .biz1 {
  background-color: #1b9356;
}

.client .widget-business .biz2 {
  background-color: #2396a4;
}

.client .widget-business .biz3 {
  background-color: #b7c542;
}

.client .widget-business .biz4 {
  background-color: #b94bab;
}

/*
.client .site-side__inner {
    background: #3867b3;
}
*/
/*
.client .lev1 .icon {
    color: #fff;
}

.client .side-menu .collapsein .dot {
    background: #fff;
}
*/
.client .widget-box-sr .widget-box-header,
.client .widget-box-sr .widget-box-content .bookmark-cont .bookmark-link {
  background: #4caf50;
}

.client .widget-box-sr .widget-box-content {
  background: #fff;
}

/*
.client ul.lev2 {
    background: rgba(255, 255, 255, 0.2);
}
*/
.client .widget-box-header {
  background-color: #20b4ac;
}

.client .btn-wrap .confirm,
.client .btn-wrap .certain,
.client .btn-wrap .search {
  background: #0c5792;
}

.client .table-btn {
  background: #118da2;
}

.client .lev1 .icon {
  color: #4578ca;
}

/* 單一客戶行銷面板 end
------------------------------------------------- */
/* 會計帳務管理人員
------------------------------------------------- */
.accountant .navbar {
  background: #ce534a;
  /* background: linear-gradient(90deg, rgba(224, 99, 156, 1) 0%, rgba(75, 74, 203, 1) 100%); */
}

.accountant .side-menu__close,
.accountant .side-menu__open {
  background-color: #e4756d;
}

.accountant .navbar-nav a {
  background-color: #e4756d;
}

.accountant .widget-message .item1 {
  background-color: #2c51ab;
}

.accountant .widget-message .item2 {
  background-color: #29a52a;
}

.accountant .widget-message .item3 {
  background-color: #2b76de;
}

.accountant .widget-message .item4 {
  background-color: #00a6bb;
}

.accountant .widget-message .item5 {
  background-color: #00a6bb;
}

.widget-message .item4::before {
  background: url(../images/i-item11.svg) 0 0 no-repeat;
  background-size: contain;
}

.widget-message .item5::before {
  background: url(../images/i-item12.svg) 0 0 no-repeat;
  background-size: contain;
}

.accountant .widget-business .biz1 {
  background-color: #1b9356;
}

.accountant .widget-business .biz2 {
  background-color: #2396a4;
}

.accountant .widget-business .biz3 {
  background-color: #b7c542;
}

.accountant .widget-business .biz4 {
  background-color: #b94bab;
}

.accountant .widget-box-sr .widget-box-header,
.accountant .widget-box-sr .widget-box-content .bookmark-cont .bookmark-link {
  background: #ff8c83;
}

.accountant .widget-box-sr .widget-box-content {
  background: #ffdad8;
}

.accountant .widget-box-header {
  background-color: #20b4ac;
}

.accountant .btn-wrap .confirm,
.accountant .btn-wrap .certain,
.accountant .btn-wrap .search {
  background: #0c5792;
}

.accountant .table-btn {
  background: #118da2;
}

.accountant .lev1 .icon {
  color: #e4756d;
}

/* 會計帳務管理人員 end
------------------------------------------------- */
/* 設備耗材管理 
------------------------------------------------- */
.equip .navbar {
  background: #00a5ad;
}

.equip .side-menu__close,
.equip .side-menu__open {
  background-color: #00747a;
}

.equip .navbar-nav a {
  background-color: #00747a;
}

.equip .lev1 .icon {
  color: #00a5ad;
}

.equip .widget-box-sr .widget-box-content {
  background: #ffffff;
}

.equip .widget-box-sr .widget-box-header {
  background: #00ad80;
  line-height: 1.6;
  font-size: 1.3rem;
}

.equip .widget-box-sr .widget-box-content .bookmark-cont .bookmark-link {
  display: flex;
  flex-wrap: wrap;
  background: #00ad80;
}

.equip .widget-message .item {
  border-radius: 13px;
}

.equip .widget-message .item5 {
  background: #3ec470;
}

.equip .widget-message .item4 {
  background: #f78f2f;
}

.equip .widget-message .item4::before {
  background: url(../images/i-equip1.png) 0 0 no-repeat;
  background-size: contain;
}

.equip .table-btn {
  background: #00a5ad;
}

.index-searbtn {
  background: #00a5ad;
  color: #fff !important;
  border-radius: 5px;
  min-width: 85px;
  display: inline-block;
  padding: 9px 20px;
  margin: 0 10px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
}

.equip .widget-box-header {
  background-color: #00a5ad;
}

.equip .widget-message .item5::before {
  background: url(../images/i-equip2.png) 0 0 no-repeat;
  background-size: contain;
}

/* 設備耗材管理 end
------------------------------------------------- */
/* 物料管理人員 
------------------------------------------------- */
.material .navbar {
  background: #4774e5;
}

.material .side-menu__close,
.material .side-menu__open {
  background-color: #6f96f7;
}

.material .navbar-nav a {
  background-color: #6f96f7;
}

.material .lev1 .icon {
  color: #6f96f7;
}

.material .widget-box-sr .widget-box-content {
  background: #ffffff;
}

.material .widget-box-sr .widget-box-header {
  background: #6f96f7;
  line-height: 1.6;
  font-size: 1.3rem;
}

.material .widget-box-sr .widget-box-content .bookmark-cont .bookmark-link {
  display: flex;
  flex-wrap: wrap;
  background: #6f96f7;
}

.material .widget-message .item {
  border-radius: 13px;
}

.material .widget-message .item5 {
  background: #3ec470;
}

.material .widget-message .item4 {
  background: #f78f2f;
}

.material .widget-message .item4::before {
  background: url(../images/i-material1.png) 0 0 no-repeat;
  background-size: contain;
}

.material .table-btn {
  background: #00a5ad;
}

.index-searbtn {
  background: #00a5ad;
  color: #fff !important;
  border-radius: 5px;
  min-width: 85px;
  display: inline-block;
  padding: 9px 20px;
  margin: 0 10px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
}

.material .widget-box-header {
  background-color: #00a5ad;
}

.material .widget-message .item5::before {
  background: url(../images/i-material2.png) 0 0 no-repeat;
  background-size: contain;
}

/* 物料管理人員 end
------------------------------------------------- */
/* 決策總覽
------------------------------------------------- */
.overview .navbar {
  background: #437b00;
  /* background: linear-gradient(90deg, rgba(224, 99, 156, 1) 0%, rgba(75, 74, 203, 1) 100%); */
}

.overview .side-menu__close,
.overview .side-menu__open {
  background-color: #519400;
}

.overview .navbar-nav a {
  background-color: #519400;
}

.overview .widget-message .widget-box-content {
  width: 100%;
}

.overview .widget-message .item1 {
  background-color: #fff;
  color: #000;
  margin: 0;
  display: flex;
  width: 100%;
  border-radius: 0 0 8px 8px;
}

.overview .widget-message .item1 .info-cont2 {
  margin: 0 20px;
}

.overview .widget-message .info-cont2 p.num {
  font-size: 1.65rem !important;
  font-weight: bold;
  margin: 8px 0 0 0;
  color: #e91e63;
}

.overview .widget-message .item2 {
  background-color: #29a52a;
}

.overview .widget-message .item3 {
  background-color: #2b76de;
}

.overview .widget-message .item4 {
  background-color: #00a6bb;
}

.overview .widget-message .item5 {
  background-color: #00a6bb;
}

.overview .widget-message .item4::before {
  background: url(../images/i-item11.svg) 0 0 no-repeat;
  background-size: contain;
}

.overview .widget-message .item5::before {
  background: url(../images/i-item12.svg) 0 0 no-repeat;
  background-size: contain;
}

.overview .widget-box-sr .widget-box-header,
.overview .widget-box-sr .widget-box-content .bookmark-cont .bookmark-link {
  background: #ff8c83;
}

.overview .widget-box-sr .widget-box-content {
  background: #ffdad8;
}

.overview .btn-wrap .confirm,
.overview .btn-wrap .certain,
.overview .btn-wrap .search {
  background: #0c5792;
}

.overview .table-btn {
  background: #118da2;
}

.overview .lev1 .icon {
  color: #519400;
}

/* 決策總覽 end
------------------------------------------------- */
/* form style
-----------------------------------------------------*/
input[type=text],
input[type=file],
input[type=password],
input[type=date],
select,
textarea {
  border-radius: 8px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  background-color: #fff;
}

input[type=radio],
input[type=checkbox] {
  width: 18px;
  height: 18px;
}

.date-wrap {
  display: flex;
}

.date-wrap span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}

input[type=text].datepicker {
  padding-right: 35px !important;
  background-image: url(../images/icon/calendar.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 20px !important;
}

.info-wrap {
  display: block;
  width: 100%;
  margin: 20px 0 5px 0;
  overflow: hidden;
}
.info-wrap .btn-box {
  display: flex;
  float: right;
  gap: 5px;
}
.info-wrap .btn-box .btn {
  font-size: 96%;
  line-height: 1;
  min-width: auto;
  font-weight: bold;
  padding: 10px 15px 10px 33px;
  border-radius: 150px;
  margin: 0;
  color: var(--color-ffffff);
  display: block;
  background: var(--color-04-5);
  text-align: center;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info-wrap .btn-box .btn:hover {
  filter: brightness(120%);
}
.info-wrap .btn-box .btn.add {
  background-color: var(--color-04-5);
  background-image: url(../images/icon/add-w.svg);
}
.info-wrap .search-total {
  float: left;
  margin: 14px 0 0 0;
  padding: 0;
}
.info-wrap .search-total strong {
  color: #ff6056;
  margin: 0 2px;
}

.form-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
  min-height: 40px;
}
.form-inline > div {
  display: flex;
  align-items: flex-start;
  gap: 5px 3px;
}
.form-inline > div input[type=checkbox],
.form-inline > div input[type=radio] {
  margin-top: 3px;
}

/* form style end
-----------------------------------------------------*/
/* content-box
-----------------------------------------------------*/
.content-group {
  display: flex;
  width: 100%;
  vertical-align: top;
  margin: 0%;
}

.content-box {
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-md);
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
}

.content-box-header {
  padding: 14px 20px;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  color: #333;
  background: #FFEE9F;
}

.content-box-content {
  background: #fff;
}

.content-sw {
  color: #2d2d2d;
  padding: 0 15px;
  position: relative;
  background-color: var(--color-01-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-md);
  margin-bottom: 10px;
}

.content-sw-wrap .content-box {
  margin-bottom: 10px;
}
.content-sw-wrap .del-field {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 39px;
  height: 39px;
  color: #fff;
  background-color: var(--color-01-5);
  border-radius: 5px;
}
.content-sw-wrap .del-field img {
  width: 70%;
}
.content-sw-wrap .add-field {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  text-decoration: none;
  padding: 15px;
  color: #333;
}
.content-sw-wrap .add-field i {
  color: var(--color-01-5);
  margin-right: 3px;
}

.content-sw-close .fa-minus {
  display: block;
}
.content-sw-close .fa-plus {
  display: none;
}

.content-sw-open .fa-minus {
  display: none;
}
.content-sw-open .fa-plus {
  display: block;
}

/* content-box end
-----------------------------------------------------*/
/* table
-----------------------------------------------------*/
table {
  width: 100%;
  font-size: 1.125rem;
}
table tr {
  border-top: 1px solid #C9CDD4;
}
table tr:first-child {
  border-top: 0;
}
table tr th,
table tr td {
  padding: 15px 20px;
}
table tr th a,
table tr td a {
  color: var(--color-01-5);
  text-decoration: underline;
}
table tr th {
  text-align: left;
  font-size: 1.25rem;
}

table tr td:last-child {
  border-right: 0;
}

table.top-th tr th,
table.top-th tr td {
  text-align: center;
}

table.top-th tr th {
  background-color: #e6e6e6;
}

table.top-th tr th:last-child,
table.top-th tr td:last-child {
  border-right: 0;
}

table.top-th .num {
  width: 80px !important;
}

.top-th table.top-th tr th,
.top-th table.top-th tr td {
  text-align: left;
}
.top-th table.top-th tr th {
  background-color: #fff;
}

/* table end
-----------------------------------------------------*/
/* 按鈕
-----------------------------------------------------*/
.btn-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.btn-wrap .btn {
  background: #2d3772;
  color: #fff;
  border-radius: 150px;
  min-width: 100px;
  display: block;
  padding: 10px 20px;
  margin: 0 10px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  border: 0;
}
.btn-wrap .btn:hover {
  filter: brightness(120%);
}
.btn-wrap .btn.add {
  background-color: var(--color-04-5);
  background-image: url(../images/icon/add-w.svg);
  background-size: 20px;
  padding: 10px 15px 10px 33px;
  background-repeat: no-repeat;
  background-position: 20px center;
}
.btn-wrap .close,
.btn-wrap .confirm,
.btn-wrap .certain,
.btn-wrap .search {
  background: #1195d3;
}
.btn-wrap .preview {
  background: #1eb6c4;
}
.btn-wrap .save {
  background: #25ad92;
}
.btn-wrap .cancel {
  background: #1696ff;
}
.btn-wrap .back {
  background: #2d3772;
}
.btn-wrap .export {
  background: #e13c53;
}
.btn-wrap .template {
  background: #634b8f;
}

.btn-wrap.bottom .btn {
  font-size: 1.25rem;
  min-width: 150px;
  line-height: 1.5;
}
.btn-wrap.bottom .btn:hover {
  filter: brightness(120%);
}

.table-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 5px;
}
.table-btn-wrap .table-btn {
  font-size: 90%;
  font-weight: bold;
  background: #ccc;
  padding: 8px 13px;
  border-radius: 150px;
  color: #333;
  min-width: 80px;
  border: 0;
  display: block;
  text-decoration: none;
  text-align: center;
}
.table-btn-wrap .table-btn:hover {
  filter: brightness(120%);
}
.table-btn-wrap .icon-btn {
  font-size: 90%;
  font-weight: bold;
  display: block;
  background-position: 12px center;
  background-repeat: no-repeat;
  text-decoration: none;
  background-size: 15px;
  background-color: var(--color-02-5);
  color: #fff;
  min-width: 75px;
  padding: 8px 12px 8px 30px;
  border-radius: var(--rounded-rectangle);
}
.table-btn-wrap .icon-btn:hover {
  filter: brightness(120%);
}
.table-btn-wrap .icon-btn-edit {
  background-image: url(../images/icon/edit-w.svg);
}
.table-btn-wrap .icon-btn-add {
  background-image: url(../images/icon/add-w.svg);
  background-color: var(--color-04-5);
}
.table-btn-wrap .icon-btn-del {
  background-image: url(../images/icon/del-w.svg);
}
.table-btn-wrap .icon-btn-up {
  background-image: url(../images/icon/up-w.svg);
}
.table-btn-wrap .icon-btn-down {
  background-image: url(../images/icon/down-w.svg);
}
.table-btn-wrap .icon-btn-view {
  background-image: url(../images/icon/view-w.svg);
}
.table-btn-wrap .icon-btn-upload {
  background-image: url(../images/icon/upload.svg);
}
.table-btn-wrap .icon-btn-download {
  background-image: url(../images/icon/down.svg);
}
.table-btn-wrap .icon-btn-stop {
  background-image: url(../images/icon/stop-w.svg);
}
.table-btn-wrap .icon-btn-active {
  background-image: url(../images/icon/active-w.svg);
}
.table-btn-wrap .icon-btn-function {
  background-image: url(../images/icon/function-w.svg);
}
.table-btn-wrap .icon-btn-user {
  background-image: url(../images/icon/user-w.svg);
}
.table-btn-wrap .icon-btn-modify {
  background-image: url(../images/icon/modify-w.svg);
}
.table-btn-wrap .icon-btn-copy {
  background-image: url(../images/icon/copy-w.svg);
}

.btn {
  background: #1093af;
  color: #fff;
  border-radius: 150px;
  min-width: 90px;
  display: inline-block;
  padding: 8px 15px;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  border: 0;
  text-decoration: none;
}
.btn:hover {
  filter: brightness(120%);
}

/* 按鈕 end
-----------------------------------------------------*/
/* 單元名稱
-----------------------------------------------------*/
.page-title {
  margin-bottom: 20px;
  color: #333;
}
.page-title h2 {
  padding: 0;
  margin: 0;
  font-size: 2rem;
  position: relative;
}

/* 單元名稱 end
-----------------------------------------------------*/
.table-pagination {
  width: 100%;
}
.table-pagination th,
.table-pagination td {
  padding: 0;
  text-align: left;
}
.table-pagination td {
  background: transparent;
}
.table-pagination a {
  color: #484848;
}

.l-card-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px;
  padding-bottom: 16px;
}
.l-card-grid .l-card {
  width: calc(100% / 2 - 16px * 2);
  margin: 16px;
}
.l-card-grid .l-card--full {
  width: calc(100% - 16px * 2);
}

.l-card {
  border: 1px solid #E3E2E5;
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  color: #1B1C1E;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  font-size: 18px;
  line-height: 155%;
}
.l-card--reset {
  background-color: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.l-card .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
}
.l-card a {
  color: #1B1C1E;
}
.l-card a:active, .l-card a:focus {
  filter: brightness(1.025);
}
@media (hover: hover) {
  .l-card a:hover {
    filter: brightness(1.025);
  }
}
.l-card img {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.l-card .link {
  color: #007D39;
  font-size: 14px;
  line-height: 1;
  padding: 13px 16px;
}

.list-a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.list-a .item {
  border: 1px solid #E3E2E5;
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  color: #1B1C1E;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  font-size: 18px;
  line-height: 155%;
  width: calc(100% / 4 - 12px * 2);
  margin: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 150px;
}
.list-a .item .content {
  width: calc(100% - 64px);
  padding-right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  min-height: 116px;
}
.list-a .item .image {
  width: 64px;
}
.list-a .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
}
.list-a .text-lg {
  font-size: 36px;
  line-height: 133%;
  font-weight: 700;
}
.list-a .info .block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list-a .info .block + .block {
  margin-top: 8px;
}
.list-a .info .block .hd {
  width: 96px;
  margin-right: 8px;
}
.list-a .info .block .bd {
  min-width: calc(100% - 96px - 8px);
}

.list-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -4px;
}
.list-b .item {
  width: calc(100% / 5 - 4px * 2);
  margin: 4px;
  border: 1px solid #E1E2E9;
  background-color: #fff;
  border-radius: 16px;
  padding: 12px 16px;
}
.list-b .item .image {
  width: 40px;
  margin-bottom: 8px;
}
.list-b .item .main-text {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}
.list-b .item-add {
  background-color: #EFF0F8;
}
.list-b .item-add .image {
  margin: 0 auto 8px;
}
.list-b .item-add .main-text {
  text-align: center;
}

.announcement .item {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #E5E6EB;
}
.announcement .item .label {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  padding: 2px 8px;
  background-color: #CCE5FA;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 24px;
  margin-bottom: 4px;
}
.announcement .item .main-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.announcement .item .text {
  font-size: 14px;
  line-height: 22px;
  color: #515965;
  margin-top: 12px;
}

.contact-person .form-control {
  border-radius: 8px;
  border: 1px solid #C9CDD4;
  font-size: 16px;
  line-height: 32px;
  padding: 4px 8px;
  width: 100%;
  margin-bottom: 8px;
}
.contact-person .list {
  position: relative;
  overflow: auto;
  height: 215px;
}
.contact-person .item {
  display: block;
  padding: 8px 12px;
  background-color: #F2F0F3;
  border-radius: 8px;
}
.contact-person .item + .item {
  margin-top: 8px;
}
.contact-person .item .main-text {
  font-size: 16px;
  line-height: 32px;
}
.contact-person .item .text {
  font-size: 14px;
  line-height: 24px;
}