.community-page-container {
  position: relative;
  color: #000;
  background: url("../images/community/bg_01_web_250326.png") no-repeat -6.614583vw 40.677083vw, url("../images/community/bg_02_web_250326.png") no-repeat 90.208333vw 72.604167vw, url("../images/community/bg_03_web_250326.png") no-repeat -12.8125vw 81.71875vw, url("../images/community/bg_04_web_250326.png") no-repeat 82.135417vw 126.71875vw, url("../images/community/bg_05_web_250326.png") no-repeat -7.8125vw 148.28125vw, url("../images/community/bg_06_web_250326.png") no-repeat 86.927083vw 166.135417vw;
  background-size: 15.121875vw, 17.638542vw, 27.376042vw, 15.438021vw, 15.894271vw, 20.019792vw;
}

.community-page-container img {
  display: flex;
  width: 100%;
}

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

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

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

.community-page-container .mob-hide {
  display: block;
}

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

.community-page-container .txt-center {
  text-align: center;
}

@media (max-width:834px) {
  .community-page-container {
    background: url("../images/community/bg_01_mob_250326.png") no-repeat 80.279898vw 102.290076vw, url("../images/community/bg_02_mob_250326.png") no-repeat -16.974555vw 121.755725vw, url("../images/community/bg_03_mob_250326.png") no-repeat 76.463104vw 241.496183vw, url("../images/community/bg_04_mob_250326.png") no-repeat -18.264631vw 280.989822vw, url("../images/community/bg_05_mob_250326.png") no-repeat 77.791349vw 489.46056vw, url("../images/community/bg_06_mob_250326.png") no-repeat -14.193384vw 527.463104vw;
    background-size: 42.328244vw, 35.894402vw, 38.922392vw, 41.830789vw, 42.318066vw, 40.834606vw;
  }

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

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

@media (max-width:640px) {
  .community-page-container {
    background: url("../images/community/bg_01_mob_250326.png") no-repeat 80.279898vw 130.290076vw, url("../images/community/bg_02_mob_250326.png") no-repeat -18.974555vw 154.755725vw, url("../images/community/bg_03_mob_250326.png") no-repeat 73.463104vw 300.496183vw, url("../images/community/bg_04_mob_250326.png") no-repeat -26.264631vw 386.989822vw, url("../images/community/bg_05_mob_250326.png") no-repeat 71.791349vw 668.46056vw, url("../images/community/bg_06_mob_250326.png") no-repeat -22.193384vw 726.463104vw;
    background-size: 43.328244vw, 41.894402vw, 45.922392vw, 52.830789vw, 49.318066vw, 47.834606vw;
  }

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

  .community-page-container .mob-hide {
    display: none;
  }
}

.community-page-container .page-banner {
  position: relative;
  margin-bottom: 2.604167vw;
}

.community-page-container .page-banner h2 {
  position: absolute;
  top: 3.28125vw;
  left: 18.854167vw;
  font-size: 2.083333vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
}

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

  .community-page-container .page-banner h2 {
    top: 6.361323vw;
    left: 6.361323vw;
    width: 60%;
    font-size: 5.597964vw;
    line-height: 6.743003vw;
  }
}

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

  .community-page-container .page-banner h2 {
    top: 3.2vw;
    left: 6.666667vw;
    font-size: 5.333333vw;
    line-height: 8vw;
  }
}

.community-page-container .page-section {
  margin: 0;
}

.community-page-container .page-section .section-inner {
  width: 62.5vw;
  margin: 0 auto 2.604167vw;
}

.community-page-container .page-section .section-inner h3 {
  font-size: 1.666667vw;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.625vw;
}

.community-page-container .page-section .section-inner h4 {
  display: inline-flex;
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background: #FF8368;
  border-radius: 0 2.604167vw 2.604167vw 0;
  padding: 0.46875vw 1.5625vw 0.46875vw 0.9375vw;
  margin-bottom: 2.604167vw;
}

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

  .community-page-container .page-section .section-inner h3 {
    font-size: 4.071247vw;
    margin-bottom: 5.089059vw;
  }

  .community-page-container .page-section .section-inner h4 {
    font-size: 2.544529vw;
    border-radius: 0 6.361323vw 6.361323vw 0;
    padding: 1.145038vw 3.816794vw 1.145038vw 2.290076vw;
    margin-bottom: 5.089059vw;
  }
}

