.seeds_footer.t4g_footer {
  background: linear-gradient(90deg, rgba(137, 46, 207, 1) 0%, rgba(196, 21, 170, 0.55) 100%);
  height: auto;
}

.t4g-page-container {
  position: relative;
  font-size: 0.833333vw;
  line-height: 1.5;
  background: url("../images/tech4good/bg_01_241206.png") no-repeat left 44.895833vw, url("../images/tech4good/bg_02_241206.png") no-repeat right 83.697917vw, url("../images/tech4good/bg_01_241206.png") no-repeat left 140.895833vw, url("../images/tech4good/bg_02_241206.png") no-repeat right 172.697917vw;
  background-size: 20.458333vw, 20.458333vw, 20.458333vw, 20.458333vw;
}

.t4g-page-container img {
  width: 100%;
}

.t4g-page-container .web-show {
  display: block;
}

.t4g-page-container .pad-show {
  display: none;
}

.t4g-page-container .pad-show-inline {
  display: none;
}

.t4g-page-container .mob-show {
  display: none;
}

.t4g-page-container .txt-bold {
  font-weight: bold;
}

@media (max-width:834px) {
  .t4g-page-container {
    font-size: 2.290076vw;
    background: none;
  }

  .t4g-page-container .web-show {
    display: none;
  }

  .t4g-page-container .pad-show {
    display: block;
  }

  .t4g-page-container .pad-show-inline {
    display: inline;
  }

  .t4g-page-container .mob-show {
    display: none;
  }
}

@media (max-width:640px) {
  .t4g-page-container {
    font-size: 3.733333vw;
    background: url("../images/tech4good/bg_02_241206.png") no-repeat right 117vw;
    background-size: 57vw;
  }

  .t4g-page-container .web-show {
    display: none;
  }

  .t4g-page-container .pad-show {
    display: none;
  }

  .t4g-page-container .mob-show {
    display: block;
  }
}

.t4g-page-container .page-banner {
  position: relative;
  width: 100%;
  margin-bottom: 2.60416vw;
}

.t4g-page-container .page-banner .banner-txt {
  position: absolute;
  top: 30%;
  right: 10.83333vw;
}

.t4g-page-container .page-banner .banner-txt h2 {
  font-family: "Manrope-bold";
  font-size: 4.73958vw;
  line-height: 1.5;
  color: #6F1FC0;
  font-weight: bold;
}

.t4g-page-container .page-banner .banner-txt h2 span {
  display: block;
  font-size: 2.60416vw;
  line-height: 1.25;
}

@media (max-width:834px) {
  .t4g-page-container .page-banner {
    margin-bottom: 10.17811vw;
  }

  .t4g-page-container .page-banner .banner-txt {
    top: 71%;
    left: 6.93333vw;
    right: auto;
  }

  .t4g-page-container .page-banner .banner-txt h2 {
    font-size: 8.53333vw;
    /* line-height: 1; */
    margin-bottom: 2vw;
  }

  .t4g-page-container .page-banner .banner-txt h2 span {
    font-size: 4.26666vw;
    line-height: 1.25;
  }
}

@media (max-width:640px) {
  .t4g-page-container .page-banner {
    margin-bottom: 10.17811vw;
  }

  .t4g-page-container .page-banner .banner-txt {
    top: 70%;
    left: 6.93333vw;
  }

  .t4g-page-container .page-banner .banner-txt h2 {
    font-size: 8.33333vw;
    /* line-height: 7.46666vw; */
    margin-bottom: 0;
  }

  .t4g-page-container .page-banner .banner-txt h2 span {
    font-size: 5.60000vw;
    line-height: 7.46666vw;
  }
}

.t4g-page-container .section .section-inner {
  position: relative;
  width: 62.5vw;
  margin: 0 auto 4.166667vw;
}

.t4g-page-container .section .section-inner h3 {
  font-size: 1.666667vw;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 1.875vw;
}

@media (max-width:834px) {
  .t4g-page-container .section .section-inner {
    width: 89.821883vw;
    margin: 0 auto 10.178117vw;
  }

  .t4g-page-container .section .section-inner h3 {
    font-size: 4.071247vw;
    line-height: 1.5;
    margin-bottom: 5.089059vw;
  }
}

@media (max-width:640px) {
  .t4g-page-container .section .section-inner {
    width: 87.2vw;
    margin: 0 auto 9.333333vw;
  }

  .t4g-page-container .section .section-inner h3 {
    font-size: 5.333333vw;
    line-height: 8vw;
    margin-bottom: 5.466667vw;
  }
}

.t4g-page-container .page-section-01 .section-inner .content-box {
  display: flex;
  justify-content: space-between;
}

.t4g-page-container .page-section-01 .section-inner .content-box .img-box {
  width: 30.625vw;
}

.t4g-page-container .page-section-01 .section-inner .content-box .img-box a {
  display: flex;
  border-radius: 1.666667vw;
  overflow: hidden;
}

