main .brand-recommend{
  margin-top: 0px;
}

.GroupNews-recommend-title,
.GroupNewsAndGroupActivities>.main-box .brand-recommend-title{
  margin: 20px 0;
}
.topContent{
  height: calc(clamp(100px, 21vw, 400px));
  overflow: hidden;
}
body>.banner{
  position: relative;
}
body>.banner>.main-box{
  position: absolute;
  box-sizing: border-box;
  top: 0;
  width: 100%;
  align-items: center;
  height: 100%;
  display: flex;
  justify-content: space-between;
  left: 50%;
  transform: translateX(-50%);
}
body>.banner>.main-box .icon{
  width: clamp(100px, 14vw, 260px);
  height:auto;
}
body>.banner>.main-box .text{
  width: clamp(80px, 13vw, 200px);
  height:auto;
}
.banner>img{
  width:100%;
}
.GroupNews_nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.banner>img.phoneCover{
  display:none;
}
.GroupNewsAndGroupActivities{
  margin-top: calc(-1 * clamp(100px, 21vw, 400px) + 15px);
  background-position: 0 clamp(100px, 15vw, 300px);
  background-size: 100% calc(100% - clamp(100px, 15vw, 300px));
}
.GroupNewsAndGroupActivitiesCover{
  width: clamp(60px, 8vw, 140px);
}
.topContent>img{
  width:100%;
}
.GroupNewsAndGroupActivities>.main-box .brand-recommend-title{
  color:#fff;
  background: url(https://tkww-static.tkww.hk/v5/secondaryPage/WActivity/img08.png) no-repeat;
  background-position: bottom left;
  background-size: 120px auto;
}
.GroupNewsAndGroupActivities{
  background: url(https://tkww-static.tkww.hk/v5/secondaryPage/WActivity/img09.png?x-oss-process=image/resize,w_1000) no-repeat;
  background-size: 100% 100%;
}
.brand-recommend-title{
  background: url(https://tkww-static.tkww.hk/v5/secondaryPage/WActivity/img03.png) no-repeat;
  background-position: bottom left;
  background-size: 120px auto;
  color: #ad0000;
}
.brand-recommend{
  background: url(https://tkww-static.tkww.hk/v5/secondaryPage/WActivity/img01.png) no-repeat;
  background-size: 100% 100%;
}
.brand-recommend .brand-recommend-swiper-slide-title {
  color: #fff;
  width: 100%;
  text-align: left;
}
.brand-recommend .brand-recommend-swiper-slide-title-content{
  position: absolute;
  padding: 10px;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(to top, black, transparent);
}
.brand-recommend-swiper-slide-title-icon{
  display: inline-block;
  margin: 10px 0;
}
.brand-recommend-swiper-slide-title-icon img{
  width: 35px;
  height: auto;
}
.brand-youth-act{
  margin-top: 25px;
}
.brand-youth-act .brand-youth-act-list{
  margin-top: 25px;
}
.brand-recommend .main-box{
  padding-top: 50px;
  padding-bottom: 50px;
}
@media(max-width:1200px){
  .GroupNews .story_title a{
    font-size: 1.4vw;
    height: auto;
    line-height: 1.5;
  }
  .GroupNews .story_title {
    padding: 0.2vw;
  }
  .GroupNews .story_time_columnName .columnName {
    font-size: 1vw;
  }
  .brand-recommend .main-box {
    padding-top: clamp(15px, 4vw, 30px);
    padding-bottom: clamp(15px, 4vw, 30px);
  }
  .brand-recommend-swiper-slide-title-icon img {
    width: clamp(20px, 2.6vw, 30px);
    height: auto;
  }
}
@media(max-width:767px){
  .brand-youth-act .brand-recommend-title,
  .brand-recommend .brand-recommend-title,
  .GroupNewsAndGroupActivities .GroupNews-recommend-title,
  .GroupNewsAndGroupActivities>.main-box .brand-recommend-title{
    font-size: 4.5vw;
  }
  .brand-recommend .brand-recommend-swiper-slide-title-content{
    padding: 3px;
  }
  .brand-recommend .brand-recommend-swiper-slide-title {
    font-size: 2vw;
  }
  .brand-recommend .brand-recommend-swiper-slide-title-icon {
    margin: 5px 0;
  }
}
@media(max-width:576px){
  #GroupActivities_text .GroupActivities_text_title a{
    font-size:4vw;
  }
  .brand-youth-act .brand-youth-act-list-unit-title{
    font-size: 3.6vw;
  }
  .main-box-inner .GroupActivities_text{
    position: initial;
    transform: none;
    width:100%;
  }
  .main_GroupActivities {
    width: 100%;
    margin-bottom: 5px;
  }
  .brand-recommend .brand-recommend-swiper-slide-title-icon {
    margin: 3px 0;
  }
  .banner>img.phoneCover{
    display:block;
  }
  .banner>img.pcCover{
    display:none;
  }
  .GroupNews .story_title a {
    font-size: 3.6vw;
  }
  .GroupNews .story_time_columnName .columnName {
    font-size: 2vw;
  }
  .GroupNews .GroupNews_list .list_item {
    width: calc(50% - 10px);
  }
}