@media (max-width:640px) {
  .community-page-container .page-section .section-inner {
    width: 86.666667vw;
    margin: 0 auto 4.266667vw;
  }

  .community-page-container .page-section .section-inner h3 {
    font-size: 5.333333vw;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .page-section .section-inner h4 {
    font-size: 3.733333vw;
    border-radius: 0 13.333333vw 13.333333vw 0;
    padding: 1.066667vw 5.6vw 1.066667vw 2.666667vw;
    margin-bottom: 4.266667vw;
  }
}

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

.community-page-container .section-01 .section-inner .tit {
  font-size: 1.770833vw;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.625vw;
}

.community-page-container .section-01 .section-inner .tit span {
  font-weight: bold;
  color: #569376;
  margin-left: 0.520833vw;
}

.community-page-container .section-01 .section-inner ul {
  display: flex;
  justify-content: center;
}

.community-page-container .section-01 .section-inner ul li {
  position: relative;
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 1.09375vw;
  margin-right: 1.458333vw;
}

.community-page-container .section-01 .section-inner ul li:last-of-type {
  margin-right: 0;
}

.community-page-container .section-01 .section-inner ul li::before {
  content: "";
  position: absolute;
  top: 51%;
  left: 0;
  transform: translateY(-50%);
  width: 0.677083vw;
  height: 0.677083vw;
  background: #FF8368;
  border-radius: 50%;
}

@media (max-width:834px) {
  .community-page-container .section-01 .section-inner .txt {
    font-size: 2.135623vw;
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-01 .section-inner .tit {
    width: 50%;
    font-size: 4.071247vw;
    margin: 0 auto 3.053435vw;
  }

  .community-page-container .section-01 .section-inner .tit span {
    margin-left: 0;
  }

  .community-page-container .section-01 .section-inner ul li {
    font-size: 2.035623vw;
    padding-left: 2.671756vw;
    margin-right: 3.562341vw;
  }

  .community-page-container .section-01 .section-inner ul li::before {
    width: 1.653944vw;
    height: 1.653944vw;
  }
}

@media (max-width:640px) {
  .community-page-container .section-01 .section-inner .txt {
    font-size: 3.733333vw;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-01 .section-inner .tit {
    width: 70%;
    font-size: 5.333333vw;
    margin: 0 auto 4.266667vw;
  }

  .community-page-container .section-01 .section-inner ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 5.333333vw;
  }

  .community-page-container .section-01 .section-inner ul li {
    font-size: 3.733333vw;
    padding-left: 5.6vw;
    margin-right: 0;
    margin-bottom: 3.2vw;
    box-sizing: border-box;
  }

  .community-page-container .section-01 .section-inner ul li:nth-child(even) {
    width: 40%;
  }

  .community-page-container .section-01 .section-inner ul li:nth-child(odd) {
    width: 60%;
  }

  .community-page-container .section-01 .section-inner ul li::before {
    width: 3.466667vw;
    height: 3.466667vw;
  }
}

.community-page-container .section-02 .section-inner .content-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.community-page-container .section-02 .section-inner .content-box .txt-box {
  position: relative;
  width: 24.21875vw;
  padding: 2.604167vw 0;
}

.community-page-container .section-02 .section-inner .content-box .txt-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12.5vw;
  height: 0.208333vw;
  background: url("../images/community/bg_07_250409.png") no-repeat;
  background-size: 100% 100%;
}

.community-page-container .section-02 .section-inner .content-box .txt-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 18.75vw;
  height: 0.208333vw;
  background: url("../images/community/bg_08_250409.png") no-repeat;
  background-size: 100% 100%;
}

.community-page-container .section-02 .section-inner .content-box .txt-box .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
}

