@charset "UTF-8";
/* 拷貝範例
opacity: 0;
transform: translateY(40px);
transition: all 0.3s, opacity $ani_duration $ani_function, transform $ani_duration $ani_function;
*/
.module_desc {
  color: #1e1e20;
  line-height: 1.6;
  text-align: justify;
}
.module_desc.white {
  color: #fff;
}
.module_desc p {
  margin-bottom: 15px;
}

.en-font {
  font-family: "arial";
}

.button_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 55px !important;
}
@media (max-width: 1200px) {
  .button_set {
    margin-top: 35px !important;
  }
}
.button_set.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button_set.no_middle [class^=button].middle {
  display: none;
}

.container,
.wider_container {
  width: 100%;
  padding: 0 60px;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .container,
  .wider_container {
    padding: 0 30px;
  }
}
@media (max-width: 480px) {
  .container,
  .wider_container {
    padding: 0 25px;
  }
}

.container {
  max-width: 1520px;
}

.wider_container {
  max-width: 1720px;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row:not(.no_gutter) {
  margin: 0 -15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.row:not(.no_gutter) > * {
  padding: 0 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 480px) {
  .row:not(.no_gutter) {
    margin: 0 -10px;
  }
  .row:not(.no_gutter) > * {
    padding: 0 10px;
  }
}

.row_by_gap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row_by_gap:not(.no_gutter) {
  gap: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 480px) {
  .row_by_gap:not(.no_gutter) {
    gap: 10px;
  }
}

@font-face {
  font-family: "BeTrueToYourSchool";
  src: url("../font/BeTrueToYourSchool-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "CAMPUS PERSONAL USE";
  src: url("../font/CAMPUS-PERSONAL-USE.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("../font/LibreBaskerville-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "URW Baskerville W01";
  src: url("../font/URW-Baskerville-W01-Regular.ttf") format("truetype");
  font-display: swap;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

*,
*:focus,
*:active,
*:hover {
  outline: none;
}

body {
  margin: 0;
  background: #fff;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  color: #1e1e20;
  font-size: 15px;
  font-family: "arial";
  letter-spacing: 1px;
}
@media (max-width: 480px) {
  body {
    font-size: 14px;
  }
}
body.no_overflow {
  overflow: hidden;
}

ol, ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.editor ol {
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
}

.editor ul:not(.slick-dots) {
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}

.editor h2 {
  font-family: "arial";
}
.editor h3 {
  font-family: "Noto Sans TC";
}

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

.editor img {
  display: inline;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

h1.seo,
h2.seo {
  position: fixed;
  top: -100%;
  left: -100%;
  visibility: hidden;
}

a {
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #000000;
}

button {
  padding: 0;
  border: 0;
  background: unset;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}

form {
  width: 100%;
  margin: 0 auto;
}

input:not([type=radio]):not([type=checkbox]), textarea, select {
  color: #1e1e20;
  font-size: 14px;
  font-family: "arial";
  letter-spacing: 1px;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox])::placeholder, textarea::placeholder, select::placeholder {
  color: #bbb;
}

input[type=file] {
  padding: 4.5px 10px !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

textarea {
  display: block;
  max-width: 100%;
}

select {
  max-width: 100%;
  padding: 7px 25px 7px 10px;
  background: #fff url("../img/arrow/arrow05.png") calc(100% - 5px) center no-repeat;
  cursor: pointer;
}
select option {
  color: #393939;
}

.txt_right {
  text-align: right;
}

.txt_left {
  text-align: left;
}

.txt_center {
  text-align: center;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.underline {
  text-decoration: underline;
}

.del {
  text-decoration: line-through;
}

.break_all {
  word-break: break-all;
}

.swal2-popup {
  width: 20em !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid #fff !important;
  border-radius: 35px !important;
}
.swal2-popup .swal2-close {
  width: 35px;
  height: 35px;
  color: #000 !important;
  font-size: 28px;
  padding: 0 0 2px;
  background: #fff !important;
  margin: 15px 15px -35px 0;
  border-radius: 50% !important;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 158, 247, 0.25) !important;
          box-shadow: 3px 3px 10px 0 rgba(0, 158, 247, 0.25) !important;
}
.swal2-popup .swal2-icon {
  display: none !important;
}
.swal2-popup .swal2-title {
  color: #000;
  font-size: 22px;
  padding: 3em 1em 0;
}
.swal2-popup .swal2-title strong {
  font-weight: 400;
}
.swal2-popup .swal2-html-container {
  color: #009ef7;
  font-size: 18px;
  margin: 0;
  padding: 15px 15px 40px;
}
.swal2-popup .swal2-html-container > div:not(#captcha) {
  margin-top: 15px !important;
}
.swal2-popup .swal2-html-container > div:not(#captcha) a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #009ef7;
  font-size: 17px;
  text-decoration: none !important;
  padding: 8px 23px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #009ef7;
  border-radius: 20px !important;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes goUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goLeft_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% + 20px), -50%);
            transform: translate(calc(-50% + 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes goLeft_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% + 20px), -50%);
            transform: translate(calc(-50% + 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes goRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goRight_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% - 20px), -50%);
            transform: translate(calc(-50% - 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes goRight_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% - 20px), -50%);
            transform: translate(calc(-50% - 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes goRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes drawing_circle {
  0% {
    stroke-dashoffset: 360;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawing_circle {
  0% {
    stroke-dashoffset: 360;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.slick-slider {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.slick-slider .slick-arrow.slick-hidden {
  display: none !important;
}
.slick-slider .slick-arrow.slick-disabled {
  pointer-events: none;
  opacity: 0.1;
}
.slick-slider .slick-arrow.slick-prev {
  left: 0;
}
.slick-slider .slick-arrow.slick-next {
  right: 0;
}

.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}
.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-slide {
  display: none;
  height: 100%;
  float: left;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.slick-dots li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  color: transparent;
  font-size: 0;
  background: #c9caca;
  border-radius: 50%;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}
@media (max-width: 768px) {
  .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}
.slick-dots li.slick-active button {
  background: #000000;
}

.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 9999;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.slick-lightbox .slick-loading .slick-list {
  background-color: transparent;
}
.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
}
.slick-lightbox .slick-prev::before,
.slick-lightbox .slick-next::before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  line-height: 20px;
}
.slick-lightbox .slick-prev {
  left: 15px;
}
.slick-lightbox .slick-prev::before {
  content: "\f053";
}
.slick-lightbox .slick-next {
  right: 15px;
}
.slick-lightbox .slick-next::before {
  content: "\f054";
}

.slick-lightbox-hide {
  opacity: 0;
}
.slick-lightbox-hide.slick-lightbox-ie {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}
.slick-lightbox-hide-init.slick-lightbox-ie {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden;
}
.slick-lightbox-slick-item::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: center;
}

.slick-lightbox-slick-item-inner {
  display: inline-block;
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
}

.slick-lightbox-slick-img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: 0 auto;
}

.slick-lightbox-slick-caption {
  color: white;
  margin: 10px 0 0;
}

.slick-lightbox-close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}
.slick-lightbox-close::before {
  content: "×";
  color: white;
  font-size: 20px;
  font-family: "slick";
  line-height: 1;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-lightbox-close::focus {
  outline: none;
}

/* @group Flipster Essential Styles */
.flipster {
  display: block;
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

.flipster:focus {
  outline: none;
}

.flipster__container,
.flipster__item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

.flipster__container {
  display: block;
  white-space: nowrap;
  word-spacing: -0.25em;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.flipster__item {
  display: inline-block;
  white-space: normal;
  word-spacing: normal;
  vertical-align: bottom;
}

.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future {
  cursor: pointer;
}

.flipster__item img {
  max-width: 100%;
}

/* @end */
/* @group Flipster Previous & Next Buttons */
.flipster__button {
  position: absolute;
  top: 50%;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  z-index: 999;
  cursor: pointer;
  font-size: 15px;
  opacity: 0.5;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  margin: -1em 2em;
}

.flipster__button svg {
  width: 2em;
  stroke: currentColor;
  fill: transparent;
  stroke-width: 3;
  stroke-linecap: round;
}

.flipster__button:hover,
.flipster__button:focus {
  opacity: 1;
}

.flipster__button--prev {
  left: 0;
}

.flipster__button--next {
  right: 0;
}

/* @end */
/* @group Flipster Navigation */
.flipster__nav,
.flipster__nav__item {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.flipster__nav {
  display: block;
  margin: 0 0 4em;
  text-align: center;
  position: relative;
}

.flipster__nav__item {
  display: inline-block;
  margin: 0 0.25em;
}

.flipster__nav__link {
  display: block;
  color: inherit;
  padding: 0.5em 1em;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}

.flipster__nav__link::after {
  content: "";
  display: block;
  background: #232221;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: translateY(100%) translateY(-0.25em);
          transform: translateY(100%) translateY(-0.25em);
  -webkit-transition: inherit;
  transition: inherit;
}

.flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__link:hover,
.flipster__nav__link:focus {
  color: #FFF;
}

.flipster__nav__item--current > .flipster__nav__link::after,
.flipster__nav__link:hover::after,
.flipster__nav__link:focus::after {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.flipster__nav__child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -1px;
  padding: 0.5em;
  background: #4e4441;
  z-index: 1;
}

.flipster__nav__child .flipster__nav__link {
  color: #FFF;
}

.flipster__nav__child .flipster__nav__link::after {
  background: #FFF;
}

.flipster__nav__child .flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__child .flipster__nav__link:hover,
.flipster__nav__child .flipster__nav__link:focus {
  color: #232221;
}

.flipster__nav__item--current .flipster__nav__child {
  display: block;
}

/* @end */
/* @group Flipster Carousel Theme */
.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content {
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}

.flipster--carousel .flipster__item {
  -webkit-perspective: 800px;
          perspective: 800px;
}

.flipster--carousel .flipster__item--past,
.flipster--carousel .flipster__item--future {
  opacity: 0;
  -webkit-transition-delay: 115ms;
          transition-delay: 115ms;
}

.flipster--carousel .flipster__item--past-2,
.flipster--carousel .flipster__item--future-2 {
  opacity: 0.6;
  -webkit-transition-delay: 90ms;
          transition-delay: 90ms;
}

.flipster--carousel .flipster__item--past-1,
.flipster--carousel .flipster__item--future-1 {
  opacity: 0.8;
  -webkit-transition-delay: 60ms;
          transition-delay: 60ms;
}

.flipster--carousel .flipster__item--past .flipster__item__content {
  -webkit-transform: translateX(100%) rotateY(-20deg) scale(0.5);
          transform: translateX(100%) rotateY(-20deg) scale(0.5);
}

.flipster--carousel .flipster__item--past-2 .flipster__item__content {
  -webkit-transform: translateX(25%) rotateY(40deg) scale(0.65);
          transform: translateX(25%) rotateY(40deg) scale(0.65);
}

.flipster--carousel .flipster__item--past-1 .flipster__item__content {
  -webkit-transform: rotateY(45deg) scale(0.8);
          transform: rotateY(45deg) scale(0.8);
}

.flipster--carousel .flipster__item--future .flipster__item__content {
  -webkit-transform: translateX(-100%) rotateY(20deg) scale(0.5);
          transform: translateX(-100%) rotateY(20deg) scale(0.5);
}

.flipster--carousel .flipster__item--future-2 .flipster__item__content {
  -webkit-transform: translateX(-25%) rotateY(-40deg) scale(0.65);
          transform: translateX(-25%) rotateY(-40deg) scale(0.65);
}

.flipster--carousel .flipster__item--future-1 .flipster__item__content {
  -webkit-transform: rotateY(-45deg) scale(0.8);
          transform: rotateY(-45deg) scale(0.8);
}

.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
  -webkit-transform: translateX(175%) scale(0.5);
          transform: translateX(175%) scale(0.5);
}

.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
  -webkit-transform: translateX(25%) scale(0.65);
          transform: translateX(25%) scale(0.65);
}

.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
  -webkit-transform: translateX(0%) scale(0.8);
          transform: translateX(0%) scale(0.8);
}

.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
  -webkit-transform: translateX(-175%) scale(0.5);
          transform: translateX(-175%) scale(0.5);
}

.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
  -webkit-transform: translateX(-25%) scale(0.65);
          transform: translateX(-25%) scale(0.65);
}

.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
  -webkit-transform: translateX(0%) scale(0.8);
          transform: translateX(0%) scale(0.8);
}

.flipster--carousel .flipster__item--current .flipster__item__content {
  -webkit-transform: translateX(0) rotateY(0deg) scale(1);
          transform: translateX(0) rotateY(0deg) scale(1);
  -webkit-transition-delay: 60ms;
          transition-delay: 60ms;
}

/* @end */
/* @group Flipster Coverflow Theme */
.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}

.flipster--coverflow .flipster__item {
  -webkit-perspective: 800px;
          perspective: 800px;
}

.flipster--coverflow .flipster__container {
  padding-bottom: 5%;
}

.flipster--coverflow .flipster__item__content {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}

.flipster--coverflow .flipster__item__content img:only-child {
  display: block;
}

.flipster--coverflow .flipster__item--past .flipster__item__content {
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: scale(0.75) rotateY(55deg);
          transform: scale(0.75) rotateY(55deg);
}

.flipster--coverflow .flipster__item--future .flipster__item__content {
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale(0.75) rotateY(-55deg);
          transform: scale(0.75) rotateY(-55deg);
}

.flipster--coverflow .flip-current .flipster__item__content {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

/* @end */
/* @group Flat */
.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future {
  opacity: 0.5;
}

.flipster--flat .flipster__item--past .flipster__item__content {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

.flipster--flat .flipster__item--future .flipster__item__content {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

/* @end */
/* @group Flipster Wheel Theme */
.flipster--wheel {
  overflow: hidden;
}

.flipster--wheel .flipster__container,
.flipster--wheel .flipster__item__content {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}

.flipster--wheel .flipster__container {
  padding-bottom: 20%;
}

.flipster--wheel .flipster__item__content {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.flipster--wheel .flipster__item--past .flipster__item__content {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.flipster--wheel .flipster__item--future .flipster__item__content {
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.flipster--wheel .flipster__item__content img:only-child {
  display: block;
}

.flipster--wheel .flipster__item--past .flipster__item__content {
  opacity: 0;
  -webkit-transform: rotateZ(-80deg) translate(-170%, 110%);
          transform: rotateZ(-80deg) translate(-170%, 110%);
}

.flipster--wheel .flipster__item--future .flipster__item__content {
  opacity: 0;
  -webkit-transform: rotateZ(80deg) translate(170%, 110%);
          transform: rotateZ(80deg) translate(170%, 110%);
}

.flipster--wheel .flipster__item--past-3 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(-60deg) translate(-70%, 75%);
          transform: rotateZ(-60deg) translate(-70%, 75%);
}

.flipster--wheel .flipster__item--future-3 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(60deg) translate(70%, 75%);
          transform: rotateZ(60deg) translate(70%, 75%);
}

.flipster--wheel .flipster__item--past-2 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(-40deg) translate(-17%, 30%);
          transform: rotateZ(-40deg) translate(-17%, 30%);
}

.flipster--wheel .flipster__item--future-2 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(40deg) translate(17%, 30%);
          transform: rotateZ(40deg) translate(17%, 30%);
}

.flipster--wheel .flipster__item--past-1 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(-20deg);
          transform: rotateZ(-20deg);
}

.flipster--wheel .flipster__item--future-1 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(20deg);
          transform: rotateZ(20deg);
}

.flipster--wheel .flip-current .flipster__item__content {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

/* @end */
.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
  content: " ";
  display: block;
  background: #fff;
  position: absolute;
  z-index: 30;
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
  width: 1px;
  height: 9999px;
  left: 50%;
  margin-left: -0.5px;
}

.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
  width: 9999px;
  height: 1px;
  top: 50%;
  margin-top: -0.5px;
}

.twentytwenty-overlay, .twentytwenty-after-label, .twentytwenty-before-label {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-overlay, .twentytwenty-after-label, .twentytwenty-before-label {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.twentytwenty-after-label, .twentytwenty-before-label {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.twentytwenty-after-label:before, .twentytwenty-before-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-after-label:before, .twentytwenty-before-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
  top: 50%;
  margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-after-label:before, .twentytwenty-vertical .twentytwenty-before-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

.twentytwenty-down-arrow, .twentytwenty-up-arrow, .twentytwenty-right-arrow, .twentytwenty-left-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

.twentytwenty-right-arrow, .twentytwenty-left-arrow {
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-down-arrow, .twentytwenty-up-arrow {
  left: 50%;
  margin-left: -6px;
}

.twentytwenty-container {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.twentytwenty-container .before,
.twentytwenty-container .after {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 100%;
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0;
}
.twentytwenty-container * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}
.twentytwenty-before-label:before {
  content: attr(data-content);
}

.twentytwenty-after-label {
  opacity: 0;
}
.twentytwenty-after-label:before {
  content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

.twentytwenty-overlay {
  -webkit-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}
.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 38px;
  margin-top: -20px;
  margin-left: -20px;
  border: 1px solid #fff;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
          box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  cursor: e-resize;
  z-index: 40;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
          box-shadow: 0 1px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
  pointer-events: none;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 20px;
  -webkit-box-shadow: 0 -1px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
          box-shadow: 0 -1px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
  pointer-events: none;
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 20px;
  -webkit-box-shadow: 1px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
          box-shadow: 1px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
  pointer-events: none;
}
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 20px;
  -webkit-box-shadow: -1px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
          box-shadow: -1px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
  pointer-events: none;
}

.twentytwenty-left-arrow {
  border-right: 6px solid #fff;
  left: 50%;
  margin-left: -17px;
}

.twentytwenty-right-arrow {
  border-left: 6px solid #fff;
  right: 50%;
  margin-right: -17px;
}

.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px;
}

.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/jszip-3.10.1/pdfmake-0.2.7/dt-2.0.5/af-2.7.0/b-3.0.2/b-colvis-3.0.2/b-html5-3.0.2/b-print-3.0.2/cr-2.0.1/date-1.5.2/fc-5.0.0/fh-4.0.1/kt-2.12.0/r-3.0.2/rg-1.5.0/rr-1.5.0/sc-2.4.1/sb-1.7.1/sp-2.3.1/sl-2.0.1/sr-1.4.1
 *
 * Included libraries:
 *   JSZip 3.10.1, pdfmake 0.2.7, DataTables 2.0.5, AutoFill 2.7.0, Buttons 3.0.2, Column visibility 3.0.2, HTML5 export 3.0.2, Print view 3.0.2, ColReorder 2.0.1, DateTime 1.5.2, FixedColumns 5.0.0, FixedHeader 4.0.1, KeyTable 2.12.0, Responsive 3.0.2, RowGroup 1.5.0, RowReorder 1.5.0, Scroller 2.4.1, SearchBuilder 1.7.1, SearchPanes 2.3.1, Select 2.0.1, StateRestore 1.4.1
 */
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white;
}

:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable td.dt-control:before {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
  height: 0;
}

div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 52%;
  content: "▲";
  content: "▲"/"";
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 52%;
  content: "▼";
  content: "▼"/"";
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc,
table.dataTable thead > tr > td.dt-ordering-asc,
table.dataTable thead > tr > td.dt-ordering-desc {
  position: relative;
  padding-right: 30px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 8.5px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.3;
  line-height: 8.5px;
  font-size: 0.5em;
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 1;
}

table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

div.dt-scroll-body > table.dataTable > thead > tr > th,
div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}

div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: rgb(var(--dt-row-selected));
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  -webkit-animation: datatables-loader-1 0.6s infinite;
          animation: datatables-loader-1 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  -webkit-animation: datatables-loader-2 0.6s infinite;
          animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  -webkit-animation: datatables-loader-2 0.6s infinite;
          animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  -webkit-animation: datatables-loader-3 0.6s infinite;
          animation: datatables-loader-3 0.6s infinite;
}

@-webkit-keyframes datatables-loader-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes datatables-loader-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes datatables-loader-3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes datatables-loader-3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes datatables-loader-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable > thead > tr > th:active,
table.dataTable > thead > tr > td:active {
  outline: none;
}

table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px 10px 6px 10px;
}