.t4g-page-container .page-section-01 .section-inner .content-box .img-box .video-disc {
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.71666vw;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap {
  position: relative;
  width: 27.114583vw;
  padding: 0 0.864583vw 0.677083vw;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-01 {
  height: 100%;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-01 .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-01 .swiper-slide .tit {
  font-weight: bold;
  margin-bottom: 1.354167vw;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-pagination-01 {
  display: flex;
  justify-content: space-between;
  bottom: 0.677083vw;
  left: 2.864583vw;
  width: 24.479167vw;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-pagination-01 .swiper-pagination-bullet {
  width: 7.604167vw;
  height: 0.260417vw;
  background: rgba(217, 217, 217, 1);
  border-radius: 0.833333vw;
  margin: 0;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(155, 74, 223, 1);
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-prev-01 {
  left: 0;
  transform: translateY(-50%);
  width: 1.197917vw;
  height: 1.197917vw;
  background: url("../images/tech4good/icon_01_241206.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-next-01 {
  right: 0;
  transform: translateY(-50%);
  width: 1.197917vw;
  height: 1.197917vw;
  background: url("../images/tech4good/icon_02_241206.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-prev-01::after,
.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-next-01::after {
  content: none;
}

.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-prev-01.swiper-button-disabled,
.t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-next-01.swiper-button-disabled {
  opacity: 1;
}

@media (max-width:834px) {
  .t4g-page-container .page-section-01 .section-inner .content-box {
    flex-direction: column;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .img-box {
    width: 100%;
    margin-bottom: 5.089059vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .img-box a {
    border-radius: 4.071247vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .img-box .video-disc {
    margin-top: 2.03562vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap {
    width: 100%;
    padding: 0;
    /* padding: 0 0 7.124682vw; */
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-01 .swiper-slide .tit {
    margin-bottom: 3.562341vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-pagination-01 {
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-pagination-01 .swiper-pagination-bullet {
    width: 27.480916vw;
    height: 0.636132vw;
    border-radius: 2;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-prev-01 {
    display: none;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-button-next-01 {
    display: none;
  }
}

@media (max-width:640px) {
  /* .t4g-page-container .page-section-01 .section-inner .content-box .img-box {
    border-radius: 6.533333vw;
  } */

  .t4g-page-container .page-section-01 .section-inner .content-box .img-box a {
    border-radius: 6.533333vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .img-box .video-disc {
    margin-top: 2.13333vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap {
    padding: 0;
    /* padding: 0 0 6.266667vw; */
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-01 .swiper-slide .tit {
    margin-bottom: 3.562341vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-pagination-01 .swiper-pagination-bullet {
    width: 27.733333vw;
    height: 1.466667vw;
    border-radius: 2.933333vw;
  }

  .t4g-page-container .page-section-01 .section-inner .content-box .swiper-01-wrap .swiper-pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(111, 30, 192, 1);
  }
}

.t4g-page-container .page-section-02 .section-inner .items-box {
  position: relative;
  display: flex;
  padding: 0 1.302083vw;
  /* margin-bottom: 2.083333vw; */
}

.t4g-page-container .page-section-02 .section-inner .items-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.3125vw;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: linear-gradient(90deg, rgba(153, 73, 223, 0) 0%, rgba(153, 73, 223, 1) 19%, rgba(224, 93, 177, 1) 89%, rgba(224, 93, 177, 0) 100%);
  z-index: 1;
}

.t4g-page-container .page-section-02 .section-inner .items-box .item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 20%;
  height: 6vw;
  margin: 0 1.302083vw;
}

.t4g-page-container .page-section-02 .section-inner .items-box .item:nth-child(even) {
  /* justify-content: flex-end; */
}

.t4g-page-container .page-section-02 .section-inner .items-box .item::after {
  content: "";
  position: absolute;
  width: 1.25vw;
  height: 1.25vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border: 3px solid rgba(155, 74, 223, 1);
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 2;
}

.t4g-page-container .page-section-02 .section-inner .items-box .item.active::after {
  background: rgba(155, 74, 223, 1);
  border: 3px solid rgba(155, 74, 223, 1);
}

.t4g-page-container .page-section-02 .section-inner .items-box .item .tit {
  display: none;
  font-size: 0.833333vw;
  font-weight: bold;
  line-height: 1.2;
  color: rgba(32, 32, 32, 1);
  text-align: center;
  margin-bottom: 0.729167vw;
  cursor: pointer;
}

.t4g-page-container .page-section-02 .section-inner .items-box .item.active .tit {
  color: rgba(137, 46, 207, 1);
}

.t4g-page-container .page-section-02 .section-inner .items-box .item .date {
  font-size: 0.833333vw;
  line-height: 1.2;
  color: rgba(32, 32, 32, 1);
  text-align: center;
  cursor: pointer;
}

.t4g-page-container .page-section-02 .section-inner .items-box .item.active .date {
  font-weight: bold;
  color: rgba(137, 46, 207, 1);
}

.t4g-page-container .page-section-02 .section-inner .items-box .item .txt {
  display: none;
}

.t4g-page-container .page-section-02 .section-inner .items-box .item .list {
  display: none;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box {
  position: relative;
  display: none;
  width: 52.083333vw;
  margin: 0 auto;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box.box-01 {
  display: block;
  height: 17.041667vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box.box-02 {
  height: 12.041667vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box.box-03 {
  height: 16.541667vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box.box-04 {
  height: 13.541667vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box.box-05 {
  height: 12.541667vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.666667vw;
  padding: 1px;
  background: linear-gradient(69deg, rgba(137, 46, 207, 1) 0%, rgba(196, 21, 170, 0.55) 12%, rgba(155, 106, 193, 0.17) 46%, rgba(202, 174, 224, 0.23) 61%, rgba(137, 46, 207, 1) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  z-index: 999;
  box-sizing: border-box;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.666667vw;
  background: rgba(249, 245, 253, 1);
  backdrop-filter: blur(10px);
  z-index: 998;
  box-sizing: border-box;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  padding: 2.34375vw 6.510417vw;
  box-sizing: border-box;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .content .tit {
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  margin-bottom: 1.40625vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .content .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
  color: #000;
  margin-bottom: 1.40625vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .content .list {
  margin-left: 0.364583vw;
  margin-bottom: 1.40625vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .content .list li {
  position: relative;
  font-size: 0.833333vw;
  line-height: 1.5;
  color: #000;
  padding-left: 0.78125vw;
  margin-bottom: 0.260417vw;
}

.t4g-page-container .page-section-02 .section-inner .content-box .box .content .list li::before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width:834px) {
  .t4g-page-container .page-section-02 .section-inner .items-box {
    flex-direction: column;
    padding: 6.10687vw 0 0;
    margin-bottom: 0;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box::after {
    width: 0.763359vw;
    height: 100%;
    top: 0;
    left: 4.707379vw;
    transform: translate(0, 0);
    background: linear-gradient(180deg, rgba(153, 73, 223, 0) 0%, rgba(153, 73, 223, 1) 19%, rgba(224, 93, 177, 1) 89%, rgba(224, 93, 177, 0) 100%);
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item {
    justify-content: space-between;
    width: auto;
    height: 20%;
    padding-left: 10.43257vw;
    margin: 0 0 7.251908vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item:nth-child(even) {
    justify-content: flex-start;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item::after {
    top: 0;
    left: 3.562341vw;
    transform: translate(0, 0);
    width: 3.053435vw;
    height: 3.053435vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .tit {
    display: block;
    font-size: 2.544529vw;
    text-align: left;
    margin-bottom: 2.798982vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .date {
    font-size: 2.290076vw;
    text-align: left;
    margin-bottom: 0;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item.active .date {
    font-weight: normal;
    margin-bottom: 3.689567vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .txt {
    display: none;
    font-size: 2.290076vw;
    line-height: 1.5;
    margin-bottom: 3.689567vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item.active .txt {
    display: block;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .list {
    display: none;
    margin-left: 0.364583vw;
    margin-bottom: 1.40625vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item.active .list {
    display: block;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .list li {
    position: relative;
    font-size: 2.290076vw;
    line-height: 1.5;
    color: #000;
    padding-left: 1.78125vw;
    margin-bottom: 1vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .list li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
  }

  .t4g-page-container .page-section-02 .section-inner .content-box .box.box-01 {
    display: none;
  }
}

@media (max-width:640px) {
  .t4g-page-container .page-section-02 .section-inner .items-box {
    padding: 5.333333vw 0 0;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box::after {
    width: 1.066667vw;
    left: 1.8vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item {
    padding-left: 8.266667vw;
    margin: 0 0 6.8vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item::after {
    left: 0;
    width: 4.8vw;
    height: 4.8vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .tit {
    font-size: 4.266667vw;
    margin-bottom: 3.2vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .date {
    font-size: 3.733333vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item.active .date {
    margin-bottom: 4.4vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .txt {
    font-size: 3.733333vw;
    margin-bottom: 4.4vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .list {
    margin-left: 0.364583vw;
    margin-bottom: 1.40625vw;
  }

  .t4g-page-container .page-section-02 .section-inner .items-box .item .list li {
    font-size: 3.733333vw;
    padding-left: 2.78125vw;
    margin-bottom: 1vw;
  }
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap {
  position: relative;
  padding-bottom: 5.3125vw;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide {
  display: flex;
  justify-content: space-between;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 30.520833vw;
  height: 10.9375vw;
  background: #F9F5FD;
  border-radius: 1.666667vw;
  padding: 2.083333vw;
  box-sizing: border-box;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .img-box {
  width: 12.5vw;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box {
  width: 11.979167vw;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box .tit {
  font-size: 1.25vw;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.833333vw;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 {
  bottom: 0;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.604167vw;
  height: 2.604167vw;
  background: rgba(232, 232, 232, 1);
  margin: 0 0.46875vw;
  opacity: 1;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02.swiper-pagination-bullet-active {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3.229167vw;
  height: 3.229167vw;
  background: linear-gradient(141deg, rgba(137, 46, 207, 1) 0%, rgba(196, 21, 170, 0.55) 100%);
  opacity: 1;
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02 p {
  font-size: 1.041667vw;
  font-weight: bold;
  color: rgba(137, 46, 207, 1);
}

.t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02.swiper-pagination-bullet-active p {
  font-size: 1.458333vw;
  color: #fff;
  font-weight: bold;
}

@media (max-width:834px) {
  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap {
    padding-bottom: 11.959288vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 43.256997vw;
    height: 38.167939vw;
    border-radius: 4.071247vw;
    padding: 5.089059vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .img-box {
    width: 100%;
    order: 2;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box {
    width: 100%;
    order: 1;
    margin-bottom: 2.035623vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box .tit {
    font-size: 3.053435vw;
    margin-bottom: 2.035623vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box .txt {
    font-size: 2.035623vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02 {
    width: 5.597964vw;
    height: 5.597964vw;
    margin: 0 0.954198vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02.swiper-pagination-bullet-active {
    width: 6.870229vw;
    height: 6.870229vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02 p {
    font-size: 2.216285vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02.swiper-pagination-bullet-active p {
    font-size: 3.103053vw;
  }
}

@media (max-width:640px) {
  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap {
    padding-bottom: 15.733333vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide {
    flex-direction: column;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner {
    width: 100%;
    height: 71.2vw;
    border-radius: 4.266667vw;
    padding: 5.333333vw;
    margin-bottom: 5.333333vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box {
    margin-bottom: 5.333333vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box .tit {
    font-size: 3.733333vw;
    line-height: 6.666667vw;
    margin-bottom: 0.533333vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-02 .swiper-slide .slide-inner .txt-box .txt {
    font-size: 3.733333vw;
    line-height: 6.666667vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02 {
    width: 8.266667vw;
    height: 8.266667vw;
    margin: 0 1.4vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02.swiper-pagination-bullet-active {
    width: 10.4vw;
    height: 10.4vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02 p {
    font-size: 4.266667vw;
  }

  .t4g-page-container .page-section-03 .section-inner .swiper-02-wrap .swiper-pagination-02 .swiper-pagination-bullet-02.swiper-pagination-bullet-active p {
    font-size: 5.333333vw;
  }
}

.t4g-page-container .page-section-04 .section-inner .items-box {
  display: flex;
  justify-content: space-between;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item {
  position: relative;
  width: 7.760417vw;
  height: 25.260417vw;
  cursor: pointer;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active {
  width: 35.78125vw;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.25vw;
  padding: 1px;
  background: linear-gradient(233deg, rgba(246, 216, 241, 1) 0%, rgba(246, 216, 241, 1) 16%, rgba(177, 76, 204, 1) 61%, rgba(156, 59, 205, 1) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  z-index: 997;
  box-sizing: border-box;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.25vw;
  background: linear-gradient(180deg, rgba(250, 246, 254, 0) 0%, rgba(250, 244, 254, 1) 57.99999999999999%, rgba(250, 239, 255, 1) 100%);
  z-index: 996;
  box-sizing: border-box;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .txt {
  display: none;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active .txt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  padding: 3.125vw 1.770833vw 1.770833vw 17.34375vw;
  box-sizing: border-box;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .txt .txt-wrap .tit {
  font-size: 0.833333vw;
  font-weight: bold;
  line-height: 1.302083vw;
  color: #000;
  margin-bottom: 1.302083vw;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .txt .txt-wrap .list li {
  position: relative;
  font-size: 0.833333vw;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  padding-left: 0.78125vw;
  margin-bottom: 0.260417vw;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .txt .txt-wrap .list li::before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.760417vw;
  height: 100%;
  border-radius: 1.25vw;
  z-index: 999;
  box-sizing: border-box;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask {
  width: 15.833333vw;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-gold {
  background: linear-gradient(180deg, rgba(243, 226, 164, 1) 0%, rgba(237, 213, 131, 1) 33%, rgba(234, 184, 59, 1) 100%);
  background-size: auto;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-gold {
  background: url("../images/tech4good/bg_03_241206.png") no-repeat center 7.864583vw, linear-gradient(180deg, rgba(243, 226, 164, 1) 0%, rgba(237, 213, 131, 1) 33%, rgba(234, 184, 59, 1) 100%);
  background-size: 11.822917vw, 100%;
  box-shadow: 2px 0px 9.9px 0px rgba(166, 113, 4, 0.42);
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-silver {
  background: linear-gradient(168deg, rgba(151, 151, 151, 1) 0%, rgba(228, 228, 228, 1) 88%, rgba(228, 228, 228, 1) 100%);
  background-size: auto;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-silver {
  background: url("../images/tech4good/bg_03_241206.png") no-repeat center 7.864583vw, linear-gradient(168deg, rgba(151, 151, 151, 1) 0%, rgba(228, 228, 228, 1) 88%, rgba(228, 228, 228, 1) 100%);
  background-size: 11.822917vw, 100%;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-bronze {
  background: linear-gradient(348deg, rgba(255, 211, 157, 1) 0%, rgba(186, 119, 92, 1) 100%);
  background-size: auto;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-bronze {
  background: url("../images/tech4good/bg_03_241206.png") no-repeat center 7.864583vw, linear-gradient(348deg, rgba(255, 211, 157, 1) 0%, rgba(186, 119, 92, 1) 100%);
  background-size: 11.822917vw, 100%;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-pc {
  background: linear-gradient(346deg, rgba(227, 179, 177, 1) 0%, rgba(183, 137, 200, 1) 100%);
  background-size: auto;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-pc {
  background: url("../images/tech4good/bg_04_241206.png") no-repeat center 7.864583vw, linear-gradient(346deg, rgba(227, 179, 177, 1) 0%, rgba(183, 137, 200, 1) 100%);
  background-size: 11.822917vw, 100%;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item .mask p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.041667vw;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask p {
  width: 100%;
  top: 3.90625vw;
  transform: translate(-50%, 0);
  font-size: 1.666667vw;
}

@media (max-width:834px) {
  .t4g-page-container .page-section-04 .section-inner .items-box {
    flex-direction: column;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item {
    width: 89.821883vw;
    height: 36.132316vw;
    margin-bottom: 3.053435vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active {
    width: 89.821883vw;
    height: 92.712468vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item:nth-of-type(4).active {
    height: 81.712468vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .border {
    border-radius: 4.071247vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .inner {
    border-radius: 4.071247vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .txt {
    padding: 49.470738vw 5.089059vw 5.089059vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .txt .txt-wrap .tit {
    font-size: 2.798982vw;
    line-height: 1;
    margin-bottom: 3.307888vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .txt .txt-wrap .list li {
    font-size: 2.290076vw;
    font-weight: normal;
    padding-left: 2.38125vw;
    margin-bottom: 0.760417vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask {
    width: 100%;
    height: 36.132316vw;
    border-radius: 4.071247vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask {
    width: 100%;
    height: 45.435115vw;
    border-radius: 4.071247vw 4.071247vw 0 0;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-gold {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 11.450382vw, linear-gradient(0, rgba(234, 184, 59, 1) 0%, rgba(237, 213, 131, 1) 67%, rgba(243, 226, 164, 1) 100%);
    background-size: 18.447837vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-gold {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 10.722646vw, linear-gradient(0, rgba(234, 184, 59, 1) 0%, rgba(237, 213, 131, 1) 67%, rgba(243, 226, 164, 1) 100%);
    background-size: 31.043257vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-silver {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 11.450382vw, linear-gradient(197deg, rgba(151, 151, 151, 1) 0%, rgba(228, 228, 228, 1) 88%, rgba(228, 228, 228, 1) 100%);
    background-size: 18.447837vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-silver {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 10.722646vw, linear-gradient(197deg, rgba(151, 151, 151, 1) 0%, rgba(228, 228, 228, 1) 88%, rgba(228, 228, 228, 1) 100%);
    background-size: 31.043257vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-bronze {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 11.450382vw, linear-gradient(17deg, rgba(255, 211, 157, 1) 0%, rgba(186, 119, 92, 1) 100%);
    background-size: 18.447837vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-bronze {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 10.722646vw, linear-gradient(17deg, rgba(255, 211, 157, 1) 0%, rgba(186, 119, 92, 1) 100%);
    background-size: 31.043257vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-pc {
    background: url("../images/tech4good/bg_04_241206.png") no-repeat center 11.450382vw, linear-gradient(19deg, rgba(227, 179, 177, 1) 0%, rgba(183, 137, 200, 1) 100%);
    background-size: 18.447837vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-pc {
    background: url("../images/tech4good/bg_04_241206.png") no-repeat center 10.722646vw, linear-gradient(19deg, rgba(227, 179, 177, 1) 0%, rgba(183, 137, 200, 1) 100%);
    background-size: 31.043257vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask p {
    top: 4.834606vw;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 3.562341vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask p {
    top: 3.743003vw;
    font-size: 5.089059vw;
  }
}

@media (max-width:640px) {
  .t4g-page-container .page-section-04 .section-inner .items-box .item {
    width: 87.2vw;
    height: 38vw;
    margin-bottom: 3.066667vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active {
    width: 87.2vw;
    height: 130.133333vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item:nth-of-type(4).active {
    height: 107.712468vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .border {
    border-radius: 4.266667vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .inner {
    border-radius: 4.266667vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .txt {
    padding: 53.8vw 6vw 6vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .txt .txt-wrap .tit {
    font-size: 3.733333vw;
    margin-bottom: 3.307888vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .txt .txt-wrap .list li {
    font-size: 3.733333vw;
    padding-left: 3.38125vw;
    margin-bottom: 0.760417vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask {
    height: 38vw;
    border-radius: 4.266667vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask {
    height: 47.333333vw;
    border-radius: 4.266667vw 4.266667vw 0 0;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-gold {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 12vw, linear-gradient(0, rgba(234, 184, 59, 1) 0%, rgba(237, 213, 131, 1) 67%, rgba(243, 226, 164, 1) 100%);
    background-size: 19.333333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-gold {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 11.633333vw, linear-gradient(0, rgba(234, 184, 59, 1) 0%, rgba(237, 213, 131, 1) 67%, rgba(243, 226, 164, 1) 100%);
    background-size: 32.533333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-silver {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 12vw, linear-gradient(197deg, rgba(151, 151, 151, 1) 0%, rgba(228, 228, 228, 1) 88%, rgba(228, 228, 228, 1) 100%);
    background-size: 19.333333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-silver {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 11.633333vw, linear-gradient(197deg, rgba(151, 151, 151, 1) 0%, rgba(228, 228, 228, 1) 88%, rgba(228, 228, 228, 1) 100%);
    background-size: 32.533333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-bronze {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 12vw, linear-gradient(17deg, rgba(255, 211, 157, 1) 0%, rgba(186, 119, 92, 1) 100%);
    background-size: 19.333333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-bronze {
    background: url("../images/tech4good/bg_03_241206.png") no-repeat center 11.633333vw, linear-gradient(17deg, rgba(255, 211, 157, 1) 0%, rgba(186, 119, 92, 1) 100%);
    background-size: 32.533333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask.mask-pc {
    background: url("../images/tech4good/bg_04_241206.png") no-repeat center 12vw, linear-gradient(19deg, rgba(227, 179, 177, 1) 0%, rgba(183, 137, 200, 1) 100%);
    background-size: 19.333333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask.mask-pc {
    background: url("../images/tech4good/bg_04_241206.png") no-repeat center 11.633333vw, linear-gradient(19deg, rgba(227, 179, 177, 1) 0%, rgba(183, 137, 200, 1) 100%);
    background-size: 32.533333vw, 100%;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item .mask p {
    top: 5.066667vw;
    font-size: 3.733333vw;
  }

  .t4g-page-container .page-section-04 .section-inner .items-box .item.active .mask p {
    top: 4.666667vw;
    font-size: 5.333333vw;
  }
}

.t4g-page-container .page-section-05 .section-inner .controllers-box {
  display: flex;
  padding: 0 1.5625vw;
  margin-bottom: 2.083333vw;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller {
  width: 9.375vw;
  height: 3.75vw;
  border-radius: 9.21875vw;
  margin: 0 1.25vw;
  cursor: pointer;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller:nth-of-type(1) {
  background: url("../images/tech4good/icon_13_250106.png") no-repeat center, #F9F5FD;
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller.active:nth-of-type(1) {
  background: url("../images/tech4good/icon_13_250106_on.png") no-repeat center, linear-gradient(141deg, #892ECF 0%, rgba(196, 21, 170, 0.5475) 100%);
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller:nth-of-type(2) {
  background: url("../images/tech4good/icon_14_250106.png") no-repeat center, #F9F5FD;
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller.active:nth-of-type(2) {
  background: url("../images/tech4good/icon_14_250106_on.png") no-repeat center, linear-gradient(141deg, #892ECF 0%, rgba(196, 21, 170, 0.5475) 100%);
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller:nth-of-type(3) {
  background: url("../images/tech4good/icon_15_250106.png") no-repeat center, #F9F5FD;
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller.active:nth-of-type(3) {
  background: url("../images/tech4good/icon_15_250106_on.png") no-repeat center, linear-gradient(141deg, #892ECF 0%, rgba(196, 21, 170, 0.5475) 100%);
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller:nth-of-type(4) {
  background: url("../images/tech4good/icon_16_250106.png") no-repeat center, #F9F5FD;
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller.active:nth-of-type(4) {
  background: url("../images/tech4good/icon_16_250106_on.png") no-repeat center, linear-gradient(141deg, #892ECF 0%, rgba(196, 21, 170, 0.5475) 100%);
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller:nth-of-type(5) {
  background: url("../images/tech4good/icon_17_250106.png") no-repeat center, #F9F5FD;
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .controllers-box .controller.active:nth-of-type(5) {
  background: url("../images/tech4good/icon_17_250106_on.png") no-repeat center, linear-gradient(141deg, #892ECF 0%, rgba(196, 21, 170, 0.5475) 100%);
  background-size: 3.333333vw, 100%;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap {
  position: relative;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box {
  position: relative;
  width: 100%;
  height: 11.302083vw;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.666667vw;
  padding: 1px;
  background: linear-gradient(217deg, rgba(156.00000590085983, 59.00000028312206, 205.00000298023224, 1), rgba(177.0000046491623, 76.0000030696392, 204.00000303983688, 1), rgba(241.00000083446503, 200.00000327825546, 235.0000011920929, 1), rgba(177.0000046491623, 76.0000030696392, 204.00000303983688, 1), rgba(156.00000590085983, 59.00000028312206, 205.00000298023224, 1));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  z-index: 999;
  box-sizing: border-box;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.666667vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 244, 254, 1) 57.99999999999999%, rgba(250, 239, 255, 1) 100%);
  z-index: 998;
  box-sizing: border-box;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  box-sizing: border-box;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .content .content-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-top: 2.083333vw;
  box-sizing: border-box;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .img {
  display: none;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .tit {
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-align: center;
  padding: 0 6.666667vw;
  margin-bottom: 1.041667vw;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
  padding: 0 6.666667vw;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-prev-03 {
  display: none;
  left: 5.333333vw;
  transform: translateY(-50%);
  width: 1.197917vw;
  height: 1.197917vw;
  background: url("../images/tech4good/icon_01_241206.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-next-03 {
  display: none;
  right: 5.333333vw;
  transform: translateY(-50%);
  width: 1.197917vw;
  height: 1.197917vw;
  background: url("../images/tech4good/icon_02_241206.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}

.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-prev-03::after,
.t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-next-03::after {
  content: none;
}

@media (max-width:834px) {
  .t4g-page-container .page-section-05 .section-inner .controllers-box {
    display: none;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box {
    height: auto;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .border {
    display: none;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .inner {
    display: none;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .content {
    position: relative;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .content-box .content .content-wrap {
    padding-top: 0;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .img {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 2.666667vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .img img {
    width: 20.333333vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .tit {
    font-size: 2.944529vw;
    padding: 0;
    margin-bottom: 2.852417vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .txt {
    font-size: 2.290076vw;
    padding: 0;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-prev-03 {
    display: block;
    top: 11.333333vw;
    left: 5.333333vw;
    transform: translateY(-50%);
    width: 4.071247vw;
    height: 4.071247vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-next-03 {
    display: block;
    top: 11.333333vw;
    right: 5.333333vw;
    transform: translateY(-50%);
    width: 4.071247vw;
    height: 4.071247vw;
  }
}

@media (max-width:640px) {
  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .img {
    margin-bottom: 2.666667vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .img img {
    width: 29.333333vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .tit {
    font-size: 4.071247vw;
    margin-bottom: 2.852417vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-slide .txt {
    font-size: 3.562341vw;
    padding: 0;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-prev-03 {
    top: 15.333333vw;
    left: 5.333333vw;
    transform: translateY(-50%);
    width: 5.866667vw;
    height: 5.866667vw;
  }

  .t4g-page-container .page-section-05 .section-inner .swiper-03-wrap .swiper-button-next-03 {
    top: 15.333333vw;
    right: 5.333333vw;
    transform: translateY(-50%);
    width: 5.866667vw;
    height: 5.866667vw;
  }
}

.t4g-page-container .page-section-06 .section-inner .txt-box {
  font-size: 0.833333vw;
  line-height: 1.5;
  margin-bottom: 2.604167vw;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap {
  position: relative;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .tit-box {
  font-size: 1.25vw;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2.083333vw;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box {
  position: relative;
  display: flex;
  width: 100%;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item {
  position: relative;
  width: 33.333333%;
  padding: 0.677083vw 2.90625vw 0.364583vw 1.5625vw;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, rgba(224, 93, 177, 0) 0%, #E05DB1 19%, #9949DF 89%, rgba(153, 73, 223, 0) 100%);
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .img {
  width: 2.083333vw;
  margin-bottom: 0.833333vw;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .tit {
  font-size: 0.9375vw;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.416667vw;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-prev-04 {
  top: 0.25vw;
  left: 20vw;
  width: 1.458333vw;
  height: 1.458333vw;
  background: url("../images/tech4good/icon_01_241206.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-next-04 {
  top: 0.25vw;
  right: 20vw;
  width: 1.458333vw;
  height: 1.458333vw;
  background: url("../images/tech4good/icon_02_241206.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}

.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-prev-04::after,
.t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-next-04::after {
  content: none;
}

@media (max-width:834px) {
  .t4g-page-container .page-section-06 .section-inner .txt-box {
    font-size: 2.290076vw;
    margin-bottom: 5.089059vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .tit-box {
    font-size: 2.944529vw;
    margin-bottom: 6.10687vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item {
    padding: 2.544529vw 3vw;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .img {
    width: 7.083333vw;
    margin-bottom: 2.562341vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .tit {
    font-size: 2.290076vw;
    margin-bottom: 2.562341vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .txt {
    font-size: 2.290076vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-prev-04 {
    top: 0;
    left: 15.75vw;
    width: 4.071247vw;
    height: 4.071247vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-next-04 {
    top: 0;
    right: 15.75vw;
    width: 4.071247vw;
    height: 4.071247vw;
  }
}

@media (max-width:640px) {
  .t4g-page-container .page-section-06 .section-inner .txt-box {
    font-size: 3.733333vw;
    margin-bottom: 5.866667vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .tit-box {
    font-size: 3.733333vw;
    margin-bottom: 5.733333vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box {
    flex-direction: column;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item {
    width: 76.533333vw;
    padding: 0 4vw;
    margin-bottom: 5.333333vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item::after {
    height: 95%;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .img {
    width: 10.666667vw;
    margin-bottom: 2.533333vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .tit {
    font-size: 3.733333vw;
    line-height: 1;
    margin-bottom: 1.066667vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-slide .content-box .content-item .txt {
    font-size: 3.733333vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-prev-04 {
    top: 0;
    left: 20.75vw;
    width: 5.866667vw;
    height: 5.866667vw;
  }

  .t4g-page-container .page-section-06 .section-inner .swiper-04-wrap .swiper-button-next-04 {
    top: 0;
    right: 20.75vw;
    width: 5.866667vw;
    height: 5.866667vw;
  }
}

.t4g-page-container .page-section-07 .section-inner .content-box {
  display: flex;
  justify-content: space-between;
}

.t4g-page-container .page-section-07 .section-inner .content-box .items-box {
  width: 20.833333vw;
}

.t4g-page-container .page-section-07 .section-inner .content-box .items-box .item {
  position: relative;
  font-size: 1.041667vw;
  line-height: 1.5;
  text-align: center;
  padding: 1.354167vw 0 1.25vw;
  cursor: pointer;
}

.t4g-page-container .page-section-07 .section-inner .content-box .items-box .item.active {
  font-weight: bold;
}

.t4g-page-container .page-section-07 .section-inner .content-box .items-box .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(182, 182, 182, 0) 0%, #B6B6B6 16%, #B6B6B6 80%, rgba(182, 182, 182, 0) 100%);
}

.t4g-page-container .page-section-07 .section-inner .content-box .items-box .item.active::before {
  background: linear-gradient(90deg, rgba(137, 46, 207, 0) 0%, #892ECF 27%, #C415AA 80%, rgba(196, 21, 170, 0) 100%);
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap {
  position: relative;
  width: 38.333333vw;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box {
  position: relative;
  width: 100%;
  height: 15.416667vw;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.666667vw;
  padding: 1px;
  background: linear-gradient(217deg, rgba(156.00000590085983, 59.00000028312206, 205.00000298023224, 1), rgba(177.0000046491623, 76.0000030696392, 204.00000303983688, 1), rgba(241.00000083446503, 200.00000327825546, 235.0000011920929, 1), rgba(177.0000046491623, 76.0000030696392, 204.00000303983688, 1), rgba(156.00000590085983, 59.00000028312206, 205.00000298023224, 1));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  z-index: 997;
  box-sizing: border-box;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.666667vw;
  background: #fff;
  z-index: 996;
  box-sizing: border-box;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  padding: 3.541667vw 4.166667vw 0;
  box-sizing: border-box;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .tit {
  position: relative;
  display: none;
  font-size: 0.833333vw;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding-bottom: 1.25vw;
  margin-bottom: 1.5625vw;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .tit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 7.291667vw;
  height: 0.104167vw;
  background: linear-gradient(90deg, rgba(137, 46, 207, 0) 0%, #892ECF 27%, #C415AA 80%, rgba(196, 21, 170, 0) 100%);
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .img {
  width: 12.083333vw;
  margin-bottom: 1.458333vw;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
  text-align: center;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 {
  display: none;
  bottom: 0;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.604167vw;
  height: 2.604167vw;
  background: rgba(232, 232, 232, 1);
  margin: 0 0.46875vw;
  opacity: 1;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05.swiper-pagination-bullet-active {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3.229167vw;
  height: 3.229167vw;
  background: linear-gradient(141deg, rgba(137, 46, 207, 1) 0%, rgba(196, 21, 170, 0.55) 100%);
  opacity: 1;
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05 p {
  font-size: 1.041667vw;
  font-weight: bold;
  color: rgba(137, 46, 207, 1);
}

.t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05.swiper-pagination-bullet-active p {
  font-size: 1.458333vw;
  color: #fff;
  font-weight: bold;
}

@media (max-width:834px) {
  .t4g-page-container .page-section-07 .section-inner .content-box .items-box {
    display: none;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap {
    width: 100%;
    padding-bottom: 11vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box {
    width: 100%;
    height: 44.132316vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .border {
    border-radius: 4.071247vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .inner {
    border-radius: 4.071247vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .content {
    padding: 5.541667vw 7.166667vw 0;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .tit {
    display: block;
    font-size: 2.944529vw;
    padding-bottom: 3.053435vw;
    margin-bottom: 2.035623vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .tit::after {
    width: 35.811705vw;
    height: 0.254453vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .img {
    width: 39.445293vw;
    margin-bottom: 1.798982vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .txt {
    font-size: 2.290076vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 {
    display: block;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05 {
    width: 5.597964vw;
    height: 5.597964vw;
    margin: 0 0.954198vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05.swiper-pagination-bullet-active {
    width: 6.870229vw;
    height: 6.870229vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05 p {
    font-size: 2.216285vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05.swiper-pagination-bullet-active p {
    font-size: 3.103053vw;
  }
}

@media (max-width:640px) {
  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap {
    padding-bottom: 15.818667vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box {
    height: 60.8vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .border {
    border-radius: 4.266667vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .inner {
    border-radius: 4.266667vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .box .content {
    padding: 5.2vw 3.866667vw 0;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .tit {
    font-size: 3.733333vw;
    line-height: 6.666667vw;
    padding-bottom: 4vw;
    margin-bottom: 1.466667vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .tit::after {
    width: 48.133333vw;
    height: 0.533333vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .img {
    width: 42.666667vw;
    margin-bottom: 0.4vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-slide .txt {
    font-size: 3.733333vw;
    line-height: 5.6vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05 {
    width: 8.266667vw;
    height: 8.266667vw;
    margin: 0 1.4vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05.swiper-pagination-bullet-active {
    width: 10.4vw;
    height: 10.4vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05 p {
    font-size: 4.266667vw;
  }

  .t4g-page-container .page-section-07 .section-inner .swiper-05-wrap .swiper-pagination-05 .swiper-pagination-bullet-05.swiper-pagination-bullet-active p {
    font-size: 5.333333vw;
  }
}


.t4g-page-container .popup-video-box {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50vw;
  height: 28.125vw;
  z-index: 9998;
}

.t4g-page-container .popup-video-box .popup-video-close {
  position: absolute;
  top: -1vw;
  right: -1vw;
  width: 2vw;
  cursor: pointer;
  z-index: 9999;
}

.t4g-page-container .popup-video-bg {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.6;
  z-index: 9997;
}

@media (max-width:1194px) {
  .t4g-page-container .popup-video-box {
    width: 80vw;
    height: 45vw;
  }

  .t4g-page-container .popup-video-box .popup-video-close {
    top: -1.5vw;
    right: -1.5vw;
    width: 3vw;
  }
}

@media (max-width:640px) {
  .t4g-page-container .popup-video-box {
    width: 87vw;
    height: 48.9375vw;
  }

  .t4g-page-container .popup-video-box .popup-video-close {
    top: -2.5vw;
    right: -2.5vw;
    width: 5vw;
  }
}