.community-page-container .section-02 .section-inner .content-box .section-video-box {
  width: 34.114583vw;
  border-radius: 2.083333vw;
  overflow: hidden;
}

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

  .community-page-container .section-02 .section-inner .content-box .txt-box {
    width: 100%;
    padding: 0;
  }

  .community-page-container .section-02 .section-inner .content-box .txt-box::before {
    display: none;
  }

  .community-page-container .section-02 .section-inner .content-box .txt-box::after {
    display: none;
  }

  .community-page-container .section-02 .section-inner .content-box .txt-box .txt {
    font-size: 2.035623vw;
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-02 .section-inner .content-box .section-video-box {
    width: 100%;
    border-radius: 5.089059vw;
  }
}

@media (max-width:640px) {
  .community-page-container .section-02 .section-inner .content-box .txt-box .txt {
    font-size: 3.733333vw;
    margin-bottom: 3.2vw;
  }

  .community-page-container .section-02 .section-inner .content-box .section-video-box {
    border-radius: 4vw;
  }
}

.community-page-container .section-03 .section-inner .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
}

@media (max-width:834px) {
  .community-page-container .section-03 .section-inner .txt {
    font-size: 2.035623vw;
  }
}

@media (max-width:640px) {
  .community-page-container .section-03 .section-inner .txt {
    font-size: 3.733333vw;
  }
}

.community-page-container .section-04 .section-inner .tab-box {
  position: relative;
  margin-bottom: 2.604167vw;
}

.community-page-container .section-04 .section-inner .tab-box .tab-controllers {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25vw;
}

.community-page-container .section-04 .section-inner .tab-box:first-of-type .tab-controllers {
  display: none;
  padding: 0 5.78125vw;
}

.community-page-container .section-04 .section-inner .tab-box .tab-controllers li {
  flex: 1 1 auto;
  font-size: 1.666667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #ABABAB;
  text-align: center;
  border-right: 2px solid #FF8368;
  box-sizing: border-box;
  cursor: pointer;
}

.community-page-container .section-04 .section-inner .tab-box .tab-controllers li:last-of-type {
  border-right: none;
}

.community-page-container .section-04 .section-inner .tab-box .tab-controllers li.active {
  color: #569376;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content-box {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.104167vw;
  height: 95%;
  background: linear-gradient(180deg, rgba(255, 131.00000739097595, 104.00000140070915, 0.20000000298023224), rgba(255, 131.00000739097595, 104.00000140070915, 1), rgba(255, 131.00000739097595, 104.00000140070915, 0.20000000298023224));
}

