body{
  background-image:linear-gradient(to bottom,#fdc799,#fff5ef,#ffceae);
}
body .footer{
  background-color: #e25a52;
}
body .column-swiper-slide-title{
  font-size:24px;
}
body .roll-view{
  margin-top:20px;
}
.rt-policy-swiper{
  width:100%;
  height:819px;
  margin-top:20px;
  border-radius: 5px;
}
.rt-policy-swiper-slide-inner-shadow{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:80px;
  background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));
}
.rt-policy-swiper .swiper-button-next,.rt-policy-swiper .swiper-button-prev{
  width:32px;
  height:auto;
  margin-top:0;
  bottom:14px;
  top:unset;
}
.rt-policy-swiper .swiper-button-next{
  right:calc( 194 / 477 * 100% );
}
.rt-policy-swiper .swiper-button-prev{
  left:calc( 194 / 477 * 100% );
}
.rt-policy-swiper .swiper-slide img{
  width:100%;
}
.first-box .flex-between-left{
  width: calc(744 / 1280 * 100%);
  border-radius: 5px;
  background-color: #c23029;
}
.first-box .flex-between-right{
  width: calc(514 / 1280 * 100%);
}
.swiper-box{
  width:100%;
  position:relative;
}
.swiper-box .swiper1-pagination{
  width:100%;
  position:relative;
  margin-top: 4px;
}
.swiper-box .swiper-pagination-bullet{
  margin:0 3px;
}
.swiper-box .swiper-pagination-bullet{
  background-color: #ffffff;
  opacity:1;
}
.swiper-box .swiper-pagination-bullet-active{
  background-color: #f0e361;
}
.swiper1{
  border-radius: 5px;
  width:100%;
}
.column-swiper-slide-bac{
  padding-top:calc( 9 / 16 * 100% );
  position:relative;
}
.column-swiper-slide-bac .imgBox-box{
  position:absolute;
  left:0;
  top:0;
}
.video-box{
  background-image: linear-gradient(217deg, 
		#f56c51 0%, 
		#e73f3d 100%), 
	linear-gradient(
		#cf4f43, 
		#cf4f43);
	border-radius: 5px;
}
.video-box .common-column-list-unit{
  border-radius:5px 5px 0 0;
  width:100%;
}
.video-box .common-column-list-unit-title{
  color:#ffffff!important;
  height:unset;
}
.video-box .common-column-list-unit-img-box-box{
  display:none;
  width:46%;
  position:absolute;
  right:0;
  bottom:0;
}
.video-box .common-column-list-unit-img-box{
  border-radius: 5px;
  border: solid 5px #e5d1e5;
  transform:scale(0.97);
  transform-origin:0 100%;
  box-sizing:content-box;
  background-color:#e5d1e5;
}
.video-box .common-column-list-unit-img-box-bg{
  background-color:#ff715b;
  position:absolute;
  width:100%;
  height:100%;
  border-radius: 5px;
  transform: scale(0.97) translate(0.4%, 7%);
  transform-origin:100% 100%;
}
.video-box .common-column-list-unit-img{
  padding-bottom:calc( 9 / 16 * 100% );
  position:relative;
  height:unset;
  border-radius: 5px;
}
.video-box .imgBox-box{
  position:absolute;
  left:0;
  top:0;
}
.video-box .common-column-list-unit-bottom-time{
  color: #ffffff!important;
  margin-left:auto;
}
.video-box .common-column-list-unit-inner{
  width:calc( 462 / 485 * 100% );
  margin:0 auto;
  border-bottom:1px solid #ffffff;
  padding-top:17px;
  padding-bottom:7px;
}
.video-box .common-column-list-unit:last-child .common-column-list-unit-inner{
  border-bottom:1px solid rgba(0,0,0,0);
}
.video-box .common-column-list-unit{
  margin-top:0;
  position:relative;
}
.video-box .common-column-list-unit-active{
  background-color: #6272d6;
}
.video-box .common-column-list-unit-active .common-column-list-unit-inner{
  border-bottom:1px solid rgba(0,0,0,0);
}
.video-box .common-column-list-unit-active .common-column-list-unit-content{
  width:54%;
  padding-right:5px;
}
.video-box .common-column-list-unit-active .common-column-list-unit-img-box-box{
  display:block;
}
.video-box .common-column-list-unit-title{
  line-height: 24px;
  font-size: 18px;
}
.video-box .common-column-list-unit-bottom{
  margin-top:11px;
}
.video-box .common-column-list-unit-bottom-time{
  font-size:12px;
}
.video-box .common-column-list-unit-content{
  margin-top:7px;
}
.video-box .common-column-list-unit-active .common-column-list-unit-title{
  -webkit-line-clamp: 2;
  height:48px;
}

.video-box .play-icon-link{
  position:absolute;
  width:30px;
  display:block;
  z-index:99;
  left:5px;
  bottom:5px;
}
.video-box .play-icon-link img{
  width:100%;
}
.column-title-img{
  height:100%;
}
.column-title{
  margin-top:47px;
  display:flex;
  height:69px;
  width:100%;
  position:relative;
}
.communique-box .column-title{
  justify-content:center;
}
.column-title-link{
  font-size: 24px;
  color: #cf4f43;
  position:absolute;
  line-height:24px;
  right:0;
  bottom:0;
}
.communique-content{
  background-image:url( https://tkww-static.tkww.hk/special/4th-PlenarySession/communique_bg.jpg );
  background-size:100% 100%;
  padding-top:55px;
  padding-bottom:40px;
  margin-top:-29px;
  position:relative;
  z-index:10;
}
.communique-content-inner{
  position:relative;
}
.communique-box>.main-box{
  position:relative;
  z-index:99;
}
body .communique-content-left{
  width:calc( 676 / 1280 * 100% );
  position:relative;
  z-index:10;
}
body .communique-content-right{
  width:calc( 619 / 1280 * 100% );
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:99;
}
.communique-content-right .swiper1-slide-inner{
  padding-top:calc( 9 / 16 * 100% );
  position:relative;
}
.communique-content .flex-between{
  align-items:center;
}
.communique-content-right .imgBox-box{
  position:absolute;
  left:0;
  top:0;
}
.communique-content .common-column-list-unit-content,.communique-content .common-column-list-unit{
  margin-top:0;
}
.communique-content .common-column-list-unit-content{
  padding-top:11px;
  padding-bottom:20px;
  width:calc( 650 / 721 * 100% );
  margin:0 auto;
}
.communique-content .common-column-list-unit-title{
  height:unset;
}
.communique-content .common-column-list-unit-title,.communique-content .common-column-list-unit-bottom-time{
  color: #a70606!important;
}
.communique-content .common-column-list-unit{
  width:100%;
}
.communique-content .common-column-list-unit-bottom-time{
  margin-left:auto;
}
.communique-content .common-column-list-unit-text{
  color: #d48585!important;
  display:none;
  line-height:25px;
  height:73px;
}
.communique-content .common-column-list-unit-active .common-column-list-unit-text{
  display:-webkit-box;
}
.communique-content .common-column-list-unit-active{
  background-image:linear-gradient( to right,rgba( 255,255,255,0.2 ) ,#ffffff 10%,#ffffff 90%,rgba( 255,255,255,0.2 ) );
}
.swiper2{
  border-radius: 5px;
}
body .second-box{
  padding:0;
}
.second-box .flex-between-left{
  width:calc( 777 / 1280 * 100% );
}
.second-box .flex-between-right{
  width:calc( 477 / 1280 * 100% );
}
.news-list{
  margin-top:20px;
}
.news-list .common-column-list-unit{
  width:100%;
  border-bottom:1px solid #d10a1a;
}
.news-list .common-column-list-unit-content,.news-list .common-column-list-unit{
  margin-top:0;
}
.news-list .common-column-list-unit-content{
  padding-top:12px;
  padding-bottom:12px;
  width:calc( 736 / 777 * 100% );
  margin:0 auto;
}
.news-list .common-column-list-unit-bottom-time{
  margin-left:auto;
  color: #a70606;
}
.news-list .common-column-list-unit-text{
  color: #d48585;
}
.news-list .common-column-list-unit-title{
  color: #a70606;
}
.news-list .common-column-list-unit:hover{
  border-bottom:1px solid rgba(0,0,0,0);
  background-image: linear-gradient(-45deg, 
		#f56c51 0%, 
		#e73f3d 100%), 
	linear-gradient(
		#d86961, 
		#d86961);
  border-radius: 5px;
}
.news-list .common-column-list-unit:hover .common-column-list-unit-title,.news-list .common-column-list-unit:hover .common-column-list-unit-bottom-time{
  color: #ffffff;
}
.news-list .common-column-list-unit:hover .common-column-list-unit-text{
  color: #ffbebe;
}
.view-list{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:24px;
}
.view-list .common-column-list-unit{
  margin-top:0;
  width:24%;
}
.view-list .common-column-list-unit-img-box-box{
  width:100%;
  position:relative;
}
.view-list .common-column-list-unit-img-box{
  border-radius: 5px;
  border: solid 5px #e5d1e5;
  transform: scale(0.97);
  transform-origin: 0 100%;
  box-sizing: content-box;
  background-color: #e5d1e5;
}
.view-list .common-column-list-unit-img{
  padding-bottom: calc(9 / 16 * 100%);
  position: relative;
  height: unset;
  border-radius: 5px;
}
.view-list .imgBox-box{
  position: absolute;
  left: 0;
  top: 0;
}
.view-list .common-column-list-unit-img-box-bg {
  background-color: #ff715b;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  transform: scale(0.97) translate(0%, 6%);
  transform-origin: 100% 100%;
}
.view-list .common-column-list-unit-content{
  margin-top:20px;
  background-color: #ff715b;
  border-radius: 5px;
  padding:10px 10px 7px;
  width:100%;
}
.view-list .common-column-list-unit-title,.view-list .common-column-list-unit-bottom-time{
  color:#ffffff!important;
}
.view-list .common-column-list-unit-bottom-time{
  margin-left:auto;
}
.view-list .common-column-list-unit:hover .common-column-list-unit-content{
  background-color: #6273d6;
}
@media (max-width:1400px){
  .first-box{
    align-items:flex-start;
  }
  .swiper-box .swiper1-pagination{
    margin-top:0;
  }
  .communique-content .common-column-list-unit-text{
    line-height: 1.8vw;
    height: calc( 5.4vw - 2px );
  }
  .column-title{
    height: 4.3vw;
  }
}
@media (max-width:1099px){
  .rt-policy-swiper .swiper-button-next, .rt-policy-swiper .swiper-button-prev{
    width:20px;
  }
}
@media (max-width:767px){
  .rt-policy-swiper{
    height:130vw;
  }
  .first-box .flex-between-left,.first-box .flex-between-right{
    width:100%;
  }
  body .column-swiper-slide-title{
    font-size:4.27vw;
  }
  body .column-swiper-slide-title-bac{
    padding: 2vw 2.4vw 3vw;
  }
  .video-box .common-column-list-unit-active .common-column-list-unit-title{
    height:unset;
  }
  .video-box .common-column-list-unit-title{
    font-size:4.27vw;
    line-height:5.33vw;
  }
  .column-title{
    height:9.3vw;
  }
  body .communique-content-right{
    position:static;
    transform: translateY(0);
    width:100%;
  }
  .communique-content-inner{
    display: flex;
    flex-direction: column-reverse;
  }
  .communique-content .common-column-list-unit-active .common-column-list-unit-text{
    display:none;
  }
  body .communique-content-left{
    width:100%;
  }
  .column-title-link{
    font-size: 4.73vw;
    line-height: 4.73vw;
  }
  .video-box .common-column-list-unit-bottom-time{
    font-size:3.2vw;
  }
  .second-box .flex-between-left{
    width:100%;
  }
  .news-list .common-column-list-unit-text{
    display: none;
  }
  .second-box .flex-between-right{
    width:100%;
  }
  .view-list{
    display: block;
  }
  .view-list .common-column-list-unit{
    width:100%;
    margin-top: 7vw;
  }
}