:root{
  --column-title-height:68px;
}
body .flex-between{
  padding: 0;
  margin-top:60px;
}
.view-list-is-empty .flex-between-right{
  display:none;
}
.view-list-is-empty .flex-between-left{
  width:100%!important;
}
.view-list-is-empty .style-list .common-column-list-unit-img{
  width: calc(332 / 1280 * 100%);
}
.style-list .common-column-list-unit-text{
  display:none;
}
.view-list-is-empty .style-list .common-column-list-unit-text{
  display: -webkit-box;
  color:#1b56d6!important;
}
.view-list-is-empty .style-list .common-column-list-unit:hover .common-column-list-unit-text{
  color: #4800eb !important;
}
body .footer{
  margin-top:0;
  background-color: #0050e3;
}
.report{
  margin-top:60px;
  padding-bottom:123px;
  background-image:url(https://tkww-static.tkww.hk/special/15th-NationalGames/report_bg.png);
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:0 40px;
}
body .report .roll-view{
  margin-top:20px;
}
body .roll-list li{
  padding:10px;
}
body .roll-list a{
  box-shadow:0px 0px 9.3px 4.7px rgb(41, 129, 228);
}
.report .column-title-img{
  left:50%;
  transform:translateX(-50%);
}
.bg2{
  background-image: url(https://tkww-static.tkww.hk/special/15th-NationalGames/speak_bg.png),linear-gradient( to bottom,#95def8,#43a8fe );
  background-size:100% auto,100% 100%;
  background-position:0 72px,0 0;
  background-repeat:no-repeat,no-repeat;
}
.speak-box{
  padding-top:58px;
}
.speak-box .column-title-img{
  left:50%;
  transform:translateX(-50%);
}
.speak-content-row{
  display:flex;
  margin-top:50px;
}
.speak-content-row:first-of-type{
  margin-top:0;
}

.speak-content-row-unit{
  flex:none;
  width:calc( 550 / 1280 * 100% );
  margin-left:calc( 51 / 1280 * 100% );
  cursor:pointer;
}

.speak-content-row-unit:first-of-type{
  margin-left:0;
}
.speak-content-row:nth-child(2n) .speak-content-row-unit{
  margin-left:auto;
}
.speak-content-row-unit-title{
  position:relative;
  z-index:10;
  display: inline-block;
}
.speak-content-row-unit-title-inner{
  line-height:39px;
  position:relative;
  z-index:99;
  padding:0 16px;
  color:#ffffff;
  font-size:20px;
  border-radius: 14px 14px 0 0;
  background-color: #b564d9;
}
.speak-content-row-unit-title-bg{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:translate(5px,5px);
  border-radius: 14px 14px 0 0;
  background-color: #de2dad;
  z-index:10;
}
.speak-content-row-unit-content{
  width:100%;
  position:relative;
  margin-top:-1px;
}
.speak-content-row-unit-content-bg{
  border-radius: 0px 20px 20px 20px;
  background-color: #de2dad;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:translate(5px,5px);
  z-index:10;
}
.speak-content-row-unit-content-pic{
  border-radius: 0px 20px 20px 20px;
  background-color: #ffffff;
  z-index:199;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:0.5s;
}
.speak-content-row-unit:hover .speak-content-row-unit-content-pic{
  opacity:0;
  z-index:0;
}
.speak-content-row-unit-content-pic-img{
  height:calc( 100% - 20px );
  flex:none;
  object-fit: contain;
  max-width:80%;
}
.speak-content-row:first-of-type .speak-content-row-unit:nth-child(2) .speak-content-row-unit-content-pic-img{
  height:80%;
}
.speak-content-row-unit-content-text{
  position:relative;
  z-index:99;
  border-radius: 0px 20px 20px 20px;
  background-color: #b564d9;
  padding:24px 5px 24px 15px;
}
.speak-content-row-unit-content-text-inner{
  height: 258px;
  padding-right:10px;
  overflow-x:hidden;
  overflow-y:auto;
}
.speak-content-row-unit-content-text-unit{
  font-size: 18px;
  color: #ffffff;
  text-align:justify;
  line-height:25px;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-title{
  width:100%;
  background-color: #b564d9;
  border-radius: 20px;
  line-height: 25px;
  padding:0 30px;
  height:85px;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:justify;
  font-size:20px;
}
.speak-content-row:nth-child(3){
  justify-content:space-between;
}
.speak-content-row:nth-child(3) .speak-content-row-unit{
  width:calc( 405 / 1280 * 100% );
  margin-left:0;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-content{
  margin-top:12px;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-content-pic,.speak-content-row:nth-child(3) .speak-content-row-unit-content-text,.speak-content-row:nth-child(3) .speak-content-row-unit-content-text{
  border-radius: 20px;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner{
  height:439px;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-content-pic-img{
  max-width: 93%;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-content-text{
  background-color:#ffffff;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner-text{
  color: #ffffff;
  font-size:18px;
  text-align:justify;
  line-height:25px;
  background-color: #b564d9;
  padding:5px 9px;
  border-radius:20px 20px 0 0;
}
.speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner-img{
  width:100%;
}
.information-content-row{
  display:flex;
  justify-content:space-between;
}
.information-content-row-unit{
  flex:none;
  width:calc( 611 / 1280 * 100% );
}
.information-content-row-unit img{
  width:100%;
}
.information-content-unit,.information-content-unit img{
  width:100%;
}
.information-content-unit{
  margin-top:30px;
  display:block;
}
body .information-box .column-section{
  margin-top:0;
  padding:40px 0 44px;
  background-image:url(https://tkww-static.tkww.hk/special/15th-NationalGames/information_bg.png);
  background-size:100% 100%;
}
body .column-section.view-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.fourth-box .flex-between-right{
  width:calc( 612 / 1280 * 100% );
}
body .fourth-box .column-title-link{
  color: #a465e1;
}
body .fourth-box .news-box .column-title-link{
  color: #5493f6;
}
.focus-list .common-column-list-unit-inner{
  display: flex;
}
.focus-list.common-column-list-ur .common-column-list-unit{
  width:100%;
  position:relative;
}
.focus-list.common-column-list-ur .common-column-list-unit-inner{
  border-radius: 20px;
  background-color: #a954ef;
  position:relative;
  z-index:99;
}
.focus-list.common-column-list-ur .common-column-list-unit-bg{
  border-radius: 20px;
  background-color: #7523b9;
  width:100%;
  height:100%;
  position:absolute;
  z-index:10;
  transform:translate( 6px,5px );
}
.focus-list.common-column-list-ur .common-column-list-unit-img{
  height:unset;
  border-radius: 20px;
  width:calc( 332 / 612 * 100% );
  position:relative;
}
.focus-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
  margin-top:22.5px;
}
.focus-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit:first-of-type{
  margin-top:0;
}
.focus-list.common-column-list-ur .common-column-list-unit{
  display:block;
}
.focus-list .imgBox-box{
  padding-top:calc( 9 / 16 * 100% );
  z-index:10;
}
.focus-list .imgBox{
  position:absolute;
  left:0;
  top:0;
}
.focus-list .play-icon-link{
  width:30px;
  position:absolute;
  z-index:99;
  left:22px;
  bottom:16px;
}
.focus-list .play-icon{
  width:100%;
}
.focus-list .common-column-list-unit-title{
  color:#ffffff!important;
}
.focus-list .common-column-list-unit:nth-child(2n) .common-column-list-unit-inner{
  flex-direction:row-reverse;
}
.fourth-box .flex-between-left{
  width:calc( 603 / 1280 * 100% );
}
.news-list{
  background-color: #4c8af2;
  border-radius: 20px;
  overflow:hidden;
}
.news-list .common-column-list-unit{
  padding:21px 15px;
  position:relative;
  width:100%;
}
.news-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
  margin-top:0;
}
.news-list.common-column-list-ur .common-column-list-unit-img{
  display:none;
  width:calc( 332 / 586 * 100% );
  height:unset;
  border-radius: 20px;
}
.news-list .imgBox-box{
  padding-top:calc( 9 / 16 * 100% );
  height:unset;
}
.news-list .imgBox{
  position:absolute;
  left:0;
  top:0;
}
.news-list .common-column-list-unit-border{
  position:absolute;
  top:0;
  left:50%;
  width:100%;
  background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(0,0,0,0));
  height:3px;
  width:calc( 100% - 15px - 15px );
  transform:translateX(-50%);
}
.news-list .common-column-list-unit-inner{
  width:100%;
}
.news-list.common-column-list-ur .common-column-list-unit-content{
  padding:0;
}
.news-list.common-column-list-ur .common-column-list-unit-title{
  height:unset;
  color:#ffffff!important;
}
.news-list.common-column-list-ur .common-column-list-unit-active .common-column-list-unit-title{
  -webkit-line-clamp: 3;
}
.news-list.common-column-list-ur .common-column-list-unit.common-column-list-unit-active .common-column-list-unit-img{
  display:block;
}
.news-list.common-column-list-ur .common-column-list-unit.common-column-list-unit-active{
  background-color: #004ed0;
}
.news-list.common-column-list-ur .common-column-list-unit.common-column-list-unit-active .common-column-list-unit-inner-inner{
  display:flex;
}
.news-list.common-column-list-ur .common-column-list-unit.common-column-list-unit-active .common-column-list-unit-content{
  padding: 11px 0px 9px 11px;
}
.news-list.common-column-list-ur .common-column-list-unit-bottom-tag, .common-column-list-ur .common-column-list-unit-bottom-time{
  margin-left:auto;
  color:#ffffff;
}
.news-list.common-column-list-ur .common-column-list-unit:first-of-type .common-column-list-unit-border{
  display:none;
}
.view-list.common-column-list-ur .common-column-list-unit{
  width:calc( 316 / 677 * 100% );
  position:relative;
  padding:5px;
  background-image: linear-gradient(0deg, 
		#b6359c 0%, 
		#ef0a6a 100%);
  border-radius: 16px;
  overflow:hidden;
  margin-top:48px;
}
.view-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
  margin-top: 40px;
}
.style-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
  margin-top: 19px;
}
.style-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit:first-of-type{
  margin-top: 0;
}
.view-list.common-column-list-ur .common-column-list-unit-img{
  height:unset;
  position:relative;
  width:100%;
  border-radius: 16px;
}
.view-list.common-column-list-ur .common-column-list-unit-img .imgBox-box{
  padding-top:calc( 9 / 16 * 100% );
  position:relative;
}
.view-list.common-column-list-ur .common-column-list-unit-img .imgBox{
  position:absolute;
  left:0;
  top:0;
}
.view-list.common-column-list-ur .common-column-list-unit-content{
  position:absolute;
  height:46px;
  width:calc(100% - 5px - 5px );
  padding:0 11px;
  display:flex;
  align-items:center;
  background-color:rgba(255,255,255,0.6);
  left:5px;
  bottom:5px;
  z-index:99;
  flex-direction: row;
  border-radius: 0 0 16px 16px;
}
.view-list.common-column-list-ur .common-column-list-unit-content .common-column-list-unit-title{
  height:unset;
  color: #d72e00;
  width:100%;
}
.view-list.common-column-list-ur .common-column-list-unit:first-of-type{
  width:100%;
  margin-top:0;
}
.style-list{
  background-color: #b6deff;
  border-radius: 16px;
  border: solid 2px #68c1d5;
  padding:11px 0;
}
.style-list .common-column-list-unit-title{
  color: #1b56d6;
  height:unset;
}
.style-list .common-column-list-unit-bottom-time{
  color: #1b56d6;
  margin-left:auto;
}
.style-list .common-column-list-unit:hover .common-column-list-unit-title,.style-list .common-column-list-unit:hover .common-column-list-unit-bottom-time{
  color: #4800eb!important;
}
.style-list .common-column-list-unit-img{
  width:calc( 332 / 511 * 100% );
  border-radius: 20px;
  height:unset;
}
.style-list .imgBox-box{
  padding-top:calc( 9 / 16 * 100% );
  position:relative;
  height:unset;
}
.style-list .imgBox{
  position:absolute;
  left:0;
  top:0;
}
body .style-list.common-column-list-ur .common-column-list-unit{
  width:calc( 100% - 11px - 11px );
  margin-left:auto;
  margin-right:auto;
}
body .style-list.common-column-list-ur .common-column-list-unit-content{
  padding: 11px 0 9px 11px;
}
.bg1{
  background-image:linear-gradient( to bottom, #e9fab1,#adeff7 );
  padding-bottom:10px;
}
.second-box .flex-between-left{
  width:calc( 789 / 1280 * 100% );
}
.second-box .flex-between-right{
  width:calc( 446 / 1280 * 100% );
}
body .column-section{
  margin-top:25px;
  display:block;
}
.schedule-link-img{
  width:100%;
}

.map-content{
  width:100%;
  border-radius:20px;
  overflow:hidden;
}
.map-content-top{
  position:relative;
  background-color: #f94f91;
}
.map-content-bottom{
  background-color: #f94f91;
  height:24px;
}
.column-title{
  height:var(--column-title-height);
  position:relative;
}
.column-title-link{
  font-size: 18px;
  font-weight:bold;
  color: #008df7;
  position:absolute;
  right:28px;
  bottom:0;
}
.view-box .column-title-link{
  color: #d20016;
}
.column-title-img{
  height:100%;
  position:absolute;
  left:0;
  bottom:0;
}
.information-title{
  margin-top:60px;
}
.information-title .column-title-img{
  left:50%;
  transform:translateX(-50%);
  z-index:99;
  height:calc( 74 / 68 * 100% );
}
.MassSports-box .column-title-img{
  left:50%;
  transform:translateX(-50%);
  z-index:99;
  height:calc( 89 / 68 * 100% );
}
.column-section.MassSports-box{
  background-image: unset !important;
  padding:40px 0 0 !important;
}
body .MassSports-box .flex-between{
  margin-top:7px;
}
.MassSports-box .flex-between-left{
  width:calc( 617 / 1280 * 100% );
}
.MassSports-box .flex-between-left .common-column-list-unit-img{
  height:unset;
  padding-top:calc( 9 / 16 * 100% );
  position:relative;
  border-radius: 20px;
}
.MassSports-box .flex-between-left .imgBox-box{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.MassSports-box .common-column-list-unit{
  width:100%;
}
.MassSports-box .flex-between{
  align-items:center;
}
.MassSports-box .flex-between-left .common-column-list-unit{
  background-color: #caceff;
  border-radius: 20px;
  overflow:hidden;
}
.MassSports-box .flex-between-left .common-column-list-unit-title{
  height:unset;
  color: #7b17c8!important;
}
.MassSports-box .flex-between-left .common-column-list-unit-bottom-time{
  color: #7b17c8;
  margin-left:auto;
}
.MassSports-box .flex-between-left .common-column-list-unit-content{
  padding:0 12px;
}
.MassSports-box .flex-between-right{
  width:calc( 616 / 1280 * 100% );
}
.MassSports-box .flex-between-right .common-column-list-unit{
  margin-top:27px;
}
.MassSports-box .flex-between-right .common-column-list-unit:first-of-type{
  margin-top:0;
}
.MassSports-box .flex-between-right .common-column-list-unit-content{
  margin-top:0;
}
.MassSports-box .flex-between-right .common-column-list-unit-title{
  color: #ffffff!important;
}
.MassSports-box .flex-between-right .common-column-list-unit-bottom-hr{
  border-top: 1px solid #ffffff;
  transition:0.5s;
}
.MassSports-box .flex-between-right .common-column-list-unit-bottom-time{
  color: #ffffff;
  transition:0.5s;
}
.MassSports-box .flex-between-right .common-column-list-unit:hover .common-column-list-unit-title{
  color: #7b17c8!important;
}
.MassSports-box .flex-between-right .common-column-list-unit:hover .common-column-list-unit-bottom-time{
  color: #7b17c8;
}
.MassSports-box .flex-between-right .common-column-list-unit:hover .common-column-list-unit-bottom-hr{
  border-top: 1px solid #7b17c8;
}
.information-left,.information-right{
  height: calc(98 / 68 * 100%);
  bottom: -21px;
  position: absolute;
}
.information-left{
  left:5%;
}
.information-right{
  right:5%;
}
.view-box .column-title-img{
  height:calc( 91 / 68 * 100% );
}
.third-box .flex-between-left{
  width:calc( 537 / 1280 * 100% );
}
.third-box .flex-between-right{
  width:calc( 677 / 1280 * 100% );
}
.remark-box{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-top:6px;
}
.remark-title{
  flex:none;
  color:#f94f91;
  font-size: 12px;
}
.schedule-box .remark-title{
  color:#0dbab9;
}
.remark-img{
  flex:none;
  width:15px;
  margin-left:5px;
}
.map-content-top-title{
  position:absolute;
  z-index:99;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size: 24px;
  font-weight:bold;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.map-content-top-bg{
  position:relative;
  z-index:10;
  width:100%;
}
.water-shadow-inner-content-inner-unit-img-text{
  color: #ffffff;
  width: 100%;
  line-height: 23px;
  background-color: #78879e;
  padding:0 12px;
}
.water-shadow{
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:99;
  align-items:center;
  display:flex;
  background-color:rgba(0,0,0,0.7);
}
.water-shadow .main-box{
  flex:1;
  max-width:798px;
}
.water-shadow-inner{
  width:100%;
  padding:4px;
  background-image: linear-gradient(0deg, 
		rgba(248, 110, 101, 1) 0%, 
		#f56285 100%);
  position:relative;
  z-index:99;
  border-radius: 0 40px 0 0;
}
.water-shadow-inner-box{
  border-radius: 0 40px 0 0;
  background-color: #ffffff;
  padding-right:5px;
  padding-top:20px;
}
.water-shadow-inner-box-box{
  padding-top:9px;
  max-height:70vh;
  padding-bottom:11px;
}
.water-shadow-inner-content{
  width:94%;
  margin: 0 auto;
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  font-size: 16px;
  justify-content:space-between;
  text-align: justify;
}
.water-shadow-inner-content-inner-unit-text-unit{
  width:47%;
  flex:none;
  margin-top:2px;
}
.water-shadow-inner-content-inner-unit-text-unit-title{
  color: #f84792;
}
.water-shadow-desc .water-shadow-inner-content-inner-unit-text-unit:first-of-type .water-shadow-inner-content-inner-unit-text-unit-title{
  color: #d61f1c;
}
.water-shadow-inner-content-inner-unit-text-unit-text{
  color: #686868;
}
.water-shadow-inner-content-inner-unit{
  margin-top:35px;
  display:flex;
  align-items:flex-start;
}
.water-shadow-inner-content-inner-unit-img{
  width:calc( 382 / 743 * 100% );
}
.water-shadow-inner-content-inner-unit-right{
  flex:1;
}
.water-shadow-inner-content-inner-unit-text{
  margin-top:10px;
  color: #3c506b;
  line-height:25px;
  padding:0 12px;
  text-align:justify;
}
.water-shadow-inner-content-inner-unit-text-unit{
  margin-top:10px;
}
.water-shadow-inner-content-inner-unit-text-unit:nth-child( -n+2 ){
  margin-top:0;
}
.water-shadow-inner-content-inner{
  width:calc( 743 / 798 * 100% );
  margin:0 auto;
}
.water-shadow-close{
  width:40px;
  cursor:pointer;
  margin-right:-6px;
  flex:none;
}
.water-shadow-list{
  position:absolute;
  z-index:99;
}
.water-shadow-title-box{
  display:flex;
  justify-content:space-between;
  position:relative;
  z-index:10;
  align-items:center;
}
.water-shadow-title{
  line-height:41px;
  padding:0 40px;
  box-shadow: 0px 3px 19px 10px 
		rgba(41, 33, 5, 0.22);
  color:#ffffff;
  background-color: #f56285;
  border-radius: 7px 7px 0 0;
  flex:none;
}
.water-shadow-1 .water-shadow-title{
  background-color: #004eb8;
}
.swiper-box-right{
  padding:12px calc( 31 / 1280 * 100% );
}
.swiper-box-right-unit{
  width:calc( 204 / 1280 * 100% );
  margin-left:auto;
  border-radius: 12px;
  border: 0;
  margin-top:10px;
  overflow:hidden;
  cursor:pointer;
}
.swiper-box-right-unit:first-of-type{
  margin-top:0px;
}
.swiper-box-right-unit-active{
  border: solid 6px #04e593;
  border-radius: 0;
}
.swiper-box-right-inner-img{
  position:relative;
  padding-top:calc( 9 / 16 * 100% );
}
.swiper-box-right-inner-img .swiper-box-right-inner-img-inner{
  position:absolute;
  left:0;
  top:0;
}
.swiper-box{
  height:calc( 649 / 1280 * 100% );
  position:relative;
  background-image:linear-gradient( to right,#8e7cf6 calc( 1024 / 1280 * 100% ), #f245eb );
  border-radius: 20px;
  margin-top:86px;
}
body .swiper-box-left{
  position:absolute;
  left:0;
  bottom:0;
  width:calc( 1024 / 1280 * 100% );
  height:unset;
}
.swiper1-slide-inner-title{
  height:72px;
  padding:0 16px;
  display:flex;
  align-items:center;
  background-image:url(https://tkww-static.tkww.hk/special/15th-NationalGames/swiper_bottom.png),linear-gradient(to right,#42a4fe 80%,rgba(0,0,0,0));
  background-size:100% 100%,100% 100%;
}
.swiper1-slide-inner-title .common-column-list-unit-title{
  color:#ffffff!important;
  height:unset;
  font-size:22px;
  line-height:28px;
}
.swiper1-slide-inner-img{
  background-image:linear-gradient(87deg, 
		rgba(70, 163, 254, 1) 0%, 
		#8e7cf6 100%);
  padding:9px;
  border-radius:15px 15px 0px 0px;
}
.swiper1-slide-inner-img-inner .imgBox-box{
  position:relative;
  height:unset;
  padding-top:calc( 9 / 16 * 100% );
  border-radius:15px 15px 0px 0px;
  overflow: hidden;
}
.swiper1-slide-inner-img-inner .imgBox{
  position:absolute;
  left:0;
  top:0;
}
.time-box{
  width:360px;
  position:absolute;
  bottom:0;
  right:0;
  z-index:99;
  transform: translateX(87%);
  cursor:pointer;
  transition:0.5s;
}
.time-box:hover{
  transform: translateX(0%);
}
.time-box:hover .time-left{
  opacity:1;
}
.countdown-15-text{
  color: #5436fe;
  font-weight:bold;
  font-size: 70px;
  font-style: italic;
  position:absolute;
  transform:translate(-50%,-50%);
  top: 65%;
}
.countdown-15-text0{
  left: 42%;
}
.countdown-15-text1{
  left:58%;
}
.countdown-15-text2{
  left: 73%;
}
.time-bg{
  position:relative;
  width:100%;
}
.time-left,.time-right{
  width:74px;
  position:absolute;
  top:50%;
  left:0;
  transform:translate(-50%,-50%);
}
.time-left{
  opacity:0;
  z-index:99;
}
.chart-container {
  height: 572px;
  background: rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.medal-link{
  color:#ffffff;
  font-size:16px;
  right: 3%;
  bottom: 2%;
  position:absolute;
}
.medal-list-unit{
  display:flex;
  align-items:center;
  height:37px;
  border-radius:37px;
  overflow:hidden;
  margin-top:5px;
  background-image: linear-gradient(69deg, #2573e7, #2573e7 calc(106 / 676 * 100%), #ffffff calc(106 / 676 * 100%), #ffffff calc(116 / 676 * 100%), #fbe9c2 calc(85 / 676 * 100%));
}
.medal-list-unit:first-of-type{
  margin-top:0;
}
.medal-list-unit:first-of-type .medal-list-unit-unit{
  font-weight:bold;
}
.medal-list-unit:first-of-type .medal-list-unit-unit:first-of-type{
   font-weight:normal;
}
.medal-list-unit-unit{
  color: #090909;
  font-size: 16px;
  flex: none;
  text-align: center;
}
.medal-list-unit-unit.gold{
  margin-left: 3%;
  width: 12%;
}
.medal-list-unit-unit.silver,.medal-list-unit-unit.bronze{
  margin-left: 2%;
  width: 12%;
}
.medal-list-unit-unit.nation{
  margin-left: 3%;
  font-size:12px;
  width: 21%;
  line-height:15px;
}
.medal-list-unit-unit.total {
    width: 16%;
    margin-left: 2%;
}
.medal-list-unit-unit:first-of-type{
  color:#ffffff;
  width:14%;
}
.medal-list-unit:nth-child(-n+3){
  background-image: linear-gradient(69deg, #fa6259, #fa6259 calc(106 / 676 * 100%), #ffffff calc(106 / 676 * 100%), #ffffff calc(116 / 676 * 100%), #fbe9c2 calc(85 / 676 * 100%));
}
.medal-list-unit:nth-child(1){
  background-image: linear-gradient(69deg, #fa6259, #fa6259 calc(106 / 676 * 100%), #ffffff calc(106 / 676 * 100%), #ffffff calc(116 / 676 * 100%),rgba(255, 194, 161, 1) calc(85 / 676 * 100%), #ffb1bd 100%);
}
.medal-content-list{
  width:calc( 676 / 711 * 100% );
  margin:2px auto 0;
}
.medal-content{
  width:85%;
  margin:0 auto;
  position:absolute;
  top: 30%;
  left:0;
  right:0;
  background-color:#ffffff;
  border-radius: 0px 0px 33px 33px;
  padding: 1px 0 13px;
}
.medal-content-top{
  width:100%;
  height:44px;
  border-radius: 44px;
  border: solid 4px #ffffff;
  background-color: #2573e7;
  color:#ffffff;
  font-size: 16px;
  display:flex;
  align-items:center;
  margin-top:-22px;
  transform:scale( 1.01 );
}
.medal-content-top-unit{
  margin-left:calc( 65 / 711 * 100% );
}
.medal-content-top-unit:first-of-type{
  margin-left:calc( 30 / 711 * 100% );
}
.medal-box{
  position:absolute;
  z-index:99;
  bottom:0px;
  left:31px;
  width:468px;
}
.medal-bg{
  position:relative;
  width:100%;
  filter: drop-shadow(#0753d1 0px 0px 4.6px);
}
.menu-list-unit{
  border-top:0;
}
.menu-list-unit-bg{
  position:absolute;
  z-index:10;
  left:0;
  top:0;
  width:100%;
}
.relative{
  position:relative;
  z-index:10;
}
.menu-list-unit:nth-child(1){
  border-top:0;
}
.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;
  background-image:linear-gradient(45deg,#6a34e9,#479ffd)
}
.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:#ffffff;
  transition:0.5s;
  text-align:center;
}
.menu-list-unit:hover,.menu-list-unit-active{
  background-image: url( https://tkww-static.tkww.hk/special/15th-NationalGames/menu_active.jpg );
  background-size:100% 100%;
}
.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),#ffffff 20%,#ffffff 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;
}
.Headlines{
  width:68%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  margin-top:20px;
}
.Headlines-left,.Headlines-right{
  width:calc( ( 153 + 64 ) / 1280 / 0.8 * 100% );
  position:absolute;
  bottom:15px;
}
.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:#0362d2;
  transition:0.5s;
}
.Greaterthan1>div{
  flex:1;
  padding-left:20px;
  border-left:2px solid #0362d2;
  line-height:30px;
}
.Greaterthan1>div:first-of-type{
  padding-right:20px;
  padding-left:0;
  border-left:0;
}
.Greaterthan1 div:nth-child(1) a{
  text-align:right;
  text-align-last: right;
}
@media (max-width:1500px){
  .medal-box{
    transform: scale(0.8);
    transform-origin: 0 100%;
  }
  .time-box{
    transform: scale(0.8) translateX(87%);
    transform-origin: 100% 100%;
  }
  .time-box:hover{
    transform: scale(0.8) translateX(0%);
  }
}
@media (max-width:1400px){
  .menu-list{
    left:4.5vw;
    width: 104px;
  }
  .menu-list-unit{
    font-size: 16px;
    padding: 5px;
  }
  :root{
    --column-title-height: 5vw;
  }
  .chart-container{
    height:40vw;
  }
  .speak-content-row-unit-content-text-inner{
    height:16vw;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner{
    height:27vw;
  }
}
@media (max-width:1200px){
  .medal-box{
    transform: scale(0.6);
  }
  .time-box{
    transform: scale(0.6) translateX(87%);
  }
  .time-box:hover{
    transform: scale(0.6) translateX(0%);
  }
}
@media (max-width:900px){
  .medal-box{
    transform: scale(0.5);
  }
  .time-box{
    transform: scale(0.5) translateX(87%);
  }
  .time-box:hover{
    transform: scale(0.5) translateX(0%);
  }
}
@media (max-width:1099px){
  .Greaterthan1>div{
    line-height:3vw;
  }
  .view-list.common-column-list-ur .common-column-list-unit-content{
    height:32px;
  }
  .Headlines{
    padding: 0vw 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;
  }
  .map-content-top-title{
    font-size:16px;
  }
  .style-list .common-column-list-unit-title{
    -webkit-line-clamp: 2;
  }
  .style-list .common-column-list-unit-img{
    width: calc(281 / 511 * 100%);
  }
  .view-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
    margin-top: 20px;
  }
  .view-list.common-column-list-ur .common-column-list-unit:first-of-type{
    margin-top: 0;
  }
  .style-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
    margin-top: 39px;
  }
  .news-list.common-column-list-ur .common-column-list-unit-active .common-column-list-unit-title{
    -webkit-line-clamp: 2;
  }
  .focus-list.common-column-list-ur .common-column-list-unit-img{
    width: calc(365 / 612 * 100%);
  }
  .focus-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
    margin-top: 57.5px;
  }
}
@media (min-width:768px){
  .speak-content-row-unit-content-text-inner::-webkit-scrollbar{
    width: 6px;
    height: 6px;
  }
  .speak-content-row-unit-content-text-inner::-webkit-scrollbar-button{
    display: none;
  }
  .speak-content-row-unit-content-text-inner::-webkit-scrollbar-corner{
    background: rgba(0, 0, 0, 0);
  }
  .speak-content-row-unit-content-text-inner::-webkit-scrollbar-thumb:hover{
    background: #ffffff;
  }
  .speak-content-row-unit-content-text-inner::-webkit-scrollbar-thumb{
    background: #ffffff;
    border-radius: 6px;
  }
  .speak-content-row-unit-content-text-inner::-webkit-scrollbar-track{
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner::-webkit-scrollbar-thumb{
    background: #b564d9;
  }
  @-moz-document url-prefix() {
    .speak-content-row-unit-content-text-inner{
      scrollbar-width: thin;
      scrollbar-color: #ffffff transparent;
    }
    .speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner{
      scrollbar-color: #b564d9 transparent;
    }
  }
}
@media (max-width:767px){
  :root {
    --column-title-height: 10.9vw;
  }
  .MassSports-box .flex-between-left,.MassSports-box .flex-between-right{
    width:100%;
  }
  .MassSports-box .flex-between-right .common-column-list-unit-title{
    height:unset;
  }
  .Greaterthan1>div:first-of-type{
    padding-right:0;
  }
  .Greaterthan1>div{
    line-height:unset;
  }
  .water-shadow-inner-content{
    font-size: 3.73vw;
    line-height: 4.5vw;
  }
  .speak-box{
    padding-top:11vw;
  }
  .speak-content-row{
    justify-content:space-between;
    margin-top:6vw;
  }
  .speak-content-row-unit{
    margin-left:0;
    width:46.4vw;
  }
  .speak-content-row-unit-title-inner{
    font-size: 4.27vw;
    line-height: 7vw;
  }
  .speak-content-row:nth-child(2n) .speak-content-row-unit{
    margin-left:0;
  }
  .speak-content-row-unit-content-text{
    padding: 3vw 5px 3vw 15px;
  }
  .speak-content-row-unit-content-text-unit{
    font-size:3.73vw;
    line-height:4.5vw;
  }
  .speak-content-row-unit-content-text-inner{
    height:21vw;
  }
  .speak-content-row:nth-child(3){
    display:block;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-title{
    font-size: 4.27vw;
    padding: 0 2vw;
    line-height: 5.33vw;
    height: 13vw;
    border-radius: 12px;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit{
    margin-top:4vw;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit:first-of-type{
    margin-top:0;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-content-pic, .speak-content-row:nth-child(3) .speak-content-row-unit-content-text, .speak-content-row:nth-child(3) .speak-content-row-unit-content-text{
    border-radius: 12px;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner-text{
    border-radius: 12px 12px 0 0;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner{
    height: 49vw;
  }
  .speak-content-row-unit-title-inner{
    border-radius: 6px 6px 0 0;
  }
  .speak-content-row-unit-title-bg{
    border-radius: 6px 6px 0 0;
  }
  .speak-content-row-unit-content-pic{
    border-radius: 0px 12px 12px 12px;
  }
  .speak-content-row-unit-content-bg{
    border-radius: 0px 12px 12px 12px;
  }
  .speak-content-row-unit-content-text{
    border-radius: 0px 12px 12px 12px;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-content-text-inner-text{
    font-size: 3.73vw;
    line-height: 4.5vw;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit{
    width:100%;
  }
  .speak-content-row:nth-child(3) .speak-content-row-unit-content{
    margin-top: 3vw;
  }
  .report{
    margin-top:11vw;
    background-size: 250% auto;
    background-position: 0 0px;
    padding-bottom:11vw;
  }
  .focus-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
    margin-top: 6vw;
  }
  .information-content-row{
    display:block;
  }
  .information-content-unit{
    margin-top:4vw;
  }
  .information-content-row-unit{
    margin-top:4vw;
    display:block;
    width:100%;
  }
  .information-content-row-unit:nth-child(1){
    margin-top:0;
  }
  body .information-box .column-section{
    background-image:url(https://tkww-static.tkww.hk/special/15th-NationalGames/wap/information_bg.jpg);
  }
  .fourth-box .flex-between-left{
    width:100%;
  }
  .fourth-box .flex-between-right .common-column-list-ur .common-column-list-unit-content{
    padding: 2vw;
  }
  .news-list.common-column-list-ur .common-column-list-unit-img{
    width: 44.27vw;
  }
  .fourth-box .flex-between-right{
    width: 100%;
  }
  .third-box .flex-between-right{
    width:100%;
  }
  .view-list.common-column-list-ur .common-column-list-unit-title{
    -webkit-line-clamp: 1;
  }
  .view-list.common-column-list-ur .common-column-list-unit:nth-child(n+2) .common-column-list-unit-title{
    font-size: 3.73vw;
    line-height: 4.5vw;
  }
  .view-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit:first-of-type .common-column-list-unit-title{
    -webkit-line-clamp: 2;
  }
  .view-list.common-column-list-ur .common-column-list-unit-content{
    height: 8vw;
  }
  .information-right{
    right: -7%;
  }
  .information-left{
    left: -7%;
  }
  .information-left, .information-right{
    height: calc(23 / 68 * 100%);
    bottom: 50%;
    transform: translateY(92%);
  }
  .view-list.common-column-list-ur .common-column-list-unit:first-of-type .common-column-list-unit-content{
    height: 13vw;
  }
  .view-list.common-column-list-ur .common-column-list-unit{
    margin-top:4vw;
    width: 48%;
  }
  .column-title-link{
    right:0;
    font-size: 3.73vw;
    line-height: 3.73vw;
  }
  .style-list .common-column-list-unit-img{
    border-radius: 14px;
  }
  .view-list-is-empty .style-list .common-column-list-unit-img{
    width:44.27vw;
  }
  .style-list.common-column-list-col-1.common-column-list-ur .common-column-list-unit{
    margin-top: 4vw;
  }
  .third-box .flex-between-left{
    width: 100%;
  }
  .flex-between-right{
    margin-top: 11vw;
  }
  .second-box .flex-between-right{
    width: 100%;
  }
  .map-content{
    border-radius: 14px;
  }
  .map-content-top-title{
    font-size: 4.27vw;
  }
  .chart-container{
    height: 85.53vw;
  }
  .column-title-img{
    left: 50%;
    transform: translateX(-50%);
  }
  .second-box .flex-between-left{
    width:100%;
  }
  .medal-bg {
    filter: unset;
  }
  body .column-section{
    margin-top:7vw;
  }
  .medal-box{
    position: relative;
    width:100%;
    transform: scale(1);
    margin-top:11vw;
    left:0;
  }
  .medal-content-top{
    font-size: 3.73vw;
    height: 7vw;
    border: solid 2px #ffffff;
  }
  .medal-content{
    top: 32%;
    padding: 1px 0 1vw;
    border-radius: 0px 0px 19px 19px;
  }
  .medal-link {
    font-size: 3.2vw;
  }
  body .flex-between{
    margin-top: 11vw;
  }
  .medal-content-top-unit{
    margin-left: calc(61 / 711 * 100%);
  }
  .medal-list-unit-unit{
    font-size: 3.73vw;
  }
  .medal-list-unit-unit.nation{
    font-size: 3.2vw;
    line-height:3.7vw;
  }
  .medal-list-unit{
    height:8vw;
  }
  .swiper-box-right-unit{
    margin-top:0;
    margin-left:0;
    width:18%;
    border-radius: 7px;
  }
  .swiper-box-right-unit-active{
    border: solid 3px #04e593;
    border-radius: 0;
  }
  .swiper-box{
    margin-top:11vw;
    background-image: linear-gradient(to bottom, #47a3fe 80%, #ff3eea);
  }
  body .swiper-box-left{
    position: relative;
    width: 100%;
  }
  .swiper1-slide-inner-title{
    height:13vw;
  }
  .swiper1-slide-inner-title .common-column-list-unit-title{
    height: unset;
    -webkit-line-clamp: 2;
    font-size: 4.27vw;
    line-height: 5.33vw;
  }
  .swiper1-slide-inner-title{
    background-image:url(https://tkww-static.tkww.hk/special/15th-NationalGames/wap/swiper_bottom.png);
  }
  .swiper1-slide-inner-img{
    background-image: linear-gradient(175deg, 
		rgba(70, 163, 254, 1) 0%, 
		#47a3fe 100%);
  }
  .swiper-box-right{
    display: flex;
    justify-content:space-between;
    align-items:center;
  }
  .time-box{
    right:unset;
    left:0;
    bottom:5.87vw;
    transform: scale(0.4) translateX(-87%);
    transform-origin: 0 100%;
  }
  .time-box:hover {
    transform: scale(0.4) translateX(0%);
  }
  .time-left, .time-right{
    right: 0;
    transform: translate(50%, -50%);
    left: unset;
  }
  .countdown-15-text0{
    left:33%;
  }
  .countdown-15-text1{
    left:48%;
  }
  .countdown-15-text2{
    left: 64%;
  }
  .Greaterthan1>div:nth-child(n+2){
    display:none;
  }
  .Headlines .HeadlinesFirst-title{
    max-width:100%;
    font-size: 4.27vw;
    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;
  }
  .Headlines-right{
    left: 88%;
  }
  .Headlines-left{
    right: 88%;
  }
  .Headlines{
    width:85%;
    padding: 0vw 0 0 0;
    margin-top:0;
  }
  .HeadlinesFirst,.Greaterthan1{
    position:relative;
    z-index:99;
  }
  .Headlines-left, .Headlines-right{
    z-index:10;
    bottom: 10vw;
  }
  .water-shadow-inner-content{
    padding-bottom:7vw;
  }
  .water-shadow-inner-content-inner-unit-text{
    font-size:4.27vw;
    line-height:5.33vw;
  }
  .water-shadow-inner-content-inner-unit-text-unit,.water-shadow-inner-content-inner-unit-text{
    margin-top:4vw;
  }
  .water-shadow-inner-content-inner-unit{
    margin-top:7vw;
    display:block;
  }
  .water-shadow-inner-content-inner-unit-img{
    width:100%;
  }
  .water-shadow-inner-content-inner-unit-img-text{
    width:100%;
    font-size:3.73vw;
    margin:1vw auto 0;
    line-height:5vw;
  }
}