table.dataTable > tbody > tr {
  background-color: transparent;
}

table.dataTable > tbody > tr:first-child > * {
  border-top: none;
}

table.dataTable > tbody > tr:last-child > * {
  border-bottom: none;
}

table.dataTable > tbody > tr.selected > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}

table.dataTable > tbody > tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}

table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
  padding: 8px 10px;
}

table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.row-border > tbody > tr:first-child > *, table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}

table.dataTable.row-border > tbody > tr.selected + tr.selected > td, table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}

table.dataTable.cell-border > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border > tbody > tr > *:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border > tbody > tr:first-child > * {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023);
}

table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *, table.dataTable.display > tbody > tr:nth-child(odd).selected > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923);
}

table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035);
}

table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
  -webkit-box-shadow: inset 0 0 0 9999px #0d6efd !important;
          box-shadow: inset 0 0 0 9999px #0d6efd !important;
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
}

table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
}

table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}

table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
}

table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_2 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047);
}

table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039);
}

table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_1 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954);
}

table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_2 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947);
}

table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939);
}

table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
}

table.dataTable.display > tbody > tr.even > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.011);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.011);
}

table.dataTable.display > tbody > tr.even > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.003);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.003);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903);
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082);
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074);
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062);
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982);
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974);
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
          box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
  -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962);
          box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962);
}

table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

/*
 * Control feature layout
 */
div.dt-container {
  position: relative;
  clear: both;
}

div.dt-container div.dt-layout-row {
  display: table;
  clear: both;
  width: 100%;
}

div.dt-container div.dt-layout-row.dt-layout-table {
  display: block;
}

div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
  display: block;
}

div.dt-container div.dt-layout-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
}

div.dt-container div.dt-layout-cell.dt-full {
  text-align: center;
}

div.dt-container div.dt-layout-cell.dt-start {
  text-align: left;
}

div.dt-container div.dt-layout-cell.dt-end {
  text-align: right;
}

div.dt-container div.dt-layout-cell:empty {
  display: none;
}

div.dt-container .dt-search input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
  margin-left: 3px;
}

div.dt-container .dt-input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
}

div.dt-container select.dt-input {
  padding: 4px;
  background: unset;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

div.dt-container .dt-paging .dt-paging-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  color: #1e1e20;
  font-size: 15px;
}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #000000;
}

div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
  opacity: 0.25;
  pointer-events: none;
}

div.dt-container .dt-paging .ellipsis {
  padding: 0 1em;
}

div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
  color: inherit;
}

div.dt-container .dataTables_scroll {
  clear: both;
}

div.dt-container .dataTables_scroll div.dt-scroll-body {
  -webkit-overflow-scrolling: touch;
}

div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td {
  vertical-align: middle;
}

div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td > div.dataTables_sizing, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row {
    display: block;
  }
  div.dt-container div.dt-layout-cell {
    display: block;
  }
  div.dt-container div.dt-layout-cell.dt-full, div.dt-container div.dt-layout-cell.dt-start, div.dt-container div.dt-layout-cell.dt-end {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .dt-container .dt-length,
  .dt-container .dt-search {
    float: none;
    text-align: center;
  }
  .dt-container .dt-search {
    margin-top: 0.5em;
  }
}
html.dark {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}

html.dark table.dataTable > thead > tr > th,
html.dark table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgb(89, 91, 94);
}

html.dark table.dataTable > thead > tr > th:active,
html.dark table.dataTable > thead > tr > td:active {
  outline: none;
}

html.dark table.dataTable > tfoot > tr > th,
html.dark table.dataTable > tfoot > tr > td {
  border-top: 1px solid rgb(89, 91, 94);
}

html.dark table.dataTable.row-border > tbody > tr > *, html.dark table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgb(64, 67, 70);
}

html.dark table.dataTable.row-border > tbody > tr:first-child > *, html.dark table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}

html.dark table.dataTable.row-border > tbody > tr.selected + tr.selected > td, html.dark table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}

html.dark table.dataTable.cell-border > tbody > tr > th,
html.dark table.dataTable.cell-border > tbody > tr > td {
  border-top: 1px solid rgb(64, 67, 70);
  border-right: 1px solid rgb(64, 67, 70);
}

html.dark table.dataTable.cell-border > tbody > tr > th:first-child,
html.dark table.dataTable.cell-border > tbody > tr > td:first-child {
  border-left: 1px solid rgb(64, 67, 70);
}

html.dark .dt-container.dt-empty-footer table.dataTable {
  border-bottom: 1px solid rgb(89, 91, 94);
}

html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--dt-html-background);
}

html.dark .dt-container .dt-paging .dt-paging-button.current, html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
  border: 1px solid rgb(89, 91, 94);
  background: rgba(255, 255, 255, 0.15);
}

html.dark .dt-container .dt-paging .dt-paging-button.disabled, html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover, html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
  color: #666 !important;
}

html.dark .dt-container .dt-paging .dt-paging-button:hover {
  border: 1px solid rgb(53, 53, 53);
  background: rgb(53, 53, 53);
}

html.dark .dt-container .dt-paging .dt-paging-button:active {
  background: #3a3a3a;
}

/*
 * Overrides for RTL support
 */
*[dir=rtl] table.dataTable thead th,
*[dir=rtl] table.dataTable thead td,
*[dir=rtl] table.dataTable tfoot th,
*[dir=rtl] table.dataTable tfoot td {
  text-align: right;
}

*[dir=rtl] table.dataTable th.dt-type-numeric, *[dir=rtl] table.dataTable th.dt-type-date,
*[dir=rtl] table.dataTable td.dt-type-numeric,
*[dir=rtl] table.dataTable td.dt-type-date {
  text-align: left;
}

*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start {
  text-align: right;
}

*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
  text-align: left;
}

*[dir=rtl] div.dt-container div.dt-search input {
  margin: 0 3px 0 0;
}

div.dt-autofill-handle {
  position: absolute;
  height: 10px;
  width: 10px;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #36f;
  cursor: pointer;
}

div.dtk-focus-alt div.dt-autofill-handle {
  background: #ff8b33;
}

div.dt-autofill-select {
  position: absolute;
  z-index: 1001;
  background-color: #4989de;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
}

div.dt-autofill-select.top, div.dt-autofill-select.bottom {
  height: 3px;
  margin-top: -1px;
}

div.dt-autofill-select.left, div.dt-autofill-select.right {
  width: 3px;
  margin-left: -1px;
}

div.dt-autofill-list {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  background-color: white;
  border-radius: 0.75em;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
  z-index: 104;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2em;
}

div.dt-autofill-list div.dtaf-popover-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dt-autofill-list > div.dt-autofill-list-items > button {
  display: block;
  width: 100%;
  margin: 1em 0;
  padding: 1em;
  border-radius: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.175);
  background-color: #f6f6f6;
  text-align: left;
  cursor: pointer;
}

div.dt-autofill-list > div.dt-autofill-list-items > button:hover {
  background-color: #ebebeb;
}

div.dt-autofill-list > div.dt-autofill-list-items > button:first-child {
  margin-top: 0;
}

div.dt-autofill-list > div.dt-autofill-list-items > button:last-child {
  margin-bottom: 0;
}

div.dt-autofill-list > div.dt-autofill-list-items > button input[type=number] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px;
  width: 70px;
  margin: -2px 0;
}

div.dt-autofill-list > div.dt-autofill-list-items > button span {
  float: right;
}

div.dtaf-popover-closeable {
  padding-top: 2.5em;
}

div.dt-autofill-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 103;
}

html.dark div.dt-autofill-handle {
  background: rgb(110, 168, 254);
}

html.dark div.dt-autofill-select {
  position: absolute;
  z-index: 1001;
  background-color: rgb(110, 168, 254);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px);
}

html.dark div.dt-autofill-list {
  background-color: var(--dt-html-background);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

html.dark div.dt-autofill-list button {
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.175);
  background-color: rgb(47, 52, 56);
}

html.dark div.dt-autofill-list button:hover {
  background-color: rgb(64, 69, 73);
}

@media screen and (max-width: 767px) {
  div.dt-autofill-handle {
    height: 16px;
    width: 16px;
  }
  div.dt-autofill-list {
    width: 90%;
    left: 74.5%;
  }
}
@keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dataTables_wrapper {
  position: relative;
}

div.dt-buttons {
  position: initial;
}

div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border-radius: 0.75em;
  -webkit-box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
          box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 2003;
  overflow: hidden;
}

div.dt-button-info h2 {
  padding: 2rem 2rem 1rem 2rem;
  margin: 0;
  font-weight: normal;
}

div.dt-button-info > div {
  padding: 1em 2em 2em 2em;
}

div.dtb-popover-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2003;
}

button.dtb-hide-drop {
  display: none !important;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0.5em 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.dt-button-collection-title:empty {
  display: none;
}

span.dt-button-spacer {
  display: inline-block;
  margin: 0.5em;
  white-space: nowrap;
}

span.dt-button-spacer.bar {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  padding-left: 0.5em;
}

span.dt-button-spacer.bar:empty {
  height: 1em;
  width: 1px;
  padding-left: 0;
}

div.dt-button-collection .dt-button-active {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active.dt-button-split {
  padding-right: 0;
}

div.dt-button-collection .dt-button-active.dt-button-split:after {
  display: none;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active-a a {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active-a a:after {
  position: absolute;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection span.dt-button-spacer {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  margin: 0.5em 0;
}

div.dt-button-collection span.dt-button-spacer:empty {
  height: 0;
  width: 100%;
}

div.dt-button-collection span.dt-button-spacer.bar {
  border-left: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0;
}

@media print {
  table.dataTable tr > * {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
html.dark div.dt-button-info {
  background-color: var(--dt-html-background);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dt-buttons > .dt-button,
div.dt-buttons > div.dt-button-split .dt-button {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0.167em;
  margin-right: 0.167em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1); /* Fallback */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(230, 230, 230, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;
}

div.dt-buttons > .dt-button:first-child,
div.dt-buttons > div.dt-button-split .dt-button:first-child {
  margin-left: 0;
}

div.dt-buttons > .dt-button.disabled,
div.dt-buttons > div.dt-button-split .dt-button.disabled {
  cursor: default;
  opacity: 0.4;
}

div.dt-buttons > .dt-button.dt-button-active:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled) {
  background-color: rgba(0, 0, 0, 0.1); /* Fallback */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 179, 179, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
  -webkit-box-shadow: inset 1px 1px 3px #999999;
          box-shadow: inset 1px 1px 3px #999999;
}

div.dt-buttons > .dt-button.dt-button-active:not(.disabled):hover:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled):hover:not(.disabled) {
  -webkit-box-shadow: inset 1px 1px 3px #999999;
          box-shadow: inset 1px 1px 3px #999999;
  background-color: rgba(0, 0, 0, 0.1); /* Fallback */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
}

div.dt-buttons > .dt-button:hover,
div.dt-buttons > div.dt-button-split .dt-button:hover {
  text-decoration: none;
}

div.dt-buttons > .dt-button:hover:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: rgba(0, 0, 0, 0.1); /* Fallback */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 153, 153, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
}

div.dt-buttons > .dt-button:focus:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) {
  outline: 2px solid rgb(53, 132, 228);
}

div.dt-buttons > .dt-button embed,
div.dt-buttons > div.dt-button-split .dt-button embed {
  outline: none;
}

div.dt-buttons > div.dt-button-split .dt-button:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

div.dt-buttons > div.dt-button-split .dt-button:first-child:hover {
  border-right: 1px solid #666;
}

div.dt-buttons > div.dt-button-split .dt-button:last-child {
  border-left: 1px solid transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

div.dt-buttons > div.dt-button-split .dt-button:last-child:hover {
  border-left: 1px solid #666;
}

div.dt-buttons span.dt-button-down-arrow {
  position: relative;
  top: -2px;
  font-size: 10px;
  padding-left: 10px;
  line-height: 1em;
  opacity: 0.6;
}

div.dt-buttons div.dt-button-split {
  display: inline-block;
}

div.dt-buttons div.dt-button-split .dt-button:first-child {
  margin-right: 0;
}

div.dt-buttons div.dt-button-split .dt-button:last-child {
  margin-left: -1px;
  padding-left: 0.75em;
  padding-right: 0.75em;
  z-index: 2;
}

div.dt-buttons div.dt-button-split .dt-button:last-child span {
  padding-left: 0;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0.75em 0;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  -webkit-box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.dt-button-collection .dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0.5em 1em;
  border: none;
  text-align: left;
  cursor: pointer;
  color: inherit;
}

div.dt-button-collection .dt-button.dt-button-active {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

div.dt-button-collection .dt-button.disabled {
  cursor: default;
  opacity: 0.4;
}

div.dt-button-collection .dt-button:hover:not(.disabled) {
  border: none;
  background: rgba(153, 153, 153, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
}

div.dt-button-collection div.dt-button-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

div.dt-button-collection div.dt-button-split button.dt-button {
  margin: 0;
  display: inline-block;
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
}

div.dt-button-collection div.dt-button-split button.dt-button-split-drop {
  min-width: 33px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

div.dt-button-collection.fixed .dt-button {
  border-radius: 0.25em;
  background: rgba(255, 255, 255, 0.1);
}

div.dt-button-collection.fixed {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 5px;
  background-color: white;
  padding: 0.5em;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -200px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection.fixed.columns {
  margin-left: -409px;
}

@media screen and (max-width: 1024px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -308px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -203px;
  }
}
@media screen and (max-width: 460px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -100px;
  }
}
div.dt-button-collection.fixed > :last-child {
  max-height: 100vh;
  overflow: auto;
}

div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 400px;
}

div.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
}

div.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
}

div.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
}

div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-collection.columns {
  width: auto;
}

div.dt-button-collection.columns > :last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 818px;
  padding-bottom: 1px;
}

div.dt-button-collection.columns > :last-child .dt-button {
  min-width: 200px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  margin: 0;
}

div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div.dt-button-collection.columns.dtb-b3 .dt-button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 32%;
          flex: 1 1 32%;
}

div.dt-button-collection.columns.dtb-b2 .dt-button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 48%;
          flex: 1 1 48%;
}

div.dt-button-collection.columns.dtb-b1 .dt-button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media screen and (max-width: 1024px) {
  div.dt-button-collection.columns > :last-child {
    width: 612px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-button-collection.columns > :last-child {
    width: 406px;
  }
  div.dt-button-collection.columns.dtb-b3 .dt-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
            flex: 0 1 32%;
  }
}
@media screen and (max-width: 460px) {
  div.dt-button-collection.columns > :last-child {
    width: 200px;
  }
}
div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Fallback */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}

.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
html.dark div.dt-buttons > .dt-button,
html.dark div.dt-buttons > div.dt-button-split .dt-button {
  border: 1px solid rgb(89, 91, 94);
  background: rgba(255, 255, 255, 0.15);
}

html.dark div.dt-buttons > .dt-button.dt-button-active:not(.disabled),
html.dark div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled) {
  background: rgba(179, 179, 179, 0.15);
  -webkit-box-shadow: inset 1px 1px 2px black;
          box-shadow: inset 1px 1px 2px black;
}

html.dark div.dt-buttons > .dt-button.dt-button-active:not(.disabled):hover:not(.disabled),
html.dark div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled):hover:not(.disabled) {
  background: rgba(128, 128, 128, 0.15);
  -webkit-box-shadow: inset 1px 1px 3px black;
          box-shadow: inset 1px 1px 3px black;
}

html.dark div.dt-buttons > .dt-button:hover:not(.disabled),
html.dark div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) {
  background: rgba(179, 179, 179, 0.15);
}

html.dark div.dt-buttons > .dt-button:focus:not(.disabled),
html.dark div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) {
  outline: 2px solid rgb(110, 168, 254);
}

html.dark div.dt-buttons > div.dt-button-split .dt-button:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

html.dark div.dt-buttons > div.dt-button-split .dt-button:first-child:hover {
  border-right: 1px solid rgb(89, 91, 94);
}

html.dark div.dt-buttons > div.dt-button-split .dt-button:last-child:hover {
  border-left: 1px solid rgb(89, 91, 94);
}

html.dark div.dt-button-collection {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: rgb(33, 37, 41);
  -webkit-box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
          box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
}