.community-page-container .section-04 .section-inner .tab-box .tab-content-box .tab-content {
  width: 28.645833vw;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content-box .tab-content .tit-box {
  position: relative;
  font-size: 1.666667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #569376;
  text-align: center;
  padding-bottom: 0.625vw;
  margin-bottom: 1.25vw;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content-box .tab-content .tit-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5.416667vw;
  height: 0.208333vw;
  background: linear-gradient(90deg, rgba(86, 147, 118, 0.1) 0%, #569376 50%, rgba(86, 147, 118, 0.1) 100%);
}

.community-page-container .section-04 .section-inner .tab-box .tab-content {
  display: none;
  font-size: 0.833333vw;
  line-height: 1.5;
}

.community-page-container .section-04 .section-inner .tab-box:first-of-type .tab-content {
  display: block;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content:first-of-type {
  display: block;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box {
  position: relative;
  background: rgba(166, 203, 177, 0.1);
  border: 1px solid #A6CBB1;
  border-radius: 1.041667vw;
  padding: 1.666667vw;
  box-sizing: border-box;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper {
  /* gap: 1.25vw; */
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide {
  position: relative;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .name {
  position: absolute;
  top: 0.7vw;
  left: 0.833333vw;
  width: 7.291667vw;
  font-size: 0.833333vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .name.s {
  font-size: 0.733333vw;
  line-height: 1.25;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0.625vw;
  right: 0.833333vw;
  width: 9.166667vw;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country p {
  position: relative;
  font-size: 0.75vw;
  font-weight: bold;
  line-height: 1.5;
  color: #569376;
  background: #fff;
  border-radius: 3.125vw;
  padding: 0.104167vw 0.416667vw 0.104167vw 1.458333vw;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country p::before {
  content: "";
  position: absolute;
  top: 0.25vw;
  left: 0.416667vw;
  width: 0.833333vw;
  height: 0.833333vw;
  background: url("../images/community/icon_02_250326.png") no-repeat;
  background-size: 100% 100%;
}

.community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .link {
  position: absolute;
  top: 0.833333vw;
  right: 0.833333vw;
  width: 1.25vw;
  cursor: pointer;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0.833333vw;
  left: 50%;
  transform: translate(-50%, 0) scale(0);
  width: 48.333333vw;
  height: 26.666667vw;
  background: url("../images/community/bg_09_250506.png") no-repeat -1.666667vw -4.895833vw, url("../images/community/bg_10_250506.png") no-repeat 42.864583vw 3.489583vw, url("../images/community/bg_11_250506.png") no-repeat -5.2vw 9.375vw, url("../images/community/bg_12_250506.png") no-repeat -7.927083vw 15.1vw, url("../images/community/bg_13_250506.png") no-repeat 41.875vw 21.5625vw, url("../images/community/bg_14_web_250506.jpg") no-repeat center top;
  background-size: 16.666667vw, 10.992188vw, 10.605729vw, 17.769792vw, 10.959896vw, cover;
  border-radius: 1.354167vw;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 3.125vw;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 9;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box.show {
  animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box.show.out {
  animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .popup-inner-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box {
  width: 18.4375vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .name {
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.416667vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .title {
  font-size: 0.833333vw;
  line-height: 1.5;
  margin-bottom: 1.25vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .country {
  display: inline-flex;
  position: relative;
  font-size: 0.729167vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background: #569376;
  border-radius: 3.125vw;
  padding: 0.15625vw 0.625vw 0.15625vw 1.25vw;
  margin-bottom: 1.666667vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .country::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.416667vw;
  transform: translateY(-50%);
  width: 0.729167vw;
  height: 0.729167vw;
  background: url("../images/community/icon_06_250506.png") no-repeat;
  background-size: 100% 100%;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .testimonial {
  font-size: 0.833333vw;
  line-height: 1.5;
  color: #666;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .img-box {
  position: absolute;
  top: 2.604167vw;
  right: 0;
  width: 19.375vw;
  z-index: 10;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .img-box .mob-testimonial {
  display: none;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item {
  position: absolute;
  font-size: 0.833333vw;
  line-height: 1.5;
  color: #569376;
  text-align: center;
  background: #E5F0E8;
  border-radius: 5.208333vw;
  padding: 0.520833vw 1.041667vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(1) {
  top: 7.291667vw;
  left: 25.864583vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(2) {
  top: 12.916667vw;
  left: 23.125vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(3) {
  top: 18.541667vw;
  left: 25.864583vw;
}

.community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .close-box {
  position: absolute;
  top: 1.5625vw;
  right: 1.041667vw;
  width: 1.666667vw;
  cursor: pointer;
  z-index: 12;
}

.community-page-container .section-04 .section-inner .tab-box .popup-ambassador-bg {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
}

.community-page-container .section-04 .section-inner .tit {
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1.25vw;
}

.community-page-container .section-04 .section-inner .txt {
  font-size: 0.833333vw;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1.25vw;
}

.community-page-container .section-04 .section-inner .content-box {
  margin-bottom: 2.604167vw;
}

.community-page-container .section-04 .section-inner .content-box .tit-box {
  display: flex;
  background: rgba(166, 203, 177, 0.25);
  border-radius: 0.625vw;
}

.community-page-container .section-04 .section-inner .content-box .tit-box:has(li.active) {
  border-radius: 0.625vw 0.625vw 0 0;
}

.community-page-container .section-04 .section-inner .content-box .tit-box li {
  display: flex;
  justify-content: center;
  width: 50%;
  padding: 0.833333vw 0;
  box-sizing: border-box;
  cursor: pointer;
}

.community-page-container .section-04 .section-inner .content-box .tit-box li.active {
  border-bottom: 0.208333vw solid #569376;
}

.community-page-container .section-04 .section-inner .content-box .tit-box li p {
  position: relative;
  font-size: 1.666667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #569376;
  padding-right: 2.1875vw;
}

.community-page-container .section-04 .section-inner .content-box .tit-box li p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.5625vw;
  height: 1.5625vw;
  background: url("../images/community/icon_07_250506.png") no-repeat;
  background-size: 100% 100%;
}

.community-page-container .section-04 .section-inner .content-box .tit-box li.active p::after {
  transform: translateY(-50%) rotate(90deg);
}

.community-page-container .section-04 .section-inner .content-box .txt-box {
  display: none;
  font-size: 0.833333vw;
  line-height: 1.5;
  background: rgba(166, 203, 177, 0.1);
  border-radius: 0 0 0.625vw 0.625vw;
  padding: 1.666667vw;
}

@media (max-width:834px) {
  .community-page-container .section-04 .section-inner {
    margin: 0 auto 9.923664vw;
  }

  .community-page-container .section-04 .section-inner .tab-box {
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-controllers {
    padding: 0 24.554707vw;
    margin-bottom: 3.053435vw;
  }

  .community-page-container .section-04 .section-inner .tab-box:first-of-type .tab-controllers {
    display: flex;
    padding: 0 11.704835vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-controllers li {
    font-size: 2.544529vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content-box {
    display: block;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content-box::after {
    display: none;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content-box .tab-content {
    width: 100%;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content-box .tab-content .tit-box {
    display: none;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content {
    font-size: 2.035623vw;
    text-align: left;
  }

  .community-page-container .section-04 .section-inner .tab-box:first-of-type .tab-content {
    display: none;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content:first-of-type {
    display: block;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box {
    border-radius: 3.180662vw;
    padding: 2.544529vw;
    margin-bottom: 4.834606vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .name {
    top: 2.035623vw;
    left: 2.035623vw;
    width: 17.811705vw;
    font-size: 2.035623vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .name.s {
    font-size: 2.035623vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country {
    bottom: 1.526718vw;
    right: 2.035623vw;
    width: 22.391858vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country p {
    font-size: 1.8vw;
    border-radius: 7.633588vw;
    padding: 0.254453vw 1.017812vw 0.254453vw 3.307888vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country p::before {
    top: 0.763359vw;
    left: 0.763359vw;
    width: 2.035623vw;
    height: 2.035623vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .link {
    top: 2.035623vw;
    right: 2.035623vw;
    width: 3.053435vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-pagination-bullets {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -4.834606vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1.78117vw;
    height: 1.78117vw;
    background: #ABABAB;
    opacity: 1;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FF8368;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box {
    bottom: 2.544529vw;
    width: 84.732824vw;
    height: 61.068702vw;
    background: none;
    border-radius: 3.307888vw;
    padding: 0;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .popup-inner-box {
    flex-direction: column;
    height: auto;
    background: url("../images/community/bg_14_pad_250506.png") no-repeat center top;
    background-size: cover;
    padding: 5.089059vw 0 0;
    box-sizing: border-box;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box {
    width: 100%;
    padding: 0 3.816794vw;
    box-sizing: border-box;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .name {
    font-size: 2.290076vw;
    margin-bottom: 1.017812vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .title {
    font-size: 2.035623vw;
    margin-bottom: 1.017812vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .country {
    font-size: 2.035623vw;
    border-radius: 7.633588vw;
    padding: 0.508906vw 1.017812vw 0.508906vw 3.307888vw;
    margin-bottom: 2.035623vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .country::before {
    left: 1.017812vw;
    width: 2.035623vw;
    height: 2.035623vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .testimonial {
    display: none;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box {
    position: relative;
    height: 41.348601vw;
    overflow-y: scroll;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box .mob-wrap-box {
    position: relative;
    height: 100%;
    background: url("../images/community/bg_11_250506.png") no-repeat -12.919847vw 9.277354vw, url("../images/community/bg_10_250506.png") no-repeat 70.737913vw 20.610687vw, url("../images/community/bg_12_250506.png") no-repeat -20.193384vw 27.886768vw, url("../images/community/bg_13_250506.png") no-repeat 67.175573vw 60.170483vw;
    background-size: 28.812977vw, 26.851145vw, 43.407125vw, 26.772265vw;
    padding: 0 1.908397vw 0 0;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box .mob-wrap-box .mob-box {
    position: relative;
    height: 95%;
    padding: 0 1.908397vw 0 3.816794vw;
    overflow-y: auto;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box .mob-wrap-box .mob-box::-webkit-scrollbar {
    position: absolute;
    width: 1px;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box .mob-wrap-box .mob-box::-webkit-scrollbar-thumb {
    background: rgba(153, 153, 153, 0.60);
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box .mob-wrap-box .mob-box::-webkit-scrollbar-track {
    background: rgba(153, 153, 153, 0.30);
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    z-index: 10;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .img-box .mob-testimonial {
    display: block;
    font-size: 2.035623vw;
    line-height: 1.5;
    color: #666;
    margin-bottom: 8.905852vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .img-box img {
    width: 52.16285vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item {
    font-size: 2.035623vw;
    border-radius: 25.445293vw;
    padding: 0.508906vw 1.526718vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(1) {
    top: 29.862595vw;
    left: 14.249364vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(2) {
    top: 21.974555vw;
    left: 31.043257vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(3) {
    top: 27.572519vw;
    left: 51.78117vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .close-box {
    top: 2.544529vw;
    right: 2.544529vw;
    width: 4.071247vw;
  }

  .community-page-container .section-04 .section-inner .tit {
    font-size: 4.071247vw;
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-04 .section-inner .txt {
    font-size: 2.035623vw;
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-04 .section-inner .content-box {
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box {
    border-radius: 1.526718vw;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box:has(li.active) {
    border-radius: 1.526718vw 1.526718vw 0 0;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li {
    padding: 2.035623vw 0;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li.active {
    border-bottom: 0.254453vw solid #569376;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li p {
    font-size: 2.544529vw;
    padding-right: 4.834606vw;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li p::after {
    width: 3.816794vw;
    height: 3.816794vw;
  }

  .community-page-container .section-04 .section-inner .content-box .txt-box {
    font-size: 2.035623vw;
    border-radius: 0 0 1.526718vw 1.526718vw;
    padding: 4.071247vw;
  }
}

@media (max-width:640px) {
  .community-page-container .section-04 .section-inner {
    margin: 0 auto 12vw;
  }

  .community-page-container .section-04 .section-inner .tab-box {
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-controllers {
    padding: 0;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-04 .section-inner .tab-box:first-of-type .tab-controllers {
    padding: 0;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-controllers li {
    font-size: 5.333333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content {
    font-size: 3.733333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box {
    border-radius: 6.666667vw;
    padding: 4.266667vw 4vw;
    margin-bottom: 7.733333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .name {
    top: 2.3vw;
    left: 2.666667vw;
    width: 24vw;
    font-size: 3.3vw;
    line-height: 1.25;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .name.s {
    font-size: 3vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country {
    bottom: 2.133333vw;
    right: 2.666667vw;
    width: 32vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country p {
    height: 5.6vw;
    font-size: 3.733333vw;
    border-radius: 16vw;
    padding: 0 1.6vw 0 4.533333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country p.s {
    display: flex;
    align-items: center;
    font-size: 2.5vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .country p::before {
    top: 1vw;
    left: 0.8vw;
    width: 3.733333vw;
    height: 3.733333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-wrapper .swiper-slide .link {
    top: 2.666667vw;
    right: 2.666667vw;
    width: 4.8vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-pagination-bullets {
    bottom: -7.733333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box .tab-content .content-box .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 3.466667vw;
    height: 3.466667vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box {
    bottom: 4.266667vw;
    width: 78.666667vw;
    height: 85.333333vw;
    background: url("../images/community/bg_14_mob_250506.png") no-repeat center top;
    background-size: cover;
    border-radius: 5.333333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .popup-inner-box {
    padding: 14.169492vw 0 0;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box {
    padding: 0 5.084746vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .name {
    font-size: 4.745763vw;
    margin-bottom: 1.355932vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .title {
    font-size: 4.067797vw;
    margin-bottom: 2.711864vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .country {
    font-size: 4.067797vw;
    border-radius: 20.338983vw;
    padding: 0.677966vw 2.711864vw 0.677966vw 8.135593vw;
    margin-bottom: 5.423729vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .txt-box .country::before {
    left: 2.711864vw;
    width: 4.745763vw;
    height: 4.745763vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box {
    width: 100%;
    height: 50.133333vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box .mob-wrap-box {
    background: none;
    padding: 0 2.711864vw 0 0;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .mob-inner-box .mob-wrap-box .mob-box {
    height: 86%;
    padding: 0 2.372881vw 0 5.084746vw;
    overflow-x: hidden;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .img-box .mob-testimonial {
    font-size: 4.067797vw;
    margin-bottom: 10.847458vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .img-box img {
    width: 111.864407vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item {
    font-size: 4.067797vw;
    border-radius: 67.79661vw;
    padding: 1.355932vw 4.067797vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(1) {
    top: auto;
    bottom: 76vw;
    left: 3.779661vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(2) {
    top: auto;
    bottom: 94vw;
    left: 22.237288vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .items-box .item:nth-of-type(3) {
    top: auto;
    bottom: 76vw;
    left: 41.152542vw;
  }

  .community-page-container .section-04 .section-inner .tab-box #popup-ambassador-box .close-box {
    top: 4vw;
    right: 4vw;
    width: 6.4vw;
  }

  .community-page-container .section-04 .section-inner .tit {
    font-size: 5.333333vw;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-04 .section-inner .txt {
    font-size: 3.733333vw;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-04 .section-inner .content-box {
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box {
    border-radius: 3.2vw;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box:has(li.active) {
    border-radius: 3.2vw 3.2vw 0 0;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li {
    padding: 3.2vw 0;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li.active {
    border-bottom: 0.533333vw solid #569376;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li p {
    font-size: 3.733333vw;
    padding-right: 6.333333vw;
  }

  .community-page-container .section-04 .section-inner .content-box .tit-box li p::after {
    width: 5.333333vw;
    height: 5.333333vw;
  }

  .community-page-container .section-04 .section-inner .content-box .txt-box {
    font-size: 3.2vw;
    border-radius: 0 0 3.2vw 3.2vw;
    padding: 4.266667vw 4vw;
  }
}

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

.community-page-container .section-05 .section-inner .content-box .tab-controllers {
  width: 18.229167vw;
  margin-top: 2.083333vw;
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li {
  position: relative;
  padding: 0.833333vw 0;
  cursor: pointer;
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.104167vw;
  top: 0;
  background: linear-gradient(90deg, rgba(182, 182, 182, 0) 0%, #B6B6B6 16%, #B6B6B6 80%, rgba(182, 182, 182, 0) 100%);
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li.on {
  padding: 1.145833vw 0;
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li.on::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.104167vw;
  top: 0;
  background: linear-gradient(270deg, #FFFFFF 0%, #A6CBB1 20%, #F2B9AD 75%, #FFFFFF 100%);
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li .tit {
  font-size: 0.833333vw;
  line-height: 1.5;
  color: #ABABAB;
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li.on .tit {
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li .txt {
  display: none;
}

.community-page-container .section-05 .section-inner .content-box .tab-controllers li.on .txt {
  display: block;
  font-size: 0.833333vw;
  line-height: 1.5;
  margin-top: 1.25vw;
}

.community-page-container .section-05 .section-inner .content-box .swiper-04 {
  width: 42.8125vw;
  margin: 0;
}

.community-page-container .section-05 .section-inner .content-box .swiper-04 .mob-tit {
  display: none;
}

.community-page-container .section-05 .section-inner .content-box .swiper-04 a {
  display: flex;
  border-radius: 1.666667vw;
  overflow: hidden;
}

.community-page-container .section-05 .section-inner .content-box .swiper-04 .mob-txt {
  display: none;
}

.community-page-container .section-05 .section-inner .content-box .swiper-04 .swiper-pagination-04 {
  display: none;
}

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

  .community-page-container .section-05 .section-inner .content-box .swiper-04 {
    width: 100%;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 .mob-tit {
    display: block;
    font-size: 4.071247vw;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 a {
    border-radius: 2.544529vw;
    margin-bottom: 5.089059vw;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 .mob-txt {
    display: block;
    font-size: 2.035623vw;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 4.834606vw;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 .swiper-pagination-bullets {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1.78117vw;
    height: 1.78117vw;
    background: #ABABAB;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FF8368;
  }
}

@media (max-width:640px) {
  .community-page-container .section-05 .section-inner .content-box .swiper-04 .mob-tit {
    font-size: 5.333333vw;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 a {
    border-radius: 5.333333vw;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 .mob-txt {
    font-size: 3.733333vw;
    margin-bottom: 7.733333vw;
  }

  .community-page-container .section-05 .section-inner .content-box .swiper-04 .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 3.466667vw;
    height: 3.466667vw;
  }
}

.community-page-container .section-06 .section-inner .content-box {
  display: flex;
  justify-content: space-between;
  padding: 0 9.739583vw;
}

.community-page-container .section-06 .section-inner .content-box .content-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 19.84375vw;
}

.community-page-container .section-06 .section-inner .content-box .content-item.green .tit {
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #569376;
  text-align: center;
  margin-bottom: 0.208333vw;
}

.community-page-container .section-06 .section-inner .content-box .content-item.orange .tit {
  font-size: 1.041667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #FF8368;
  text-align: center;
  margin-bottom: 0.208333vw;
}

.community-page-container .section-06 .section-inner .content-box .content-item .txt {
  flex: 1 1 auto;
  font-size: 0.833333vw;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1.25vw;
}

.community-page-container .section-06 .section-inner .content-box .content-item.green .link {
  display: inline-flex;
  font-size: 0.833333vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background: #569376;
  border-radius: 3.125vw;
  padding: 0.572917vw 2.083333vw;
}

.community-page-container .section-06 .section-inner .content-box .content-item.orange .link {
  display: inline-flex;
  font-size: 0.833333vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background: #FF8368;
  border-radius: 3.125vw;
  padding: 0.572917vw 2.083333vw;
}

@media (max-width:834px) {
  .community-page-container .section-06 .section-inner {
    padding-bottom: 5.089059vw;
  }

  .community-page-container .section-06 .section-inner .content-box {
    padding: 0 3.435115vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item {
    width: 37.659033vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.green .tit {
    font-size: 4.071247vw;
    margin-bottom: 3.053435vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.orange .tit {
    font-size: 4.071247vw;
    margin-bottom: 3.053435vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item .txt {
    font-size: 2.035623vw;
    margin-bottom: 3.053435vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.green .link {
    font-size: 2.544529vw;
    border-radius: 7.633588vw;
    padding: 1.78117vw 4.071247vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.orange .link {
    font-size: 2.544529vw;
    border-radius: 7.633588vw;
    padding: 1.78117vw 3.180662vw;
  }
}

@media (max-width:640px) {
  .community-page-container .section-06 .section-inner .content-box {
    flex-wrap: wrap;
    padding: 0 13.333333vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item {
    width: 100%;
    margin-bottom: 4.266667vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item:last-of-type {
    margin-bottom: 0;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.green .tit {
    font-size: 5.333333vw;
    margin-bottom: 1.066667vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.orange .tit {
    font-size: 5.333333vw;
    margin-bottom: 1.066667vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item .txt {
    font-size: 3.733333vw;
    margin-bottom: 3.2vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.green .link {
    font-size: 3.733333vw;
    line-height: 6.666667vw;
    border-radius: 16vw;
    padding: 2.666667vw 8.266667vw;
  }

  .community-page-container .section-06 .section-inner .content-box .content-item.orange .link {
    font-size: 3.733333vw;
    line-height: 6.666667vw;
    border-radius: 16vw;
    padding: 2.666667vw 8.266667vw;
  }
}

.community-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;
}

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

.community-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) {
  .community-page-container .popup-video-box {
    width: 80vw;
    height: 45vw;
  }

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

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

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

@keyframes blowUpModal {
  0% {
    transform: translate(-50%, 0) scale(0);
  }

  100% {
    transform: translate(-50%, 0) scale(1);
  }
}

@keyframes blowUpModalTwo {
  0% {
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translate(-50%, 0) scale(0);
    opacity: 0;
  }
}