.main > .container {
  max-width: 100%;
}

body.solution.show .footer {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .row-proShow {
    --bs-gutter-x: 4rem;
  }
}
@media (min-width: 1400px) {
  .row-proShow {
    --bs-gutter-x: 5rem;
  }
}
.row-proShow .flex-pic > * {
  min-width: 0;
}
.row-proShow .flex-pic .slick-slide {
  border: none;
}
.row-proShow .flex-pic .picB-list {
  flex-grow: 1;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .row-proShow .flex-pic .picB-list {
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 575px) {
  .row-proShow .flex-pic .picB-list {
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.1);
  }
}
.row-proShow .flex-pic .picS-list {
  width: 80px;
  flex-shrink: 0;
  padding: 0;
  margin: -5px 20px -5px 0;
}
@media (max-width: 991px) {
  .row-proShow .flex-pic .picS-list {
    width: 60px;
    margin-right: 15px;
  }
}
.row-proShow .flex-pic .picS-list .slick-slide {
  margin: 0;
  padding: 5px 0;
}
.row-proShow .flex-pic .picS-list .slick-arrow {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  top: auto;
  position: relative;
  transform: translate(0, 0);
  left: auto;
  right: auto;
}
.row-proShow .flex-pic .picS-list .slick-arrow.slick-next {
  transform: rotate(90deg);
}
.row-proShow .flex-pic .picS-list .slick-arrow.slick-prev {
  transform: rotate(90deg);
}
@media (min-width: 992px) {
  .row-proShow .info {
    padding-top: 1em;
  }
}
.row-proShow .info .no {
  background: var(--colorMain);
  color: #fff;
  display: table;
  border-radius: 30px;
  padding: 2px 10px;
}
.row-proShow .info .name {
  font-size: 2rem;
  font-weight: 900;
  padding-left: 1em;
  position: relative;
  margin-bottom: 1.25em;
}
@media (max-width: 991px) {
  .row-proShow .info .name {
    font-size: 1.75rem;
  }
}
@media (max-width: 767px) {
  .row-proShow .info .name {
    font-size: 1.5rem;
  }
}
.row-proShow .info .name:before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.875em;
  background-color: var(--colorMain);
  position: absolute;
  left: 0;
  top: 0.125em;
}
.row-proShow .info .list li + li {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #eee;
}
.row-proShow .info .list .title {
  display: block;
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
  padding-left: 2.75em;
  margin-bottom: 0.5em;
}
.row-proShow .info .list .title .icon {
  display: block;
  position: absolute;
  left: 0;
  top: -0.4em;
  width: 2.22em;
  height: 2.22em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.row-proShow .info .list .title .icon.icon01 {
  background-image: url(../../../../Images/Templates/SolutionTemplates/TS001/icon_solution.svg);
}
.row-proShow .info .list .title .icon.icon02 {
  background-image: url(../../../../Images/Templates/SolutionTemplates/TS001/icon_description.svg);
}
.row-proShow .info .list p {
  font-size: 1.125rem;
  line-height: 2;
  min-height: 2em;
  margin-bottom: 0;
}

.sec-tabs {
  --area-padding-y: 40px;
  --section-padding-y: 85px;
  margin-top: 8.5rem;
}
@media (max-width: 991px) {
  .sec-tabs {
    --section-padding-y: 60px;
    margin-top: 4rem;
  }
}
@media (max-width: 640px) {
  .sec-tabs {
    --area-padding-y: 30px;
    --section-padding-y: 35px;
    margin-top: 2rem;
  }
}
.sec-tabs ~ .sec-tabs {
  margin-top: 0;
}
.sec-tabs ~ .sec-tabs .tab-area {
  margin-top: 0;
  padding-bottom: calc(var(--area-padding-y) * 2);
}
.sec-tabs .nav-pills {
  --bs-nav-link-font-size: 1.125rem;
  --bs-nav-link-padding-x: 1.375em;
  --bs-nav-link-padding-y: 0.375em;
  --bs-nav-pills-border-radius: 4em;
  --bs-nav-link-color: var(--bs-dark);
  --bs-nav-link-hover-color: var(--bs-white);
  justify-content: center;
  gap: 20px;
  position: relative;
  z-index: 4;
}
@media (max-width: 991px) {
  .sec-tabs .nav-pills {
    --bs-nav-link-font-size: 1rem;
  }
}
@media (max-width: 640px) {
  .sec-tabs .nav-pills {
    gap: 10px;
  }
}
.sec-tabs .nav-pills .nav-link {
  background-color: var(--bs-white);
  border: 1px solid var(--bs-dark);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sec-tabs .nav-pills .nav-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(to left, var(--colorMain), var(--colorThird));
  z-index: -1;
  opacity: 0;
  transition: all ease 0.3s;
}
.sec-tabs .nav-pills .nav-link:focus, .sec-tabs .nav-pills .nav-link:hover, .sec-tabs .nav-pills .nav-link:active, .sec-tabs .nav-pills .nav-link.active {
  border-color: var(--bs-body-bg);
}
.sec-tabs .nav-pills .nav-link:focus:before, .sec-tabs .nav-pills .nav-link:hover:before, .sec-tabs .nav-pills .nav-link:active:before, .sec-tabs .nav-pills .nav-link.active:before {
  opacity: 1;
}
.sec-tabs .tab-area.deco:after, .sec-tabs .tab-area.deco:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -6.5rem;
  padding-bottom: 14.5%;
  pointer-events: none;
}
@media (max-width: 991px) {
  .sec-tabs .tab-area.deco:after, .sec-tabs .tab-area.deco:before {
    top: -4.5rem;
  }
}
@media (max-width: 640px) {
  .sec-tabs .tab-area.deco:after, .sec-tabs .tab-area.deco:before {
    top: -3rem;
  }
}
.sec-tabs .tab-area {
  position: relative;
  background-color: var(--colorMain);
  padding: 0 0 var(--area-padding-y);
  margin-top: 3.5rem;
}
.sec-tabs .tab-area:empty {
  padding-bottom: 0;
}
@media (max-width: 1199px) {
  .sec-tabs .tab-area {
    margin-top: 2.5rem;
  }
}
@media (max-width: 640px) {
  .sec-tabs .tab-area {
    margin-top: 2rem;
  }
}
.sec-tabs .tab-area.deco:before {
  z-index: 3;
  -webkit-mask-image: url(../../../../Images/Templates/SolutionTemplates/TS001/wave-02-mask.svg);
  mask-image: url(../../../../Images/Templates/SolutionTemplates/TS001/wave-02-mask.svg);
  mask-repeat: no-repeat;
  mask-size: 100vw;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.9) 38%, rgba(255, 255, 255, 0) 40%);
  background-repeat: repeat-y;
  mix-blend-mode: hard-light;
  animation-name: infinityShine;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.sec-tabs .tab-area.deco:after {
  background-image: url(../../../../Images/Templates/SolutionTemplates/TS001/wave-02.svg);
  background-size: 100vw;
  background-color: #fff;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: no-repeat;
  z-index: 2;
}
.sec-tabs .tab-content > .tab-pane {
  height: auto;
  overflow: visible;
}
.sec-tabs .tab-content > .tab-pane:first-child {
  scroll-margin-top: var(--section-padding-y);
}
.sec-tabs .tab-content > .tab-pane + .tab-pane {
  padding-top: var(--section-padding-y);
  margin-top: var(--section-padding-y);
  border-top: 1px solid #c6c6c6;
}
.sec-tabs .tab-content > .tab-pane > .h3 {
  display: table;
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 0.75em;
  margin-bottom: 1em;
}
.sec-tabs .tab-content > .tab-pane > .h3:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.5rem;
  background-image: linear-gradient(to right, var(--colorEighth), var(--colorSeventh));
}
@media (max-width: 1199px) {
  .sec-tabs .tab-content > .tab-pane > .h3 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .sec-tabs .tab-content > .tab-pane > .h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 767px) {
  .sec-tabs .tab-content > .tab-pane > .h3 {
    font-size: 1.5rem;
    padding-bottom: 0.625em;
  }
  .sec-tabs .tab-content > .tab-pane > .h3:after {
    height: 0.375rem;
  }
}
@media (max-width: 640px) {
  .sec-tabs .tab-content > .tab-pane > .h3 {
    font-size: 1.375rem;
  }
}
@media (max-width: 575px) {
  .sec-tabs .tab-content > .tab-pane > .h3 {
    font-size: 1.25rem;
  }
}
.sec-tabs .tab-content > .tab-pane > .editor {
  margin-bottom: 0;
}
.sec-tabs .card {
  --bs-card-border-radius: 2rem;
  --bs-card-spacer-y: 2rem;
  --bs-card-spacer-x: 2.5rem;
  --bs-card-border-width: 2px;
  --bs-card-border-color: var(--colorFifth);
  z-index: 4;
  position: relative;
}
@media (max-width: 991px) {
  .sec-tabs .card {
    --bs-card-border-radius: 1.5rem;
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 2rem;
  }
}
@media (max-width: 640px) {
  .sec-tabs .card {
    --bs-card-border-radius: 1rem;
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1.5rem;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Rabbit/1.%25E5%25B0%2588%25E6%25A1%2588/115015_%25E6%2596%25B0%25E7%25AB%258B%25E8%25B3%2587%25E8%25A8%258A%25E8%2582%25A1%25E4%25BB%25BD%25E6%259C%2589%25E9%2599%2590%25E5%2585%25AC%25E5%258F%25B8/git/osys015-core/EZWeb/wwwroot/css/Templates/SolutionTemplates/TS001/TS001.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AACI;EACI;;;AAOI;EACI;;;AAOZ;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;AAIA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;IACA;;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAOZ;EADJ;IAEQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;;;AAMhB;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;;;AAGJ;EAVJ;IAWQ;IACA;IACA;;;AAGJ;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZJ;IAaQ;;;AAGJ;EAhBJ;IAiBQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;;;AAGJ;EAdJ;IAeQ;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EAVJ;IAWQ;;;AAGJ;EAdJ;IAeQ;;;AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAnBJ;IAoBQ;;;AAGJ;EAvBJ;IAwBQ;;;AAGJ;EA3BJ;IA4BQ;IACA;;EAEA;IACI;;;AAIR;EApCJ;IAqCQ;;;AAGJ;EAxCJ;IAyCQ;;;AAIR;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;IACA;;;AAGJ;EAfJ;IAgBQ;IACA;IACA%22%7D */