body{
  background-color:rgba(23,47,95,1);
}
.olympiad-items-img{
  width:70%;
  flex:none;
}
.olympiad-items-content{
  padding-top:56px;
}
body .olympiad-items-content-swiper{
  height: 206px;
}
body .olympiad-items-content-swiper.swiper-container-horizontal>.swiper-pagination-bullets{
  bottom:0;
}
body .olympiad-items-content-swiper .swiper-pagination-bullet{
  width:calc( 123 / 1280 * 100% );
  height:10px;
  background-color: #8399c5;
  border-radius: 8.5px 8.5px 0px 0px;
  opacity:1;
}
body .olympiad-items-content-swiper .swiper-pagination-bullet-active{
  width:calc( 371 / 1280 * 100% );
  height:20px;
  border-radius: 0;
  background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/select.png);
  background-size:100% 100%;
  background-color:transparent;
}
.olympiad-items-title{
  color:#ffffff!important;
  margin-top:13px;
  text-align-last: center;
  width: 100%;
  display: inline-block;
}
.olympiad-items-content-swiper-slide-inner{
  width:90%;
  margin-left:auto;
  margin-right:auto;
  padding-top:10px;
}
.olympiad-items-img-box{
  border-radius:50%;
  overflow:hidden;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items:center;
  justify-content:center;
}
.olympiad-items-content-swiper-slide-inner:hover .olympiad-items-img-box{
  background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/item-select.png);
  background-size:100% 100%;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
}
.olympiad-items-content{
  background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(43,73,132,1),rgba(0,0,0,0));
}
body .footer{
  background-image: linear-gradient(178deg, 
		rgba(0,0,0,0) 30%, 
		#3158a6 100%);
  background-color:transparent;
}
.banner-box{
  position:relative;
}
.title-img-box{
  position:relative;
}
.title-img{
  width:calc( 206 / 1254 * 100% );
  margin:0 auto;
}
.report-roll-box{
  background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/report-bg.png);
  background-size:100% 100%;
  padding:40px 34px;
  box-sizing:border-box;
  margin-top:32px;
}
.report{
  margin-top:60px;
}
body .roll-view{
  margin-top:0;
}
.video-slide{
  position:relative;
  z-index:10;
}
.Headlines{
  padding:80px 0 50px 0;
  width:68%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
.Headlines-left,.Headlines-right{
  width:calc( ( 153 + 64 ) / 1280 / 0.8 * 100% );
  position:absolute;
  bottom:77px;
}
.Headlines-left{
  right:102%;
}
.Headlines-right{
  left:102%;
}
.HeadlinesFirst{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}
.HeadlinesFirst-img{
  flex:none;
  width: 41px;
  margin-right:18px;
}
.HeadlinesFirst-title{
  flex:none;
  font-size: 30px;
  font-weight:bold;
  max-width: 100%;
}
.Greaterthan1{
  display:flex;
  justify-content:center;
  width:100%;
  margin-top:25px;
}
.Greaterthan1 a{
  font-size: 26px;
}
.Headlines a{
  color:#ffffff;
  transition:0.5s;
}
.Greaterthan1>div{
  flex:1;
  margin-left:40px;
}
.Greaterthan1>div:first-of-type{
  margin-left:0;
}
.Greaterthan1 div:nth-child(1) a{
  text-align:center;
  text-align-last: center;
}
.medal{
  position:absolute;
  z-index:99;
  width:449px;
  border-radius: 20px;
  background-color:#ffffff;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
  right:-229px;
  bottom:5px;
  opacity:0.7;
  overflow:hidden;
  padding-bottom:5px;
  transition:0.5s;
  transform-origin: 100% 100%;
}
.medal:hover{
  right:20px;
  opacity:1;
}
.banner-box,.video-slide{
  position:relative;
}
.video-slide{
  z-index:10;
}
.medal-top,.medal-top-bg{
  position:relative;
}
.medal-top-bg{
  z-index:10;
}
.medal-top-more-link{
  position:absolute;
  z-index:99;
  bottom:17px;
  right:0;
}
.medal-top-more{
  width:223px;
}
.medal-column{
  display:flex;
  color:#707070;
}
.medal-list{
  margin-top:16px;
}
.medal-column-unit,.medal-list-unit-unit{
  flex:1;
  font-size:18px;
  text-align:center;
}
.medal-list-unit-unit{
  position:relative;
}
.gold-bg{
  width: 43px;
}
.code-bg{
  width:26px;
}
.gold-bg{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:10;
}
.medal-column-unit.nation,.medal-list-unit-unit.nation,.medal-column-unit.total,.medal-list-unit-unit.total{
  flex:none;
  width:22%
}
.medal-column-unit.gold,.medal-column-unit.silver,.medal-column-unit.copper{
  font-weight:bold;
}
.medal-column-unit.gold{
  color: #bf7500;
}
.medal-column-unit.silver{
  color: #454441;
}
.medal-column-unit.copper{
  color: #b24726;
}
.medal-list-unit{
  display:flex;
  color: #001237;
  align-items:center;
  border-radius:0 20px 20px 0;
  background-image: linear-gradient(267deg, 
		#ffcd92 0%, 
		#ff63e3 100%);
  height:60px;
}
.medal-list-unit:nth-child(2){
  background-image: linear-gradient(267deg, 
		rgba(255,205,146,0.41) 0%, 
		rgba(255,99,227,0.41) 100%);
}
.medal-list-unit:nth-child(3){
  background-image: linear-gradient(267deg, 
		rgba(255,205,146,0.29) 0%, 
		rgba(255,99,227,0.29) 100%);
}
.medal-list-unit:nth-child(4){
  background-image: linear-gradient(267deg, 
		rgba(255,205,146,0.18) 0%, 
		rgba(255,99,227,0.18) 100%);
}
.medal-list-unit:nth-child(5){
  background-image: none;
}
.z99{
  position:relative;
  z-index:99;
}
.medal-list-unit:first-of-type .medal-list-unit-unit.rank{
  font-weight:bold;
}
.medal-list-unit-unit.gold{
  color: #bf7500;
}
.medal-list-unit-unit.sliver{
  color: #454441;
}
.medal-list-unit-unit.copper{
  color: #b24726;
}
.medal-list-unit:first-of-type .medal-list-unit-unit.gold,.medal-list-unit:first-of-type .medal-list-unit-unit.sliver,.medal-list-unit:first-of-type .medal-list-unit-unit.copper{
  font-size: 22px;
  color:#2d2c26;
  font-weight:bold;
}
.medal-list-unit-unit.rank{
  color:#ffffff;
  font-size:21px;
}
.column-title-box{
  margin-top:60px;
  display:block;
  position:relative;
}
.column-title{
  width:100%;
  position:relative;
  z-index:10;
}
.column-more-box{
  width:90px;
  position:absolute;
  z-index:99;
  right: calc(72 / 1254 * 100%);
  bottom:24px;
}
.column-more{
  width:100%;
}
.column-swiper{
  height:calc( 1280px * 9 / 16 );
  border-radius: 0px 0px 20px 20px;
  overflow: hidden;
}
.column-swiper .column-swiper-button-next,.column-swiper .column-swiper-button-prev{
  display:none;
}
.olympiad-items-content-swiper-button-next,.olympiad-items-content-swiper-button-prev{
  display:none;
}
.column-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  background-color: #8399c5;
}
.column-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #d9c37a;
}
.column-swiper .column-swiper-slide-title-bac{
  background-image: linear-gradient(0deg, #021d52, rgba(2, 29, 82, 0.82), rgba(255, 255, 255, 0) 100%);
}
.schedule-box{
  margin-top:60px;
  background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/schedule-bg.jpg);
  background-repeat:repeat;
  padding-bottom:84px;
  background-size:auto 100%;
  background-position:center center;
}
.schedule-box .column-title-box{
  margin-top:0;
  height:63px;
}
.column-title-empty .column-more-box{
  right: calc( 24 / 1254 * 100% );
  bottom:50%;
  transform:translateY(50%);
}
.schedule-content{
  border-radius: 20px;
  overflow: hidden;
}
.schedule-content-swiper .swiper-slide{
  transform:translate(0,0);
}
.schedule-content-swiper-slide-inner{
  overflow-y:auto;
  overflow-x:hidden;
  height:514px;
}
.schedule-content-swiper{
  background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/schedule-bg1.png);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:0 0;
}
.schedule-content-title{
  display:flex;
  align-items:center;
  justify-content:center;
  height:115px;
  background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/schedule-bg1-top.png);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:0 0;
  position:fixed;
  left:0;
  top:0;
  width:100%;
}
.schedule-content-title-left{
  width:calc( ( 125 + 220 ) / 1254 * 100% );
  flex:none;
}
.schedule-content-title-right{
  flex:none;
  margin-left:22px;
  font-size:30px;
  height:45px;
  line-height:45px;
  color: #ffffff;
}
.schedule-content-title-right-white{
  width: 56px;
  height: 45px;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 0 13px;
  color: #32312c;
  text-align:center;
  display:inline-block;
}
.schedule-content-list{
  margin-top:115px;
}
.schedule-content-list-unit{
  display:flex;
  align-items:center;
  justify-content:center;
  height:125px;
}
.schedule-content-list-unit-icon{
  flex:none;
  width:calc( 86 / 1254 * 100% );
}
.schedule-content-list-unit-content,.schedule-content-list-unit-name{
  background-color: #ffffff;
  border-radius: 20px;
  height:42px;
  line-height:42px;
  font-size: 22px;
}
.schedule-content-list-unit-content{
  margin-left:calc( 20 / 1254 * 100% );
  color: #32312c;
  padding:0 31px;
}
.schedule-content-list-unit-name{
  color: #0088cc;
  font-weight:bold;
  margin-left:calc( 53 / 1254 * 100% );
  padding:0 70px;
}
.schedule-content-swiper .schedule-content-swiper-button-prev,.schedule-content-swiper .schedule-content-swiper-button-next{
  filter: drop-shadow(rgba(0, 0, 0,0.4) 0px 0px 8px);
  width:58px;
  height:unset;
}
.schedule-content-swiper .schedule-content-swiper-button-next{
  right:calc( 10 / 1254 * 100% );
}
.schedule-content-swiper .schedule-content-swiper-button-prev{
  left:calc( 10 / 1254 * 100% );
}
.schedule-content-swiper-slide-inner::-webkit-scrollbar{
  width: 0.4vw;
  height: 0.4vw;
}
.schedule-content-swiper-slide-inner::-webkit-scrollbar-corner{
  background: rgba(0, 0, 0, 0.3);
}
.schedule-content-swiper-slide-inner::-webkit-scrollbar-thumb{
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1vw;
}
.schedule-content-swiper-slide-inner::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1vw;
}
.power-content{
  display:flex;
  margin-top:22px;
  justify-content:center;
}
.power-content-swiper{
  width:calc( 470 / 1254 * 100% );
  height:calc( 450px * 16 / 9 + 53px + 8px + 10px );
  padding-top:10px;
}
.power-content-swiper-slide-inner{
  width:450px;
  margin-left:auto;
  margin-right:auto;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
  height:calc( 450px * 16 / 9 );
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
}
.power-content-swiper .power-content-swiper-button-next,.power-content-swiper .power-content-swiper-button-prev{
  bottom:8px;
  top:unset;
  width:38px;
  height:unset;
  filter: drop-shadow(rgba(223,223,223,0.4) 0px 0px 8px);
}
.power-content-swiper .power-content-swiper-button-next{
  right:calc( 140 / 450 * 100% );
}
.power-content-swiper .power-content-swiper-button-prev{
  left:calc( 140 / 450 * 100% );
}
.focus-list .common-column-list-unit-img{
  overflow:hidden;
  border-radius: 20px;
  transform:scale(0.975);
  position:relative;
  z-index:99;
  transform-origin:0 0;
  height:calc( 601px * 9 / 16 );
}
.focus-list .common-column-list-unit-img-bg{
  background-color:rgba(217,157,199,1);
  transform-origin:100% 100%;
  left:0;
  top:0;
  position:absolute;
  z-index:10;
}
.focus-list .common-column-list-unit{
  position:relative;
}
body .focus-list{
  margin-top:40px;
}
body .news-list{
  margin-top:0;
}
.focus-list .common-column-list-unit{
  width:calc( 601 / 1280 * 100% );
  margin-top:43px;
  padding-bottom:17px;
}
.focus-list .common-column-list-unit:nth-child(-n+2){
  margin-top:0;
}
.focus-list .common-column-list-unit-title{
  color: #cbc8ff;
}
.focus-list .common-column-list-unit-title:hover{
  color: #d9c37a;
}
.focus-list .common-column-list-unit-text{
  color: #9693d1;
}
.focus-list .common-column-list-unit-text:hover{
  color: #7fa6f2;
}
.focus-list .common-column-list-unit-bottom{
  justify-content:flex-end;
}
.focus-list .common-column-list-unit-bottom-time{
  color: #9692d1;
}
.focus-list .common-column-list-unit:hover{
  background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(43,73,132,1),rgba(0,0,0,0));
}
.focus-list .common-column-list-unit-text{
  height:67px;
}
.focus-list .common-column-list-unit-title{
  -webkit-line-clamp: 1;
  height:unset;
}
body .news-list{
  display:block;
}
.news-list .common-column-list-unit{
  width:100%;
}
.news-list.common-column-list-ur .common-column-list-unit-img{
  width:calc( 380 / 1280 * 100% );
}
.news-list .common-column-list-unit-img{
  height: calc( 380px * 9 / 16 );
}
.news-list.common-column-list-ur .common-column-list-unit{
  padding-bottom:0;
}
.news-list .common-column-list-ur .common-column-list-unit:hover{
  background-image:none;
}
.news-list-unit{
  padding-top:45px;
  padding-bottom:45px;
}
.news-list-unit:hover{
  background-color:rgba(43,73,132,1);
}
.news-list .common-column-list-unit-text{
  -webkit-line-clamp: 4;
  height:unset;
}
.picture-content-swiper-slide-inner{
  height:calc( 1280px * 9 / 16 );
}
.picture-content-swiper-slide-inner .imgBox-box{
  z-index:10;
}
.picture-content{
  margin-top:32px;
  position:relative;
}
.picture-content .picture-content-swiper-button-next,.picture-content .picture-content-swiper-button-prev{
  width:38px;
  height:unset;
}
.picture-content-swiper{
  box-shadow: 3px 3px 22px 7px 
    rgba(6, 28, 73, 0.65);
  border-radius: 20px;
}
.picture-content .picture-content-swiper-button-next{
  right:-20px;
}
.picture-content .picture-content-swiper-button-prev{
  left:-20px;
}
.video-list .common-column-list-unit,.explanation-box .common-column-list-unit{
  width:24%;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  background-color: #1e3e7d;
  border-radius: 20px;
}
.video-list .common-column-list-unit:hover,.explanation-box .common-column-list-unit:hover{
  background-color: #5b5294;
  background-image:none;
}
.video-list .common-column-list-unit-img,.explanation-box .common-column-list-unit-img{
  height:calc( ( ( 1280px * 0.24 ) - 8px - 8px ) * 9 / 16 );
}
.common-column-list-unit-img-box{
  position:relative;
}
.video-list .common-column-list-unit-title,.explanation-box .common-column-list-unit-title{
  -webkit-line-clamp: 2;
  height: 48px;
}
.video-list .imgBox{
  z-index:10;
}
.video-list .video-list-unit-play{
  position:absolute;
  width:15%;
  bottom:5%;
  left:5%;
  z-index:99;
}
.video-list .video-list-unit-play-img{
  width:100%;
}
body .paris-box{
  margin-top:60px;
  display:block;
}
.paris-title{
  width:100%;
}
.paris-box-flex{
  display:flex;
  justify-content:center;
  background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/Paris-bg.png);
  width:100%;
  background-size:100% auto;
  background-position:0 0;
  background-repeat:no-repeat;
}
.paris-box-left{
  flex:none;
}
.paris-box-right{
  flex:none;
  margin-left:150px;
  margin-top:-8vw;
}
.paris-box-item-title{
  color:#ffffff;
  font-size: 26px;
  font-weight:bold;
  background-image: linear-gradient(18deg, 
		#ae3d00 7%, 
		#d36a45 31%, 
		#c6521f 50%, 
		#bc4206 62%, 
		#d36a46 100%);
  border-radius: 6px;
  height: 43px;
  line-height:43px;
  padding-left:15px;
  padding-right:15px;
  display: inline-block;
}
.paris-box-item-content{
  position:relative;
  width:100%;
  height:447px;
  width:423px;
  margin-top:5px;
  cursor:pointer;
}
.paris-box-item-2 .paris-box-item-content{
  width: 439px;
  height: 279px;
}
.paris-box-item-2 .paris-box-item-content-white-bg-img{
  width:calc( 269 / 423 * 100% );
}
.paris-box-item-3 .paris-box-item-content{
  width: 490px;
  height: 280px;
}
.paris-box-item-4 .paris-box-item-content{
  width: 425px;
  height: 455px;
}
.paris-box-item-4 .paris-box-item-content-white-bg-img{
  width: calc( 385 / 423 * 100%);
}
.paris-box-item-5 .paris-box-item-content{
  width: 490px;
  height: 350px;
}
.paris-box-item-5 .paris-box-item-content-white-bg-img{
  width: calc( 385 / 423 * 100%);
}
.focus-list .paris-box-item-content .common-column-list-unit-img{
  width:100%;
  height:100%;
}
.paris-box-item-content-white-bg{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#ffffff;
  position:absolute;
  z-index:99;
  left:0;
  top:0;
  height:100%;
  transition:0.5s;
  opacity:1;
}
.paris-box-item-content-blue-bg{
  background-color: #2b4984;
  width:100%;
  height:100%;
  color:#ffffff;
  font-size: 19px;
  padding:30px;
  overflow-x:hidden;
  overflow-y:auto;
  line-height: 30px;
  z-index:50;
  position:relative;
}
.paris-box-item-content-text{
  margin-top:10px;
  text-align:justify;
}
.paris-box-item-content-text:first-of-type{
  margin-top:0;
}
.paris-box-item-content:hover .paris-box-item-content-white-bg{
  opacity:0;
  z-index:40;
}
.paris-box-item-content-blue-bg::-webkit-scrollbar{
  width: 0.4vw;
  height: 0.4vw;
}
.paris-box-item-content-blue-bg::-webkit-scrollbar-corner{
  /*background: rgba(0, 0, 0, 0.3);*/
}
.paris-box-item-content-blue-bg::-webkit-scrollbar-thumb{
  background: rgba(154,182,239, 1);
  border-radius: 1vw;
}
.paris-box-item-content-blue-bg::-webkit-scrollbar-track{
  background-color: #172f5f;
  border-radius: 1vw;
}
.paris-box-item-content-white-bg-img{
  flex:none;
  width: calc( 350 / 423 * 100%);
}
.paris-box-item{
  margin-top:35px;
}
.paris-box-item:first-of-type{
  margin-top:0;
}
.explanation-box{
  padding-bottom:5px;
}
.explanation-content{
  display:flex;
  margin-top:33px;
  align-items:center;
  justify-content:space-between;
}
.explanation-content-wap{
  display:none;
}
.explanation-content-left{
  margin-left:calc( 72 / 1254 * 100% );
  flex: none;
  width: calc(180 / 1254* 100%);
  margin-top:-32px;
}
.explanation-content-swiper{
  flex:none;
  height:320px;
  width:calc( ( 305 * 3 + 13 * 2 ) / 1254 * 100% );
  margin-left:unset;
  margin-right:unset;
}
.explanation-box .common-column-list-unit{
  width:100%;
}
.explanation-box .common-column-list-unit-img{
  height:calc( 295.66px * 9 / 16 );
}
.explanation-box .swiper-container-horizontal>.swiper-pagination-bullets{
  bottom:0;
}
.explanation-content-swiper .swiper-pagination-bullet{
  width:123px;
  background-color: #8399c5;
  border-radius: 9px 9px 0px 0px;
  opacity:1;
}
.explanation-content-swiper .swiper-pagination-bullet-active{
  background-color: #d9c37a;
}
.schedule-content-list-unit{
  justify-content:flex-start;
  padding:0 calc( 37 / 1280 * 100% ) 0 calc( 17 / 1280 * 100% );
}
.schedule-content-list-unit:first-of-type{
  border-top:0;
}
.schedule-content-list-unit-right{
  flex:1;
  display:flex;
  align-items:center;
}
.schedule-content-list-unit-content{
  padding:0;
  width:calc( 350 / 1280 * 100% );
  text-align:center;
}
.schedule-content-list-unit-name{
  padding:0;
  flex:1;
  text-align:center;
}
.explanation-box .paris-box-flex{
  margin-top:42px;
  justify-content:space-between;
}
.explanation-box .paris-box-right{
  margin-left:0;
  margin-top:0;
}
.explanation-box .paris-box-item-title{
  width:100%;
}
.explanation-box .paris-box-right,.explanation-box .paris-box-left{
  width:calc( 620 / 1280 * 100% );
}
.explanation-box .paris-box-item{
  width:100%;
}
.explanation-box .paris-box-item-content{
  width:100%;
  height:360px;
}
.explanation-box .paris-box-item-content-white-bg-img{
  width:calc( 580 / 620 * 100% );
}
.explanation-box .paris-box-left .paris-box-item-title{
  background-image: linear-gradient(83deg, 
		#0b7ba9 33%, 
		#1e8db8 54%, 
		#309ec7 100%);
}
.explanation-box .paris-box-right .paris-box-item-title{
  background-image: linear-gradient(225deg, 
		#8e389b 0%, 
		#8d3e9a 19%, 
		#8b4398 58%, 
		#a863b0 100%);
}
.explanation-box .paris-box-flex{
  background-image:none;
}
.explanation-box{
  background-image: url(https://tkww-static.tkww.hk/special/olympiad2024/Paris-bg.png);
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.explanation-box .paris-box-item-content-blue-bg-flex{
  display:flex;
  flex-wrap:wrap;
}
.explanation-box .paris-box-item-content-blue-bg-flex .paris-box-item-content-text{
  flex:none;
  width:50%;
  margin-top:0;
}
@media (min-width:1099px){
  .Headlines a:hover{
    /*color:#ffb052;*/
  }
}
@media (max-width:1460px){
  .picture-content .picture-content-swiper-button-next{
    right:5px;
  }
  .picture-content .picture-content-swiper-button-prev{
    left:5px;
  }
}
@media (max-width:1400px){
  .olympiad-items-img-box{
    width: 8vw;
    height: 8vw;
  }
  body .olympiad-items-content-swiper{
    height:15.5vw;
  }
  .medal{
    transform: scale(0.8);
  }
  .column-swiper,.picture-content-swiper-slide-inner{
    height:calc( 91vw * 9 / 16 - 0.8vw );
  }
  .power-content-swiper-slide-inner{
    width:30vw;
    height:calc( 30vw * 16 / 9 );
  }
  .power-content-swiper{
    height:59vw;
  }
  .focus-list .common-column-list-unit-img{
    height:calc( 91vw * 601 / 1280 * 9 / 16 );
  }
  .news-list .common-column-list-unit-img{
    height:calc( 91vw * 380 / 1280 * 9 / 16 );
  }
  .video-list .common-column-list-unit-img, .explanation-box .common-column-list-unit-img{
    height: calc( ( ( 91vw * 0.24 ) - 8px - 8px ) * 9 / 16);
  }
  .video-list .common-column-list-unit-title, .explanation-box .common-column-list-unit-title{
    height:4vw;
  }
  .paris-box-right{
    margin-left:6vw;
  }
  .paris-box-item-content{
    width: 29vw;
    height: 31vw;
  }
  .paris-box-item-2 .paris-box-item-content{
    width: 32vw;
    height: 20vw;
  }
  .paris-box-item-3 .paris-box-item-content{
    width: 35vw;
    height: 20vw;
  }
  .paris-box-item-4 .paris-box-item-content{
    width: 30vw;
    height: 33vw;
  }
  .paris-box-item-5 .paris-box-item-content{
    width: 35vw;
    height: 25vw;
  }
  .explanation-box .column-title-box{
    transform: translateY(-1vw);
  }
  .explanation-content-swiper{
    height:24vw;
  }
  .schedule-content-list-unit{
    height:12vw;
  }
  .schedule-content-list-unit-content, .schedule-content-list-unit-name{
    font-size: 1.8vw;
    line-height: 3vw;
    height: 3vw;
  }
  .explanation-box .paris-box-item-content{
    height:25vw;
  }
  .explanation-box .paris-box-item-title{
    font-size:1.8vw;
  }
  .explanation-box .paris-box-item-content-blue-bg{
    font-size:1.5vw;
    line-height:2.5vw;
    padding:2vw;
  }
  .explanation-box .paris-box-item-title{
    height: 4vw;
    line-height: 4vw;
  }
}
@media (max-width:1099px){
  body .olympiad-items-content-swiper{
    height:19.5vw;
  }
  .column-more-box{
    bottom:1.5vw;
  }
  .power-content-swiper{
    height:62vw;
  }
  .medal{
    transform: scale(0.6);
  }
  .Headlines{
    padding: 7vw 0 4vw 0;
  }
  .HeadlinesFirst-img{
    width: 4vw;
    margin-right: 2vw;
  }
  .HeadlinesFirst-title{
    font-size: 3.2vw;
  }
  .Greaterthan1{
    margin-top: 2vw;
  }
  .Greaterthan1 a{
    font-size: 2vw;
  }
  .Headlines-left,.Headlines-right{
    bottom:7vw;
  }
  .video-list .common-column-list-unit-title, .explanation-box .common-column-list-unit-title{
    height:4.4vw;
  }
  .explanation-content-swiper{
    height:26vw;
  }
  .explanation-box .paris-box-item-title{
    font-size:1.9vw;
  }
  .explanation-box .paris-box-item-content-blue-bg{
    font-size:1.7vw;
  }
  .Greaterthan1>div{
    margin-left:3vw;
  }
}
@media (max-width:767px){
  .Greaterthan1>div:nth-child(n+2){
    display:none;
  }
  .olympiad-items-img-box {
    width: 17vw;
    height: 17vw;
  }
  .title-img{
    width:25vw;
  }
  .title-img-more{
    font-size:4.5vw;
  }
  .Headlines .HeadlinesFirst-title{
    max-width:100%;
    color: #ffffff;
    font-size: 5.87vw;
    font-weight:bolder;
    line-height: 6.8vw;
  }
  .Greaterthan1{
    display:block;
  }
  .Greaterthan1 a,.Headlines .HeadlinesFirst-title{
    text-align:center;
  }
  .Greaterthan1 a{
    font-size: 4.27vw;
    height: unset;
    line-height: 5.2vw;
  }
  .Greaterthan1 div{
    padding-top:1vw;
    padding-bottom:0;
    height:unset;
  }
  .Greaterthan1 div:nth-child(1) a{
    text-align:center;
    text-align-last: center;
  }
  .Greaterthan1 div:nth-child(2){
    border-left:0;
  }
  .report-roll-box{
    padding: 6vw;
    margin-top:3.33vw;
    padding:1.6vw 1.87vw;
  }
  .report{
    margin-top:7vw;
  }
  .medal,.Headlines-left,.Headlines-right{
    display:none;
  }
  .Headlines{
    width:100%;
    padding: 7vw 0 0 0;
  }
  .column-title-box{
    margin-top:7vw;
  }
  .schedule-box{
    margin-top:7vw;
    background-image: none;
  }
  .column-more-box{
    width:12vw;
  }
  .schedule-box .column-title-box{
    height:8vw;
  }
  .column-swiper,.picture-content-swiper-slide-inner{
    height:calc( ( 100vw - 1.87vw - 0.87vw ) * 9 / 16 );
  }
  .schedule-content-title-left{
    width:38vw;
  }
  .schedule-content-title-right{
    font-size:4vw;
    margin-left:2vw;
    height: 6vw;
    line-height: 6vw;
  }
  .schedule-content-title-right-white{
    width: 7vw;
    height: 6vw;
    margin:0 1vw;
    border-radius: 1.33vw;
  }
  .schedule-content-swiper{
    background-image: none;
    height:75vw;
  }
  .schedule-content-swiper-slide-inner{
    height:68.67vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    background-color:#c5d8fe;
    border-radius: 0 0 20px 20px;
  }
  .schedule-content-title{
    background-image:url(https://tkww-static.tkww.hk/special/olympiad2024/schedule-bg1-top.png);
    height:15.5vw;
  }
  .schedule-content-list{
    margin-top:15.5vw;
  }
  .schedule-content-swiper .schedule-content-swiper-button-prev, .schedule-content-swiper .schedule-content-swiper-button-next{
    width: 7.8vw;
    top:unset;
    bottom:0;
  }
  .schedule-content-swiper .schedule-content-swiper-button-next{
    right:37vw;
  }
  .schedule-content-swiper .schedule-content-swiper-button-prev{
    left:37vw;
  }
  .schedule-content-list-unit{
    height:18vw;
  }
  .schedule-content-list-unit-icon{
    width:12vw;
  }
  .schedule-content-list-unit-content{
    padding:0 2vw;
  }
  .schedule-content-list-unit-content, .schedule-content-list-unit-name{
    border-radius: 3vw;
    height: 6vw;
    line-height: 6vw;
    font-size: 3.2vw;
  }
  .schedule-content-list-unit-name{
    padding:0 2vw;
  }
  .schedule-box{
    padding-bottom:0;
  }
  .power-content{
    margin-top:4vw;
  }
  .power-content-swiper .power-content-swiper-button-next, .power-content-swiper .power-content-swiper-button-prev{
    width:6vw;
  }
  .power-content-swiper{
    width:45vw;
  }
  .power-content-swiper-slide-inner{
    width: calc(45vw - 10px);
    height: calc((45vw - 10px)* 16 / 9);
  }
  .power-content-swiper{
    height:88vw;
  }
  body .focus-list{
    margin-top:4vw;
    display:block;
  }
  .focus-list .common-column-list-unit{
    width:100%;
    display: flex;
  }
  .focus-list .common-column-list-unit-img{
    width: 45.47vw;
    height: calc(45.47vw* 9 / 16);
    flex:none;
  }
  .focus-list .common-column-list-unit-content{
    margin-left:3vw;
  }
  .focus-list .common-column-list-unit-text{
    display:none;
  }
  .focus-list .common-column-list-unit-title{
    -webkit-line-clamp: 3;
    height:unset;
  }
  .focus-list .common-column-list-unit{
    margin-top:0;
    padding-bottom:4vw;
  }
  .focus-list .common-column-list-unit:hover{
    background-image: none;
  }
  .news-list.common-column-list-ur .common-column-list-unit-img{
    width: 45.47vw;
    height: calc(45.47vw* 9 / 16);
  }
  .news-list-unit{
    padding-top:0;
    padding-bottom:4vw;
  }
  .news-list-unit:hover{
    background-color:unset;
  }
  .video-list .common-column-list-unit, .explanation-box .common-column-list-unit{
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:4vw;
    background-color: unset;
  }
  .video-list .common-column-list-unit:hover, .explanation-box .common-column-list-unit:hover{
    background-color: unset;
  }
  .news-list-unit:nth-child(n+5){
    display:none;
  }
  .olympiad-items-content{
    background-color:rgba(43, 73, 132, 1);
    background-image:none;
    padding-top:4vw;
  }
  body .olympiad-items-content-swiper{
    height:unset;
  }
  .olympiad-items-content-swiper-button-next,.olympiad-items-content-swiper-button-prev{
    display:block;
  }
  body .olympiad-items-content-swiper.swiper-container-horizontal>.swiper-pagination-bullets{
    display:none;
  }
  .olympiad-items-content-swiper-button-next, .olympiad-items-content-swiper-button-prev{
    width:9vw;
    height:unset;
  }
  .picture-content .picture-content-swiper-button-next, .picture-content .picture-content-swiper-button-prev{
    width:9vw;
  }
  body .paris-box{
    margin-top:7vw;
  }
  .paris-box-item-title{
    font-size:3.73vw;
    height: 6vw;
    line-height: 6vw;
    padding-left:1.6vw;
    padding-right:1.6vw;
  }
  .paris-box-item-content{
    width: 40vw;
    height: 43vw;
  }
  .paris-box-item-2 .paris-box-item-content{
    width:46vw;
    height:29vw;
  }
  .paris-box-item-3 .paris-box-item-content{
    width:46vw;
    height:26vw;
  }
  .paris-box-item-4 .paris-box-item-content{
    width:40vw;
    height:43vw;
  }
  .paris-box-item-5 .paris-box-item-content{
    width:46vw;
    height:33vw;
  }
  .focus-list .paris-box-flex .common-column-list-unit-img{
    border-radius:1.33vw;
  }
  .paris-box-flex{
    background-image:none;
  }
  .paris-box-right{
    margin-left: 4vw;
  }
  .paris-box-right{
    margin-top: -12vw;
  }
  .paris-box-item{
    margin-top:4vw;
  }
  .paris-box-left{
    margin-top:6vw;
  }
  .explanation-content-wap{
    display:block;
  }
  .explanation-content{
    display:none;
  }
  .explanation-box{
    background-color:unset;
  }
  .paris-box-item-content-blue-bg{
    padding:2.8vw;
    line-height: 6vw;
    font-size:3.73vw;
  }
  .olympiad-items-content-swiper-button-next{
    right:0;
  }
  .olympiad-items-content-swiper-button-prev{
    left:0;
  }
  .picture-content{
    margin-top:4vw;
  }
  .schedule-content-list-unit{
    height: 26vw;
  }
  .schedule-content-list-unit-content, .schedule-content-list-unit-name{
    font-size: 4.27vw;
    line-height: 6vw;
    height: 6vw;
    margin-left:0;
  }
  .schedule-content-list-unit-content{
    width:100%;
  }
  .schedule-content-list-unit-name{
    flex:none;
    width:100%;
    margin-top:4vw;
  }
  .schedule-content-list-unit-right{
    display:block;
    margin-left:4vw;
  }
  .schedule-content-list-unit-icon{
    width:18vw;
  }
  .explanation-box .paris-box-left{
    margin-top:0;
  }
  .explanation-box .paris-box-item-title{
    font-size:3.73vw;
    height:8vw;
    line-height:8vw;
    text-align:justify;
  }
  .explanation-box .paris-box-item-content-blue-bg{
    font-size:3.73vw;
    line-height: 5.5vw;
  }
  .explanation-box .paris-box-flex{
    margin-top:4vw;
    display:block;
  }
  .explanation-box .paris-box-left,.explanation-box .paris-box-right{
    width:100%;
  }
  .explanation-box .paris-box-item-content{
    height:56vw;
  }
  .explanation-box .paris-box-right{
    margin-top:4vw;
  }
  .picture-content-swiper-slide-inner .column-swiper-slide-title-bac{
    padding: 0 2.4vw 3vw;
  }
}