:root{
  --column-title-height:88px;
}
body{
  background-image:url(https://tkww-static.tkww.hk/special/SHEAUJ/bg.jpg);
  background-size:100% 100%;
}
body .footer{
  background-color: #ac2328;
}
.z-99{
  position:relative;
  z-index:99;
}
body .roll-list li{
  padding:15px 5px;
}
body .roll-list li a{
  box-shadow: 0px 0px 15px 5px 
		#c7835d;
}
.swiper2-box{
  position:relative;
}
.swiper2-button{
  width:33px;
  height:auto;
}
.swiper2-button.swiper-button-next,.swiper2-button.swiper-button-prev{
  margin-top:0;
  transform:translateY( -50% );
}
.swiper2-button.swiper-button-next{
  right:-36px;
}
.swiper2-button.swiper-button-prev{
  left:-36px;
}
.picture-box .common-column-list-unit-img{
  border-radius: 5px;
  height:calc( 1280px * 0.2 * 9 / 16 );
}
.picture-box .common-column-list-unit-img a,.picture-box .common-column-list-unit-img img{
  width:100%;
}
.live-list{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.live-list .common-column-list-unit{
  width:31%;
}
.live-list .common-column-list-unit,.news-list-box .common-column-list-unit{
  background-color: #1472c3;
  border-radius: 14px;
  transition:0.5s;
  padding-bottom:5px;
}
.live-list .common-column-list-unit:hover,.news-list-box .common-column-list-unit:hover{
  background-color: #004892;
}
.live-list .common-column-list-unit-img{
  height:calc( 0.31 * 1280px * 9 / 16 );
}
.live-list .common-column-list-unit-img,.news-list-box .common-column-list-unit-img{
  border-radius: 14px;
  position:relative;
}
.swiper1-slide-inner{
  position:relative;
}
.swiper1-slide-inner-link{
  width:100%;
  height:100%;
  display:block;
}
.live-list .common-column-list-unit-img-shadow,.news-list-box .common-column-list-unit-img-shadow,.swiper1-slide-inner .common-column-list-unit-img-shadow{
  width:100%;
  height:20%;
  display:block;
  background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));
  position:absolute;
  bottom:0;
  left:0;
  z-index:99;
}
.live-list .imgBox-box,.news-list-box .imgBox-box{
  z-index:10;
  position:relative;
}
.live-list .common-column-list-unit-content,.news-list-box .common-column-list-unit-content{
  width:96%;
  margin-left:auto;
  margin-right:auto;
}
.live-list .common-column-list-unit-title,.news-list-box .common-column-list-unit-title,.live-list .common-column-list-unit-bottom-time,.news-list-box .common-column-list-unit-bottom-time{
  color:#ffffff!important;
}
.live-list .common-column-list-unit-bottom-time,.news-list-box .common-column-list-unit-bottom-time{
  margin-left:auto;
}
.news-list-box{
  margin-top:23px;
  display:flex;
  justify-content:space-between;
}
.news-list-right .common-column-list-unit{
  margin-top:16px;
}
.news-list-right .common-column-list-unit:nth-child( -n + 2 ){
  margin-top:0;
}
.news-list-left{
  width:calc( 722 / 1280 * 100% );
  flex:none;
}
.news-list-left .common-column-list-unit{
  width:100%;
}
.news-list-left .common-column-list-unit-img{
  height:calc( 722px * 9 / 16 );
}
.news-list-right{
  width:calc( 546 / 1280 * 100% );
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.news-list-right .common-column-list-unit{
  width:49%;
}
.news-list-right .common-column-list-unit-img{
  height:calc( 546px * 0.49 * 9 / 16 );
}
.lang-box{
  position:relative;
  background-image:url( https://tkww-static.tkww.hk/special/SHEAUJ/lang_bg.png );
  background-size:100% 100%;
  padding: 25px 0 29px;
  margin-top:60px;
}
.lang-title{
  width:100px;
  position:absolute;
  top:0;
  left:50%;
  transform:translate( -50% , -23% );
  z-index:99;
}
.lang-bottom{
  position:absolute;
  width:calc( 415 / 1280 * 100% );
  z-index:10;
  right:0;
  bottom:0;
  transform:translate( 12% , 36% );
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.lang-content{
  width:96%;
  padding:0 31px;
  height:calc( 5 * 31px );
  margin:0 auto;
  position:relative;
  z-index:99;
}
.lang-content-unit{
  font-size: 18px;
  line-height: 31px;
  color: #622d12;
  text-indent:36px;
}
.menu-list{
  position:fixed;
  left:4.81vw;
  top:50%;
  transform:translateY(-50%);
  background-color: #f9dec2;
  display:none;
  z-index:199;
  border-radius: 16px;
  overflow:hidden;
}
.menu-list-img{
  width:100%;
}
.menu-list-show{
  display:block;
}
.menu-list-unit{
  height:unset;
  cursor:pointer;
  width:100%;
  font-size: 20px;
  position:relative;
  padding:12px 5px;
  color: #966945;
  background-color: #f9dec2;
  transition:0.5s;
  text-align:center;
}
.menu-list-unit-border{
  height:1.5px;
  width:calc( 144 / 233 * 100% );
  position:absolute;
  top:0;
  left:50%;
  transform:translate( -50%,-50% );
  background-image:linear-gradient( to right , rgba(0,0,0,0),#ccaa8d 20%,#ccaa8d 80%,rgba(0,0,0,0) );
  border-radius:5%;
}
.menu-list-unit-1-1{
  font-size: 16px;
}
.menu-list-unit-1-2{
  font-size: 12px;
}
.menu-list-unit-1-1,.menu-list-unit-1-2,.menu-list-unit-1-3{
  display:block;
  text-align:center;
}
.menu-list-unit-1-2{
  line-height:12px;
}
.column-box{
  margin-top:60px;
}
.swiper1-title-box-inner{
  width: calc(100% - 8vw);
}
.movie-box{
  position:relative;
  margin-top:87px;
}
.movie-bg{
  width:100%;
  position:absolute;
  z-index:10;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
.movie-title,.movie-main-box{
  position:relative;
}
.movie-title{
  z-index:99;
}
.movie-main-box{
  z-index:199;
}
.movie-main-box{
  margin-top:-25px;
}
.movie-left iframe{
  width:757px;
  height:calc( 757px * 9 / 16 );
}
.movie-left{
  padding:25px 10px 20px;
  background-image:url( https://tkww-static.tkww.hk/special/SHEAUJ/video_bg.png );
  background-size:100% 100%;
  position:relative;
  z-index:99;
  display:inline-block;
}
.movie-right{
  width:calc( 651 / 1280 * 100% );
  position:absolute;
  right:0;
  bottom:2px;
  z-index:10;
  transition:0.5s;
  transform:translateX( calc( 124 / 818 * 100% ) ) scale(1);
}
.movie-right-img{
  width:100%;
}
.column-title-img{
  height:100%;
  flex:none;
}
.column-title{
  display:flex;
  justify-content:center;
  position:relative;
  height:var(--column-title-height);
}
.live-box,.news-box{
  position:relative;
  z-index:99;
}
.movie-box{
  position:relative;
  z-index:10;
}
.live-box .column-title{
  height:calc( var(--column-title-height) * 156 / 88 );
}
.movie-box .column-title{
  height:calc( var(--column-title-height) * 150 / 88 );
}
.report-title{
  height:calc( var(--column-title-height) * 68 / 88 );
}
.column-title-more{
  display:flex;
  align-items:center;
  position:absolute;
  right:16px;
  top:72%;
  transform:translateY( -50% );
}
.live-box .column-title-more{
  top:61%;
}
.column-title-more-left{
  flex:none;
  font-size: 24px;
  color: #6a3711;
}
.column-title-more-right{
  flex:none;
  width:29px;
  margin-left:5px;
}
.column-title-more-img{
  width:100%;
}
.menu-list-unit{
  border-top:0;
}
.menu-list-unit-bg{
  position:absolute;
  z-index:10;
  left:0;
  top:0;
  width:100%;
}
.menu-list-unit:hover,.menu-list-unit-active{
  color:#ffffff;
  background-color: #ffb160;
}
.menu-list-unit:nth-child(1){
  border-top:0;
}
.swiper1-box{
  width:100%;
  height:calc( 774px * 9 / 16 );
  display:flex;
  border-radius: 10px;
  background-color: #1472c3;
  overflow:hidden;
  margin-top:80px;
}
.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{
  display: flex;
  align-items: center;
  flex:none;
  height:20%;
}
.swiper1-title-box-inner{
  width:calc( 100% - 60px );
  margin:0 auto;
  height:100%;
  display: flex;
  align-items: center;
  position:relative;
}
.swiper1-title-box-border{
  height:1.5px;
  background-image:linear-gradient(to right,rgba(0,0,0,0),#6599d4 20%,#6599d4 80%,rgba(0,0,0,0));
  width:100%;
  border-radius:3%;
  position:absolute;
  left:0;
  top:0;
}
.swiper1-title-box:first-of-type .swiper1-title-box-border{
  display:none;
}
.swiper1-title{
  font-size:22px;
  color: #ffffff;
  line-height: 30px;
}
.swiper1-title-box-active{
  background-color: #004892;
}
.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;
}
.swiper2-slide-inner{
  padding-top: 21px;
  padding-bottom: 11px;
  background-image: linear-gradient(-30deg, 
		#cfa98b 0%, 
		#a36a3b 100%), 
	linear-gradient(
		#b0774a, 
		#b0774a);
  box-shadow: 0px 6px 8px 6.2px 
		rgba(0, 0, 0, 0.18);
  width:90%;
  margin:0 auto;
}
.swiper2 .swiper-slide{
  box-sizing:content-box;
  opacity:0.7;
  padding-top: 145px;
  padding-bottom: 145px;
  transition:0.5s;
  transform:scale(1);
  /*position:relative;
  z-index:10;*/
  /*transform-origin:50% 50%;*/
}

.swiper2 .swiper-slide-active,.swiper2 .swiper-slide-prev,.swiper2 .swiper-slide-next{
  opacity:1;
}
.swiper2 .swiper-slide-active{
  transform:scale(2.8);
  z-index:99;
}
.swiper2 .swiper-slide-prev,.swiper2 .swiper-slide-next{
  transform:scale(1.9);
  z-index:50;
}
.swiper2 .swiper-slide-active .swiper2-slide-inner{
  background-image:url(https://tkww-static.tkww.hk/special/donghua/story_bg.png),url(https://tkww-static.tkww.hk/special/donghua/story_bg_left_top.png),url(https://tkww-static.tkww.hk/special/donghua/story_bg_right_bottom.png),linear-gradient(-30deg, 
		#cfa98b 0%, 
		#a36a3b 100%), 
	linear-gradient(
		#b0774a, 
		#b0774a);
  background-size:100% 100%,calc( 113 / 375 * 100% ) auto,calc( 113 / 375 * 100% ) auto;
  background-position:0 0,0 0,right bottom;
  background-repeat:no-repeat,no-repeat,no-repeat;
}
.swiper2-slide-inner-box{
  width:88%;
  margin:0 auto;
}
.swiper2-slide-inner-box-bottom{
  margin-top:7px;
}
.swiper2-slide-inner-summary{
  font-size: 11px;
  line-height: 15px;
  color: #6b492d;
  height:calc( 3 * 15px - 1px );
  margin-top:5px;
}
.swiper2-slide-inner-time{
  margin-top:4px;
  text-align:right;
  font-size: 9px;
  color: #734f33;
}
.swiper2-slide-inner-title{
  font-size: 14px;
  line-height:19px;
  height:37px;
  color:#ffffff;
}
@media (min-width:768px){
  .movie-right:hover{
    transform:translateX( calc( 124 / 818 * 100% ) ) scale(1.1);
  }
}
@media (max-width:1400px){
  .picture-box .common-column-list-unit-img{
    height:calc( 91vw * 0.2 * 9 / 16 );
  }
  .swiper1-title{
    font-size: 1.7vw;
    line-height: 2.5vw;
    height: 5vw;
  }
  .swiper1-box,.swiper1 .swiper1-img {
    height: calc( 774 / 1280 * 91vw * 9 / 16);
  }
  .menu-list{
    left:4.5vw;
  }
  .live-list .common-column-list-unit-img{
    height: calc( 0.31 * 91vw * 9 / 16);
  }
  .movie-left iframe{
    width: 53vw;
    height: calc(53vw * 9 / 16);
  }
  .news-list-left .common-column-list-unit-img{
    height:calc( 91vw * 800 / 1280 * 9 / 16 );
  }
  .news-list-right .common-column-list-unit-img{
    height: calc( 91vw * 468 / 1280 * 0.49 * 9 / 16);
  }
  .news-list-left {
    width: calc( 800 / 1280 * 100% );
  }
  .news-list-right{
    width: calc( 468 / 1280 * 100% );
  }
}
@media (max-width:1099px){
  :root{
    --column-title-height: 7vw;
  }
  .movie-left{
    padding: 15px 10px 10px;
  }
  .swiper2-button{
    width:2vw;
  }
  .swiper2-button.swiper-button-next{
    right:-3vw;
  }
  .swiper2-button.swiper-button-prev{
    left:-3vw;
  }
  .swiper2 .swiper-slide{
    padding-top:11vw;
    padding-bottom:11vw;
  }
}
@media (max-width:767px){
  :root {
    --column-title-height: 11.73vw;
  }
  .swiper2-box{
    display:none;
  }
  .news-list-box,.news-list-right{
    display:block;
  }
  .picture-box .common-column-list-unit-img{
    border-radius:20px;
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
  .news-list-right .common-column-list-unit:nth-child( -n + 2 ),.news-list-box,.swiper2-list-wap .swiper-slide{
    margin-top:7vw;
  }
  .news-list-right .common-column-list-unit:nth-child( n + 3 ),.swiper2-list-wap .swiper-slide:nth-child( n + 4 ){
    display:none;
  }
  .news-list-left,.news-list-right{
    width:100%;
  }
  .news-list-right .common-column-list-unit{
    width:100%;
  }
  .news-list-left .common-column-list-unit-img,.news-list-right .common-column-list-unit-img{
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
  .movie-main-box{
    margin-top: -2vw;
  }
  .movie-right{
    position:static;
    margin-top:7vw;
    display: block;
    width: 100%;
    transform: translateX(0);
  }
  .movie-left{
    width:100%;
    padding:2.93vw 1.3vw 2vw;
    box-sizing:border-box;
  }
  .movie-left iframe{
    width:100%;
    height:calc( ( 100vw - 1.87vw - 1.87vw - 1.3vw - 1.3vw ) * 9 / 16 );
  }
  .live-box .column-title-more{
    top:89%;
  }
  .column-title-more{
    right:1.87vw;
  }
  .live-list{
    display:block;
  }
  .live-list .common-column-list-unit{
    width:100%;
    margin-top:6.53vw;
  }
  .live-list .common-column-list-unit:first-of-type{
    margin-top:0;
  }
  .live-list .common-column-list-unit-img{
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
  body{
    background-image: url(https://tkww-static.tkww.hk/special/SHEAUJ/wap/bg.jpg);
  }
  .column-title-more-left{
    font-size: 3.73vw;
  }
  .column-title-more-right{
    width:3.87vw;
  }
  .column-box{
    margin-top:11vw;
  }
  .swiper1-title-box-inner{
    padding:4vw 0;
  }
  .lang-box{
    background-image:url( https://tkww-static.tkww.hk/special/SHEAUJ/wap/lang_bg.png );
    margin-top: 11vw;
  }
  .lang-content{
    height:calc( 5.33vw * 7 );
  }
  .lang-bottom{
    width:44.4vw;
    right: 3vw;
  }
  .lang-content-unit{
    font-size:3.73vw;
    line-height:5.33vw;
    text-indent:calc( 3.73vw * 2 );
  }
  .lang-content{
    padding:0 2.5vw;
  }
  .lang-title{
    transform: translate(-50%, -42%);
    width:15vw;
  }
  .swiper1-box{
    display:block;
    height:unset;
    margin-top: 11vw;
  }
  .swiper1{
    width:100%;
  }
  .swiper1 .swiper1-img{
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
  .swiper1-title{
    font-size: 4.27vw;
    line-height: 5.5vw;
    height: unset;
  }
  .swiper2{
    display:none;
  }
  .swiper2-slide-inner{
    width:100%;
    padding-top:9.2vw;
    padding-bottom:12.4vw;
    background-image:url(https://tkww-static.tkww.hk/special/donghua/story_bg_left_top.png),url(https://tkww-static.tkww.hk/special/donghua/story_bg_right_bottom.png),linear-gradient(-30deg, 
      #cfa98b 0%, 
      #a36a3b 100%), 
      linear-gradient(
        #b0774a, 
        #b0774a);
    background-size:calc( 113 / 375 * 100% ) auto,calc( 113 / 375 * 100% ) auto,100% 100%;
    background-position:0 0,right bottom;
    background-repeat:no-repeat,no-repeat;
    margin-top:4.27vw;
  }
  .swiper2-slide-inner:first-of-type{
    margin-top:0;
  }
  .swiper2-slide-inner-box{
    width:87.87vw;
  }
  .swiper2-slide-inner:nth-child(n+4){
    display:none;
  }
  .swiper2-slide-inner-title{
    font-size: 4.27vw;
    line-height:6vw;
    height:unset;
  }
  .swiper2-slide-inner-summary{
    font-size: 3.73vw;
    line-height:5vw;
    height:unset;
    margin-top:3.4vw;
  }
  .swiper2-slide-inner-time{
    display:none;
  }
}