body.dtcr-dragging {
  overflow-x: hidden;
}

table.dtcr-cloned.dataTable {
  position: absolute !important;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
  border-radius: 4px;
}

table.dataTable tbody tr td.dtcr-moving {
  background-color: rgba(127, 127, 127, 0.15);
}

table.dataTable tbody tr td.dtcr-moving-first {
  border-left: 1px solid #0259C4;
}

table.dataTable tbody tr td.dtcr-moving-last {
  border-right: 1px solid #0259C4;
}

html.dark table.dtcr-cloned.dataTable {
  background-color: rgba(33, 33, 33, 0.9);
}

div.dt-datetime {
  position: absolute;
  background-color: white;
  z-index: 2050;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  padding: 6px 20px;
  width: 275px;
  border-radius: 5px;
}

div.dt-datetime.inline {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}

div.dt-datetime div.dt-datetime-title {
  text-align: center;
  padding: 5px 0px 3px;
}

div.dt-datetime div.dt-datetime-buttons {
  text-align: center;
}

div.dt-datetime div.dt-datetime-buttons a {
  display: inline-block;
  padding: 0 0.5em 0.5em 0.5em;
  margin: 0;
  font-size: 0.9em;
}

div.dt-datetime div.dt-datetime-buttons a:hover {
  text-decoration: underline;
}

div.dt-datetime table {
  border-spacing: 0;
  margin: 12px 0;
  width: 100%;
}

div.dt-datetime table.dt-datetime-table-nospace {
  margin-top: -12px;
}

div.dt-datetime table th {
  font-size: 0.8em;
  color: #777;
  font-weight: normal;
  width: 14.285714286%;
  padding: 0 0 4px 0;
  text-align: center;
}

div.dt-datetime table td {
  font-size: 0.9em;
  color: #444;
  padding: 0;
}

div.dt-datetime table td.selectable {
  text-align: center;
  background: #f5f5f5;
}

div.dt-datetime table td.selectable.disabled {
  color: #aaa;
  background: white;
}

div.dt-datetime table td.selectable.disabled button:hover {
  color: #aaa;
  background: white;
}

div.dt-datetime table td.selectable.now {
  background-color: #ddd;
}

div.dt-datetime table td.selectable.now button {
  font-weight: bold;
}

div.dt-datetime table td.selectable.selected button {
  background: #4E6CA3;
  color: white;
  border-radius: 2px;
}

div.dt-datetime table td.selectable button:hover {
  background: #ff8000;
  color: white;
  border-radius: 2px;
}

div.dt-datetime table td.dt-datetime-week {
  font-size: 0.7em;
}

div.dt-datetime table button {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  background: transparent;
  font-size: inherit;
  color: inherit;
  text-align: center;
  padding: 4px 0;
  cursor: pointer;
  margin: 0;
}

div.dt-datetime table button span {
  display: inline-block;
  min-width: 14px;
  text-align: right;
}

div.dt-datetime table.weekNumber th {
  width: 12.5%;
}

div.dt-datetime div.dt-datetime-calendar table {
  margin-top: 0;
}

div.dt-datetime div.dt-datetime-label {
  position: relative;
  display: inline-block;
  height: 30px;
  padding: 5px 6px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

div.dt-datetime div.dt-datetime-label:hover {
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #f5f5f5;
}

div.dt-datetime div.dt-datetime-label select {
  position: absolute;
  top: 6px;
  left: 0;
  cursor: pointer;
  opacity: 0;
}

div.dt-datetime.horizontal {
  width: 550px;
}

div.dt-datetime.horizontal div.dt-datetime-date,
div.dt-datetime.horizontal div.dt-datetime-time {
  width: 48%;
}

div.dt-datetime.horizontal div.dt-datetime-time {
  margin-left: 4%;
}

div.dt-datetime div.dt-datetime-date {
  position: relative;
  float: left;
  width: 100%;
}

div.dt-datetime div.dt-datetime-time {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

div.dt-datetime div.dt-datetime-time > span {
  vertical-align: middle;
}

div.dt-datetime div.dt-datetime-time th {
  text-align: left;
}

div.dt-datetime div.dt-datetime-time div.dt-datetime-timeblock {
  display: inline-block;
  vertical-align: middle;
}

div.dt-datetime div.dt-datetime-iconLeft,
div.dt-datetime div.dt-datetime-iconRight {
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid transparent;
}

div.dt-datetime div.dt-datetime-iconLeft:hover,
div.dt-datetime div.dt-datetime-iconRight:hover {
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #f0f0f0;
  opacity: 0.6;
}

div.dt-datetime div.dt-datetime-iconLeft button,
div.dt-datetime div.dt-datetime-iconRight button {
  border: none;
  background: transparent;
  text-indent: 30px;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

div.dt-datetime div.dt-datetime-iconLeft {
  position: absolute;
  top: 5px;
  left: 5px;
}

div.dt-datetime div.dt-datetime-iconLeft button {
  position: relative;
  z-index: 1;
}

div.dt-datetime div.dt-datetime-iconLeft:after {
  position: absolute;
  top: 7px;
  left: 10px;
  display: block;
  content: "";
  border-top: 7px solid transparent;
  border-right: 7px solid black;
  border-bottom: 7px solid transparent;
}

div.dt-datetime div.dt-datetime-iconRight {
  position: absolute;
  top: 5px;
  right: 5px;
}

div.dt-datetime div.dt-datetime-iconRight button {
  position: relative;
  z-index: 1;
}

div.dt-datetime div.dt-datetime-iconRight:after {
  position: absolute;
  top: 7px;
  left: 12px;
  display: block;
  content: "";
  border-top: 7px solid transparent;
  border-left: 7px solid black;
  border-bottom: 7px solid transparent;
}

div.dt-datetime-error {
  clear: both;
  padding: 0 1em;
  max-width: 240px;
  font-size: 11px;
  line-height: 1.25em;
  text-align: center;
  color: #b11f1f;
}

html.dark input.dt-datetime {
  color-scheme: dark;
}

html.dark div.dt-datetime {
  border: 1px solid #595b5e;
  background-color: #212529;
  -webkit-box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
          box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
}

html.dark div.dt-datetime table th {
  color: #ccc;
}

html.dark div.dt-datetime table td {
  color: #eee;
}

html.dark div.dt-datetime table td.selectable {
  background: #373c41;
}

html.dark div.dt-datetime table td.selectable.disabled {
  color: #aaa;
  background: #171b1f;
}

html.dark div.dt-datetime table td.selectable.disabled button:hover {
  color: #aaa;
  background: #171b1f;
}

html.dark div.dt-datetime table td.selectable.now {
  background: #4b5055;
}

html.dark div.dt-datetime table td.selectable.selected button {
  background: #6ea8fe;
  color: black;
}

html.dark div.dt-datetime table td.selectable button:hover {
  background: #ff8000;
  color: black;
}

html.dark div.dt-datetime div.dt-datetime-label:hover {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.1);
}

html.dark div.dt-datetime div.dt-datetime-iconLeft:hover,
html.dark div.dt-datetime div.dt-datetime-iconRight:hover,
html.dark div.dt-datetime div.dt-datetime-iconUp:hover,
html.dark div.dt-datetime div.dt-datetime-iconDown:hover {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.1);
}

html.dark div.dt-datetime div.dt-datetime-iconLeft:after {
  border-right-color: white;
}

html.dark div.dt-datetime div.dt-datetime-iconRight:after {
  border-left-color: white;
}

html.dark div.dt-datetime select {
  color-scheme: dark;
}

html.dark div.dt-datetime-error {
  color: #b11f1f;
}

table.dataTable thead tr > .dtfc-fixed-start,
table.dataTable thead tr > .dtfc-fixed-end,
table.dataTable tfoot tr > .dtfc-fixed-start,
table.dataTable tfoot tr > .dtfc-fixed-end {
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: white;
}

table.dataTable tbody tr > .dtfc-fixed-start,
table.dataTable tbody tr > .dtfc-fixed-end {
  z-index: 1;
  background-color: white;
}

table.dataTable tr > .dtfc-fixed-left::after,
table.dataTable tr > .dtfc-fixed-right::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

table.dataTable tr > .dtfc-fixed-left::after {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

table.dataTable tr > .dtfc-fixed-right::after {
  left: 0;
  -webkit-transform: translateX(-80%);
          transform: translateX(-80%);
}

table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after {
  -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
          box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after {
  -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
          box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  -webkit-box-shadow: none;
          box-shadow: none;
}

div.dt-scroll,
div.dtfh-floatingparent {
  position: relative;
}

div.dt-scroll div.dtfc-top-blocker,
div.dt-scroll div.dtfc-bottom-blocker,
div.dtfh-floatingparent div.dtfc-top-blocker,
div.dtfh-floatingparent div.dtfc-bottom-blocker {
  position: absolute;
  background-color: white;
}

html.dark table.dataTable thead tr > .dtfc-fixed-start,
html.dark table.dataTable thead tr > .dtfc-fixed-end,
html.dark table.dataTable tfoot tr > .dtfc-fixed-start,
html.dark table.dataTable tfoot tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}

html.dark table.dataTable tbody tr > .dtfc-fixed-start,
html.dark table.dataTable tbody tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}

html.dark table.dataTable.dtfc-scrolling-left tbody > tr > .dtfc-fixed-left::after {
  -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3);
          box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right::after {
  -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3);
          box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  -webkit-box-shadow: none;
          box-shadow: none;
}

html.dark div.dtfc-top-blocker,
html.dark div.dtfc-bottom-blocker {
  background-color: var(--dt-html-background);
}

table.fixedHeader-floating,
table.fixedHeader-locked {
  position: relative !important;
  background-color: var(--dt-html-background);
  background-color: var(--dt-html-background);
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}
table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
  outline: 2px solid #3366ff;
  outline-offset: -2px;
}

table.dataTable tbody tr.selected th.focus,
table.dataTable tbody tr.selected td.focus {
  outline-color: #0033cc;
}

div.dtk-focus-alt table.dataTable tbody th.focus,
div.dtk-focus-alt table.dataTable tbody td.focus {
  outline: 2px solid #ff8b33;
  outline-offset: -2px;
}

html.dark table.dataTable tbody th.focus,
html.dark table.dataTable tbody td.focus {
  outline-color: rgb(13, 110, 253);
}

html.dark table.dataTable tbody tr.selected th.focus,
html.dark table.dataTable tbody tr.selected td.focus {
  outline-color: #0143a3;
}

html.dark div.dtk-focus-alt table.dataTable tbody th.focus,
html.dark div.dtk-focus-alt table.dataTable tbody td.focus {
  outline-color: #ff8b33;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: 0.5em;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 0.333em;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 75%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 2.5em;
}

div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

html.dark table.dataTable > tbody > tr.child ul.dtr-details > li,
html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: rgb(64, 67, 70);
}

html.dark div.dtr-modal div.dtr-modal-display,
html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

table.dataTable tr.dtrg-group th {
  background-color: rgba(0, 0, 0, 0.1);
  text-align: left;
}

table.dataTable tr.dtrg-group.dtrg-level-0 th {
  font-weight: bold;
}

table.dataTable tr.dtrg-group.dtrg-level-1 th,
table.dataTable tr.dtrg-group.dtrg-level-2 th,
table.dataTable tr.dtrg-group.dtrg-level-3 th,
table.dataTable tr.dtrg-group.dtrg-level-4 th,
table.dataTable tr.dtrg-group.dtrg-level-5 th {
  background-color: rgba(0, 0, 0, 0.05);
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  font-size: 0.9em;
}

table.dataTable tr.dtrg-group.dtrg-level-2 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 2.5em;
}

table.dataTable tr.dtrg-group.dtrg-level-3 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 3em;
}

table.dataTable tr.dtrg-group.dtrg-level-4 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 3.5em;
}

table.dataTable tr.dtrg-group.dtrg-level-5 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 4em;
}

html.dark table.dataTable tr.dtrg-group th {
  background-color: rgba(255, 255, 255, 0.1);
}

html.dark table.dataTable tr.dtrg-group.dtrg-level-1 th {
  background-color: rgba(255, 255, 255, 0.05);
}

html.dark table.dataTable tr.dtrg-group.dtrg-level-2 th,
html.dark table.dataTable tr.dtrg-group.dtrg-level-3 th,
html.dark table.dataTable tr.dtrg-group.dtrg-level-4 th,
html.dark table.dataTable tr.dtrg-group.dtrg-level-5 th {
  background-color: rgba(255, 255, 255, 0.01);
}

div.dt-rowReorder-float-parent {
  table-layout: fixed;
  outline: 2px solid rgb(10, 89, 203);
  z-index: 2001;
  position: absolute !important;
  overflow: hidden;
  border-radius: 3px;
}

div.dt-rowReorder-float-parent table.dt-rowReorder-float {
  opacity: 0.9;
  background-color: white;
  margin: 0 !important;
}

div.dt-rowReorder-float-parent.drop-not-allowed {
  cursor: not-allowed;
}

tr.dt-rowReorder-moving {
  outline: 2px solid #888;
  outline-offset: -2px;
}

body.dt-rowReorder-noOverflow {
  overflow-x: hidden;
}

table.dataTable td.reorder {
  text-align: center;
  cursor: move;
}

html.dark div.dt-rowReorder-float-parent {
  outline-color: rgb(110, 168, 254);
}

html.dark div.dt-rowReorder-float-parent table.dt-rowReorder-float {
  background-color: var(--dt-html-background);
}

html.dark tr.dt-rowReorder-moving {
  outline-color: #aaa;
}

div.dts {
  display: block !important;
}

div.dts tbody th,
div.dts tbody td {
  white-space: nowrap;
}

div.dts div.dts_loading {
  z-index: 1;
}

div.dts div.dts_label {
  position: absolute;
  right: 20px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  text-align: right;
  border-radius: 3px;
  padding: 0.4em;
  z-index: 2;
  display: none;
}

div.dts div.dt-scroll-body,
div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.025) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px);
}

div.dts div.dt-scroll-body table,
div.dts div.dataTables_scrollBody table {
  background-color: white;
  z-index: 2;
}

div.dts div.dt-length,
div.dts div.dt-paging,
div.dts div.dataTables_paginate,
div.dts div.dataTables_length {
  display: none;
}

html.dark div.dts div.dts_label {
  background: rgba(255, 255, 255, 0.8);
  color: black;
}

html.dark div.dts div.dt-scroll-body,
html.dark div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.025) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px);
}

html.dark div.dts div.dt-scroll-body table,
html.dark div.dts div.dataTables_scrollBody table {
  background-color: var(--dt-html-background);
  z-index: 2;
}

div.dt-button-collection {
  overflow: visible !important;
  z-index: 2002 !important;
}

div.dt-button-collection div.dtsb-searchBuilder {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow {
  padding-right: 40px;
}

.dtsb-greyscale {
  border: 1px solid #cecece !important;
}

div.dtsb-logicContainer .dtsb-greyscale {
  border: none !important;
}

div.dtsb-searchBuilder {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  cursor: default;
  margin-bottom: 1em;
  text-align: left;
}

div.dtsb-searchBuilder button.dtsb-button,
div.dtsb-searchBuilder select {
  font-size: 1em;
}

div.dtsb-searchBuilder div.dtsb-titleRow {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-bottom: 0.5em;
}

div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
  display: inline-block;
  padding-top: 14px;
}

div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty {
  display: inline;
}

div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
  float: right;
  margin-bottom: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition {
  display: block;
}

