body{
  background-image:url(https://tkww-static.tkww.hk/special/policyadress2025/bg.jpg);
  background-size:100% 100%;
}
.footer{
  background-color: #3b84d2;
}
.swiper1-box{
  width:100%;
  height:calc( 774px * 9 / 16 );
  display:flex;
  border-radius: 10px;
  background-color: #4776ac;
  overflow:hidden;
  margin-top:60px;
}
.swiper1{
  width:calc( 774 / 1280 * 100% );
  flex:none;
  border-radius: 10px;
}
.swiper1-img{
  width:100%;
  height:100%;
}
.swiper1-box-right{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.swiper1-title-box{
  padding:15px 0;
  height:18%;
  display: flex;
  align-items: center;
  flex:none;
  border-top:1px solid #add8fa;
  width:calc( 100% - 60px );
  margin:0 auto;
}
.swiper1-title-box:first-of-type{
  border-top:0;
}
.swiper1-title{
  font-size:22px;
  color: #ffffff;
  line-height: 30px;
}
.swiper1-title-box-active .swiper1-title{
  color: #1cc2ac;
}
.swiper1-pagination-box{
  position: absolute;
  z-index: 99;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8));
}
.swiper1-pagination{
  /*text-align:right;*/
  top: unset!important;
  bottom: 19px!important;
  left: 50% !important;
  transform: translateX(-50%);
}
.swiper1-pagination .swiper-pagination-bullet{
  opacity: 1;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 0 5px!important;
}
.swiper1-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #249634;
}
.lazy-list{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:41px;
}
.lazy-list-unit{
  width:calc( 630 / 1280 * 100% );
  flex:none;
  border-radius: 10px;
  position:relative;
  overflow:hidden;
}
.lazy-list-unit-img-box{
  display:block;
  position:relative;
  z-index:10;
}
.lazy-list-unit-img-box,.lazy-list-unit-img-box img,.lazy-list-unit-click-box img{
  width:100%;
}
.lazy-list-unit-click-box{
  width:23px;
  position:absolute;
  z-index:99;
  right:calc( 95 / 630 * 100% );
  bottom:calc( 55 / 171 * 100% );
  opacity:0;
  transition:0.5s;
}
.lazy-list-unit:hover .lazy-list-unit-click-box{
  opacity:1;
}
.prospect-box{
  margin-top:80px;
  background-image:url(https://tkww-static.tkww.hk/special/policyadress2025/prospect_bg.png);
  background-size:100% 100%;
  padding-bottom:22px;
}
.column-title{
  height:50px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.column-title-img{
  height:100%;
  flex:none;
  display:block;
}
.column-title-img img{
  height:100%;
}
.column-title-more{
  width:33px;
  display:block;
  flex:none;
}
.column-title-more-img{
  width:100%;
}
.prospect-title{
  transform:translateY( calc( -15 / 50 * 100% ) );
  justify-content:center;
}
.prospect-title .column-title-img{
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}
.prospect-title .column-title-more{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY( -50% );
}
.prospect-list{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:20px;
}
.prospect-list .common-column-list-unit{
  width:24%;
  flex:none;
}
.prospect-list .common-column-list-unit-img{
  height:calc( 1280px * 0.24 * 9 / 16 );
  position:relative;
  z-index:99;
  border-radius: 10px;
}
.prospect-list .common-column-list-unit-img-box{
  position:relative;
}
.prospect-list .common-column-list-unit-img-bg{
  position:absolute;
  z-index:10;
  left:50%;
  border-radius: 10px;
  top:50%;
  width: 104%;
  height: 108%;
  transform:translate(-50%,-50%);
  background-image: linear-gradient(18deg, 
		#79dbb3 0%, 
		#389dfb 38%, 
		#79dbb3 100%);
  box-shadow: 0px 3px 14px 2px 
		rgba(0, 0, 0, 0.27);
  transition:0.5s;
  opacity:0;
}
body .common-column-list-unit-bottom-time{
  color: #5b7695;
  margin-left:auto;
}
.prospect-list .common-column-list-unit:nth-child(-n+4){
  margin-top:0;
}
.prospect-list .common-column-list-unit-content{
  margin-top:19px;
}
body .common-column-list-unit-title:hover{
  color: #333333;
}
body .common-column-list-unit-text{
  line-height:19px;
  height:36px;
}
body .common-column-list-unit-text,body .common-column-list-unit-text:hover{
  color:#5b7695;
}
.second-box .flex-between-left{
  width:calc( 776 / 1280 * 100% );
}
.second-box .flex-between-right{
  width:calc( 481 / 1280 * 100% );
}
.news-list,.video-list{
  margin-top:12px;
}
.news-list .common-column-list-unit-inner{
  padding:15px 0;
  border-radius: 5px;
  background-color: rgba(0,0,0,0);
}
.news-list .common-column-list-unit:hover .common-column-list-unit-inner{
  background-color: #add8fa;
}
.news-list .common-column-list-unit{
  border-bottom:1px solid #197fc7;
  width:100%;
  margin-top:0;
}
.news-list .common-column-list-unit-inner-inner{
  display:flex;
  align-items:flex-start;
  width:96%;
  margin:0 auto;
}
.news-list .common-column-list-unit-img{
  display:none;
}
.news-list .common-column-list-unit-content{
  margin-top:0;
}
.news-list .common-column-list-unit-point{
  flex:none;
  height:24px;
  display:flex;
  align-items:center;
  margin-right:8px;
}
.news-list .common-column-list-unit-point-inner{
  width:4px;
  height:4px;
  border-radius:50%;
  background-color:#333333;
}
.news-list .common-column-list-unit-content{
  flex:1;
}
.news-list .common-column-list-unit:first-of-type{
  border-bottom:0;
  margin-bottom:22px;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-inner{
  border-radius: 10px;
  background-color: #4777ac!important;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-inner-inner{
  align-items:unset;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-img{
  display:block;
  width:calc( 459 / ( 776 * 0.96 ) * 100% );
  height:calc( 459px * 9 / 16 );
  border-radius: 10px;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-point{
  display:none;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-title{
  height:unset;
  -webkit-line-clamp: 3;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-title,.news-list .common-column-list-unit:first-of-type .common-column-list-unit-bottom-time{
  color:#ffffff!important;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-text{
  display:none;
}
.news-list .common-column-list-unit:first-of-type .common-column-list-unit-content{
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  margin-left:7px;
}
.news-list .common-column-list-unit-text{
  margin-top:14px;
}
.video-list .common-column-list-unit{
  width:100%;
  padding:8px 0 4px;
  background-color: #add8fa;
  border-radius: 5px;
  margin-top:17px;
}
.video-list .common-column-list-unit-inner{
  width:96%;
  margin:0 auto;
}
.video-list .common-column-list-unit:first-of-type{
  margin-top:0;
}
.video-list .common-column-list-unit:hover{
  background-image: linear-gradient(45deg, #79dbb3 0%, #57bde5 50%);
}
.video-list .common-column-list-unit-img{
  height:calc( ( 481px * 0.96 ) * 9 / 16 );
  position:relative;
  z-index:10;
  border-radius: 5px;
}
.video-list .play-icon-link{
  width:43px;
  display:block;
  position:absolute;
  z-index:99;
  left:5px;
  bottom:5px;
}
.video-list .play-icon-link img{
  width:100%;
}
.report-box{
  margin-top:50px;
}
.report-box .roll-view{
  background-color:#ffffff;
}
.report-box .roll-list img{
  border:0;
}
.report-box .roll-list li{
  padding:5px;
}
@media (min-width:768px){
  .prospect-list .common-column-list-unit:hover .common-column-list-unit-img-bg{
    opacity:1;
  }
}

@media (max-width:1400px){
  body .common-column-list-unit-text{
    line-height:1.5vw;
    height:2.9vw;
  }
  .swiper1-box{
    height:calc( 774 / 1280 * 91vw * 9 / 16 );
  }
  .swiper1-title{
    font-size: 1.7vw;
    line-height: 2.5vw;
    height: 5vw;
  }
  .prospect-list .common-column-list-unit-img{
    height: calc(91vw * 0.24 * 9 / 16);
  }
  .news-list .common-column-list-unit:first-of-type .common-column-list-unit-img{
    height: calc(91vw * 459 / 1280 * 9 / 16);
  }
  .video-list .common-column-list-unit-img{
    height: calc(91vw * 461 / 1280 * 9 / 16);
  }
  .news-list .common-column-list-unit-point{
    height:2vw;
  }
  .news-list .common-column-list-unit-text{
    margin-top:1px;
  }
}
@media (max-width:1099px){
  body .common-column-list-unit-text{
    line-height:1.8vw;
    height:3.5vw;
  }
  .column-title{
    height:4vw;
  }
  .news-list .common-column-list-unit-point{
    height:2.2vw;
  }
  .video-list .common-column-list-unit{
    margin-top:53px;
  }
  .prospect-list .common-column-list-unit-content{
    margin-top:14px;
  }
}
@media (max-width:767px){
  .video-list .common-column-list-unit{
    margin-top:7vw;
  }
  .second-box .flex-between-left{
    width:100%;
  }
  .news-list .common-column-list-unit:first-of-type .common-column-list-unit-inner-inner{
    display:block;
  }
  .news-list .common-column-list-unit-text{
    display:none;
  }
  .news-list .common-column-list-unit:first-of-type .common-column-list-unit-img{
    width: 100%;
    height: calc((100vw - 1.87vw - 1.87vw) * 0.96 * 9 / 16);
  }
  .news-list .common-column-list-unit:first-of-type .common-column-list-unit-title{
    margin-top:3vw;
    -webkit-line-clamp: 2;
  }
  .prospect-title{
    justify-content: space-between;
    transform: translateY(0);
  }
  .prospect-box{
    margin-top:11vw;
  }
  .column-title{
    height:8vw;
  }
  .prospect-list{
    margin-top:5vw;
    display:block;
  }
  .prospect-list .common-column-list-unit:nth-child(-n+4){
    width:100%;
    margin-top:7vw;
  }
  .prospect-list .common-column-list-unit:nth-child(1){
    margin-top:0;
  }
  .prospect-list .common-column-list-unit-img{
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
  body .common-column-list-unit-title{
    -webkit-line-clamp: 2;
    height: unset;
  }
  .prospect-box{
    background-image:unset;
  }
  .lazy-list{
    display:block;
    margin-top:11vw;
  }
  .lazy-list-unit{
    width:100%;
    margin-left:0;
    margin-top:7vw;
  }
  .lazy-list-unit:first-of-type{
    margin-top:0;
  }
  .news-list .common-column-list-unit-point{
    height:5.33vw;
  }
  .swiper1-box{
    margin-top: 6vw;
  }
  .swiper1-box{
    display:block;
    height:unset;
  }
  .swiper1{
    width:100%;
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 )
  }
  .swiper1-title{
    font-size: 4.27vw;
    line-height: 5.5vw;
    height: unset;
  }
  .swiper1-title-box{
    width: 90%;
  }
  .second-box .flex-between-right{
    width:100%;
  }
  .video-list .common-column-list-unit-img{
    height: calc((100vw - 1.87vw - 1.87vw) * 0.96 * 9 / 16);
  }
  .prospect-list .common-column-list-unit-content{
    margin-top:3vw;
  }
  .report-box{
    margin-top:8vw;
  }
}