div.dtsb-searchBuilder div.dtsb-group {
  position: relative;
  clear: both;
  margin-bottom: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group button.dtsb-search {
  float: right;
}

div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
  margin: 2px;
  text-align: center;
  padding: 0;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  margin-top: 0.8em;
  margin-right: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
  margin-bottom: 0.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
  padding: 0.4em;
  margin-right: 0.8em;
  min-width: 5em;
  max-width: 20em;
  color: inherit;
  font-size: 1em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic {
  font-style: normal;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic {
  font-style: italic;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsb-joiner {
  margin-right: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value {
  width: 33%;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont select,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
  margin-left: auto;
  display: inline-block;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left {
  margin-right: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child {
  margin-right: 0;
}

@media screen and (max-width: 550px) {
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: none;
            flex-flow: none;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding-right: calc(35px + 0.8em);
    margin-bottom: 0px;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child) {
    padding-top: 0.8em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child {
    padding-top: 0em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
    max-width: none;
    width: 100%;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
    margin-right: 0.8em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
    position: absolute;
    width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    right: 0;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button {
    margin-right: 0px !important;
  }
}
div.dtsb-searchBuilder button,
div.dtsb-searchBuilder select.dtsb-dropDown,
div.dtsb-searchBuilder input {
  background-color: #f9f9f9;
}

div.dtsb-searchBuilder button.dtsb-button {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1); /* Fallback */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(230, 230, 230, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;
}

div.dtsb-searchBuilder button.dtsb-button:hover {
  background-color: #cecece;
  cursor: pointer;
}

div.dtsb-searchBuilder div.dtsb-logicContainer {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1); /* Fallback */
  background: -webkit-gradient(linear, left top, right top, from(rgba(230, 230, 230, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to right, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}

div.dtsb-searchBuilder div.dtsb-logicContainer button {
  border: 1px solid transparent;
  background: transparent;
}

div.dtsb-searchBuilder button.dtsb-clearGroup {
  min-width: 2em;
  padding: 0;
}

div.dtsb-searchBuilder button.dtsb-iptbtn {
  min-width: 100px;
  text-align: left;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  border: 1px solid;
  border-color: #cecece;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic {
  border: none;
  border-radius: 0px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 3em;
      flex-basis: 3em;
  margin: 0px;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
  border: none;
  border-radius: 0px;
  width: 2em;
  margin: 0px;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
  border: 1px solid;
  border-radius: 3px;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition {
  border-color: #48b13c;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data {
  border-color: #e70f00;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
  border-color: #0069ba;
}

html.dark div.dtsb-searchBuilder button.dtsb-button,
html.dark div.dtsb-searchBuilder select.dtsb-dropDown,
html.dark div.dtsb-searchBuilder input.dtsb-input {
  background-color: rgb(66, 69, 73) !important;
  color-scheme: dark;
}

html.dark div.dtsb-searchBuilder button.dtsb-button {
  border: 1px solid rgb(89, 91, 94);
  background: rgba(255, 255, 255, 0.15);
}

html.dark div.dtsb-searchBuilder button.dtsb-button:hover {
  background: rgba(179, 179, 179, 0.15);
}

html.dark div.dtsb-searchBuilder div.dtsb-logicContainer {
  border: 1px solid rgb(89, 91, 94);
}

html.dark div.dtsb-searchBuilder .dtsb-greyscale {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

div.dtsp-topRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

div.dtsp-topRow input.dtsp-search {
  text-overflow: ellipsis;
  min-width: 50px;
  -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
  max-width: none;
}

div.dtsp-topRow input.dtsp-search::-webkit-input-placeholder {
  color: inherit;
}

div.dtsp-topRow input.dtsp-search::-moz-placeholder {
  color: inherit;
}

div.dtsp-topRow input.dtsp-search:-ms-input-placeholder {
  color: inherit;
}

div.dtsp-topRow input.dtsp-search::-ms-input-placeholder {
  color: inherit;
}

div.dtsp-topRow input.dtsp-search::placeholder {
  color: inherit;
}

div.dtsp-topRow div.dtsp-subRow1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont {
  position: relative;
  width: 100%;
}

div.dtsp-topRow div.dtsp-subRow1 input {
  padding-right: 2em;
  width: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1em;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled] {
  background-color: transparent;
  border: none;
  cursor: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 0;
  padding-top: 0;
  min-height: 1em;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::-webkit-input-placeholder {
  color: initial;
  opacity: 1;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::-moz-placeholder {
  color: initial;
  opacity: 1;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]:-ms-input-placeholder {
  color: initial;
  opacity: 1;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::-ms-input-placeholder {
  color: initial;
  opacity: 1;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::placeholder {
  color: initial;
  opacity: 1;
}

div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABbmlDQ1BpY2MAACiRdZE7SwNBFIU/EyWikRRaiFhsoWKhEBREO42FTZAQFYza7G5eQhKX3QQJtoKNhWAh2vgq/AfaCrYKgqAIIhb+Al+NhPVOEkiQZJbZ+3FmzmXmDHjCGTPrtAYhm8vb0bmQthxb0Xzv+PHRxRSabjrWTCQSpun4eaRF1YdR1av5voajM55wTGhpF54wLTsvPC0c3sxbineFe8y0Hhc+ER6x5YDCt0o3KvymOFXhL8X2YnQWPKqnlqpjo47NtJ0VHhYeyGYKZvU86ib+RG5pQWqfzH4coswRQsOgwDoZ8oxKzUlmjX3Bsm+eDfGY8rcoYosjRVq8I6IWpGtCalL0hHwZiir3/3k6yfGxSnd/CNpeXfdzEHz7UNpz3d9T1y2dgfcFrnM1/4bkNPkt+l5NGziGwDZc3tQ04wCudqD32dJtvSx5ZXqSSfi4gK4YdN9Dx2olq+o650+wuCVPdAeHRzAk+wNrfw8JaBFXEnV+AAAACXBIWXMAAA9hAAAPYQGoP6dpAAABMUlEQVQoU6XRr0vDQRjH8akoM4iIjqGoOIZ5oIjB5XWxajaYDGLSIhhNYjcPRDSJwbQNw+L+BNGgYYo/5pT5/shz8vDlBgMPXux7z3N3z+25VOofYyCyd4ZYCavI4gXPsRp9LqiDdrEMH+8wv8Vh8gBfWclFPOEUN3hAHjlMoRa7wTzBS5xgKLFglPkZLjDic6HyDsEMNvGR2Nxifoci3tEI+X770JU0XmPXIlax+LTPh83fFox1X6kxyzdjm9UcdXi9S+Vti6svfyNULhNR9TVsYNhW6Ff9KKCNR7/Zv6eeaQ+6+qcdpu9BqGlp1HFgud+FYdzzUcUExu0Q/cdzHGEFetIlXKPjK/sbqYoOftMiS+j9jzEJPd1Wt+5+kdR/9EM9ucIC5jCbyPc01Q32kfsBppYz3hYFcCwAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

div.dtsp-topRow div.dtsp-subRow2 {
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

div.dtsp-topRow button > span {
  display: inline-block;
  height: 100%;
  width: 100%;
}

div.dtsp-topRow button.dtsp-nameButton span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAK2SURBVFgJ7ZY9j41BFICvryCExrJBQ6HyEYVEIREaUZDQIRoR2ViJKCioxV+gkVXYTVZEQiEUhG2EQnxUCh0FKolY4ut5XnM2cyfva3Pt5m7EPcmzZ2bemTNnzjkzd1utnvQi0IvAfxiBy5z5FoxO89kPY+8mbMjtzs47RXs5/WVpbAG6bWExt5PuIibvhVkwmC+ck3eK9ln6/fAddFojYzBVuYSBpcnIEvRaqOw2RcaN18FPuJH0JvRUxbT3wWf4ltiKPgfVidWlbGZgPozDFfgAC+EA/K2EI4cwcAJ+gPaeQ+VQU2SOMMGcPgPl/m/V2p50rrbRsRgt9Iv5h6xtpP22Bz7Ce1C+gFFxfKzOmShcU+Qmyh2w3w8rIJfddHTck66EukL/xPhj+JM8rHNmFys0Pg4v0up3aFNlwR9NYyodd3OL/C64zpsymcTFcf6ElM4YzjAWKYrJkaq8kE/yUYNP4BoYvS1QRo+hNtF5xfkTUjoTheukSFFMjlTFm6PjceOca/SMpKfeCR1L6Uzk/y2WIkVhNFJlJAZhP+hYns7b9D3IPuhY5mYrIv8OrQJvR5NYyNaW4jsU8pSGNySiVx4o5tXq3JkoXE/mg5R/M8dGJCJpKhaDcjBRdbI/Rm8g69c122om33BHmj2CHoV5qa9jUXBraJ+G1fAVjIBO1klc87ro1K4JZ/K35SWW3TwcyDd6TecqnAEd8cGq2+w84xvBm1n3vS0izKkkwh5XNC/GmFPqqAtPF89AOScKuemaNzoTV1SD5dtSbmLf1/RV+tC0WTgcj6R7HEtrVGWaqu/lYDZ/2pvxQ/kIyw/gFByHC9AHw910hv1aUUumyd8yy0QfhmEkfiNod0Xusct68J1qc8Tdux0Z97Q+hsDb+AYGYEbF/4Guw2Q/qDPqZG/zXgT+3Qj8AtKnfWhFwmuAAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
  vertical-align: bottom;
}

div.dtsp-topRow button.dtsp-countButton span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAG5SURBVEgN3VU9LwVBFF0fiYhofUSlEQkKhU7z/oBCQkIiGr9BgUbhVzy9BAnhFyjV/AYFiU5ICM7ZN+c5Zud5dm3lJmfmzrkz9+7cu3c3y/6jjOBSF8CxXS7FmTkbwqIJjDpJvTcmsJ4K3KPZUpyZsx0sxoB9J6mnAkyC7wGuuCFIipNtEcpcWExgXpOBc78vgj6N+QO4NVsjwdFM59tUIDxDrHMBOeIQ34C5ZDregXuAQm4YcI68nN9B3wr2PcwPAIPkN2EqtJH6b+QZm1ajjTx7BqwAr26Lb+C2Kvpbt0Mb2HAJ7NrGFGfmXO3DeA4UshDfQAVmH0gaUFg852TTTDvlxwBlCtxy9zXyBhQFaq0wMmIdRebrfgosA3zb2hKnqG0oqchp4QbuR8X0TjzABhbdOT8jnQ/atcgqpnfwOA7yqZyTU587ZkIGdesLTt2EkynOnbreMUUKMI/dA4B/QVOcO13CQh+5wWCgDwo/75u59odB/wjmfhbgvACcAOyZPHihMWAoIwxyCLgf1oxfgjzVbgBXSTzIN+f0pg6s5DkcesLMRpsBrgE2XO3CN64JFP7JtUeKHX4CKtRRXFZ+7dEAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  vertical-align: bottom;
}

div.dtsp-topRow button.dtsp-collapseButton span.dtsp-caret {
  position: relative;
  top: 9px;
  display: inline-block;
}

div.dtsp-topRow button.dtsp-collapseButton.dtsp-rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

div.dtsp-searchPane table thead th,
div.dtsp-searchPane table thead td {
  width: 100% !important;
}

div.dt-button-collection {
  z-index: 2002;
}

div.dt-button-collection.dtb-collection-closeable div.dtsp-titleRow {
  padding-right: 25px;
}

div.dtsp-columns-1 {
  max-width: 100%;
  min-width: 100%;
  margin: 0px !important;
}

div.dtsp-columns-2 {
  max-width: 49%;
  min-width: 49%;
  margin: 0px !important;
}

div.dtsp-columns-3 {
  max-width: 32%;
  min-width: 32%;
  margin: 0px !important;
}

div.dtsp-columns-4 {
  max-width: 24%;
  min-width: 24%;
  margin: 0px !important;
}

div.dtsp-columns-5 {
  max-width: 19%;
  min-width: 19%;
  margin: 0px !important;
}

div.dtsp-columns-6 {
  max-width: 16%;
  min-width: 16%;
  margin: 0px !important;
}

div.dtsp-columns-7 {
  max-width: 14%;
  min-width: 14%;
  margin: 0px !important;
}

div.dtsp-columns-8 {
  max-width: 12%;
  min-width: 12%;
  margin: 0px !important;
}

div.dtsp-columns-9 {
  max-width: 10.5%;
  min-width: 10.5%;
  margin: 0px !important;
}

div.dtsp-narrow {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

div.dtsp-narrow div.dtsp-subRow1,
div.dtsp-narrow div.dtsp-subRow2 {
  width: 100%;
}

div.dtsp-narrow div.dtsp-subRow2 button {
  margin: 0 !important;
  width: 25% !important;
}

div.dt-button-collection div.dtsp-panesContainer {
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0;
}

div.dtsp-panesContainer {
  margin-bottom: 1em;
}

div.dtsp-searchPane div.dt-container,
div.dtsp-searchPane div.dataTables_wrapper {
  width: 100%;
}

div.dtsp-searchPane div.dt-container div.dataTables_layout_cell,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_layout_cell {
  padding: 0;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-head,
div.dtsp-searchPane div.dt-container div.dataTables_scrollHead,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-head,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollHead {
  display: none !important;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
  background: white !important;
  border: none;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body thead,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody thead,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body thead,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody thead {
  display: none;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > th,
div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > td,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > th,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > td,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > th,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > td,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > th,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > td {
  padding: 5px 10px;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body td.dtsp-nameColumn,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody td.dtsp-nameColumn,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body td.dtsp-nameColumn,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody td.dtsp-nameColumn {
  width: 100% !important;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  cursor: default;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  display: inline-block;
  background-color: #cfcfcf;
  text-align: center;
  border-radius: 10px;
  width: auto;
  min-width: 30px;
  color: black;
  font-size: 0.9em;
  padding: 0 4px;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty,
div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty,
div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty {
  display: none;
}

div.dtsp-panesContainer {
  clear: both;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

div.dtsp-panesContainer div.dtsp-searchPanes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  clear: both;
  text-align: left;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.9em;
  margin-top: 15px !important;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container,
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dt-search,
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dataTables_filter,
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dt-search,
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter {
  display: none;
}

div.dtsp-panesContainer div.dtsp-title {
  float: left;
  padding: 10px 0;
}

div.dtsp-panesContainer button.dtsp-clearAll,
div.dtsp-panesContainer button.dtsp-collapseAll,
div.dtsp-panesContainer button.dtsp-showAll {
  float: right;
}

div.dtsp-hidden {
  display: none !important;
}

html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::-webkit-input-placeholder, html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::-webkit-input-placeholder {
  color: white;
}

html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::-moz-placeholder, html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::-moz-placeholder {
  color: white;
}

html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]:-ms-input-placeholder, html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]:-ms-input-placeholder {
  color: white;
}

html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::-ms-input-placeholder, html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::-ms-input-placeholder {
  color: white;
}

html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder,
html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder {
  color: white;
}

div.dtsp-searchPane div.dt-container,
div.dtsp-searchPane div.dataTables_wrapper {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  overflow: hidden;
}

div.dtsp-searchPane div.dt-container:hover,
div.dtsp-searchPane div.dataTables_wrapper:hover {
  border: 1px solid #cfcfcf;
}

div.dtsp-searchPane div.dt-container div.dt-scroll,
div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll {
  margin: -5px 0;
}

div.dtsp-searchPane div.dt-container table.dataTable,
div.dtsp-searchPane div.dataTables_wrapper table.dataTable {
  border-bottom: none !important;
}

div.dtsp-searchPane div.dtsp-topRow {
  border: 1px solid transparent;
}

div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled] {
  padding-bottom: 5px;
}

div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search {
  border: none;
  padding-left: 3px;
}

div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
}

div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover {
  background-color: #f0f0f0;
}

div.dtsp-searchPane input.dtsp-paneInputButton,
div.dtsp-searchPane button.dtsp-paneButton {
  height: 35px;
  width: 35px;
  min-width: 0;
  display: inline-block;
  margin: 2px;
  border: 0px solid transparent;
  background-color: transparent;
  margin-bottom: 0px;
}

div.dtsp-searchPane input.dtsp-paneInputButton:hover,
div.dtsp-searchPane button.dtsp-paneButton:hover {
  background-color: #f0f0f0;
  border-radius: 2px;
  cursor: pointer;
}

div.dtsp-searchPane button.dtsp-paneButton {
  vertical-align: middle;
  opacity: 0.6;
}

div.dtsp-panesContainer button.dtsp-clearAll,
div.dtsp-panesContainer button.dtsp-collapseAll,
div.dtsp-panesContainer button.dtsp-showAll {
  border: 1px solid transparent;
  background-color: transparent;
}

div.dtsp-panesContainer button.dtsp-clearAll:hover,
div.dtsp-panesContainer button.dtsp-collapseAll:hover,
div.dtsp-panesContainer button.dtsp-showAll:hover {
  background-color: #f0f0f0;
  border-radius: 2px;
  cursor: pointer;
}

div.dtsp-panesContainer button.dtsp-disabledButton {
  cursor: default !important;
  color: rgb(124, 124, 124);
}

div.dtsp-panesContainer button.dtsp-disabledButton:hover {
  background-color: transparent;
}

div.dtsp-panesContainer button.dtsp-disabledButton:focus {
  outline: none;
}

@media screen and (max-width: 767px) {
  div.dtsp-columns-4,
  div.dtsp-columns-5,
  div.dtsp-columns-6 {
    max-width: 31% !important;
    min-width: 31% !important;
  }
}
@media screen and (max-width: 640px) {
  div.dtsp-searchPanes {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  div.dtsp-searchPane {
    max-width: 98% !important;
    min-width: 98% !important;
  }
}
html.dark div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon span {
  -webkit-filter: invert(1);
          filter: invert(1);
}

html.dark div.dtsp-topRow button.dtsp-nameButton span {
  -webkit-filter: invert(1);
          filter: invert(1);
}

html.dark div.dtsp-topRow button.dtsp-countButton span {
  -webkit-filter: invert(1);
          filter: invert(1);
}

html.dark div.dtsp-topRow input.dtsp-paneInputButton,
html.dark div.dtsp-topRow button.dtsp-paneButton {
  color: inherit;
}

html.dark div.dtsp-topRow input.dtsp-paneInputButton:hover,
html.dark div.dtsp-topRow button.dtsp-paneButton:hover {
  background-color: rgb(64, 69, 73);
}

html.dark div.dtsp-topRow.dtsp-bordered {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgb(47, 52, 56) !important;
}

html.dark div.dtsp-topRow.dtsp-bordered:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

html.dark div.dtsp-panesContainer button.dtsp-clearAll,
html.dark div.dtsp-panesContainer button.dtsp-collapseAll,
html.dark div.dtsp-panesContainer button.dtsp-showAll {
  color: inherit;
}

html.dark div.dtsp-panesContainer button.dtsp-clearAll:hover,
html.dark div.dtsp-panesContainer button.dtsp-collapseAll:hover,
html.dark div.dtsp-panesContainer button.dtsp-showAll:hover {
  background-color: rgb(64, 69, 73);
}

html.dark div.dtsp-panesContainer button.dtsp-disabledButton {
  color: rgb(124, 124, 124);
}

html.dark div.dtsp-searchPane div.dt-container,
html.dark div.dtsp-searchPane div.dataTables_wrapper {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

html.dark div.dtsp-searchPane div.dt-container:hover,
html.dark div.dtsp-searchPane div.dataTables_wrapper:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

html.dark div.dtsp-searchPane div.dt-container div.dt-scroll-body,
html.dark div.dtsp-searchPane div.dt-container div.dataTables_scrollBody,
html.dark div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body,
html.dark div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
  background: rgb(47, 52, 56) !important;
}

html.dark div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
html.dark div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,
html.dark div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
html.dark div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  background-color: rgb(33, 37, 41);
  color: inherit;
}

table.dataTable > tbody > tr > .selected {
  background-color: rgba(13, 110, 253, 0.9);
  color: white;
}

table.dataTable > tbody > tr > .dt-select {
  text-align: center;
  vertical-align: middle;
}

table.dataTable > thead > tr > .dt-select {
  text-align: center;
}

table.dataTable input.dt-select-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid;
  border-radius: 3px;
  vertical-align: middle;
  margin-top: 1px;
  color: inherit;
  font-size: 20px;
  line-height: 1em;
}

table.dataTable input.dt-select-checkbox:checked:after {
  display: block;
  content: "✓";
  margin-top: -8px;
}

table.dataTable input.dt-select-checkbox:indeterminate:after {
  display: block;
  position: absolute;
  content: " ";
  top: 3px;
  left: 3px;
  height: 4px;
  width: 4px;
  background-color: black;
  border-radius: 2px;
}

table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked {
  border: 1px solid;
}

table.dataTable > tbody > tr > td.select-checkbox,
table.dataTable > tbody > tr > th.select-checkbox {
  position: relative;
}

table.dataTable > tbody > tr > td.select-checkbox:before,
table.dataTable > tbody > tr > th.select-checkbox:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid;
  border-radius: 3px;
}

table.dataTable > tbody > tr.selected > td.select-checkbox:before,
table.dataTable > tbody > tr.selected > th.select-checkbox:before {
  border: 1px solid;
  content: "✓";
  font-size: 20px;
  line-height: 6px;
  text-align: center;
}

table.dataTable.compact > tbody > tr > td.select-checkbox:before,
table.dataTable.compact > tbody > tr > th.select-checkbox:before {
  margin-top: -12px;
}

table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after,
table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after {
  margin-top: -16px;
}

div.dt-container span.select-info,
div.dt-container span.select-item {
  margin-left: 0.5em;
}

html.dark table.dataTable input.dt-select-checkbox:indeterminate:after,
html[data-bs-theme=dark] table.dataTable input.dt-select-checkbox:indeterminate:after {
  background-color: white;
}

@media screen and (max-width: 640px) {
  div.dt-container span.select-info,
  div.dt-container span.select-item {
    margin-left: 0;
    display: block;
  }
}
div.dtsr-confirmation,
div.dtsr-creation {
  position: fixed;
  top: 20%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  background-color: white;
  border-radius: 0.75em;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
  z-index: 2003;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2em;
}

div.dtsr-confirmation div.dtsr-creation-text,
div.dtsr-confirmation div.dtsr-confirmation-title-row,
div.dtsr-creation div.dtsr-creation-text,
div.dtsr-creation div.dtsr-confirmation-title-row {
  text-align: left;
}

div.dtsr-confirmation div.dtsr-creation-text h2,
div.dtsr-confirmation div.dtsr-confirmation-title-row h2,
div.dtsr-creation div.dtsr-creation-text h2,
div.dtsr-creation div.dtsr-confirmation-title-row h2 {
  padding-left: 0;
  border-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 1rem;
}

div.dtsr-confirmation div.dtsr-confirmation-text,
div.dtsr-creation div.dtsr-confirmation-text {
  text-align: center;
}

div.dtsr-confirmation div.dtsr-modal-foot,
div.dtsr-confirmation div.dtsr-confirmation-buttons,
div.dtsr-creation div.dtsr-modal-foot,
div.dtsr-creation div.dtsr-confirmation-buttons {
  text-align: right;
  margin-top: 1em;
}

div.dtsr-confirmation div.dtsr-modal-foot button,
div.dtsr-confirmation div.dtsr-confirmation-buttons button,
div.dtsr-creation div.dtsr-modal-foot button,
div.dtsr-creation div.dtsr-confirmation-buttons button {
  margin: 0px;
}

div.dtsr-confirmation div.dtsr-creation-text,
div.dtsr-creation div.dtsr-creation-text {
  text-align: left;
  padding: 0px;
  border: none;
}

div.dtsr-confirmation div.dtsr-creation-text span,
div.dtsr-creation div.dtsr-creation-text span {
  font-size: 20px;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-left, div.dtsr-confirmation div.dtsr-creation-form div.dtsr-right,
div.dtsr-creation div.dtsr-creation-form div.dtsr-left,
div.dtsr-creation div.dtsr-creation-form div.dtsr-right {
  display: inline-block;
  width: 50%;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-left,
div.dtsr-creation div.dtsr-creation-form div.dtsr-left {
  text-align: right;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-right, div.dtsr-confirmation div.dtsr-creation-form div.dtsr-name-row,
div.dtsr-creation div.dtsr-creation-form div.dtsr-right,
div.dtsr-creation div.dtsr-creation-form div.dtsr-name-row {
  text-align: left;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row,
div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5em 0;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row:first-child,
div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row:first-child {
  margin-top: 1em;
  margin-bottom: 1em;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row:last-child,
div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row:last-child {
  margin-bottom: 0;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row label,
div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row label {
  width: 25%;
  padding-right: 1em;
  text-align: right;
  padding-top: 2px;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input,
div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input {
  width: 75%;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label,
div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label {
  margin-bottom: 0.5em;
}

div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label input,
div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label input {
  margin-right: 0.5em;
}

div.dtsr-confirmation div.dtsr-confirmation-text,
div.dtsr-creation div.dtsr-confirmation-text {
  text-align: left;
}

div.dtsr-confirmation div.dtsr-confirmation-text label.dtsr-name-label,
div.dtsr-creation div.dtsr-confirmation-text label.dtsr-name-label {
  width: auto;
  display: inline-block;
  text-align: right;
  padding-right: 15px;
}

div.dtsr-confirmation div.dtsr-confirmation-text input.dtsr-name-input,
div.dtsr-creation div.dtsr-confirmation-text input.dtsr-name-input {
  width: 66.6%;
  display: inline-block;
}

div.dtsr-confirmation div.dtsr-modal-foot,
div.dtsr-creation div.dtsr-modal-foot {
  text-align: right;
  padding-top: 10px;
}

div.dtsr-confirmation span.dtsr-modal-error,
div.dtsr-creation span.dtsr-modal-error {
  color: red;
  font-size: 0.9em;
}

div.dtsr-creation {
  top: 10%;
}

div.dtsr-check-row {
  padding-top: 0px;
}

div.dtsr-popover-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtsr-background {
  z-index: 2002;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
}

div.dt-button-collection h3 {
  text-align: center;
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.dt-button-collection span.dtsr-emptyStates {
  border-radius: 5px;
  display: inline-block;
  line-height: 1.6em;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  padding-bottom: 7px;
  padding-top: 3px;
}

html.dark div.dtsr-confirmation,
html.dark div.dtsr-creation,
html[data-bs-theme=dark] div.dtsr-confirmation,
html[data-bs-theme=dark] div.dtsr-creation {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

html.dark div.dtsr-confirmation button,
html.dark div.dtsr-creation button,
html[data-bs-theme=dark] div.dtsr-confirmation button,
html[data-bs-theme=dark] div.dtsr-creation button {
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.175);
  background-color: rgb(47, 52, 56);
}

html.dark div.dtsr-confirmation button:hover,
html.dark div.dtsr-creation button:hover,
html[data-bs-theme=dark] div.dtsr-confirmation button:hover,
html[data-bs-theme=dark] div.dtsr-creation button:hover {
  background-color: rgb(64, 69, 73);
}

div.dtsr-confirmation h2,
div.dtsr-creation h2 {
  font-size: 24px;
}

div.dtsr-confirmation input[type=text],
div.dtsr-creation input[type=text] {
  padding: 3px;
}

div.dtsr-confirmation div.dtsr-creation-text,
div.dtsr-creation div.dtsr-creation-text {
  margin-bottom: 2em;
}

div.dtsr-confirmation button,
div.dtsr-creation button {
  display: inline-block;
  margin: 1em;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.175);
  background-color: #f6f6f6;
  text-align: left;
  cursor: pointer;
}

div.dtsr-confirmation button:hover,
div.dtsr-creation button:hover {
  background-color: #ebebeb;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #000000;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  font-size: 12px;
  padding: 2px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.daterangepicker .calendar-time {
  position: relative;
  line-height: 30px;
  text-align: center;
  margin: 4px auto 0 auto;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  display: none;
  line-height: 12px;
  text-align: right;
  padding: 8px;
  vertical-align: middle;
  border-top: 1px solid #ddd;
  clear: both;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 13px;
  font-family: "arial";
  padding: 3px 6px;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.daterangepicker .drp-buttons .btn:hover {
  color: #fff;
  background: #000000;
  border: 1px solid #000000;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/* Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
header {
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(203, 206, 211, 0.5);
  padding: 0px 57px;
  position: fixed;
  z-index: 10;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 0px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1024px) {
  header {
    padding: 0px 20px;
  }
}
header .logo {
  width: 204px;
  height: 30px;
}
@media (max-width: 480px) {
  header .logo {
    width: 177px;
    height: 26px;
  }
}
header .logo svg {
  fill: #000;
}
@media (max-width: 480px) {
  header .logo svg {
    width: 177px;
    height: 26px;
  }
}
header nav {
  width: auto;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header nav .menu_bar {
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
}
@media (max-width: 1024px) {
  header nav .menu_bar {
    display: none;
  }
}
header nav .menu_bar .item_box {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
header nav .menu_bar .item_box .item {
  width: auto;
  padding-top: 23px;
  padding-bottom: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #1e1e20;
  font-size: 15px;
  font-family: "arial";
  letter-spacing: 0.1em;
}
@media (max-width: 480px) {
  header nav .menu_bar .item_box .item {
    font-size: 14px;
  }
}
header nav .menu_bar .item_box .item a {
  color: #1e1e20;
}
header nav .menu_bar .item_box .item .item-submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header nav .menu_bar .item_box .item .item-submenu div {
  position: relative;
}
header nav .menu_bar .item_box .item .item-submenu div a {
  width: 100%;
  display: block;
  color: #1e1e20;
  font-size: 14px;
  text-indent: 2px;
  text-align: center;
  padding: 10px 30px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #cbcbd8;
  border-left: 1px solid #cbcbd8;
  border-right: 1px solid #cbcbd8;
}
header nav .menu_bar .item_box .item .item-submenu div:hover > a, header nav .menu_bar .item_box .item .item-submenu div.active > a {
  color: #fff;
  background: #1e1e20;
  border-bottom: 1px solid #1e1e20;
  border-left: 1px solid #1e1e20;
  border-right: 1px solid #1e1e20;
}
header nav .menu_bar .item_box .item:hover .item-submenu {
  opacity: 1;
  pointer-events: auto;
}
header nav .menu_bar .navtool {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0px;
  margin-left: 35px;
}
header nav .menu_bar .navtool .search_btn {
  width: 38px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
header nav .menu_bar .navtool .search_btn svg {
  fill: #1e1e20;
}
header nav .menu_bar .navtool .language_box {
  width: auto;
  padding-top: 23px;
  padding-bottom: 29px;
  font-family: "Noto Sans TC", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #1e1e20;
  font-size: 15px;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 0.1em;
  gap: 2px;
}
header nav .menu_bar .navtool .language_box a {
  width: auto;
  display: block;
  letter-spacing: 1px;
  opacity: 0.4;
  color: #1e1e20;
}
header nav .menu_bar .navtool .language_box a.active {
  opacity: 1;
}
header .mbPanel_btn {
  margin-right: -20px;
  padding: 33px 20px;
}
@media (min-width: 1201px) {
  header .mbPanel_btn {
    display: none;
  }
}
header .mbPanel_btn .bars {
  position: relative;
  width: 18px;
  height: 1px;
}
header .mbPanel_btn .bars .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
header .mbPanel_btn .bars .bar.bar1 {
  top: -6px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
header .mbPanel_btn .bars .bar.bar2 {
  opacity: 1;
  -webkit-transition: opacity 0s 0.3s;
  transition: opacity 0s 0.3s;
}
header .mbPanel_btn .bars .bar.bar3 {
  top: 6px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
header .mbPanel_btn.active .bars .bar.bar1 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
header .mbPanel_btn.active .bars .bar.bar2 {
  opacity: 0;
}
header .mbPanel_btn.active .bars .bar.bar3 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}

[data-page=company] header,
[data-page=services] header,
[data-page=team] header,
[data-page=contact] header,
[data-page=link] header {
  background: rgb(0, 0, 0);
}
[data-page=company] header .logo svg,
[data-page=services] header .logo svg,
[data-page=team] header .logo svg,
[data-page=contact] header .logo svg,
[data-page=link] header .logo svg {
  fill: #fff;
}
[data-page=company] header nav .menu_bar,
[data-page=services] header nav .menu_bar,
[data-page=team] header nav .menu_bar,
[data-page=contact] header nav .menu_bar,
[data-page=link] header nav .menu_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  [data-page=company] header nav .menu_bar,
  [data-page=services] header nav .menu_bar,
  [data-page=team] header nav .menu_bar,
  [data-page=contact] header nav .menu_bar,
  [data-page=link] header nav .menu_bar {
    display: none;
  }
}
[data-page=company] header nav .menu_bar .item_box .item a,
[data-page=services] header nav .menu_bar .item_box .item a,
[data-page=team] header nav .menu_bar .item_box .item a,
[data-page=contact] header nav .menu_bar .item_box .item a,
[data-page=link] header nav .menu_bar .item_box .item a {
  margin-top: 4px;
  color: #fff;
}
[data-page=company] header nav .menu_bar .navtool .search_btn svg,
[data-page=services] header nav .menu_bar .navtool .search_btn svg,
[data-page=team] header nav .menu_bar .navtool .search_btn svg,
[data-page=contact] header nav .menu_bar .navtool .search_btn svg,
[data-page=link] header nav .menu_bar .navtool .search_btn svg {
  fill: #fff;
}
[data-page=company] header nav .menu_bar .navtool .language_box,
[data-page=services] header nav .menu_bar .navtool .language_box,
[data-page=team] header nav .menu_bar .navtool .language_box,
[data-page=contact] header nav .menu_bar .navtool .language_box,
[data-page=link] header nav .menu_bar .navtool .language_box {
  color: #fff;
}
[data-page=company] header nav .menu_bar .navtool .language_box a,
[data-page=services] header nav .menu_bar .navtool .language_box a,
[data-page=team] header nav .menu_bar .navtool .language_box a,
[data-page=contact] header nav .menu_bar .navtool .language_box a,
[data-page=link] header nav .menu_bar .navtool .language_box a {
  color: #fff;
}

[data-page=pro_list] header,
[data-page=pro_detail] header {
  background: rgb(0, 0, 0);
  top: 0px;
}
[data-page=pro_list] header .logo svg,
[data-page=pro_detail] header .logo svg {
  fill: #fff;
}
[data-page=pro_list] header nav .menu_bar,
[data-page=pro_detail] header nav .menu_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  [data-page=pro_list] header nav .menu_bar,
  [data-page=pro_detail] header nav .menu_bar {
    display: none;
  }
}
[data-page=pro_list] header nav .menu_bar .item_box .item a,
[data-page=pro_detail] header nav .menu_bar .item_box .item a {
  color: #fff;
}
[data-page=pro_list] header nav .menu_bar .navtool .search_btn svg,
[data-page=pro_detail] header nav .menu_bar .navtool .search_btn svg {
  fill: #fff;
}
[data-page=pro_list] header nav .menu_bar .navtool .language_box,
[data-page=pro_detail] header nav .menu_bar .navtool .language_box {
  color: #fff;
}
[data-page=pro_list] header nav .menu_bar .navtool .language_box a,
[data-page=pro_detail] header nav .menu_bar .navtool .language_box a {
  color: #fff;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.banner01 {
  width: 100%;
  height: auto;
  position: relative;
  opacity: 0.0002;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.banner01 .swiper-wrapper {
  width: 100%;
  height: 100VH;
}
@media (max-width: 1024px) {
  .banner01 .swiper-wrapper {
    height: calc(var(--vh) * 100);
  }
}
.banner01 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.banner01 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0.25;
}
.banner01 .swiper-wrapper .swiper-slide.swiper-slide-active img {
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.banner01 .page_banner {
  width: 100%;
  height: auto;
  position: relative;
}
.banner01 .page_banner .page_title {
  position: absolute;
  width: auto;
  left: 55px;
  bottom: 54px;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (max-width: 1024px) {
  .banner01 .page_banner .page_title {
    left: 27px;
    bottom: 29px;
  }
}
.banner01 .page_banner .page_title p {
  width: 100%;
  height: 31px;
  font-size: 31px;
  font-weight: 400;
  color: #fff;
  font-synthesis: none;
  font-family: "Noto Sans TC";
}
@media (max-width: 1024px) {
  .banner01 .page_banner .page_title p {
    font-size: 29px;
    height: 29px;
    line-height: 29px;
  }
}
.banner01 .page_banner img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner01.in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.banner01.in .page_banner .page_title {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.6s;
  transition: all 0.5s ease-out 0.6s;
}

.mbPanel01 {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
  z-index: 95;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (min-width: 1025px) {
  .mbPanel01 {
    display: none;
  }
}
.mbPanel01.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.mbPanel01.show .mbPanel_container {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.mbPanel01 .bar_top {
  width: 100%;
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 22px;
  position: relative;
  z-index: 99;
}
.mbPanel01 .bar_top .logo_box {
  width: auto;
  height: 30px;
}
.mbPanel01 .bar_top .logo_box svg {
  width: auto;
  height: 26px;
}
.mbPanel01 .bar_top .mbPanel_btn {
  padding: 33px 0px;
  position: absolute;
  z-index: 99;
  right: 22px;
}
@media (min-width: 1201px) {
  .mbPanel01 .bar_top .mbPanel_btn {
    display: none;
  }
}
.mbPanel01 .bar_top .mbPanel_btn .bars {
  position: relative;
  width: 18px;
  height: 1px;
}
.mbPanel01 .bar_top .mbPanel_btn .bars .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .mbPanel01 .bar_top .mbPanel_btn .bars .bar {
    background: #000;
  }
}
.mbPanel01 .bar_top .mbPanel_btn .bars .bar.bar1 {
  top: -8px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
.mbPanel01 .bar_top .mbPanel_btn .bars .bar.bar2 {
  opacity: 1;
  -webkit-transition: opacity 0s 0.3s;
  transition: opacity 0s 0.3s;
}
.mbPanel01 .bar_top .mbPanel_btn .bars .bar.bar3 {
  top: 8px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
.mbPanel01 .bar_top .mbPanel_btn.active .bars .bar.bar1 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
.mbPanel01 .bar_top .mbPanel_btn.active .bars .bar.bar2 {
  opacity: 0;
}
.mbPanel01 .bar_top .mbPanel_btn.active .bars .bar.bar3 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
.mbPanel01 .mbPanel_close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.mbPanel01 .mbPanel_container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 480px;
  height: 100%;
  padding: 90px 22px 140px;
  background: #eee;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.mbPanel01 .mbPanel_container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow-y: auto;
}
.mbPanel01 .mbPanel_container > div .navtool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle i {
  color: #1e1e20;
  font-size: 18px;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle a {
  color: #1e1e20;
  font-size: 14px;
  letter-spacing: 0;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle > *:not(:last-child) {
  margin-right: 10px;
}
.mbPanel01 .mbPanel_container > div .navtool .search_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  width: auto;
  padding-bottom: 5px;
  margin: unset;
  border-bottom: 1px solid #1e1e20;
  width: 100%;
  padding: 15px 0;
}
.mbPanel01 .mbPanel_container > div .navtool .search_form button {
  width: 16px;
  color: #1e1e20;
  font-size: 15px;
  margin-right: 8px;
}
.mbPanel01 .mbPanel_container > div .navtool .search_form input {
  width: calc(100% - 16px);
  color: #1e1e20;
  font-size: 16px;
  padding: 0;
  background: transparent;
  border: 0;
}
.mbPanel01 .mbPanel_container > div .navmenu {
  width: 100%;
}
.mbPanel01 .mbPanel_container > div .navmenu > li {
  padding: 8px 0;
}
.mbPanel01 .mbPanel_container > div .navmenu > li > a {
  display: block;
  color: #000000;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1px;
}
.mbPanel01 .mbPanel_container > div .navmenu > li > a span {
  display: inline-block;
  width: 30px;
  opacity: 0.3;
  color: #000000;
  font-size: 17px;
  font-weight: 300;
  margin-right: 0px;
  font-family: "arial";
}
.mbPanel01 .mbPanel_container > div .navmenu > li.moremenu.active > a::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.mbPanel01 .mbPanel_container > div .navmenu > li ul {
  display: none;
  margin-left: 36px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.mbPanel01 .mbPanel_container > div .navmenu > li ul li a {
  display: block;
  color: #1e1e20;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 5px 0;
}
.mbPanel01 .mbPanel_container > div .navmenu > li.language_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2px;
}
.mbPanel01 .mbPanel_container > div .navmenu > li.language_box a {
  width: auto;
  display: block;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 0.4;
}
.mbPanel01 .mbPanel_container > div .navmenu > li.language_box a.active {
  opacity: 1;
}
.mbPanel01 .mbPanel_container > div .social_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  gap: 0 10px;
}
.mbPanel01 .mbPanel_container > div .social_media a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.mbPanel01 .mbPanel_container > div .social_media a svg {
  width: auto;
  height: 23px;
  fill: #1e1e20;
}
.mbPanel01 .mbPanel_container > div .copyright {
  margin-top: 20px;
}
.mbPanel01 .mbPanel_container > div .copyright p {
  color: #1e1e20;
  font-size: 13px;
}
.mbPanel01 .mbPanel_container > div .copyright p a {
  color: #1e1e20;
}
@media (max-width: 400px) {
  .mbPanel01 .mbPanel_container > div .copyright p br {
    display: none;
  }
}

footer {
  width: 100%;
  height: auto;
  padding: 0px 57px;
  padding-top: 98px;
  padding-bottom: 106px;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 1024px) {
  footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0px 22px;
    padding-bottom: 59px;
    padding-top: 23px;
  }
}
footer .left {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  footer .left {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
footer .left .footer_logo {
  width: 204px;
  height: 30px;
}
@media (max-width: 480px) {
  footer .left .footer_logo {
    width: 177px;
    height: 26px;
  }
}
footer .left .footer_logo svg {
  fill: #fff;
}
@media (max-width: 480px) {
  footer .left .footer_logo svg {
    width: 177px;
    height: 26px;
  }
}
footer .left .gotop {
  width: auto;
  height: auto;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  -webkit-transition: all 3s;
  transition: all 3s;
  position: absolute;
  top: 8px;
  right: 20px;
}
@media (max-width: 1024px) {
  footer .left .gotop {
    position: absolute;
    top: 20px;
    right: 22px;
  }
}
footer .left .gotop a {
  width: auto;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .left .gotop a .gotop_txt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #fff;
}
footer .left .gotop a .gotop_icon {
  width: 8px;
  height: 15px;
  margin-left: 9px;
  margin-right: 6px;
}
footer .left .gotop a .gotop_icon svg {
  fill: #fff;
}
footer .left .gotop.show {
  opacity: 1;
  pointer-events: auto;
}
footer .left .footer_menu {
  width: auto;
  height: auto;
  margin-top: 35px;
}
footer .left .footer_menu .item_bar {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1024px) {
  footer .left .footer_menu .item_bar {
    max-width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 26px;
       -moz-column-gap: 26px;
            column-gap: 26px;
  }
}
footer .left .footer_menu .item_bar .item {
  width: auto;
  height: 24px;
  margin-top: -8px;
}
@media (max-width: 1024px) {
  footer .left .footer_menu .item_bar .item {
    width: auto;
    margin-top: 0px;
    text-align: left;
    margin-bottom: 20px;
  }
}
footer .left .footer_menu .item_bar .item:first-child {
  min-width: 62px;
}
footer .left .footer_menu .item_bar .item a {
  width: auto;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  letter-spacing: 0.1em;
  padding-right: 50px;
}
@media (max-width: 1024px) {
  footer .left .footer_menu .item_bar .item a {
    width: 100%;
    height: 15px;
    text-align: center;
    padding-right: 0px;
    font-size: 15px;
    line-height: 15px;
  }
}
footer .right {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  footer .right {
    width: 100%;
  }
}
footer .right .top_bar {
  width: 100%;
  height: auto;
  margin-right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1024px) {
  footer .right .top_bar {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 30px;
  }
}
footer .right .top_bar .icon_bar {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 19px;
}
footer .right .top_bar .icon_bar .top_icon {
  width: 35px;
  height: 35px;
}
footer .right .top_bar .icon_bar .top_icon a {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .right .top_bar .icon_bar .top_icon a svg {
  fill: #fff;
}
footer .right .copyright {
  width: auto;
  height: auto;
  margin-top: 41px;
}
@media (max-width: 1024px) {
  footer .right .copyright {
    width: 100%;
    margin: auto;
    margin-top: 25px;
  }
}
footer .right .copyright p {
  color: #fff;
  font-size: 13px;
  text-align: left;
  font-weight: 500;
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}
@media (max-width: 1024px) {
  footer .right .copyright p {
    text-align: left;
  }
}
footer .right .copyright p span {
  color: #828282;
}
footer .right .copyright p a {
  color: #fff;
}

.company01 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 113px;
  padding-bottom: 143px;
}
@media (max-width: 1024px) {
  .company01 {
    padding-top: 50px;
    padding-bottom: 78px;
  }
}
.company01 .content {
  width: 100%;
  max-width: 660px;
  height: auto;
}
@media (max-width: 1024px) {
  .company01 .content {
    max-width: 100%;
    padding: 0px 30px;
  }
}
.company01 .content .company-overview {
  width: 100%;
  height: auto;
  padding: 0px 33px;
}
@media (max-width: 1024px) {
  .company01 .content .company-overview {
    padding: 0px;
  }
}
.company01 .content .company-overview p {
  width: 100%;
  height: auto;
  font-size: 14px;
  color: #767676;
  letter-spacing: 0.075em;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.company01 .content .company-overview .avatar_bar {
  width: 100%;
  height: auto;
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media (max-width: 1024px) {
  .company01 .content .company-overview .avatar_bar {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
}
.company01 .content .company-overview .avatar_bar .avatar {
  width: 55px;
  height: 55px;
}
.company01 .content .company-overview .avatar_bar .avatar img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.company01 .content .company-overview .avatar_bar .company-des {
  width: calc(100% - 55px - 24px);
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.075em;
  color: #414141;
}
.company01 .content .company-overview.in p {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.company01 .content .company-overview.in .avatar_bar {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: all 0.5s ease-out 0.6s;
  transition: all 0.5s ease-out 0.6s;
}
.company01 .content .video_box {
  width: 100%;
  height: 371px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
@media (max-width: 480px) {
  .company01 .content .video_box {
    width: 100%;
    height: 220px;
    padding: 0px 0px;
    background-color: #000;
  }
}
.company01 .content .video_box iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
  .company01 .content .video_box iframe {
    width: 100%;
    height: 100%;
  }
}
.company01 .content .video_box .preset_images {
  width: 660px;
  height: 371px;
  position: absolute;
  z-index: 2;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media (max-width: 480px) {
  .company01 .content .video_box .preset_images {
    width: 100%;
    padding: 0px 0px;
    height: auto;
  }
}
.company01 .content .video_box .preset_images img {
  width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  .company01 .content .video_box .preset_images {
    width: 100%;
    height: auto;
  }
}
.company01 .content .video_box .preset_icon {
  width: 99px;
  height: auto;
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor: pointer;
}
.company01 .content .video_box .preset_icon img {
  width: 100%;
  height: auto;
}
.company01 .content .video_box .preset_icon_pause, .company01 .content .video_box .preset_icon2 {
  width: 99px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: none;
  pointer-events: none;
  z-index: 4;
}
.company01 .content .video_box .preset_icon_pause img, .company01 .content .video_box .preset_icon2 img {
  width: 100%;
  height: auto;
}
.company01 .content .video_box .mb_cocoall {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.company01 .content .video_box .mb_coco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 2;
  background: transparent !important;
}
@media (max-width: 1024px) {
  .company01 .content .video_box .mb_coco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.company01 .content .video_box .preset_icon_pause {
  z-index: 5;
}
.company01 .content .video_box .preset_icon2 {
  z-index: 4;
}
.company01 .content .video_box .phshow_button_comp {
  width: 30px;
  height: 30px;
  background: rgba(235, 236, 231, 0.65);
  position: absolute;
  z-index: 15;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 8px;
  right: 15px;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.company01 .content .video_box .phshow_button_comp.show {
  opacity: 1;
  pointer-events: auto;
}
.company01 .content .video_box .phshow_button_comp img {
  width: 12px;
  height: 13px;
}
@media (max-width: 1024px) {
  .company01 .content .video_box .phshow_button_comp {
    display: none;
  }
}
.company01 .content .video_box .phshow_button_comp_mb {
  width: 30px;
  height: 30px;
  background: rgba(235, 236, 231, 0.65);
  position: absolute;
  z-index: 15;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 8px;
  right: 15px;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: none;
}
.company01 .content .video_box .phshow_button_comp_mb.show {
  opacity: 1;
  pointer-events: auto;
}
.company01 .content .video_box .phshow_button_comp_mb img {
  width: 12px;
  height: 13px;
}
@media (max-width: 1024px) {
  .company01 .content .video_box .phshow_button_comp_mb {
    width: 18px;
    height: 18px;
    right: 12px;
    bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .company01 .content .video_box .phshow_button_comp_mb img {
    width: 8px;
    height: 8px;
  }
}
.company01 .content .video_box .preset_volume_control {
  position: absolute;
  bottom: 8px;
  right: 60px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.company01 .content .video_box .preset_volume_control.show {
  opacity: 1;
  pointer-events: auto;
}
.company01 .content .video_box .preset_volume_control .preset_icon_volume {
  width: 30px;
  height: 30px;
  background: rgba(235, 236, 231, 0.65);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.company01 .content .video_box .preset_volume_control .preset_icon_volume img {
  width: 14px;
  height: 14px;
}
@media (max-width: 1024px) {
  .company01 .content .video_box .preset_volume_control .preset_icon_volume {
    width: 18px;
    height: 18px;
    right: 40px;
  }
  .company01 .content .video_box .preset_volume_control .preset_icon_volume img {
    width: 8px;
    height: 8px;
  }
}
.company01 .content .video_box .preset_volume_control .volume_slider {
  width: 100px;
  height: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(235, 236, 231, 0.55);
  border-radius: 4px;
  cursor: pointer;
}
.company01 .content .video_box .preset_volume_control .volume_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 8px;
  background: #333;
  border-radius: 20px;
  cursor: pointer;
}
.company01 .content .video_box.Openv {
  width: 100%;
  height: 100VH;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  inset: 0;
  background: #000;
}
.company01 .content .video_box.Openv .mb_cocoall {
  height: 116VH;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -8VH;
}
@media (max-width: 480px) {
  .company01 .content .video_box.Openv .preset_volume_control {
    bottom: 100px;
  }
}
@media (max-width: 480px) {
  .company01 .content .video_box.Openv .phshow_button_comp_mb {
    bottom: 100px;
  }
}

.preset_icon_pause,
.preset_volume_control,
.phshow_button_comp {
  display: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.page_content {
  width: 100%;
  height: auto;
  margin-top: 70px;
}
.page_content h2 {
  font-size: 24px;
  letter-spacing: 0.2em;
  color: #404040;
  font-weight: 800;
  text-align: justify;
  margin-bottom: 28px;
}
.page_content h3 {
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #767676;
  text-align: justify;
  font-weight: 700;
  margin-bottom: 20px;
}
.page_content p {
  font-size: 14px;
  color: #767676;
  letter-spacing: 0.075em;
  line-height: 24px;
  text-align: left;
  font-weight: 500;
  margin-bottom: 26px;
}
.page_content div {
  width: 100%;
  margin-bottom: 50px;
}
.page_content div:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.page_content div:nth-child(1).in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.12s;
  transition: all 0.5s ease-out 0.12s;
}
.page_content div:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.page_content div:nth-child(2).in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.15s;
  transition: all 0.5s ease-out 0.15s;
}
.page_content div:nth-child(3) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.page_content div:nth-child(3).in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.18s;
  transition: all 0.5s ease-out 0.18s;
}

.services {
  width: 100%;
  height: auto;
  padding-top: 150px;
  padding-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1280px) {
  .services {
    padding-top: 50px;
  }
}
.services .content {
  width: 100%;
  max-width: 1237px;
  height: auto;
}
@media (max-width: 1280px) {
  .services .content {
    max-width: 1136px;
  }
}
@media (max-width: 1024px) {
  .services .content {
    max-width: 100%;
    padding: 0px 30px;
  }
}
.services .content .services_introduce, .services .content .services_introduce2 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
.services .content .services_introduce .services_introduce_item, .services .content .services_introduce2 .services_introduce_item {
  width: 49.070331447%;
  height: auto;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media (max-width: 1024px) {
  .services .content .services_introduce .services_introduce_item, .services .content .services_introduce2 .services_introduce_item {
    width: 100%;
  }
}
.services .content .services_introduce .services_introduce_item .services_title, .services .content .services_introduce2 .services_introduce_item .services_title {
  width: 100%;
  height: auto;
  font-size: 24px;
  letter-spacing: 0.05em;
  color: #404040;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .services .content .services_introduce .services_introduce_item .services_title, .services .content .services_introduce2 .services_introduce_item .services_title {
    margin-bottom: 40px;
  }
}
.services .content .services_introduce .services_introduce_item .sevices_des, .services .content .services_introduce2 .services_introduce_item .sevices_des {
  width: 100%;
  height: auto;
  margin-top: 13px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #767676;
  font-weight: 500;
  text-align: left;
}
@media (max-width: 1024px) {
  .services .content .services_introduce .services_introduce_item .sevices_des, .services .content .services_introduce2 .services_introduce_item .sevices_des {
    margin-top: 0px;
  }
}
.services .content .services_introduce2 {
  margin-top: 190px;
}
@media (max-width: 1024px) {
  .services .content .services_introduce2 {
    margin-top: 40px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services .content .services_introduce2 .services_introduce_item:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_introduce2 .services_introduce_item:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_photo {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  margin-top: 120px;
}
@media (max-width: 1024px) {
  .services .content .services_photo {
    max-width: 560px;
    margin: auto;
    margin-top: 64px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .services .content .services_photo {
    gap: 20px;
  }
}
.services .content .services_photo .services_item {
  width: 25%;
  height: auto;
}
@media (max-width: 1024px) {
  .services .content .services_photo .services_item {
    width: calc(50% - 15px);
  }
}
@media (max-width: 480px) {
  .services .content .services_photo .services_item {
    width: calc(50% - 10px);
  }
}
.services .content .services_photo .services_item .item_photo {
  width: 100%;
  height: auto;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.services .content .services_photo .services_item .item_photo img {
  width: 100%;
  height: auto;
}
.services .content .services_photo .services_item .item_photo::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.services .content .services_photo .services_item .item_photo .item_photo_txt {
  width: auto;
  height: auto;
  min-height: 475px;
  padding: 11px 6px;
  background: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  letter-spacing: 0.2em;
  color: #ccc;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
  position: absolute;
  left: 50%;
  top: 0%;
  opacity: 0;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 480px) {
  .services .content .services_photo .services_item .item_photo .item_photo_txt {
    font-size: 10px;
  }
}
.services .content .services_photo .services_item .item_txt_box {
  width: 100%;
  min-height: 86px;
  padding: 18px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #767676;
  background: #f8f8f8;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (max-width: 480px) {
  .services .content .services_photo .services_item .item_txt_box {
    font-size: 10px;
    letter-spacing: 0.05em;
  }
}
.services .content .services_photo .services_item:hover .item_photo::before {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.services .content .services_photo .services_item:hover .item_photo_txt {
  left: 50%;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.services .content .services_photo .services_item:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_photo .services_item:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_photo .services_item:nth-child(3) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_photo .services_item:nth-child(4) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_photo.in .services_item:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.services .content .services_photo.in .services_item:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.6s;
  transition: all 0.5s ease-out 0.6s;
}
.services .content .services_photo.in .services_item:nth-child(3) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.9s;
  transition: all 0.5s ease-out 0.9s;
}
.services .content .services_photo.in .services_item:nth-child(4) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 1.2s;
  transition: all 0.5s ease-out 1.2s;
}
.services .content .services_project {
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_project .project_title {
  width: 100%;
  height: auto;
  font-size: 24px;
  letter-spacing: 0.05em;
  color: #404040;
  font-weight: 700;
}
.services .content .services_project .project_des {
  width: 100%;
  height: auto;
  margin-top: 13px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #767676;
  font-weight: 500;
  text-align: left;
}
.services .content .services_project.in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.services .content .services_classification, .services .content .services_contract {
  width: 100%;
  height: auto;
  border-bottom: 2px solid #dbdee0;
}
.services .content .services_classification .services_des, .services .content .services_contract .services_des {
  width: 100%;
  height: auto;
  margin-top: 128px;
}
@media (max-width: 1024px) {
  .services .content .services_classification .services_des, .services .content .services_contract .services_des {
    margin-top: 77px;
  }
}
.services .content .services_classification .services_des .des_title, .services .content .services_contract .services_des .des_title {
  width: 100%;
  height: auto;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #767676;
  font-weight: 700;
  margin-left: -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.services .content .services_classification .services_des .des_title .show_icon, .services .content .services_contract .services_des .des_title .show_icon {
  width: 19px;
  height: 19px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .services .content .services_classification .services_des .des_title .show_icon, .services .content .services_contract .services_des .des_title .show_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.services .content .services_classification .services_des .des_title .show_icon svg, .services .content .services_contract .services_des .des_title .show_icon svg {
  width: 100%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_classification .services_des .des_tx, .services .content .services_contract .services_des .des_tx {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #767676;
  margin-top: 16px;
  font-weight: 500;
}
.services .content .services_classification .column_box, .services .content .services_contract .column_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 1800px;
  padding-top: 75px;
  padding-bottom: 85px;
  overflow: hidden;
}
.services .content .services_classification .column_box .column, .services .content .services_contract .column_box .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
.services .content .services_classification .column_box .column:nth-child(1), .services .content .services_contract .column_box .column:nth-child(1) {
  min-width: 602px;
}
@media (max-width: 1024px) {
  .services .content .services_classification .column_box .column:nth-child(1), .services .content .services_contract .column_box .column:nth-child(1) {
    min-width: 100%;
  }
}
@media (max-width: 1024px) {
  .services .content .services_classification .column_box .column, .services .content .services_contract .column_box .column {
    gap: 38px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .services .content .services_classification .column_box .column:nth-child(1), .services .content .services_contract .column_box .column:nth-child(1) {
    margin-bottom: 38px;
  }
}
.services .content .services_classification .column_box .column .columu_item, .services .content .services_contract .column_box .column .columu_item {
  width: 100%;
  height: auto;
  min-height: 84px;
  padding-left: 74px;
}
@media (max-width: 1024px) {
  .services .content .services_classification .column_box .column .columu_item, .services .content .services_contract .column_box .column .columu_item {
    padding-left: 0px;
    min-height: initial;
  }
}
.services .content .services_classification .column_box .column .columu_item .item_class, .services .content .services_contract .column_box .column .columu_item .item_class {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.services .content .services_classification .column_box .column .columu_item .item_class .left, .services .content .services_contract .column_box .column .columu_item .item_class .left {
  width: 25px;
  height: auto;
  margin-right: 13px;
  font-size: 16px;
  color: #767676;
  font-weight: 600;
}
.services .content .services_classification .column_box .column .columu_item .item_class .right, .services .content .services_contract .column_box .column .columu_item .item_class .right {
  width: calc(100% - 25px - 13px);
  height: auto;
}
.services .content .services_classification .column_box .column .columu_item .item_class .right .right_title, .services .content .services_contract .column_box .column .columu_item .item_class .right .right_title {
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #767676;
  margin-bottom: 20px;
  font-weight: 600;
}
.services .content .services_classification .column_box .column .columu_item .item_class .right ol, .services .content .services_contract .column_box .column .columu_item .item_class .right ol {
  width: 100%;
  height: auto;
  list-style-type: decimal;
  padding-left: 1.5em;
  list-style-type: disc;
}
.services .content .services_classification .column_box .column .columu_item .item_class .right ol li, .services .content .services_contract .column_box .column .columu_item .item_class .right ol li {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.075em;
  color: #767676;
  padding-bottom: 5px;
  font-weight: 500;
  margin-bottom: 10px;
}
.services .content .services_classification .column_box .column .columu_item .item_class .right li::marker, .services .content .services_contract .column_box .column .columu_item .item_class .right li::marker {
  list-style-type: disc;
}
.services .content .services_classification.show .column_box, .services .content .services_contract.show .column_box {
  max-height: 1800px;
  padding-bottom: 54px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_classification.show .services_des .des_title .show_icon svg, .services .content .services_contract.show .services_des .des_title .show_icon svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_classification {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media (max-width: 1024px) {
  .services .content .services_classification .column_box {
    padding-top: 54px;
    padding-bottom: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}
.services .content .services_classification.show .column_box {
  max-height: 1800px;
  padding-bottom: 54px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_classification.show .services_des .des_title .show_icon svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_classification.in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.services .content .services_contract {
  border-bottom: 0px solid #dbdee0;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.services .content .services_contract .services_des {
  margin-top: 77px;
}
.services .content .services_contract .services_des .des_title {
  width: 100%;
  height: auto;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #767676;
  font-weight: 700;
  margin-left: -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.services .content .services_contract .services_des .des_title .show_icon2 {
  width: 19px;
  height: 19px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .services .content .services_contract .services_des .des_title .show_icon2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.services .content .services_contract .services_des .des_title .show_icon2 svg {
  width: 100%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_contract .column_box {
  padding-bottom: initial;
}
@media (max-width: 1024px) {
  .services .content .services_contract .column_box {
    padding-top: 54px;
    padding-bottom: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}
.services .content .services_contract .column_box .column:nth-child(1) .columu_item:nth-child(1) {
  min-height: 119px;
}
.services .content .services_contract.show .column_box {
  max-height: 1800px;
  padding-bottom: 54px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_contract.show .services_des .des_title .show_icon2 svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.services .content .services_contract.in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.services .Divider {
  margin-top: 157px;
  height: 2px;
  width: 89.5833333333vw;
  background: #dbdee0;
  margin-bottom: 124px;
}
@media (max-width: 1024px) {
  .services .Divider {
    margin-top: 78px;
    margin-bottom: 70px;
  }
}
.services.in .content .services_introduce .services_introduce_item {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.services.in .content .services_introduce2 .services_introduce_item:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.6s;
  transition: all 0.5s ease-out 0.6s;
}
.services.in .content .services_introduce2 .services_introduce_item:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.9s;
  transition: all 0.5s ease-out 0.9s;
}

.team {
  width: 100%;
  height: auto;
  padding-top: 167px;
  padding-bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .team {
    padding-top: 50px;
  }
}
.team .team_title {
  width: 100%;
  text-align: center;
  padding-top: 69px;
  padding-bottom: 69px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #404040;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media (max-width: 1024px) {
  .team .team_title {
    padding: 0px 30px;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .team .team_title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
  }
}
.team .team_title.in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.team .team_photo_box {
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin-top: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1440px) {
  .team .team_photo_box {
    max-width: 100%;
    padding: 0px 40px;
  }
}
@media (max-width: 1024px) {
  .team .team_photo_box {
    padding: 0px 30px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.team .team_photo_box .team_photo_item {
  width: 50%;
  height: auto;
  position: relative;
}
@media (max-width: 1024px) {
  .team .team_photo_box .team_photo_item {
    width: 100%;
  }
}
.team .team_photo_box .team_photo_item:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media (max-width: 1024px) {
  .team .team_photo_box .team_photo_item:nth-child(1) {
    margin-bottom: 23px;
  }
}
.team .team_photo_box .team_photo_item:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.team .team_photo_box .team_photo_item.in:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
.team .team_photo_box .team_photo_item.in:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-out 0.6s;
  transition: all 0.5s ease-out 0.6s;
}
.team .team_photo_box .team_photo_item img {
  width: 100%;
  height: auto;
}
.team .team_photo_box .team_photo_item .item_txt_box {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: 152px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 480px) {
  .team .team_photo_box .team_photo_item .item_txt_box {
    width: 300px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.team .team_photo_box .team_photo_item .item_txt_box .item_txt_title {
  width: 100%;
  height: auto;
  font-size: 23px;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.team .team_photo_box .team_photo_item .item_txt_box .item_txt_title br {
  display: none;
}
@media (max-width: 1024px) {
  .team .team_photo_box .team_photo_item .item_txt_box .item_txt_title {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .team .team_photo_box .team_photo_item .item_txt_box .item_txt_title {
    font-size: 16px;
    line-height: 26px;
  }
}
.team .team_photo_box .team_photo_item .item_txt_box .item_txt_des {
  width: 100%;
  height: auto;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 400;
  margin-top: 25px;
  text-align: center;
  display: none;
}
@media (max-width: 1024px) {
  .team .team_photo_box .team_photo_item .item_txt_box .item_txt_des {
    font-size: 9px;
    margin-top: 15px;
  }
}
.team .team_button_bar {
  width: 100%;
  max-width: 1400px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .team .team_button_bar {
    margin-top: 34px;
    padding: 0px 30px;
  }
}
.team .team_button_bar .button_box {
  width: 50%;
  height: auto;
  border-bottom: 1px solid #dbdee0;
  border-top: 1px solid #dbdee0;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #d7d7d7;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 22px;
  padding-bottom: 19px;
  cursor: pointer;
}
.team .team_button_bar .button_box br {
  display: none;
}
@media (max-width: 1024px) {
  .team .team_button_bar .button_box {
    height: 114px;
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  .team .team_button_bar .button_box br {
    display: block;
  }
}
@media (max-width: 480px) {
  .team .team_button_bar .button_box {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    height: 90px;
  }
}
.team .team_button_bar .button_box.active {
  border-bottom: 1px solid #2c2d2f;
  border-top: 1px solid #2c2d2f;
  color: #464646;
}
.team .team_content_bar {
  width: 100%;
  max-width: 1400px;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.team .team_content_bar .content_box {
  width: 100%;
  max-width: 1400px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media (max-width: 1024px) {
  .team .team_content_bar .content_box {
    margin-top: 30px;
    padding: 0px 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.team .team_content_bar .content_box.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.team .team_content_bar .content_box .set {
  width: 50%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  .team .team_content_bar .content_box .set {
    width: 100%;
  }
}
.team .team_content_bar .content_box .set .content_items {
  width: 100%;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0px 94px;
}
@media (max-width: 1024px) {
  .team .team_content_bar .content_box .set .content_items {
    padding: 0px;
  }
}
.team .team_content_bar .content_box .set .content_items .appellation {
  width: auto;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #393939;
  font-weight: 600;
}
@media (max-width: 480px) {
  .team .team_content_bar .content_box .set .content_items .appellation {
    font-size: 13px;
  }
}
.team .team_content_bar .content_box .set .content_items .full_name {
  width: auto;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.075em;
  color: #2c2d2f;
  font-weight: 500;
}

.pro_list {
  width: 100%;
  height: auto;
  margin-top: 70px;
}
@media (max-width: 1024px) {
  .pro_list {
    margin-top: 70px;
  }
}
.pro_list .pro_list_title {
  width: 100%;
  padding-top: 29px;
  padding-bottom: 30px;
  padding-left: 57px;
  font-size: 24px;
  letter-spacing: 0.05em;
  color: #404040;
  font-weight: 700;
  border-bottom: 1px solid #dbdee0;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_title {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 20px;
    position: relative;
  }
}
.pro_list .pro_list_menu_bar {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #dbdee0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 64px;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar {
    margin-bottom: 40px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar {
  width: 100%;
  max-width: 1405px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1440px) {
  .pro_list .pro_list_menu_bar .menu_bar {
    max-width: 1316px;
  }
}
@media (max-width: 1280px) {
  .pro_list .pro_list_menu_bar .menu_bar {
    max-width: 100%;
    padding: 0px 45px;
  }
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar {
    padding: 0px 30px;
    gap: 15px;
  }
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0px 25px;
    height: auto;
    gap: 0;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar,
.pro_list .pro_list_menu_bar .menu_bar .area_bar {
  width: 435px;
  height: 40px;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar .Arch_bar,
  .pro_list .pro_list_menu_bar .menu_bar .area_bar {
    width: 100%;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select {
  width: 100%;
  position: relative;
  font-family: sans-serif;
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box {
  background-color: #fff;
  padding: 0px 12px;
  padding-top: 8px;
  padding-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: 8px;
  height: 40px;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box,
  .pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box {
    padding: 10px 15px;
    background: #f5f5f5;
    border-radius: 30px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box .label-text,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box .label-text {
  font-size: 16px;
  font-weight: 400;
  color: #363636;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box .label-text,
  .pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box .label-text {
    font-size: 14px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box .selected-text,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box .selected-text {
  font-size: 16px;
  font-weight: 600;
  color: #363636;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 164px);
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box .selected-text,
  .pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box .selected-text {
    max-width: calc(100% - 164px);
    font-size: 14px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box .dropdown-icon,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box .dropdown-icon {
  width: 16px;
  height: 16px;
  stroke: #363636;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .select-box.open .dropdown-icon,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .select-box.open .dropdown-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options {
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options label,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options label:hover,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options label:hover {
  background-color: #f6f6f6;
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options label input[type=checkbox],
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options label input[type=checkbox] {
  display: none;
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options label .option-text,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options label .option-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  color: #333;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options label .option-text,
  .pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options label .option-text {
    font-size: 14px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options label .checkmark,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options label .checkmark {
  width: 18px;
  height: 18px;
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  stroke: #353535;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pro_list .pro_list_menu_bar .menu_bar .Arch_bar .multi-select .options label.selected .checkmark,
.pro_list .pro_list_menu_bar .menu_bar .area_bar .multi-select .options label.selected .checkmark {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .Arch_bar {
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  .pro_list .pro_list_menu_bar .menu_bar .area_bar {
    width: 377px;
    border-right: 1px solid #edeeef;
  }
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .area_bar {
    width: 100%;
    border-right: 0px solid #edeeef;
    margin-bottom: 10px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .search_bar {
  width: 470px;
  height: 40px;
  margin-left: 30px;
  border-right: 1px solid #edeeef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar .search_bar {
    width: 225px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    top: 87px;
    right: 69px;
  }
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .search_bar {
    width: calc(100% - 24px - 30px);
    position: relative;
    top: 0px;
    right: 0px;
    border-right: 0px solid #edeeef;
    margin-left: 0px;
    padding-left: 15px;
    background: #f5f5f5;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .search_input {
  width: calc(100% - 80px);
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #757575;
  padding: 0px 0px 0px 7px;
  padding-top: 8px;
  padding-bottom: 6px;
  border: 0px;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar .search_input {
    width: calc(100% - 60px);
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .search_input {
    width: calc(100% - 18px - 10px);
    padding: 0px;
    background: transparent;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .search_button {
  width: 80px;
  height: 40px;
  padding-left: 9px;
  cursor: pointer;
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .search_button {
    width: 28px;
  }
}
.pro_list .pro_list_menu_bar .menu_bar .search_button svg {
  width: 100%;
  height: 24px;
  fill: none;
  stroke: #313133;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.pro_list .pro_list_menu_bar .menu_bar .sorting_bar {
  width: 91px;
  height: 40px;
  padding-top: 6px;
  padding-left: 48px;
}
.pro_list .pro_list_menu_bar .menu_bar .sorting_bar svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #313133;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .sorting_bar svg {
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
}
@media (max-width: 1024px) {
  .pro_list .pro_list_menu_bar .menu_bar .sorting_bar {
    width: 24px;
    height: 24px;
    padding-top: 0px;
    padding-left: 0px;
    position: absolute;
    right: 30px;
    top: 96px;
  }
}
@media (max-width: 480px) {
  .pro_list .pro_list_menu_bar .menu_bar .sorting_bar {
    width: 52px;
    height: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0px;
    right: initial;
    padding-left: 0px;
    background: #f5f5f5;
    padding-right: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
.pro_list .pro_list_content {
  width: 100%;
  height: auto;
  min-height: 317px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 147px;
  position: relative;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_content {
    padding-bottom: 42px;
  }
}
.pro_list .pro_list_content .content_box {
  width: 72.9166666667VW;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 66px;
  position: relative;
}
@media (max-width: 1280px) {
  .pro_list .pro_list_content .content_box {
    width: 100%;
    padding: 0px 45px;
  }
}
@media (max-width: 1024px) {
  .pro_list .pro_list_content .content_box {
    width: 100%;
    padding: 0px 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 480px) {
  .pro_list .pro_list_content .content_box {
    row-gap: 20px;
  }
}
.pro_list .pro_list_content .content_box .item_set {
  width: calc(25% - 15px);
  height: auto;
}
@media (max-width: 1024px) {
  .pro_list .pro_list_content .content_box .item_set {
    width: calc(50% - 15px);
  }
}
@media (max-width: 480px) {
  .pro_list .pro_list_content .content_box .item_set {
    width: 100%;
  }
}
.pro_list .pro_list_content .content_box .item_set .item_img {
  width: 100%;
  height: auto;
}
.pro_list .pro_list_content .content_box .item_set .item_img img {
  width: 100%;
  height: auto;
}
.pro_list .pro_list_content .content_box .item_set .item_info {
  width: 100%;
  height: auto;
  padding: 17px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pro_list .pro_list_content .content_box .item_set .item_info .info_top {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pro_list .pro_list_content .content_box .item_set .item_info .info_top .info_title {
  width: 100%;
  height: auto;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #363636;
  font-weight: 600;
  margin-bottom: 13px;
}
.pro_list .pro_list_content .content_box .item_set .item_info .info_arch {
  width: 80%;
  height: auto;
  font-size: 12px;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #767676;
  text-align: right;
}
.pro_list .pro_list_content .content_box .item_set .item_info .info_datatime {
  width: 20%;
  height: auto;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #363636;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 480px) {
  .pro_list .pro_list_content .content_box .item_set .item_info .info_datatime {
    text-align: left;
  }
}
.pro_list .pro_list_content .loading_box {
  width: 100%;
  text-align: center;
  padding: 40px 0;
  font-size: 16px;
  font-weight: 500;
  color: #999;
  opacity: 0.8;
  -webkit-animation: fadeIn 0.3s ease-in-out;
          animation: fadeIn 0.3s ease-in-out;
  position: absolute;
  bottom: 70px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pro_detail {
  width: 100%;
  height: auto;
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pro_detail .pro_detail_title {
  width: 100%;
  padding-top: 29px;
  padding-bottom: 30px;
  padding-left: 57px;
  font-size: 24px;
  letter-spacing: 0.05em;
  color: #74787b;
  font-weight: 700;
}
.pro_detail .pro_detail_title span {
  color: #767676;
  font-size: 17px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_title {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 20px;
    position: relative;
  }
}
.pro_detail .pro_detail_banner_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pro_detail .pro_detail_banner_box img {
  width: 50%;
  height: auto;
}
.pro_detail .pro_detail_content {
  width: 100%;
  max-width: 666px;
}
.pro_detail .pro_detail_content .photo_box {
  width: 100%;
  height: auto;
  padding-top: 37px;
  padding-bottom: 32px;
  border-bottom: 1px solid #d7d7d7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.pro_detail .pro_detail_content .photo_box .photo_button {
  width: auto;
  height: auto;
  padding: 9px 38px;
  background: #ebebeb;
  border-radius: 50px;
  font-size: 15px;
  letter-spacing: 0.075em;
  color: #363636;
  font-weight: 500;
}
.pro_detail .pro_detail_content .pro_detail_info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
  padding-bottom: 28px;
  border-bottom: 1px solid #d7d7d7;
}
@media (max-width: 480px) {
  .pro_detail .pro_detail_content .pro_detail_info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.pro_detail .pro_detail_content .pro_detail_info div {
  width: auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pro_detail .pro_detail_content .pro_detail_info div p {
  font-size: 17px;
  line-height: 17px;
  color: #767676;
  font-weight: 500;
}
.pro_detail .pro_detail_content .pro_detail_info div .info_ah {
  font-size: 17px;
  line-height: 17px;
  color: #c2c2c2;
  font-weight: 500;
}
.pro_detail .pro_detail_content .content_txt_box {
  width: 100%;
  height: auto;
  padding-top: 33px;
  padding-bottom: 42px;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_content .content_txt_box {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pro_detail .pro_detail_content .content_txt_box span {
  width: 100%;
  height: auto;
  text-align: justify;
  padding-bottom: 34px;
  font-size: 13px !important;
  line-height: 24px;
  letter-spacing: 0.075em;
  color: #767676 !important;
}
.pro_detail .pro_detail_content .related_information {
  width: 100%;
  height: auto;
  padding-bottom: 78px;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_content .related_information {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pro_detail .pro_detail_content .related_information .information_title {
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #767676;
  padding-bottom: 26px;
}
.pro_detail .pro_detail_content .related_information .info_item_01 {
  width: 100%;
  height: auto;
  padding-bottom: 18px;
}
.pro_detail .pro_detail_content .related_information .info_item_01 .info_top {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #767676;
  font-weight: 400;
  margin-bottom: 7px;
}
.pro_detail .pro_detail_content .related_information .info_item_01 .info_top_des {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #363636;
  font-weight: 700;
}
.pro_detail .pro_detail_content .related_information .info_item_02 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 18px;
}
@media (max-width: 480px) {
  .pro_detail .pro_detail_content .related_information .info_item_02 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_left {
  width: 33%;
  height: auto;
}
@media (max-width: 480px) {
  .pro_detail .pro_detail_content .related_information .info_item_02 .info_item_left {
    width: 50%;
    margin-bottom: 20px;
    min-height: 55px;
  }
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_left .info_top {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #767676;
  font-weight: 400;
  margin-bottom: 7px;
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_left .info_top_des {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #363636;
  font-weight: 700;
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_middle {
  width: 45%;
  height: auto;
}
@media (max-width: 480px) {
  .pro_detail .pro_detail_content .related_information .info_item_02 .info_item_middle {
    width: 50%;
    margin-bottom: 20px;
    min-height: 55px;
  }
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_middle .info_top {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #767676;
  font-weight: 400;
  margin-bottom: 7px;
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_middle .info_top_des {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #363636;
  font-weight: 700;
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_right {
  width: 22%;
  height: auto;
  min-width: 100px;
}
@media (max-width: 480px) {
  .pro_detail .pro_detail_content .related_information .info_item_02 .info_item_right {
    width: 50%;
  }
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_right .info_top {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #767676;
  font-weight: 400;
  margin-bottom: 7px;
}
.pro_detail .pro_detail_content .related_information .info_item_02 .info_item_right .info_top_des {
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #363636;
  font-weight: 700;
}
.pro_detail .pro_detail_content .engineering_team {
  width: 100%;
  height: auto;
  padding-bottom: 62px;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_content .engineering_team {
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pro_detail .pro_detail_content .engineering_team .engineering_team_title {
  width: 100%;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #767676;
  padding-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pro_detail .pro_detail_content .engineering_team .show_icon {
  width: 19px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.pro_detail .pro_detail_content .engineering_team .show_icon svg {
  width: 100%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pro_detail .pro_detail_content .engineering_team .engineering_team_content {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px 0;
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pro_detail .pro_detail_content .engineering_team .engineering_team_content p {
  width: 33.3333333333%;
  height: auto;
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #767676;
  padding-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .pro_detail .pro_detail_content .engineering_team .engineering_team_content p {
    width: 50%;
    text-align: left;
  }
}
.pro_detail .pro_detail_content .engineering_team.show .engineering_team_content {
  max-height: 200px;
}
.pro_detail .pro_detail_content .engineering_team.show .show_icon svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.pro_detail .pro_detail_content .awards {
  width: 100%;
  height: auto;
  padding-bottom: 62px;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_content .awards {
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pro_detail .pro_detail_content .awards .awards_title {
  width: 100%;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #767676;
  padding-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pro_detail .pro_detail_content .awards .show_icon_aw {
  width: 19px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.pro_detail .pro_detail_content .awards .show_icon_aw svg {
  width: 100%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pro_detail .pro_detail_content .awards .awards_content {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.pro_detail .pro_detail_content .awards .awards_content p {
  width: 100%;
  height: auto;
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #767676;
  padding-bottom: 4px;
  font-weight: 500;
}
.pro_detail .pro_detail_content .awards.show .awards_content {
  max-height: 300px;
}
.pro_detail .pro_detail_content .awards.show .show_icon_aw svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.pro_detail .pro_detail_portfolio {
  width: 100%;
  max-width: 1350px;
  height: auto;
  padding-top: 90px;
  padding-bottom: 65px;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_portfolio {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.pro_detail .pro_detail_portfolio .photo_box_all {
  width: 100%;
  height: auto;
  position: relative;
}
.pro_detail .pro_detail_portfolio .photo_box_all .photo_box {
  width: 100%;
  height: 100%;
  position: relative;
}
.pro_detail .pro_detail_portfolio .photo_box_all .photo_box .item {
  width: 100%;
  height: 39.5833333333vw;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f5f5;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_portfolio .photo_box_all .photo_box .item {
    height: auto;
    max-height: none;
  }
}
.pro_detail .pro_detail_portfolio .photo_box_all .photo_box .item img {
  width: initial;
  height: 100%;
  max-height: 90VH;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_portfolio .photo_box_all .photo_box .item img {
    max-height: calc(100vh - 65px);
  }
}
.pro_detail .pro_detail_portfolio .photo_box_all .phshow_button {
  width: 42px;
  height: 42px;
  background: #ebece7;
  position: absolute;
  z-index: 5;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 20px;
  right: 31px;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .pro_detail .pro_detail_portfolio .photo_box_all .phshow_button {
    right: 30px;
    bottom: 20px;
  }
}
.pro_detail .pro_detail_portfolio .photo_box_all .phshow_button img {
  width: 12px;
  height: 13px;
}

.slick-dots {
  gap: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 9px 10px;
  background: #ebece7;
  border-radius: 60px;
  bottom: 20px;
}
@media (max-width: 1024px) {
  .slick-dots {
    display: none !important;
  }
}
.slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.slick-dots li button {
  width: 6px;
  height: 6px;
}
.slick-dots li.slick-active {
  border: 1px solid #4d4d4d;
}
.slick-dots li.slick-active button {
  background: #4d4d4d;
}

.slick-next,
.slick-prev {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ebece7;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
}
.slick-next svg,
.slick-prev svg {
  position: relative;
  z-index: 5;
  margin-top: 1px;
}

.slick-next {
  right: 22px !important;
}
@media (max-width: 1024px) {
  .slick-next {
    right: 30px !important;
  }
}

.slick-prev {
  left: 22px !important;
}
@media (max-width: 1024px) {
  .slick-prev {
    left: 30px !important;
  }
}
.slick-prev svg {
  margin-left: -2px;
}

.photo_show_box {
  width: 100VW;
  height: 100VH;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow: hidden;
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media (max-width: 1024px) {
  .photo_show_box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}
.photo_show_box .photo_show_box_bg {
  width: 100VW;
  height: 100VH;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 0;
}
.photo_show_box .photo_show_all {
  width: 100%;
  max-width: 100%;
  height: 90VH;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .photo_show_box .photo_show_all {
    height: auto;
  }
}
.photo_show_box .photo_show_all .photo_show {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  .photo_show_box .photo_show_all .photo_show {
    height: calc(var(--vh) * 100);
  }
}
.photo_show_box .photo_show_all .photo_show .slick-list {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .photo_show_box .photo_show_all .photo_show .slick-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.photo_show_box .photo_show_all .photo_show .slick-track {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.photo_show_box .photo_show_all .photo_show .slick-arrow {
  -webkit-transform: initial !important;
          transform: initial !important;
}
@media (min-width: 1025px) {
  .photo_show_box .photo_show_all .photo_show .slick-arrow {
    top: 320px !important;
  }
}
@media (max-width: 1024px) {
  .photo_show_box .photo_show_all .photo_show .slick-arrow {
    top: calc(50% - 30px);
  }
}
.photo_show_box .photo_show_all .photo_show .item {
  max-height: 90VH;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
.photo_show_box .photo_show_all .photo_show .item img {
  width: initial;
  height: 100%;
  max-height: 90VH;
}
@media (max-width: 1024px) {
  .photo_show_box .photo_show_all .photo_show .item img {
    max-height: calc(100vh - 65px);
  }
}
.photo_show_box .photo_show_all .photo_show .slick-dots {
  display: none !important;
}
.photo_show_box .photo_show_all .photo_nav {
  width: 56px;
  max-height: 100%;
  overflow: hidden;
  padding: 0px 0px;
  position: absolute;
  top: 0px;
  right: 80px;
  z-index: 6;
}
@media (max-width: 1024px) {
  .photo_show_box .photo_show_all .photo_nav {
    width: 97%;
    max-height: 100px;
    right: 1.5%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2px;
    top: initial;
    bottom: 0px;
  }
}
.photo_show_box .photo_show_all .photo_nav .nav_item {
  width: 56px;
  height: 56px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #000;
}
@media (max-width: 1024px) {
  .photo_show_box .photo_show_all .photo_nav .nav_item {
    width: 60px;
    height: 60px;
  }
}
.photo_show_box .photo_show_all .photo_nav .nav_item img {
  width: 120%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.25;
}
.photo_show_box .photo_show_all .photo_nav .nav_item.slick-current img {
  opacity: 1;
}
.photo_show_box .photo_show_all .photo_nav .nav_item.slider.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.photo_show_box.phopen {
  opacity: 1;
  pointer-events: auto;
}

.contact {
  width: 100%;
  height: auto;
  padding-top: 168px;
  padding-bottom: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .contact {
    padding-top: 30px;
  }
}
.contact .content {
  width: 100%;
  max-width: 1170px;
  height: auto;
}
@media (max-width: 1280px) {
  .contact .content {
    max-width: 100%;
    padding: 0px 45px;
  }
}
@media (max-width: 1024px) {
  .contact .content {
    padding: 0px 30px;
  }
}
.contact .content .title_box {
  width: 100%;
  height: auto;
  display: none;
}
.contact .content .title_box p {
  font-size: 29px;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #404040;
  font-weight: 700;
  padding-bottom: 108px;
}
@media (max-width: 1024px) {
  .contact .content .title_box p {
    padding-bottom: 75px;
  }
}
.contact .content .contact_form_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 1024px) {
  .contact .content .contact_form_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.contact .content .contact_form_box .left {
  width: 31.1979166667vw;
  height: auto;
}
@media (max-width: 1280px) {
  .contact .content .contact_form_box .left {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  .contact .content .contact_form_box .left {
    width: 100%;
  }
}
.contact .content .contact_form_box .left .contact_title_bar {
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0.05em;
  color: #404040;
  font-weight: 600;
}
.contact .content .contact_form_box .left .address {
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0.05em;
  color: #767676;
  font-weight: 600;
  padding-top: 50px;
}
@media (max-width: 1024px) {
  .contact .content .contact_form_box .left .address {
    line-height: 25px;
  }
}
.contact .content .contact_form_box .left .info_box {
  width: 100%;
  height: auto;
  padding-top: 28px;
}
@media (max-width: 1024px) {
  .contact .content .contact_form_box .left .info_box {
    padding-bottom: 96px;
  }
}
.contact .content .contact_form_box .left .info_box p {
  width: 100%;
  height: auto;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: #767676;
  margin-bottom: 10px;
  font-weight: 500;
}
.contact .content .contact_form_box .left .info_box p a {
  color: #767676;
}
.contact .content .contact_form_box .right {
  width: 34.4270833333vw;
  height: auto;
}
@media (max-width: 1280px) {
  .contact .content .contact_form_box .right {
    width: 62%;
  }
}
@media (max-width: 1024px) {
  .contact .content .contact_form_box .right {
    width: 100%;
  }
}
.contact .content .contact_form_box .right .options {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .contact .content .contact_form_box .right .options {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.contact .content .contact_form_box .right .options .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 480px) {
  .contact .content .contact_form_box .right .options .checkbox-group {
    gap: 28px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.contact .content .contact_form_box .right .options .checkbox-group label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.075em;
  color: #636363;
}
.contact .content .contact_form_box .right .options .checkbox-group label input {
  margin-right: 9px;
}
.contact .content .contact_form_box .right .options .checkbox-group input[type=radio] {
  width: 22px;
  height: 22px;
}
.contact .content .contact_form_box .right .form_box {
  width: 100%;
  height: auto;
  padding-top: 45px;
}
.contact .content .contact_form_box .right .form_box .item_bar {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.contact .content .contact_form_box .right .form_box .item_bar .item_header {
  width: 100px;
  height: auto;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.2em;
  color: #636363;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  align-content: center;
}
.contact .content .contact_form_box .right .form_box .item_bar .item_input {
  width: calc(100% - 110px);
  height: auto;
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.2em;
  color: #636363;
  border: 0px;
  border-bottom: 1px solid #636363;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact .content .contact_form_box .right .form_box .item_bar .item_message {
  height: 148px;
}
.contact .content .contact_form_box .right .form_box .item_bar .txt_bar {
  width: calc(100% - 110px);
  height: auto;
  border: 0px;
  background-color: #f5f5f5;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #636363;
}
.contact .content .contact_form_box .right .form_box .item_bar.o_top {
  margin-top: 20px;
  margin-bottom: 0px;
}
.contact .content .contact_form_box .right .submit {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.contact .content .contact_form_box .right .submit a {
  width: auto;
  height: auto;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #636363;
}
.contact .content .contact_form_box .right .button_bar {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
.contact .content .contact_form_box .right .button_bar .left {
  width: 70%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .content .contact_form_box .right .button_bar .left p {
  width: auto;
  height: auto;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 400;
  color: #636363;
  margin-right: 20px;
}
.contact .content .contact_form_box .right .button_bar .left p a {
  color: #636363;
}
.contact .content .contact_form_box .right .button_bar .left p:nth-child(2) {
  width: auto;
  height: auto;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #636363;
  font-weight: 700;
}
.contact .content .contact_form_box .right .button_bar .right {
  width: 30%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .content .contact_form_box .right .button_bar .right .upload_btn {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 400;
  color: #636363;
}
.contact .content .contact_form_box .right .button_bar .right .upload_btn label {
  cursor: pointer;
}

input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #999;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
}

input[type=radio]::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #686868; /* ✅ 中間圓點為黑色 */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

input[type=radio]:checked::before {
  background-color: #686868;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.link {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.link .content {
  width: 100%;
  max-width: 960px;
  height: auto;
}
.link .content .title_bar {
  width: 100%;
  height: auto;
  padding-top: 187px;
  padding-bottom: 132px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  width: 100%;
  text-align: center;
  color: #404040;
}
@media (max-width: 1024px) {
  .link .content .title_bar {
    padding-top: 50px;
    padding-bottom: 138px;
  }
}
@media (max-width: 480px) {
  .link .content .title_bar {
    font-size: 22px;
  }
}
.link .content .link_item_bar {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
  padding-top: 319px;
}
@media (max-width: 1024px) {
  .link .content .link_item_bar {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px 30px;
    gap: 115px;
    padding-top: 118px;
    padding-bottom: 118px;
  }
}
.link .content .link_item_bar .item_bar {
  width: calc(25% - 30px);
  height: auto;
}
@media (max-width: 1024px) {
  .link .content .link_item_bar .item_bar {
    width: 100%;
  }
}
.link .content .link_item_bar .item_bar .item_logo_box {
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .link .content .link_item_bar .item_bar .item_logo_box {
    width: 180px;
    margin: auto;
  }
}
.link .content .link_item_bar .item_bar .item_logo_box img {
  width: 100%;
  height: auto;
}
.link .content .link_item_bar .item_bar .link_bar {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 23px;
  margin-bottom: 300px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
@media (max-width: 1024px) {
  .link .content .link_item_bar .item_bar .link_bar {
    margin-bottom: 0px;
  }
}
.link .content .link_item_bar .item_bar .link_bar .icons_bar {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.link .content .link_item_bar .item_bar .link_bar .icons_bar svg {
  width: 19px;
  height: 19px;
  fill: #666666;
}

.loading01 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.loading01.hide {
  opacity: 0;
  pointer-events: none;
}
.loading01.display-none {
  display: none;
}
.loading01 .loading_bg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: #fff;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-animation: bgShrink 3s ease forwards;
          animation: bgShrink 3s ease forwards;
  z-index: 1;
}
.loading01 .loading_logo {
  width: 400px;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0;
  z-index: 2;
  -webkit-animation: logoZoom 3s ease forwards;
          animation: logoZoom 3s ease forwards;
}
@media (max-width: 480px) {
  .loading01 .loading_logo {
    width: 94%;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}
.loading01 .loading_logo img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 480px) {
  .loading01 .loading_logo {
    width: 300px;
  }
}

@-webkit-keyframes logoZoom {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes logoZoom {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bgShrink {
  0% {
    opacity: 0.995;
  }
  50% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bgShrink {
  0% {
    opacity: 0.995;
  }
  50% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*# sourceMappingURL=master_en.css.map */